/*
Theme Name: Dr. Loeffler / Contentbereich
Theme URI: http://www.evolutionszubehoer.de
Version: 2.0
Description: Theme für www.drloeffler.de
Author: Armin Hempel
Author URI: http://www.evolutionszubehoer.de
*/



/* Alles resetten */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* custom resets */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 0em;}

ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }
a:focus { outline: none;}

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
font : normal 12px/1.6em Helvetica , Arial, Georgia, sans-serif;
color : #000;
margin : 0;
padding : 0px;
background:#ccc url(../img/bg.gif) repeat-y; border:none;
height:100%; 
}



.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	height:100%;
	width:1000px;
}

/* ### Header ##################################################################### */

#wrapper {
postion: absolute;
margin: 0;
width:1000px;


}


#oberheader {
background:#fff url(../img/header.jpg);
padding:0px;
width:1000px;
height:145px;


}


#oberheader_english {
background:#fff url(../img/header.gif);
padding:0px;
width:1000px;
height:145px;


}

#whitespacemenu {
float :left;
background:#fff;
padding:0px;
width:215px;
height:38px;
}

#hauptmenu {
float :left;
background:#68a41c;
padding-top:12px;
padding-left:5px;
width:780px;
height:26px;


}


#active_menu_haupt{
font:  bold 13px Trebuchet, sans-serif;
color :#ffffff;
text-decoration : none;
border=0;
}



#nav-header a{
font:  bold 13px Trebuchet, sans-serif;
text-decoration : none;
display:inline;
}

#nav-header ul li {
display:inline;

padding:6px;

}
#nav-header a {
color :#003d7d;
}

#nav-header a.current, 
#nav-header a.current:link {
	
	color:#ffffff;
	}

/* ### Seitenmenu ############################################################# */
#seitenmenu_drin {
float:left;
background-color:#003d7d;
width:1000px;
height:100%;
}

#seitenmenu {
padding-top: 0px;
padding-bottom: 0px;
float:left;
width:215px;
height: 100%;
}

#sprachwahl {
width: 188px;
height: 40px;
float:left;
padding-top: 7px;
padding-left:27px;
border-top:  1px solid white;
}




#seitenmenu a {

font : normal 13px/1.6em Verdana, Helvetica , Arial, Georgia, sans-serif;
color: #ffffff;
line-height: 30px;
padding-left: 15px;
display:block;
}


#sprachwahl a {

font : normal 13px/1.6em Verdana, Helvetica , Arial, Georgia, sans-serif;
color: #ffffff;
padding-left: 0px;
display:inline;
}


#navheight_horiz_vert {
float:left;

}


#allesdrin {
min-height: 800px;
}

ul.nav1st li {
height: 0px;
line-height: 0px;
padding: 0px;
margin: 0px;
}

ul.nav2nd li
{

background:#003d7d;
padding-left:0px;
width:215px;
height:31px;

float :left;
}

ul.nav2nd li:hover
{
background: url(../img/active_bg.gif) repeat-x;
padding:0px;
width:215px;
height:31px;

float :left;
}

ul.nav2nd li.active a{

background: url(../img/active_bg.gif) repeat-x;
height:31px;
float :left;
width:200px;

}

ul.nav2nd li.active a:hover{

}


ul.nav2nd li.nav3rd 
{
padding-left:11px;
width:204px;
}

ul.nav2nd li.nav3rd:hover 
{
padding-left:11px;
background: none;
background: url(../img/active_bg.gif) repeat-x;
}

ul.nav2nd li.nav3rd_active {
padding-left:11px;
background: url(../img/active_bg.gif) repeat-x;
width:204px;
}

ul.nav2nd li.nav3rd_active {
width:204px;
padding-left:11px;
background: none;
background: url(../img/active_bg.gif) repeat-x;
}




/* ### Content ############################################################## */

#mitte {
padding: 0px;
float :left;
width:785px;
border-top: 1px solid white;
}

#textcontainer {

margin-left:0px;
margin-top:0px;
float: left;
background:#fff;
padding-right:30px;
padding-left:30px;
padding-top:45px;
padding-bottom:45px;
width:330px;
min-height:330px;
border-top: 1px solid white;
color: #003d7d;
}

* html #textcontainer {  /* nur fuer Internet Explorer */
  height:330px;     /* Version 5.x */
  height:330px;    /* Version 6 */
}

.team p { 
text-align : left;
font: normal 12px/1.5em Verdana, Helvetica , Arial, Georgia, sans-serif;
line-height: 15px;
padding: 0px;
color: #003d7d;
border: 0;
border-spacing:0;
border-collapse:collapse;
margin-left: 0px;
} 


.team a { 
color : #003d7d;
text-decoration : underline;
font-weight : normal;
} 

.team h1 {
font: normal 26px/2em Trebuchet, sans-serif;
letter-spacing: 1px;
color: #003d7d;
line-height: 33px;

}

.team h2 {
margin-top: -10px;
font: normal 18px/1.7em Trebuchet, sans-serif;
letter-spacing: 1px;
color: #003d7d;
line-height: 20px;

}

.team h4 {
font : bold 12px/1.5em Verdana, Helvetica , Arial, Georgia, sans-serif;
color: #003d7d;
line-height:13px;
margin-bottom: 10px;
}

.team li {
background-color: #ffffff;
font : normal 12px/1.5em Verdana, Helvetica , Arial, Georgia, sans-serif;
color: #003d7d;
line-height: 14px;
padding-bottom:10px;
margin-left:11px;
}

.team ul {
padding:0;
margin:0 0 0 7px;
list-style:disc;
}




.kartenueberschrift {
text-align : left;
font : bold 11px/1.5em Verdana, Helvetica , Arial, Georgia, sans-serif;
line-height: 15px;
padding: 0px;
color : #003d7d;
border: 0;
border-spacing:0;
border-collapse:collapse;
text-indent:-12px;
	}

.kartenueberschrift_2 {
text-align : left;
font : bold 11px/1.5em Verdana, Helvetica , Arial, Georgia, sans-serif;
line-height: 15px;
padding: 0px;
color : #003d7d;
border: 0;
border-spacing:0;
border-collapse:collapse;
text-indent:-20px;
	}









/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	margin-top: 20px;
	float:right;
	width:810px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:630px;
	color: #000;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
}

#footer p {
	padding: 20px 0;
	color:#c4c4c4;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#c4c4c4;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: none;
	background:inherit;
}



/* ### Anpassungen DRL ################################# */



#aktuelles {
float:left;
background:#003d7d url(../img/aktuelles.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}


#asphalt {
float:left;
background:#003d7d url(../img/asphalt.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#baustoffpruefung {
float:left;
background:#003d7d url(../img/baustoffpruefung.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#beton {
float:left;
background:#003d7d url(../img/beton.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#boden {
float:left;
background:#003d7d url(../img/boden.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#bohrkerne {
float:left;
background:#003d7d url(../img/bohrkerne.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#bunsenbrenner {
float:left;
background:#003d7d url(../img/bunsenbrenner.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#chemische_analytik{
float:left;
background:#003d7d url(../img/chemische_analytik.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#griff{
float:left;
background:#003d7d url(../img/griff.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#griffigkeit{
float:left;
background:#003d7d url(../img/griffigkeit.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#gruppenbild {
float:left;
background:#003d7d url(../img/gruppenbild.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#handschuhe{
float:left;
background:#003d7d url(../img/handschuhe.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}


#impressum {
float:left;
background:#003d7d url(../img/impressum.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#ingenieurdienst{
float:left;
background:#003d7d url(../img/ingenieurdienst.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#karte {
float:left;
background:#003d7d url(../img/karte.gif);
border-bottom: 1px solid white;
width:395px;
height:518px;
}

#kompetenz{
float:left;
background:#003d7d url(../img/kompetenz.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#laborprobe{
float:left;
background:#003d7d url(../img/laborprobe.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#map {
float:left;
background:#003d7d url(../img/map.gif);
border-bottom: 1px solid white;
width:395px;
height:518px;
}


#mineralstoffe{
float:left;
background:#003d7d url(../img/mineralstoffe.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#miniskm{
float:left;
background:#003d7d url(../img/miniskm.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}


#mixer{
float:left;
background:#003d7d url(../img/mixer.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#proben {
float:left;
background:#003d7d url(../img/proben.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#pruefdruck {
float:left;
background:#003d7d url(../img/pruefdruck.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#regal{
float:left;
background:#003d7d url(../img/regal.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#strasse{
float:left;
background:#003d7d url(../img/strasse.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#telefon{
float:left;
background:#003d7d url(../img/telefon.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#umwelt{
float:left;
background:#003d7d url(../img/umwelt.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#zulassungen {
float:left;
background:#003d7d url(../img/zulassungen.jpg);
border-bottom: 1px solid white;
width:395px;
height:330px;
}

#rechts {
float :left;
background:#003d7d;
padding:0px;
width:390px;
height:330px;
border-top: 1px solid white;

}

#akkred {
padding-top: 20px;
padding-left: 415px;
font-size: 13px;

}