body
{
	margin: 0;
	padding: 0;
	font: 100.01%/1.1 'Trebuchet MS', sans-serif;
	text-align: center;
}

#distance
{
	width: 1px;
	height: 50%;
	margin-bottom: -16em;
	/* Haelfte der #container Hoehe -  half of container's height */
	float: left;
}

body, #distance { background: #EAEACC; }

#container
{
	margin: 0 auto;
	position: relative;
	/* setzt #container vor #distance - puts container in front of distance */
	height: 80%;
	clear: left;
}

#container, #container a, #container a:link { background: #EAEACC !important; }
.mitte { margin: 0 auto; }

.boxholder, .imgbig
{
	position: relative;
	width: 100%;
	padding: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
}

/*.imgbig p:first-line(margin-top: 1em;)*/

.imgbig p, .imgbig p a, .imgbig p a:link
{
	text-align: center;
	margin: 1em auto;
	padding-bottom: 0.5em;
	font-size: 85%;
}

.imgbig p img
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #DDD;
	max-width: 58em !important;
	position: relative;
}

/* ###########  Links  ##############  */
.bildlink, a.bildlink, a:link.bildlink, a:hover.bildlink, .box a.bildlink
{
	text-decoration: none;
	border: 0 none;
	background: transparent;
}

a, a:link
{
	color: #633;
	font-weight: bold;
	text-decoration: none;
	padding: 0 2px;
}

a:visited { color: #330; }

a:hover
{
	color: #960;
	background: #FFF;
}

a:active { color: #330; }

a:active
{
	text-decoration: none !important;
	border: 0 none !important;
}