* {
	margin:0;
	padding:0;
	border:none;
	}

html, body {
	height:100%;
	}



body {
	background:url(../images/layout/bg-haupt.jpg) no-repeat 50% 50% #ffffff;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt; 
	color: #4a4a4a;
	letter-spacing:0.05em;
	text-align:center;		/* horizontal centering for IE Win quirks */
	
	scrollbar-arrow-color: #4a4a4a;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-highlight-color: #4a4a4a;
	scrollbar-face-color: #cccccc;
	scrollbar-shadow-color: #4a4a4a;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	
	}
	
	
a:link, a:visited, a:active, a:hover { 
	color: #4a4a4a;
	font-size: 8pt; 	
	letter-spacing:0.05em; 
  	font-weight: normal;
  	text-decoration: none;
  	}
  	

a:hover { 
  	text-decoration: underline;
  	} 	
	
p { 
  	margin-bottom:15px;
  	} 		

/* --- ALLGEMEIN --- */


#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-230px; 		/* half of container's height */
	float:left;
	}
	
#content {
	background:url(../images/layout/bg-profil.jpg) no-repeat;
	text-align:left;
	clear:left;	
	
	width:875px;
	height: 460px;
	margin:0px auto;

	border: 0px solid #000000;

	visibility: visible; 
	overflow: hidden;
	position:relative;		/* puts container in front of distance */
	
	z-index:1; 	
}


#logo {
	background:transparent;
	text-align:left;
	
	width:875px;
	height: 30px;
	margin-top:10px;	

	border: 0px solid #000000;

	visibility: visible; 
	overflow: hidden;
	position:relative;
}


/* --- EBENEN --- */

#inhalt {	
	text-align:left;
	height: 276px;
	margin-top:48px;	
	border: 0px solid #000000;
	visibility: visible; 
	overflow: hidden;
	position:relative;
}


#profil {	
	margin-top:60px;	
	border: 0px solid #000000;
	visibility: visible; 
	margin-left:330px;
	width:500px;
}



#leistung {
	text-align:left;
	color: #ffffff;
	height: 190px;
	margin-top:80px;	
	border: 0px solid #000000;	
	visibility: visible; 
	overflow: visible;
	position:relative;

}

#leistung h1 {
	font:  9pt verdana, arial, georgia, sans-serif;
	letter-spacing:0.05em;
	font-weight:bold;
	margin-bottom:5px;
}

#leistung1 {
	text-align:left;
	float:left;
	width:auto;
	height: 190px;
	margin-left:40px;
	visibility: visible; 
	overflow: hidden;
	position:relative;
}

#leistung2 {
	text-align:left;
	float:left;
	width:auto;
	height: 190px;
	margin-left:60px;
	visibility: visible; 
	overflow: hidden;
	position:relative;
}


#leistung3 {
	float:left;
	width:auto;
	height: 190px;
	margin-left:60px;
	visibility: visible; 
	overflow: hidden;
	position:relative;
}

#kontakt {	
	width:500px;
	margin-top:30px;	
	margin-left:40px;
	visibility: visible; 
	overflow: auto;
	position:relative;
}


#referenzen {	
	text-align:left;
	float: left;
	width:341px;
	margin-top:55px;	
	margin-left:300px;
	margin-right:10px;
	border: 0px solid #ffffff;
	visibility: visible; 
	overflow: hidden;
	position:relative;
}


#reflist {
	background:#cccccc;
	text-align:left;
	width:210px;
	height:244px;	
	margin-top:10px;
	padding: 0;
	border: 1px solid #cccccc;
	visibility: visible; 
	overflow: auto;
	position:relative;
}


#reflist ul{
	background-color : transparent;
	margin: 10px 2px 0px 10px;
	display: block; 
	list-style:none; 
}

#reflist ul li{
	display:none;
	margin-bottom:2px;
}

#reflist li a, #reflist li a:link, #reflist li a:visited, #reflist li a:active, #reflist li a:hover {
	font:  7pt verdana, arial, georgia, sans-serif;
	color: #4a4a4a;
	letter-spacing:0.05em; 
  	font-weight: normal;
  	text-decoration: none;
	text-align: left;
}


#reflist li a:hover { 
	color: #b80409;
}	

#reflist li a.an, #reflist li a.an:link, #reflist li a.an:visited, #reflist li a.an:active, #reflist li a.an:hover {
	color: #b80409;
}	


#refsub {
	margin:0px 12px 0 0;
	height:18px;
	font-size: 7pt; 	
	text-align:right;
	border:0px solid #000000;
}

#refsub a:link, #refsub a:visited, #refsub a:active, #refsub a:hover { 
	color: #4a4a4a;
	font-size: 7pt; 	
	letter-spacing:0.05em; 
  	font-weight: normal;
  	text-decoration: none;
	padding:1px 2px 1px 2px;
	border:0px solid #999999;
  	}
  	

#refsub a:hover { 
	background:#cccccc;
	border:0px solid #999999;
 	} 	


#refsub a.an:link, #refsub a.an:visited, #refsub a.an:active, #refsub a.an:hover { 
	background:#cccccc;
	border:0px solid #999999;
  	} 	

/* --- NAVI --- */

#subnavi {
	background:transparent;
	text-align:left;
	
	width:190px;
	height: 25px;
	margin-top:2px;	
	margin-left:355px;

	border: 0px solid #000000;

	visibility: visible; 
	overflow: hidden;
	position:relative;
	
}



#navi {
	background:transparent;
	text-align:right;
	clear: both;
	height:25px;
	margin-top:15px;
	margin-right:1px;
	border: 0px solid #000000;
	visibility: visible; 
	overflow: hidden;
	position:relative;
	
}


#navi ul li{
	background-color : transparent;
	margin-left: 40px;
	display: inline; 
	list-style:none; 
}

#navi li a, #navi li a:link, #navi li a:visited, #navi li a:active, #navi li a:hover {
	font:  9pt verdana, arial, georgia, sans-serif;
	letter-spacing:0.05em;
	color: #4a4a4a;
	text-decoration: none; 
	text-align: left;
	font-weight: bold;
}


#navi li a:hover { 
	color: #b80409;
}