@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-2008, 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
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
  * html {padding:0; margin:0;}
  html{height:100%;;width:100%;display:table;}
  body 
  {
   /*background: #fff; position:relative; padding:10px 10px 10px 10px; text-align: center;height:100%;*/
   
    background: #ebecec; position:relative; margin:0; padding:0;display:table-cell;vertical-align:middle;text-align:center; /*height:100%;   */
     
   }
 
  #page_margins
  { 
  	background: #ebecec;  
  	/*padding:91px 0 0 0;*/
       margin:0 auto;
      /*  min-height:100%;*/
    }
  
  #page 
  { 
  	width:840px;
  	min-height:630px;
  	text-align:left; 
  	margin:0 auto;
  	/*left:0;
  	right:0;
  	top:0;
  	bottom:0;*/
  	
  	}
  
  #top_nav
  {
      padding:10px 10px 10px 5px;
      background: transparent left bottom url(../../img/body_top_background.gif) no-repeat;
      float:left;
      width:820px;
      position:relative;
      font-size:10px;          
     }
     
  #language, #sound, #service_nav, #copyright,#drucken
  {
      float:left;
      display:inline;
      position:relative;
      margin-right:20px;
      font-size:10px;
      }
      
  #copyright
  {
      float:right;
      margin-right:10px;
      }
      
  #header 
  {
    color: #000;    
    background: #fff right top url(../../img/body_right_background.gif) repeat-y;   
    padding-top:25px;
  }
  
  #logo
  {   
      padding:0;
      width:295px;
      height:95px;
      margin:0px auto 0 auto;
     /* background: #fff right top url(../../img/logo_wohlrath.gif) no-repeat;  */ 
      }
   
      
  #square_image
  {
                width:66px;
                height:66px;
                left:364px;
                top:62px;
                position:absolute;
                background:gray top left url(../../img/square_gray.gif) no-repeat;
                z-index:20;
                }                 
  #topnav  
  {
      color: #aaa; 
      background: transparent;
      font-size:9px;
     }
       
  #language ul, #sound ul, #service_nav ul{margin:0;padding:0;}
  #language ul li, #sound ul li, #service_nav ul li{display:inline;}
  #service_nav{float:right;margin-right:0;}
  
  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  
  #nav ul { margin-left: 20px; }
  #nav_main { background-color: #336; }
  
  #col2{min-height:290px;}
  
   #col2_content  
  {
      padding: 32px 15px 10px 72px;
      position:relative;
      background:#fff;
      min-height:235px;
/*      line-height:5px;*/
      background:#fff;
      }
      
  #main 
  {
         background:#fff right top url(../../img/body_right_background.gif) repeat-y;
         position:relative; 
         padding:62px 0 0 0;
         height:100%; 
         /*border:1px solid green;*/
         
         }

  #footer { 
    color:#666;     
    padding: 10px 20px;
    background:transparent left top url(../../img/footer_body_background.gif) no-repeat;
    font-size:9px;
  }
 
 
  #col3 { margin: 0; }
  #col3_content{padding:10px;}
  

 #sub_menu { 
/* 	padding:0 110px 10px 110px;*/
 	border-top:1px solid #858688;  
	margin:90px 30px 0 20px;
 	font-size:11px;
 	}
 	
 div.sliderCon
 {
	
	text-align:center;
	margin:0 auto;
}

/*----------------------------------------------------------col4, 5, 6 for sub pages or links----------------------------------*/

div#col4_left, #col5_middle, #col6_right
{
	float:left;	
	border:1px solid #858688;
	position:relative;
	background:#fff;
	
	}
	
div#col4_left
{
	width:130px;
	min-height:133px;
	margin-left:115px;

	margin-top:9px;
	z-index:15;
	}
	


div.col4_left_content
{
	padding:15px 15px 10px 13px;
	}
	
div#col4_square
{
	width:31px;
	height:31px;
	position:absolute;
	left:242px;
	top:-10px;
	/*background:blue;*/
	z-index:100;
	}

#col5_middle
{
	width:195px;
	min-height:195px;
	margin-left:-15px;
	z-index:10;
	margin-top:-10px;
}
div.col5_middle_content
{
	padding:31px 15px 10px 42px;	
}

#col6_right
{
	width:298px;
	min-height:292px;
	margin-left:-36px;
	margin-top:20px;
	margin-bottom:30px;
	z-index:0;		
}

div.col6_right_content 
{
	padding:21px 45px 10px 54px;
	min-height:242px;	
}
div#col6_right_bottom_link_content{padding:0px 15px 0px 15px;}

}