/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

h1 {
	font-size:18px;
}

p,li,address{
	font-size:12px;
}

address{
	font-style:normal;
}


#kopf{
	

}

#kopf #logo{
	float:left;
	margin-right:20px;
}

#kopf h1 {
	color: #666666;
	font-size: 30px;
	display:inline;
}

#kopf h1 span {
	
	font-size: 14px;
	
}


#navigation {
	margin-top:20px;
	font-size:12px;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0; 
}

#navigation li{
	padding:0;
	margin:5px 0;
	clear:both;
}


#navigation li a{
	
	float:left;
	padding:2px;
	width:10em;
	border-top:1px solid white;
	
	border-left:5px solid white;
	height:15px;
}

#navigation li a:hover{
	color:black;
	border-left:5px solid with;
}





#content {
	position:absolute;
	left:139px;
	top:80px;
	width:830px;
	height:242px;
	z-index:1;
	background-color: #CCCCCC;
	
}

#contact,#referenzen{
    position:absolute;
	left:139px;
	top:80px;
	width:830px;
	height:242px;
	z-index:1;	
}

#content img{
	
}
#contentaustausch {
	position:absolute;
	left:139px;
	top:356px;
	width:832px;
	height:172px;
	z-index:2;
	background-color: #99FFFF;
	
}

#contentberatung, #contentplanung, #contentausfuehrung{
	display:none;
	position:absolute;
	left:139px;
	top:350px;
	width:822px;
/*
	border:1px solid gray;
	background-color:#dedede;
*/
	background-color:white;
	padding:5px;
}

.beratungClick, .planungClick, .ausfuehrungClick{
	cursor:pointer;
}

.highlight{
	color:black !important;
}

#karte{
	position:absolute;
	left:250px;
	top:10px;
	width:430px;

}

#karte iframe  {
		border:1px solid gray !important;
}