@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml-for-drupal
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund  background-image:url(../../images/mainbg.png); background-repeat:repeat-x;  */
  body { background-color: #252526;  padding:5px 0; }
  
  /* body { background: #333333 url("../../images/eanv_bg.png") repeat-x top; padding: 15px 0; } */

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  .page_margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins { width:960px; background: #fff; border:2px solid #eee; }
  .page { padding: 0px; }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
    color: #000;
	background-image:url(../../images/eanv_abfall_nachweis.jpg);
	background-repeat:no-repeat;
     padding: 80px 2em 1em 20px;
  }

  #topnav { color: #aaa; background: transparent; }



  /* main = id für Gesamten Content unterhalb der Topnavi */


  #main { background-color: #fff; padding:28px 8px 8px 8px; }

  #footer {
    color:#666;
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    line-height: 1.5em;
  }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3               |
   * | 200px   | flexible            |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   
   Breiten (width) wird in basmod_2col13.css festgelegt!
   */


  #col1 {}
  #col1_content { padding: 0 0 0 0; } /* Padding bleibt für eventuelle Änderungen noch vorhanden */

 
  #col3 { margin: 0 25%; }
  #col3_content { padding: 0px; }

 /*------------------------------------------------------------------------------------------------------
 Eigene Anpassung für individuelle Startseite
 
 */

	#startseite {border:0px solid black;}
	
	 #titelbild {background-image:url(../../images/eanv_titel_startseite.png); background-repeat:repeat-x; width:627px; overflow:hidden; height:100px; float:left;} 
	
	 /* #titelbild {width:100%; height:110px; border:0px solid black; background-image:url(../../images/content_background/eanv_test.jpg); background-repeat:repeat-x; background-position:top;  margin-bottom:25px;} */
	
	#text_im_titelbild {padding-top:10px; padding-left:10px;}
	
	#text_im_titelbild  h1 {font-size:54px; float:left; color:#5d5d5d; margin:0 10px 0 0; padding:0px; }
	
	#text_im_titelbild h2 {font-size:22px; line-height:25px; font-weight:normal; color:#5d5d5d; padding: 7px 0 0 0; margin:0px;}
	
	
	#content_container_large {  border-right:0px solid red; margin-top:-70px; width:885px; }
	
		/* Einteilung in Oben / Unten für grafischen Rand */
	#content_background_top_large {background-image:url(../../images/content_background/content_bg_top_large.png); 
				background-repeat:no-repeat; height:20px; }
	
	#content_background_main_large {background-image:url(../../images/content_background/content_bg_main_large.png); 
				background-repeat:repeat-y; padding:4px 15px 0 8px; }
	
	#block-quicktabs-1 {border:0px solid black; width:850px; margin-top:-500px; }
	
	#quicktabs_container_1 {height:300px;}
	
	/* Styles für Tabs auf der Startseite */
	
	.tabs_keyvisual {float:left; width:200px; border:0px solid black; margin-top:15px; overflow:hidden;}
	
	.tabs_text {float:left; width:450px; border:0px solid red; margin:15px 0 0 10px;}
	
	.tabs_links {float:right; width:150px; border:0px solid red; padding-top:45px; overflow:hidden;}
	
	
	
	

 /*------------------------------------------------------------------------------------------------------
 ENDE  AnpassungStartseite
 
 */
	
	
	/*Top-Bild für Content-Bereich */
	
	#content_top_image {border-top:2px solid #999; background-repeat:no-repeat; height: 195px; padding:10px 8px 0 0;}
	
	
	
	/*Werbebox im Header-Bild | clear_right zum sauberen Umbrauch bei mehreren Boxen! */
	
	.adbox {width: 133px; float: right; height: 31px;}
	.clear_right {clear:right; height:0px;}
	
	 /*------------------------------------------------------------------------------------------------------
 Styles für den Content-Bereich
 
 */
 
 
 	/* Container für den Content*/

 	#content_container {  border-right:0px solid red; margin-top:-70px; width:665px; }
	
		/* Einteilung in Oben / Unten für grapfischen Rand */
	#content_background_top {background-image:url(../../images/content_background/content_bg_top.png); 
				background-repeat:no-repeat; height:20px; }
	
	#content_background_main {background-image:url(../../images/content_background/content_bg_main.png); 
				background-repeat:repeat-y; padding:4px 15px 0 8px; }
				
		/* Einteilung in linken und rechten Teil */		
	#content_left {float:left; width:425px; border: 0px solid black; overflow:hidden;}
	
	
	#content_right {float:right; width:180px; border: 0px solid black; overflow:hidden;}
	
	.clear_both {clear:both; height:0px;}
 
 
 	 /*------------------------------------------------------------------------------------------------------
 Styles für die Blöcke
 
 */
 
 
 	.block_container {border-top:2px solid #999; width:100%; margin: 40px 0 40px 0; }
	
 	.block_keyvisual {	background-repeat:no-repeat; background-color:#ffffff; width:100%; height:120px; background-position:top left; 
			}
						
	.block_content_container {width:188px; margin-top:-40px; color:#000000;}
	
	.block_content_top	{height:9px; width:100%; background-image:url(../../images/block/block_content_top.png); background-repeat:no-repeat;}
	
	
	.block_content_main	{  
			background-image:url(../../images/block/block_content_main.png); 
			background-repeat:repeat-y;
			padding:5px 10px 3px 5px;
			color:#000000;		
			 }
	.block_content_main p {font-size:11px; line-height:normal; color:#000000;}
 
 	 /*------------------------------------------------------------------------------------------------------
 Für Bestellseite
 
 */
 
 #bestellung { padding-left:10px;}
 #bestellung_produktbild {float:left; width:200px; overflow:hidden; border-right:1px solid #ddd;}
 #bestellung_produkdetails { float:left; width:400px; overflow:hidden; padding-left:10px; border:0px solid red;}
 
 
 
 #webform-client-form-18, #webform-client-form-17, #webform-client-form-15, #webform-client-form-19 {padding-left:10px;}
 
 
 	 /*------------------------------------------------------------------------------------------------------
 Für Bereichsüberblick-Seiten
 
 */
 
 .produkt {}
 
	.produkt h2 { font-size:22px; font-weight:normal;}
	
	.produkt p {font-weight:normal; font-size:14px;}
	
	
 
 .produkt_keyvisual {float:left; border:0px solid black; width:200px;}
  
 .produkt_main {float:right; border:0px solid red; width:400px; padding:10px 0 0 0;}
 
 .clear_seperator { clear:both; visibility:visible; border-bottom:1px solid #f9f9f9; margin:20px 0 20px 0;}
 
 
	




	 /*------------------------------------------------------------------------------------------------------
 Für neue Startseite
 
 */
 
 .informationen_box {float:left; width:560px; padding:10px; border:0px solid black;}
.list	{margin:0 0 20px 40px; border-bottom:1px solid #eee;} 
.list h3 {margin:0 0 5px 0; color:#383838;}
.list h3 a{color:#383838;}
.list h3  a:focus, a:active, a:visited {text-decoration:none; color:#383838;}
.list h3  a:hover {color:#000000; text-decoration:none;}
 
 
.widget_adbox {border:0px solid #252526;  width:291px; height:420px; padding:210px 10px 0 15px; float:right; 
			background-image:url(../../images/eanv_software_ad.jpg); overflow:hidden; font-size:16px;}
			
.widget_adbox h2 {font-size:16px; font-weight:bold; }
.widget_adbox p {}
.widget_adbox li {margin:10px 0 0 10px;}


.produktbild_startseite {border:0px solid #000; font-size:10px; text-align:center; margin-bottom:10px;}

  
.hr {border-bottom:1px solid #ddd; width:100%;}

.themen_container {background-image:url(../../images/content_background/adbox_bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#33CC66; height:250px; padding:30px 60px; width:100%; margin:0 auto;}

.themen_container h3 {margin-bottom:25px;}

.themen {float:left; width:245px; height:210px;  padding-left:45px; border-right:1px solid #ddd; }
.themen h4 {font-weight:bold; margin-bottom:15px; color:#383838; font-size:12px; }
.themen p {margin: 0px;}
.themen a {width:200px; border:0px solid #aaa; display:block; padding:4px 8px; color:#383838;}
.themen a:hover {color:#ddd; width:200px; text-decoration:none; background-color:#383838; border:0px solid #ddd;}



 
 }