@charset "ISO-8859-1";
/* CSS Document */

*{
   	font-size:1em; 
   	margin:0; 
   	padding:0;
   	border:0;
}

body{
   	font: 16px Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;   
   	background: #e9e9e9 url(../grfx/bg_w.gif) repeat-x top left;
   	margin:0; 
   	padding:0 0 50px 0; 
}

img { border:none; }

/*
div img { behavior: url("http://127.0.0.1/xampp/homep ages/2009/www.luehr.de/htdocs/css/iepngfix.htc") }
 */
ul,li{
	margin:0; 
   	padding:0;
   	border:0;
}

#wrap{
	width:  912px;
	position: absolute;
	margin-left: -456px;
	left    : 50%;
	
	padding:0 0 0 0; 	
	height:100%;
}


/* header */
#header { width: 912px; margin: 0 auto; position: relative; z-index: 9998; }

/* FLAG */
#header #flag  {
	position:absolute;
	top: 10px;
	left: 890px;
	
	width: 20px;
	height: 13px;
	
	margin: 0;
	padding: 0;
	z-index: 30;
}

/* WORT- UND BILDMARKE */
#header #bildmarke {
	position:absolute;
	top: 37px;
	left: 48px;
	
	width: 65px;
	height: 65px;
	
	margin: 0;
	padding: 0;
	z-index: 20;

}

#header #wortmarke {
	position: absolute;
	top: 46px;
	left: 656px;
	
	width: 200px;
	height: 44px;
	
	margin: 0;
	padding: 0;
	z-index: 22;

}

.clrfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* NAV */
#header #nav { margin: 0; padding: 142px 0 0 0;}
#header #nav li { display: inline; float:left;}
#header #nav li a { float: left; width: 152px; height: 0; padding-top: 40px; overflow: hidden; }
#header #nav li a { background-image: url(../grfx/nav.gif); background-repeat: no-repeat; }


/* BUTTONS */
#header #nav li#nav_home a { background-position: 0 0; }
#header #nav li#nav_profil a { background-position: -152px 0; }
#header #nav li#nav_leistungen a { background-position: -304px 0; }
#header #nav li#nav_maschinen a { background-position: -456px 0; }
#header #nav li#nav_referenzen a { background-position: -608px 0; }
#header #nav li#nav_kontakt a { background-position: -760px 0; }

/* OVER STATES */
#header #nav li#nav_home a:hover { background-position: 0 -40px; }
#header #nav li#nav_profil a:hover { background-position: -152px -40px; }
#header #nav li#nav_leistungen a:hover { background-position: -304px -40px; }
#header #nav li#nav_maschinen a:hover { background-position: -456px -40px; }
#header #nav li#nav_referenzen a:hover { background-position: -608px -40px; }
#header #nav li#nav_kontakt a:hover { background-position: -760px -40px; }

/* PRESSED STATES */
#header #nav li#nav_home a:active { background-position: 0 -80px; }
#header #nav li#nav_profil a:active { background-position: -152px -80px; }
#header #nav li#nav_leistungen a:active { background-position: -304px -80px; }
#header #nav li#nav_maschinen a:active { background-position: -456px -80px; }
#header #nav li#nav_referenzen a:active { background-position: -608px -80px; }
#header #nav li#nav_kontakt a:active { background-position: -760px -80px; }

/* ON STATES */
#header.home #nav li#nav_home a { background-position: 0 -120px; cursor: default; }
#header.profil #nav li#nav_profil a { background-position: -152px -120px !important; }
#header.leistungen #nav li#nav_leistungen a { background-position: -304px -120px !important; }
#header.maschinen #nav li#nav_maschinen a { background-position: -456px -120px !important; }
#header.referenzen #nav li#nav_referenzen a { background-position: -608px -120px !important; }
#header.kontakt #nav li#nav_kontakt a { background-position: -760px -120px !important; }



#blueTeaserBoxFlash{
	width: 911px;
	height: 340px;
	padding: 0;
	background-color:#004186;	
}

#blueTeaserBox{
	width: 911px;
	height: 300px;
	padding: 0;
	background-color:#004186;	
}

#blueTeaserBoxText{
	width: 520px;
	margin: 0;
	padding: 42px 0 0 56px;
}



#blueTeaserBox h1{
	margin: 0 0 16px 0;
	font-size:18px;
	color:#00B4DC;	
}

#blueTeaserBox p.copy{
	margin: 0;
	font-size:16px;
	color:#FFF;
	line-height: 24px;
	
}

/* NEU */

p a{
	color:#00a7d7;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;	
}


/* NEU ENDE */

p.copy a{
		color:#00a7d7;
		text-decoration:none;
}

p.copy a:hover{
	text-decoration:underline;	
}

#blueTeaserBox p.footer{
	margin: 65px 0 0 0;
	font-size:11px;	
	color:#FFF;	
	line-height: 16px;
}

#blueTeaserBoxPic{
	position:absolute;
	z-index: 1000;
	width: 260px;
	height: 335px;
	top: 143px;
	left: 0px;

}

#blueTeaserBoxPic_Referenzen{
	position:absolute;
	z-index: 1000;
	width: 340px;
	height: 242px;
	top: 143px;
	left: 0px;
}

#blueTeaserBoxPic_Maschinen{
	position:absolute;
	z-index: 1000;
	width: 340px;
	height: 242px;
	top: 143px;
	left: 0px;
}

#blueTeaserBoxPic_Leistungen{
	position:absolute;
	z-index: 1000;
	width: 500px;
	height: 339px;
	top: 182px;
	left: 0px;
}

#blueTeaserBoxPic_Flash{
	position:absolute;
	z-index: 1000;
	width: 911px;
	height: 340px;
	top: 182px;
	left: 0px;
}

#blueTeaserBoxPic_Profil{
	position:absolute;
	z-index: 1000;
	width: 500px;
	height: 339px;
	top: 143px;
	left: 0px;
}

#blueTeaserBoxPic_Kontakt{
	position:absolute;
	z-index: 1000;
	width: 340px;
	height: 242px;
	top: 258px;
	left: 532px;
	color:#ffffff;
	
}



#blueTeaserBoxPic_Kontakt p{
	font-size:12px !important;	
	color:#ffffff !important;
	line-height:14px;
}

#blueTeaserBoxPic_Kontakt a{
	color:#00A7D7;
	text-decoration:none;	
}

#blueTeaserBoxPic_Kontakt a:hover{
	color:#00A7D7;
	text-decoration:underline;	
}





#content{
	clear:both;
	width:911px;
	/*background-color:#F5F5F5;*/
	background:#f5f5f5;
	padding:0;
	
}

.contHeadline{
	margin: 0 0 0 -4px;
}


.contWrapper{
	float:left;
	width:856px;
	padding: 0 0 0 55px;
	
}

#dreierBlockWrapper{
	
}


#dreierBlockWrapper .block{
	float:left;
	width: 236px;
	margin: 25px 47px 0 0;
}

.contWrapper h3{
	font-size: 16px;
	font-weight:bold;
	color:#909090;
}

.contWrapper p{
	font-size: 12px;
	line-height: 18px;
	margin: 13px 0 0 0;
	color:#909090;
	text-align:left;
}


a.anfahrt{
	display:block;
	width:66px;
	height:20px;
	background: url('../grfx/kontakt/anfahrt.gif') no-repeat 0px 0px;	
}

a.anfahrt:hover{
	display:block;
	width:66px;
	height:20px;
	background: url('../grfx/kontakt/anfahrt.gif') no-repeat 0px -20px;	
}


.block .mehr,
.block .mehr a,
.block .mehr a:visited{
	width: 46px;
	height: 20px;
    background: url(../grfx/mehr.gif) no-repeat left 0px;  
	display:block;
	line-height:999px;
	overflow:hidden;
}

.block .mehr a:hover,
.block .mehr a:visited{
    background: url(../grfx/mehr.gif) no-repeat left -20px;  
}

.blockTxtWrapper {
	margin: 0 0 25px 0;	
}

.trenner{
	clear: both;
	padding: 50px 0 30px 0;	
}



#zweierBlockWrapper{
	
}


#zweierBlockWrapper .blockLeft{
	float:left;
	width: 518px;
	margin: 25px 48px 0 0;
}


#zweierBlockWrapper .blockRight{
	float:left;
	width: 236px;
	margin: 25px 0 0 0;
}

		  
#zweierBlockWrapper .blockRight input.text_bgImage_small {
	width: 225px; /* 90px + 2*5px = 100px, entspricht Grafikbreite */
	height: 24px; /* entspricht Grafikhöhe */
	background: url("../grfx/home/input_bg_small.gif"); /* Hintergrundgrafik */
	border: none; /* Elementrahmen deaktivieren */
	padding: 0 5px 0 5px; /* Innenabstand oben - rechts - unten - links */
	margin: 10px 0 0 0;
} 


#zweierBlockWrapper .blockRight textarea.text_bgImage_big {
	width: 225px; /* 90px + 2*5px = 100px, entspricht Grafikbreite */
	height: 114px; /* entspricht Grafikhöhe */
	background: url("../grfx/home/input_bg_big.gif"); /* Hintergrundgrafik */
	border: none; /* Elementrahmen deaktivieren */
	padding: 5px; /* Innenabstand oben - rechts - unten - links */
	margin: 10px 0 0 0;
}


.kontaktStartseite{
	margin: 8px 0 0 0;
	
}

#submitButton{
	margin: 25px 0 0 0;
	
	cursor:pointer;       /* Give it the hand cursor, like a link */
	overflow:hidden;      /* Hide the overflow */
	width:89px;
	height:20px;
	
	display:block;
	width:89px;
	height:20px;
}

#submitButton:hover input:hover{
	margin-top:-20px;
}











textarea, input{
   	font: 16px Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;   
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
}







#footer{
	width: 911px;
	height: 182px;
	background-color:#004186;
	margin: 110px 0 0 0;
}

.footerNavWrapper{
	padding: 36px 0 0 34px;
}

#footer .footerNav { 
	list-style:none;
	display: inline;
	margin: 0;
	padding: 0;
}

#footer .footerNav li a, #footer .footerNav li a:visited  { 
	margin: 0 0 0 20px;
	font: 13px Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;   
	color: #00A7D7;
	line-height: 18px;
	float:left;
	text-decoration:none;
}

#footer .footerNav li.active a, #footer .footerNav li.active a:visited  { 
	color: #FFF;
	
}


#footer .footerNav li a:hover, #footer .footerNav li a:active { 
	color: #FFF;
}

#footer .footerAdressWrapper{
	float:right;
	padding-right: 91px;
	width: 205px;
}

#footer .footerAdressWrapper p{
	font: 11px Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
	color:#FFF;
	line-height: 16px;
	margin: 0 0 10px 0;	
}

#footer .footerAdressWrapper p a, 
#footer .footerAdressWrapper p a:visited {
	font: 11px Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
	color:#00A7D7;
	text-decoration:none;
	line-height: 16px;
	margin: 0 0 10px 0;
	
}

#footer .footerAdressWrapper p a:hover, 
#footer .footerAdressWrapper p a:active {
	color:#FFF;
	text-decoration:none;
	
}

/* meins */

#footer li{
	float:left;	
}

/* meins */






#dreierBlockWrapper .ref_block{
	float:left;
	width: 241px;
	margin: 25px 39px 18px 0;
}

.contWrapper .ref_block h3{
	font-size: 16px;
	font-weight:bold;
	color:#909090;
	margin: 18px 0 0 0;
}

.contWrapper .ref_block p{
	font-size: 12px;
	line-height: 18px;
	margin: 5px 0 0 0;
	color:#909090;
	text-align:left;
}

.singleTxtBlockHeadline{
	margin: 20px 0 0 -4px;	
}

#singleTxtBlockWrapper{
	width: 800px;
	margin: 30px 0 0 0;
}


#singleTxtBlockWrapper h3{
	margin: 35px 0 12px 0;
	font-size:13px;
	font-weight:bold;
}

#singleTxtBlockWrapper p{
	margin: 0 0 10px 0;	
	
}


/* LEISTUNGEN */

.leistungenAufzaehlung, .ansprechpartnerAufzaehlung{
	margin:0px 0px 0px -34px;	
	width:850px;
}

.leistungenAufzaehlung .content, .ansprechpartnerAufzaehlung .content{
	margin:0px 0px 0px 34px !important;
}

#contentKonstruktion{
	margin:0px 0px 0px 34px;
}

.leistungenAufzaehlung .subheadline, .ansprechpartnerAufzaehlung .subheadline{
	color:#909090;
	font-weight:bold;
	font-size:12px;
}

.leistungenAufzaehlung a, .ansprechpartnerAufzaehlung a{
	font-size:16px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;
}

.leistungenAufzaehlung a img, .ansprechpartnerAufzaehlung a img{
	float:left;
	margin:1px 19px 0px 0px;	
}

a.aufzaehlungNormal{
	color:#909090;	
	background: url('../grfx/leistungen/arrow_l.gif') no-repeat 0px 1px ;
	padding:0px 0px 0px 34px;
}

a.aufzaehlungActive{
	color:#00A7D7;	
	background: url('../grfx/leistungen/arrow_h.gif') no-repeat 0px 1px ;
	padding:0px 0px 0px 34px;
}


/* Buttons */

a.buttonAnsprechpartner{
	display:block;
	width:134px;
	height:20px;
	background: url('../grfx/ansprechpartner.gif') no-repeat 0px 0px;	
}

a.buttonAnsprechpartner:hover{
	background: url('../grfx/ansprechpartner.gif') no-repeat 0px -20px;	
}


a.down{
	display:block;
	width:23px;
	height:20px;
	background: url('../grfx/down.gif') no-repeat 0px 0px;	
}

a.down:hover{
	background: url('../grfx/down.gif') no-repeat 0px -20px;	
}

a.up{
	display:block;
	width:23px;
	height:20px;
	background: url('../grfx/up.gif') no-repeat 0px 0px;	
}

a.up:hover{
	background: url('../grfx/up.gif') no-repeat 0px -20px;	
}





a.mailansprechpartner{
	font-size:12px;
	color:#00A7D7;
	text-decoration:none;	
}

a.mailansprechpartner:hover{
	font-size:12px;
	color:#00A7D7;
	text-decoration:underline;	
}



#sitemap ul, #sitemap li{
	list-style:none;
	margin:0;
	padding:0;	
}

#sitemap a{
	color:#00a7d7;
	text-decoration:none;
	font-size:12px;
}

#sitemap a:hover{
	text-decoration:underline;
}

#sitemap .level2 li{
	margin-left:20px;	
}

#sitemap .small{
	font-size:11px;
}


/* Referenzen Navi */

#refnav{
	clear:both;
	font-weight:bold;
	font-size:12px;
	color:#909090;	
	margin-top:20px;
}
 #refnav a{
 	font-size:12px;
 	font-weight:bold;
 	color:#909090;
 	text-decoration:none;
 	margin-right:6px;	
 }
 
  #refnav a:hover{
  	color:#00a7d7;
  }
  
  
   #refnav a.active{
   		color:#00a7d7;
  }
  
  
  /* Maschinentabelle */
  
  
  
  
  #tblMaschinen td{
  	height:29px;
  	color:#ffffff;
  	padding:0px 0px 0px 19px;	
  	width:259px;
  }
  
    #tblMaschinen td .td1{
    	float:left;
    	margin-right:19px;
    	border:0px solid black;
    	width:60px;
    	text-align:right;	
    }
	
	#tblMaschinen td .td2{
    	float:left;
    	margin-right:10px;
    	border:0px solid black;
    	width:70px;
    	text-align:right;	
    }
  
  .tddunkel1{
  	background:#a5a5a5;
  }
  
  .tdhell1{
  	background:#afafaf;
  }
  
  .tddunkel2{
  	background:#afafaf;
  }
  
  .tdhell2{
  	background:#a5a5a5;
  }