/*
CSS StyleGuide for www.steffen-lutz.de
written by meike lattermann – 2010
*/

* {
		margin:0;
		padding:0;
		}


html, body {
		height:100%;
		}


BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #727272;
}
#distance { 
		width:1px;
		height:50%;
		margin-bottom:-360px; /* half of container's height */
		float:left;
}

	
#container {
	margin:0 auto;
    position:relative; /* puts container in front of distance */
	width: 1024px;
	clear:left;
	height: 720px;
	text-align: left;
	z-index: 7;
	
}
#container-ref {
	margin:0 auto;
    position:relative; /* puts container in front of distance */
	width: 1024px;
	clear:left;
	height: 2530px;
	text-align: left;
	z-index: 7;
	
}	

#content {
	position:absolute;
	top:287px;
	width: 899px;
	left: 60px;
	height: 390px;
	font-size: 12px;
	text-align: justify;
	color: #3B3B3B;
	z-index: 15;
	line-height: 1.2;
}
#content-start {
	position:absolute;
	top:580px;
	width: 915px;
	left: 59px;
	height: 79px;
	font-size: 13px;
	text-align: justify;
	color: #3B3B3B;
	z-index: 15;
	font-weight: bold;
	line-height: 1.2;
}

#content-ref {
	position:absolute;
	top:120px;
	width: 929px;
	left: 59px;
	height: 879px;
	font-size: 12px;
	text-align: justify;
	color: #3B3B3B;
	z-index: 15;
	line-height: 1.2;
	border-top: 1px solid #ccc;
	padding-top: 8px;
}
#top {
	top:18px;
	left:59px;
	width:246px;
	height:15px;
	position:absolute;
	z-index: 19;
}	
#black {
	top:18px;
	left:959px;
	width:15px;
	height:15px;
	position:absolute;
	z-index: 18;
	text-align: right;
	}
#top-re {
	top:18px;
	left:660px;
	width:290px;
	height:15px;
	position:absolute;
	z-index: 18;
	text-align: right;
	}
		
#flash {
	position:absolute;
	top:39px;
	left:59px;
	width:915px;
	height: 281px;
	border-bottom:1px solid #666;
	z-index: 17;
	padding: 5px 0px;
	border-top: 1px solid #666;
}
#pic {
	position:absolute;
	top:39px;
	left:59px;
	width:915px;
	height: 170px;
	border-bottom:1px solid #666;
	z-index: 17;
	padding: 5px 0px;
	border-top: 1px solid #666;
}
#menu {
	
	width:970px;
	height:18px;
	position:absolute;
	font-size: 14px;
	font-weight: bold;
	z-index: 7;
	top: 230px;
	left:59px;
}
#menu-start {
	width:970px;
	height:17px;
	position:absolute;
	font-size: 14px;
	font-weight: bold;
	z-index: 7;
	top: 345px;
	left:59px;
}
#menu-ref {
	width:970px;
	height:17px;
	position:absolute;
	font-size: 14px;
	font-weight: bold;
	z-index: 7;
	top: 51px;
	left:59px;
}
#strich {
	width:970px;
	height:1px;
	position:absolute;
	border-top:1px solid #666;
	z-index: 7;
	top: 39px;
	left:59px;
}
#schoenh {
	left:758px;
	width:150px;
	height:146px;
	position:absolute;
	z-index: 8;
	top: 217px;
}
	

#footer {
	font-family:Arial, Helvetica, sans-serif;
	top:680px;
	left:59px;
	width:915px;
	height:18px;
	position:absolute;
	border-bottom: 1px solid;
	font-size: 10px;
	font-weight: bold;
	z-index: 16;
}	
.style1 {color: #850300}

#img{
	padding:3px;
	border:1px solid #ccc;
	}
#link {
	top:2470px;
	left:862px;
	width:116px;
	height:18px;
	position:absolute;
	z-index: 16;
	font-size: 12px;
}