@charset "UTF-8";
/* CSS Document */

/* Typographie + Allgemeine Einstellungen */

	* {padding: 0px; margin: 0px; font-family: Arial, Trebuchet MS, Tahoma, Verdana, Helvetica; font-size: 11px; line-height: 18px; color: #666666; }
	
	html { background-color: #e4e5e9; background-image: url(../img/website_hintergrund.jpg); background-repeat: repeat-x;}
	body { width: 970px; margin: 0px auto;}
	
	
	h1 { padding: 30px 0px 0px 30px; color: #333333; font-size: 16px; font-weight: bold; }
	h2 { padding: 10px 0px 0px 30px; color: #000000; font-size: 14px; font-weight: normal; }
	h1#stoerer-headline { margin-left: 150px;}
	* html h1#stoerer-headline { margin-left: 110px;}
	div#topbereich h1 { padding: 40px 0px 0px 5px; color: #666666; font-size: 19px; font-weight: normal; float: left;}
	div#topbereich h2 { padding: 42px 0px 0px 1px; color: #999999; font-size: 15px; font-weight: normal; float: left; }  
	
	a { text-decoration:none; font-size:11px; color: #999999;}
	a:hover {color: #666666;} 
	a.hauptlink { background-image:url(../img/pfeil.gif); background-repeat:no-repeat; background-position:left; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 30px; color: #666666;}
	a.hauptlink:hover {color: #999999;}
	div#marginal a.hauptlink { margin: 0px 0px 0px 0px;}
	
	p {padding: 0px 30px 8px 30px; margin: 0px; color: #666666; font-size: 11px; font-weight: normal; }
	img {border: 0px; margin: 0px; padding: 0px;}
	
	ul { padding: 10px 0px 0px 30px; color: #666666;}
	li { background-image:url(../img/punkt.gif); background-position:left 5px; background-repeat:no-repeat; list-style:none; padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px;}
	
	table {margin: 0px 20px 20px 20px;}
	th, td { padding: 1px 10px 1px 10px; border: 1px #999999 solid;}
	th { text-align: left; color: #ffffff; background-color: #999999; background-image: url(../img/table_header.gif); background-repeat: repeat-x; }
	td { background-color: #dde8ee; color: #999999; }
	

/* allgemeine Boxen: */

  div#clearbox {clear: both; }
  div.trenner { width: 480px; height: 5px; display: block; background-image: url(../img/trenner.gif); background-repeat: no-repeat; margin: 0px 0px 0px 0px;}
  div#contenttrenner {width: 351px; height: 1px; display: block; background-image: url(../img/contenttrenner.jpg); background-repeat: no-repeat; margin: 10px 0px 10px 30px;}


/* Boxen: */

	div#website { width: 970px; display: block; }
    
	div#header-ebene { width: 970px; height: 122px; display: block; }
	div#topbereich { width: 970px; height: 80px; display: block; background-image:url(../img/bender-logo.jpg); background-position:right; background-repeat:no-repeat;}
	div#navigation { width: 965px; height: 37px; padding: 5px 0px 0px 5px; display: block; background-image: url(../img/website_navigation.jpg); background-repeat:no-repeat; }
	div#navigation a, div#navigation img { float: left; }
	div#navigation a { height: 25px; width: 110px; display: block; background-image: url(../img/navi.jpg); background-repeat:no-repeat; background-position:right; text-align:center; padding: 7px 0px 0px 0px; font-weight: normal; color: #666666;}
    div#navigation a:hover { font-weight: bold; background-image: url(../img/navi_hover.jpg);}
    div#navigation a.aktiviert { font-weight: bold; background-image: url(../img/navi_hover.jpg);}

	 	 
  	a.messeteaser {height: 60px; width: 165px; margin: 12px 0px 8px 0px; display: block; float: left; background-image:url(../img/messe.jpg); background-repeat:no-repeat; }
 
  	a.deutsch {height: 60px; width: 28px; margin: 12px 0px 8px 0px; display: block; float: left; background-image:url(../img/sprache_de.jpg); background-repeat:no-repeat; }
	a.deutsch:hover { background-image:url(../img/sprache_de_aktiv.jpg); }
  	a.deutsch_aktiv {height: 60px; width: 28px; margin: 12px 0px 8px 0px; display: block; float: left; background-image:url(../img/sprache_de_aktiv.jpg); background-repeat:no-repeat; }
	
	a.englisch {height: 60px; width: 28px; margin: 12px 0px 8px 0px; display: block; float: left; background-image:url(../img/sprache_en.jpg); background-repeat:no-repeat; }
 	a.englisch:hover { background-image:url(../img/sprache_en_aktiv.jpg); }
 	a.englisch_aktiv {height: 60px; width: 28px; margin: 12px 0px 8px 0px; display: block; float: left; background-image:url(../img/sprache_en_aktiv.jpg); background-repeat:no-repeat;}

	    
	div#intro{ width: 960px; height: 402px; display: block; background-image:url(../img/buehne.jpg); background-repeat:no-repeat; padding: 5px;}
	div#introfilm{ width: 970px; height: 410px; display: block; padding: 0px; margin-top: 5px; background-image:url(../img/start_hg.jpg); background-repeat:no-repeat; background-color: #000000;}  /* background-image:url(../img/buehne.jpg); background-repeat:no-repeat; */
	div#videoextern{ width: 960px; height: 566px; display: block; background-image:url(../img/buehne_extern.jpg); background-repeat:no-repeat; padding: 5px;}




 	div#main{ width: 960px; height: 558px; display: block; background-image:url(../img/buehne_unterseite.jpg); background-repeat:no-repeat; padding: 5px; margin: 0px 0px 10px 0px;}

 	div#marginal { width: 245px; height: 558px; display: block; float: left; padding: 0px 0px 0px 0px; }  
	div#marginal-bild { width: 245px; height: 170px; display: block; float: left; }
	
	div#marginal-text { width: 145px; height: 248px; display: block; float: left; padding: 130px 0px 0px 100px; } 
	div#marginal-text h1 { padding: 0px 30px 10px 0px; color: #666666; font-size: 20px; font-weight: bold;  }
	div#marginal-text h2 { padding: 0px 30px 0px 0px; color: #999999; font-size: 16px; font-weight: bold;  }
	div#marginal-text p { padding: 0px 0px 0px 0px; color: #666666; font-size: 11px; font-weight: normal; }
	div#marginal-text ul {padding: 20px 0px 0px 0px; color: #666666;}
	

	
 	div#content { width: 411px; height: 558px; display: block; float: left; } 
 	div#content ul {color: #666666; margin-top: 0px; } 	
	div#content li {color: #666666; }
	
	 
 	div#bilder { width: 304px; height: 558px; display: block; float: left; } 
 
      
	div#teaser-ebene { width: 970px; height: 140px; display: block; margin: 10px 0px 10px 0px;}   
	div#teaser { width: 235px; height: 140px; display: block; background-repeat:no-repeat; float: left; margin: 0px 10px 0px 0px;}
	div.teasereins {background-image:url(../img/teaser_hintergrund_1.jpg);}
	div.teaserzwei {background-image:url(../img/teaser_hintergrund_2_noae.jpg);}
	div.teaserdrei {background-image:url(../img/teaser_hintergrund_3.jpg);}	
	div.teasereins_ecartec {background-image:url(../img/popup_teaser.jpg);}
	
	
	div#teaserkontakt { width: 235px; height: 140px; display: block; background-image:url(../img/teaser_hintergrund_4.jpg); background-repeat:no-repeat; float: left; margin: 0px 0px 0px 0px;}
    div#teaser a, div#teaserkontakt a { cursor: pointer; width: 225px; height: 130px; display: block;  float: left; padding: 5px 5px 5px 5px; background-position: 5px 35px; background-repeat:no-repeat;}
	a.teaser1 { background-image:url(../img/teaser_1_iso-f1.jpg)}
	a.teaser1:hover { background-image:url(../img/teaser_an_1_iso-f1.jpg)}
	a.teaser2 { background-image:url(../img/teaser_2_technik_noae.jpg)}
	a.teaser2:hover { background-image:url(../img/teaser_an_2_technik_noae.jpg)}
	a.teaser3 { background-image:url(../img/teaser_3_vorteile.jpg)}
	a.teaser3:hover { background-image:url(../img/teaser_an_3_vorteile.jpg)}
	a.teaser4 { background-image:url(../img/teaser_4_kontakt.jpg)}
	a.teaser4:hover { background-image:url(../img/teaser_an_4_kontakt.jpg)}
	
	a.teaser5 { background-image:url(../img/teaser_tankstelle.jpg)}
	a.teaser5:hover { background-image:url(../img/teaser_an_tankstelle.jpg)}
	
	
	a.teaser_ecartec { background-image:url(../img/popup_teaser_ohne.jpg)}
	a.teaser_ecartec:hover { background-image:url(../img/popup_teaser_ohne_hover.jpg)}
		
	div#teaser a b, div#teaserkontakt a b {padding: 8px 0px 0px 8px; color: #666666; font-size: 14px; font-weight: bold; height: 18px; display: block; }
	div#teaser a p {padding: 80px 10px 0px 15px; color: #666666; font-size: 11px; font-weight: normal; float: right; background-image:url(../img/pfeil.gif); background-repeat: no-repeat; background-position:left 85px; }
	div#teaserkontakt a b {color: #666666; }
	div#teaserkontakt a p {padding: 10px 10px 0px 3px; color: #666666; font-size: 11px; font-weight: normal; float: right;}
	div#teaserkontakt a p.daten {padding: 7px 0px 0px 10px; color: #666666; font-size: 11px; font-weight: normal; line-height: 19px; height: 63px; float: none; clear: both;}
	div#teaserkontakt a p.daten span {color: #dfa12e; font-size: 13px; font-weight: bold; line-height: 12px;}
				
		
	div#footer-ebene { width: 970px; height: 50px; display: block; }
	div#footer { width: 935px; height: 19px; display: block; background-image:url(../img/footer.jpg); background-repeat:no-repeat; padding: 6px 25px 0px 10px; color: #ffffff; text-align:right;}
	div#footer a { color: #ffffff;}
	div#footer a:hover { color: #efefef;}
	div#copyright { width: 970px; height: 20px; display: block; padding: 0px 0px 0px 5px; }



  a.download { height: 25px; display: block; background-image:url(../img/pdf.gif); background-repeat:no-repeat; background-position:left top; padding: 0px 0px 0px 30px; margin: 10px 0px 0px 0px; color: #666666; }
  a.download:hover {color: #999999;} 
  a.movie { height: 25px; display: block; background-image:url(../img/movie.gif); background-repeat:no-repeat; background-position:left top; padding: 0px 0px 0px 30px; margin: 10px 0px 0px 0px; color: #666666; }
  a.movie:hover {color: #999999;}
  div#videofilm { padding: 0px 0px 10px 30px; }
  
  
  /* Award Seite */
  div#award { width: 304px; height: 170px; display: block; margin: 0px; padding: 378px 0px 0px 0px; background-image:url(../img/site_award.jpg); background-repeat:no-repeat; }
  div#award_engl { width: 304px; height: 170px; display: block; margin: 0px; padding: 378px 0px 0px 0px; background-image:url(../img/site_award_englisch.jpg); background-repeat:no-repeat; }
  
  
  /* NoAE-Gewinn-Teaser */
  div#noae-gewinn { width: 304px; height: 170px; display: block; margin: 0px; padding: 378px 0px 0px 0px; background-image:url(../img/site_technik_noae-gewinn3.jpg); background-repeat:no-repeat; }
  div#noae-gewinn_engl { width: 304px; height: 170px; display: block; margin: 0px; padding: 378px 0px 0px 0px; background-image:url(../img/site_technik_noae-gewinn_engl3.jpg); background-repeat:no-repeat; }
  
  div#noae-gewinn p, div#noae-gewinn_engl p {margin: 0px 0px 10px 13px; padding: 0px; width: 180px;}
  div#noae-gewinn h2, div#noae-gewinn_engl h2 {margin: 0px 0px 10px 13px; padding: 0px; font-weight: bold;} 
  
  a.pfeil-link { background-image:url(../img/teaser-button.gif); background-position:left; background-repeat:no-repeat; margin-top: 10px; padding: 1px 0px 0px 12px; font-weight:bold; color:#ab0000; height: 19px; font-size: 13px; display: block;}
  a.pfeil-link:hover { color:#333333;}
  
  * html a.pfeil-link { margin-top: 10px;}
  *+html a.pfeil-link { margin-top: 10px;}
  
  /* NoAE - Stoerer */
  div#noae_stoerer {position: absolute; top:15px; z-index:5000; display: block; margin-left:55px;}
  div#noae_stoerer_en {position: absolute; top:15px; z-index:5000; display: block; margin-left:55px;}
  
  * html div#noae_stoerer {position: absolute; top:15px; z-index:5000; width: 150px; heigjht: 60px; display: block; margin-left:-555px; }
  
  *+html div#noae_stoerer_en {position: absolute; top:15px; z-index:5000; display: block; margin-left:-630px;}
  *+html div#noae_stoerer {position: absolute; top:15px; z-index:5000; display: block; margin-left:-550px;}
  
  
  /* Formular */
  
	label {width: 150px; display: block; float:left;}
	label.radioknopf {width: 328px; display: block; float:left;}
	textarea { height: 60px; width: 347px;}
	input.eingaben { width: 195px;}
	form { margin-top: 10px;}
	input.eingabenplz { width: 55px; float: left;}
	input.eingabenort { margin-left: 10px; width: 126px; float: left;}	
	input {float: right;}
	form p { width: 350px; height: 20px; display: block; padding: 0px 0px 5px 30px; margin: 0px 0px 0px 0px; }
	
  /* Link innerhalb Textabschnitt */
	a.linkintegriert { background-image:url(../img/pfeil.gif); background-repeat:no-repeat; background-position:left; padding: 0px 0px 0px 10px; }
	
	
		
	
	
	


/* (c) conception werbung & marketing | www.conception.cc */