/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
	  - - - - - - - - - - - - - - - - - - - - - - - - - 
	  @ www.kleegraefe-baugrund-umwelt.de
	  - - - - - - - - - - - - - - - - - - - - - - - - - 
	  
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	technik@concept-id.de
      Website:	www.concept-id.net

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body {
	background:url(../_gfx/master_bg.png) repeat-x center top #fff;
	font-size:0.75em;
	font-family:arial, sans-serif;
	color:#545236;
    margin:auto;
    text-align:center;
}

a, a:link {
	color:#0099da;
	text-decoration:none;
}

a:visited {
	color:#0099da;
	text-decoration:none;
}

a:focus, a:hover, a:active {
	color:#0099da;
	cursor:pointer;
   text-decoration:underline;
}


#wrapper {
 	margin:21px auto 0 auto;
	width:920px;
   	text-align:left;
   	min-height:536px;
   	height:auto !important;  /* für moderne Browser */
	height:536px;  /*für den IE */
}

#con_border_top {
	width:100%;
	background:url(../_gfx/con_border-top.png) no-repeat left top;
	behavior:url(iepngfix.htc);
	float:left;
}

#con_border_left {
	width:100%;
	background:url(../_gfx/con_border-left.png) no-repeat left 10px;
	behavior:url(iepngfix.htc);
	float:left;
}

#con_border_right {
	width:100%;
	background:url(../_gfx/con_border-right.png) no-repeat right 10px;
	behavior:url(iepngfix.htc);
	float:left;
}

#content {
	width:900px;
	margin:10px 0 0 10px;
	background:#fff;
	display:inline;
	float:left;
	min-height:536px;
   	height:auto !important;  /* für moderne Browser */
	height:536px;  /*für den IE */
}

#topper {
	width:100%;
	height:116px;
	float:left;
}

#topper h1 {
	width:163px;
	height:105px;
	margin:10px 0 0 10px;
	float:left;
	background:url(../_gfx/kleegraefe_logo.gif) no-repeat left top;
	display:inline;
	border-bottom:1px solid #dee7d6;
}

#topper h1 span { display:none; }
#topper h1 a,
#topper h1 a:hover {
	width:100%;
	height:100%;
	dipslay:block;
	float:left;
}

#topperNav {
	float:left;
	width:371px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	margin:57px 0 0 10px;
}

#topperNav span { display:none; }

#topperNav li {
	width:361px;
	height:23px;
	margin:4px 0 3px 4px;
}

#topperNav a,
#topperNav a:hover {
	width:100%;
	height:100%;
	display:block;
	float:left;
}



.baugrundBT { background:url(../_gfx/topperNav_baugrundBT.gif) no-repeat left top; }
.umweltanalytikBT { background:url(../_gfx/topperNav_umweltanalytikBT.gif) no-repeat left top; }
.umwelttechnikBT { background:url(../_gfx/topperNav_umwelttechnikBT.gif) no-repeat left top; }

.laborBT { background:url(../_gfx/topperNav_laborBT.gif) no-repeat left top; }
.geotechnikBT { background:url(../_gfx/topperNav_geotechnikBT.gif) no-repeat left top; }

a:hover.baugrundBT,
a:hover.umweltanalytikBT,
a:hover.umwelttechnikBT { background-position:left bottom; }


#navi {
	height:35px;
	width:100%;
	margin:10px 0 0 0;
	float:left;
	background:url(../_gfx/navigation_bg.gif) repeat-x left top;
	display:inline;
}

#navi li {
	float:left;
	line-height:35px;
	margin:0 15px 0 20px;
	height:35px;
}


#navi a,
#navi a:hover {
	display:block;
	height:35px;
}

#navi a:hover {	
	cursor:pointer; 
	background-position:left bottom;
}

#navi span { display:none; }

#navi a.startseite { background-image:url(../_gfx/nav_startseiteBT.gif); width:56px; }
/*#navi a.leistungen { background-image:url(../_gfx/nav_leistungenBT.gif); width:62px; } */
#navi a.unternehmen { background-image:url(../_gfx/nav_unternehmenBT.gif); width:77px; }
#navi a.geo { background-image:url(../_gfx/nav_geotechnik.gif); width:65px; }
#navi a.umwelt { background-image:url(../_gfx/nav_umwelt.gif); width:45px; }
#navi a.hydrogeo { background-image:url(../_gfx/nav_hydro.gif); width:84px; }
/*#navi a.equipment { background-image:url(../_gfx/nav_equipmentBT.gif); width:62px; }*/
#navi a.referenzen { background-image:url(../_gfx/nav_referenzenBT.gif); width:63px; }
#navi a.kontakt { background-image:url(../_gfx/nav_kontaktBT.gif); width:44px; }

#navi a#akt,
#navi a:hover#akt { background-position:left bottom;  }


#mod_images {
	border-bottom:1px solid #e3e3e3;
	width:100%;
	float:left;
}

#mod_images ul li {
	float:left;
	padding:10px;
	line-height:0;
}

#mod_images .sep {
	background:url(../_gfx/sep.gif) repeat-y center top #e3e3e3;
	height:152px;
	width:1px;
	padding:0;
	line-height:0;
}

#kontakt {
	height:147px;
	width:540px;
	margin:20px 0 0 10px;
	float:left;
}

#kontakt li {
	float:left;
	margin-right:50px;
	height:147px;
}

.loading {
	background:url(../_gfx/loader.gif) no-repeat center center;
	height:147px;
	padding:10px;
	line-height:0;
}

.mainConCol {
	width:622px;
	float:left;
	margin:20px 0 0 10px;
}

.teaserCol {
	width:235px;
	float:right;
	margin:20px 10px 0 0;
}

#refere_mainConCol {
	width:895px;
}


#footer {
	font-size:0.82em;
	color:#a0a0a0;
	border-top:1px solid #e3e3e3;
	margin:30px 10px 20px 10px;
	padding:5px;
}

#footer a,
#footer a:hover { color:#a0a0a0; }

#footer a { text-decoration:underline; }

#footer ul li {
	float:left;
	margin:0 10px 0 0;
}

.clr {
	clear:both;
	display:block;
}