@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@media screen, projection
{   
   /* hides the padding values form #main */   
   
  .page_margins {overflow: hidden;}
  
  * html .page_margins {display: inline-block; overflow: visible;}
  
  #main {
    background: url('../../images/bg_top_startpage.jpg') repeat-x;
    margin-bottom: -32767px;
    padding-bottom: 32767px;    
    overflow: hidden; 
  }
  
  * html #main {display:inline-block;}  
  
  body#id9 #main {min-height: 625px; height: auto !important; height: 625px;}
          

  
  /* ############ Subnavigation begin ############ */  
    
  #subnavigation {
    background: #F0F0F0;
    display: inline;
    float: left;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin-bottom: -32767px;    
    margin-left: 19px;            
    padding-bottom: 32767px;
    width: 248px;           
  }  
  
  #subnavigation ul {
    background: #fff;
    list-style-type: none;
    margin: 0 0 40px 0;    
    padding: 0px;          
  }
  
  #subnavigation ul li{
    background: #D4D4D4;
    border-left: 6px solid #E2E2E2;
    margin: 0px;    
    margin-bottom: 3px;           
    
  }
  
  #subnavigation ul li a {
    color: #333333;
    display: block;
    font-size: 14px;    
    font-weight: normal;
    padding: 7px 0px 8px 7px;
  }
  
  #subnavigation ul li ul {
    background: #F3F3F3;     
    border-left: 6px solid #E0E0E0;
    border-right: 6px solid #E0E0E0;
    margin: 3px 0px 0px 0px;        
    padding: 0px;          
    padding-bottom: 25px;       
  }
  
  #subnavigation ul li ul li{
    background: #F3F3F3;
    border-left: 0;
    padding: 0px;     
    margin: 0px;     
  }
  
  * html #subnavigation ul li ul li{display: inline-block;}     
  
  #subnavigation ul li.active {
    background: #fff;
    border-left: none;    
    padding: 0px;        
  }
  
  
  #subnavigation ul li.active a{    
    background: #009966;            
    border-left: 0px;
    display: block;
    font-weight: bold;
    padding: 8px 0px 7px 15px;        
  }
    
  #subnavigation ul li.active ul li.active{
    background: #F3F3F3;
    padding-bottom: 0px;        
  }
  
  #subnavigation ul li.active ul li a{
    background: #F3F3F3;
    border-bottom: 1px solid #CECECE;        
    border-left: 0px;          
    color: #333;
    display: block;        
    font-size: 12px;
    font-weight: normal;        
    margin-left: 19px;
    padding-left: 0px;
  }
  
  #subnavigation ul li.active ul li.active a {
    font-weight: bold;
  }
  
  
  #subnavigation ul li.active a {
    color: #fff;
  }
  
  /* ############ Subnavigation end ############ */
  
  
  
  /* Breadcrumb  begin */
  
  
  #breadcrumb {
    display: inline;
    float: left;
    margin-left: 22px;              
  }
  
  #breadcrumb ul {    
    list-style-type: none;    
    margin: 0;
    padding: 0;    
  }
  
  
  #breadcrumb ul li {
    background: url('../../images/breadcrumb_arrow.gif') no-repeat 1px 7px;    
    display: inline;     
    margin: 0;
    padding: 0 0 0 9px;
  }
  
  
  #breadcrumb ul li a,
  #breadcrumb ul li span {    
    color: #666;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;             
  }
  
  #breadcrumb ul li span {
    font-weight: bold;
    text-decoration: none;    
  }
  
  
  #breadcrumb ul li a:hover {
    color: #00A166;   
  }
    
  /* Breadcrumb end */
  
  
  .footer_bar {
    position: absolute;
    top: -40px;
    left: 268px;
    width: 704px;
  }
  
  * html .footer_bar {left: 255px;}
  
  .footer_bar ul {
    list-style-type: none;
  }
  
  .footer_bar ul li {
    background: 0px 0px no-repeat;
    display: block;
    float: left;
    padding-left: 28px;        
  }

  
  .footer_bar ul li.print-link {background-image: url('../../images/print-icon.gif'); }   
  .footer_bar ul li.send-link {
    background-image: url('../../images/send-icon.gif');
    margin-left: 20px;
   }
  
  .footer_bar ul li.top-link {
    float: right;
    background: url('../../images/top-icon.gif') top right no-repeat;
    padding: 0px 28px 0px 0px;
  }

  #footer .footer_bar ul li a {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;        
  }
  
  .footer_bar ul li a:hover {
    text-decoration: underline;
  }  
  
  #content {
    padding-bottom: 120px;
    width: 682px;
    padding-right: 22px;
    float: left;	
  }

  body#id9 #content { float: none;}
  
  #main_content {
    background: #fff;     
    float: left;
    min-height: 242px;
    height: auto !important;
    height: 242px;  
    margin: 30px 0px -32767px 0px;           
    width: 704px;
    padding: 0px 0px 32767px 22px;  
  }
  
  *html #main_content {
   display:inline-block;
   width: 682px;

  }     
  
  #footer {
    border-top: 5px solid #fff;        
    margin: -45px auto 0;
    position: relative; 
    z-index: 100;
  }
  
  
  
  /* Ã?berschriften */
  
  h1 {    
    color: #00A166;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  
  h2 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;    
  }
  
  /* Listen */
  
  #main_content ul {
    list-style-type: none;
    margin-left: 0px;
  }
  
  #main_content ul li {
    background: url('../../images/list-icon.gif') 0px 6px no-repeat;
    padding-left: 15px;  
    margin-left: 0px;
  }  
  
  
  /* Zweispaltiges FCE */
  
  .twoCols {
  	float: left;
  	clear: both;
  	margin: 5px 15px 5px 0px;
  	width: 100%
  }
  
  .twoCols .leftCol {
  	float: left;
  	width: 47%;  	
  }
  
  .twoCols .rightCol {
  	float: right;
  	width: 47%;  	
  }  
  
/* Downloadcenter */
.tx-dlcenter-pi1
 float: left;
}

.tx-dlcenter-pi1 h2 {
  background: #009966;
  margin: 5px 0px 0px 0px;
  display: block;
  padding: 5px 0px 5px 8px;
  /*width: 600px;*/
  color: #fff;
}

.tx-dlcenter-pi1 .downloadcenter h2 {
  background: #009966 url('../../images/dlc_pfeil.gif') 650px center no-repeat;
}


.tx-dlcenter-pi1 .downloadbox h2 {
 margin-top: 0;
}


.tx-dlcenter-pi1 .downloadcenter {

}

.tx-dlcenter-pi1 .downloadcenter h2 {cursor: pointer;}
.tx-dlcenter-pi1 .downloadcenter h2.current {
	background: #E2CB42 url('../../images/dlc_pfeil_down.gif') 650px center no-repeat; 
	color: #000100;
}

.tx-dlcenter-pi1 .downloadcenter .downloads {display: none;}

.tx-dlcenter-pi1 .downloads {
 border: 1px solid #CCCCCC;
 border-top: 0px;
 width: 680px;
}

.tx-dlcenter-pi1 .downloaditem {
 padding: 8px 0px 8px 10px; 
 width: 600px;
 clear: left;
}


#content .tx-dlcenter-pi1 .downloadlink a,
#content .dlbox-spezial a {
 color: #333333;
 text-decoration: underline;
}

.tx-dlcenter-pi1 .downloadbox {
 clear: both;
 border: 1px solid #CCCCCC;
 width: 678px;
 margin: 30px 0px 30px 0px;
 float:left;
}


.tx-dlcenter-pi1 .sendform .formrow{
   width: 370px;
   clear: left;
   float: lefT;
   margin: 5px 0px;
}

.tx-dlcenter-pi1 .sendform input,
.tx-dlcenter-pi1 .sendform textarea {
	border: 1px solid #007c4f;
	padding: 2px 2px 2px 6px;
	color: #333333;
	font-size: 12px;
	margin: 0 13px 0 13px;
	display: block;
	width: 200px;
        float: left;
}

.tx-dlcenter-pi1 .sendform textarea {
  height: 100px;
}

.tx-dlcenter-pi1 .sendform label {
    float: left;
    display: block;
    width: 130px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    
}

.tx-dlcenter-pi1 .sendform #InfoKontakt_send input{
    margin: 10px 0 0 143px;
    width: 100px;
    padding: 2px 15px;
}
            

/* Sitemap */

#main_content .tx-flseositemap-pi1 ul li {
 font-size: 15px;
 background-image: none; 
 margin-bottom: 10px;
}

#main_content .tx-flseositemap-pi1 ul li ul li {
 font-size: 13px;
 background: url('../../images/list-icon.gif') 0px 6px no-repeat; 
 margin-bottom: 3px;
 margin-left: 15px;
}


#main_content .tx-flseositemap-pi1 ul li ul li ul li {
 background-image: none; 
 font-size: 12px;
 margin-left: 0px; 
}



/* Kontaktformular */
fieldset.tx-powermail-pi1_fieldset legend {display: none}
fieldset.tx-powermail-pi1_fieldset {border: 0; background: transparent;}
fieldset.tx-powermail-pi1_fieldset div.even {background: transparent;}
.tx_powermail_pi1_fieldwrap_html_label {font-size: 14px; font-weight: bold; color: #009966;}
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset select,
fieldset.tx-powermail-pi1_fieldset textarea {border: 1px solid #009966;}
.tx_powermail_pi1_fieldwrap_html_button input {padding: 2px 8px 2px 8px;}
div.tx_powermail_pi1_fieldwrap_html {position: relative;}
div.powermail_mandatory_js {position: absolute; left: 280px; top: 0px;}
input.validation-failed, textarea.validation-failed {background: none;}


/* tt_products */
.tt_products_basket_info label {
  width: 100px; 
  display: block;
  float: left;
  padding: 5px;  
  margin-bottom: 15px;
}

.tt_products_basket_info input {
  border: 1px solid #009966;
  margin-bottom: 15px;
  padding: 5px;
  width: 200px;
}

.tt_products_basket_info input#billing_zip{
 width: 55px; 
}

.tt_products_basket_info input#billing_city{
 width: 130px;
}

.form_control input {
  border: 1px solid #009966;
  margin-top: 15px;
  padding: 5px 10px 5px 10px;
}

.tt-products h2 {margin-top: 10px;}


/* tt_products Listview */
h2.category_title {border-bottom: 2px solid #009966; margin-top: 30px;}
.order_form_label {float: left; display: block; margin-right: 5px; height: 20px; line-height: 20px;}
.order_form input.order_form_input {border: 1px solid #009966; float: left; margin: 0 5px 15px 0;}
.shop_submit_list {float: left;}
.listitem {margin-top: 20px;}


/* Pressesuche */
.searchform {margin-bottom: 30px;}

.searchform label {
 float: left;
 padding: 5px;
 width: 100px;
}

.searchform .inputfield input {
  border: 1px solid #009966;
  margin-bottom: 15px;
  padding: 5px;
  width: 200px;
}

.searchform .inputfield select {
  margin-bottom: 15px;
  border: 1px solid #009966;
}

.searchform .submitbutton {
  border: 1px solid #009966;
  background: #C9C9C9;
  padding: 5px; 
  font-weight: bold;
  color: #333;
}
        
}