/* Defaults */

html{
    height: 100.1%;
}

*{ padding: 0; margin: 0;}


/* Tags */

body, table, td, p {
    font: 11px Verdana, Helvetica, Arial, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    color: #6F7072 ;
}

table th {
    font-weight: normal;
    text-align: left;
    padding-left: 20px;
    background: url( ../bilder/layout_li.gif ) no-repeat left 5px;
}

body{
    text-align: center;
    padding: 0;
    margin: 0;
}

p {
    margin: 0em 0 1.5em;
    padding: 0;
}

ul{
    padding-left: 20px;
}

h1{
    font-size: 14px;
    font-weight: bold;
    color:#B7C03D;
    border-bottom:2px dotted #B7C03D ;
    line-height:2.25em;
    margin-bottom:25px;
}

h2{
    font-size: 11px;
    font-weight: bold;
    color:#B7C03D;
    border-bottom:0 ;
    line-height:2em;
    margin-bottom:5px;
}

h3{
    font-size: 11px;
    font-weight: bold;
    color:#6F7072;
    border-bottom:0 ;
    line-height:2em;
    margin-bottom:0px;
}

a {
    color: #B7C03D;
    text-decoration:none;
}

a:hover {
    color: #B7C03D;
    text-decoration: underline;
}

a img , img a{
    border: none;
}

a sup {
    text-decoration: none;
}

em {
    font-style: italic;
    color: #B7C03D;
}

h3 em {
    font-style: normal;
    color: #6F7072;
}

ul {
    margin:0;
    padding:0;
}
ul li {
    margin:0;
    padding:0;
    padding-left : 20px;
    list-style:none;
    background: url( ../bilder/layout_li.gif ) no-repeat left 6px;
}

ul.green li {
    background: url( ../bilder/layout_li_a.gif ) no-repeat left 6px;
}


/* Layout */

#container{
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 1100px;
    background: url( ../bilder/layout_container_background.png ) repeat-y center top ;
    margin-bottom:20px;
}
.container_padding {
    /*width: 880px;*//*960-2*40*/
    padding: 0 110px;/*70+40*/
}
#header {
    position: relative;
    z-index:250;
    background: url( ../bilder/layout_header_background.gif ) no-repeat right top;
    margin-bottom:60px;
}
#logo {
    position: relative;
    padding-top: 65px;
    width:100px;
    float:left;
    display:block;
}
#search {
    float:right;
    height:45px;
    width:226px;
    margin-top:20px;
}
#navigation {
    clear:right;
    position: relative;
    padding-left:185px;/*85+100*/
    float:right;
    width:595px;/*680-85*/
    background:none;
    height:55px;
    display:block;
}

#main_content {
    position: relative;
}

#left {
    position: relative;
    width:150px;
    float:left;
    padding-right:50px;
    display:block;
    overflow:hidden;
}
#head_pic{
    margin-bottom:25px;
}
#content {
    position: relative;
    width:680px;/*880-200*/
    float:left;
    z-index:200;
}
#footer_container {
    position:relative;
    width:1100px;
    height:120px;
    background:url( ../bilder/layout_footer_container_background.png ) no-repeat left bottom ;
    margin-top: 20px;
}
#footer {
    position: relative;
    width: 680px;/*730-2*25*/
    float:left;
    padding:0 25px;
}
#footer p,
#footer p a {
    font-size:9px;
    color:#868789;
    text-decoration:none;
    font-weight:normal;
    line-height:60px;
}

#footer_navigation {
    position:relative;
    float:right;
    width: 130px;
    line-height:60px;
}
/******************/
#search input.keyword {
    margin: 1px 0px;
    height:20px;
    line-height: 20px;
    width: 194px;
    border:0;
    background: none;
    float:left;
}
#search a.search {
    margin: 1px 0px;
    display:block;
    height:22px;
    width:22px;
    float:left;
    text-decoration:none;
}
/******************/
#navigation ul,
#navigation ul li {
    margin:0;
    padding:0px;
    list-style:none;
    text-indent:none;
    background: none;
}
#navigation ul li {
    position:relative;
    display:block;
    float:left;
    z-index:300;
}
#navigation ul li ul {
    z-index: 301;
}
#navigation ul li ul li ul {
    z-index: 302;
}

#navigation ul li a {
    padding:27px 35px 13px 10px;
    margin:0px;
    font-size:12px;
    color:#fff;
    line-height:15px;
    display:block;
    float:left;
    background: url( ../bilder/layout_navigation_link.gif ) no-repeat left bottom;
    text-decoration:none;
    position:relative;
}
/*HOME*/
#navigation ul li#nav_home a.main {
    width:45px;
}
#navigation ul li#nav_home  ul.abs {
    width:90px;/*45+45*/
}
/*Unternehmen*/
#navigation ul li#nav_unternehmen  a.main {
    width:95px;
}

#navigation ul li#nav_unternehmen.hover ul li a {
    width:110px!important;/*95+45-2*15*/
    display:block;
}
/*Gesundheit*/
#navigation ul li#nav_gesundheit   a.main {
    width:85px;
}

#navigation ul li#nav_gesundheit.hover ul li a {
    width:100px;
}

#navigation ul li#nav_gesundheit.hover ul li ul li a {
    width:155px;/*100=85+45-2*15*/
}

/*Service*/
#navigation ul li#nav_service   a.main {
    width:75px;
}

#navigation ul li#nav_service.hover ul li a {
    width:120px;/*75+45-2*15+++*/
}
/*kontakt*/
#navigation ul li#nav_kontakt  a.main {
    width:55px;/*55+35*/
}

#navigation ul li#nav_kontakt.hover ul li a {
    width: 85px;/*55+45-2*15+++*/
}
/**/

#navigation ul li a:hover{
    display:block;
    color: #F4FF51;
}

#navigation ul li ul li a:hover {
    color: #666;
}


#navigation ul li a.active {
    background: url( ../bilder/layout_navigation_link_h2.gif ) no-repeat left bottom;
    font-weight:bold;
    display:block;
    padding-right:30px;
    padding-left:15px;
}

/*Level 2*/

/* All <ul> tags in the menu including the first level */
#navigation, #navigation  ul, #navigation ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#navigation ul ul {
    display: none;
    position: absolute;
    top: 1.0em;
    margin-top: 44px; /* I'm using ems and px to allow people to zoom their font */
    left: -1px;
    width: 160px;
    position:absolute;
    border-radius: 0 0 10px 10px ;
    -moz-border-radius : 0 0 10px 10px ;
    -webkit-border-radius: 0 0 10px 10px ;
/*     behavior:url(border-radius.htc); */
    padding:10px 0px;
    background-color: #FFFFFF ;
}
#navigation ul li#nav_unternehmen ul.abs {
    width:140px;/*95+45*/
}
#navigation ul li#nav_gesundheit ul.abs {
    width:130px;/*85+45*/
}
#navigation ul li#nav_service ul.abs {
    width:150px;/*75+45+++*/
}
#navigation ul li#nav_kontakt ul.abs {
    width:115px;/*55+45+++*/
}
#navigation ul li.hover ul {
     display:block;
}
/* Second and third etc. level submenus - position across from parent instead */
#navigation ul ul li ul {
    top: -1px;
    margin-top: 0;
    left: 159px;
    display:none;
}
#navigation ul li.hover ul li ul {
    display:none;
    margin:0;
    padding-top:1px;
}
#navigation ul li ul li.hover ul {
    display:block;
}
#navigation ul li#nav_unternehmen ul.abs ul {
    left:139px;
}
#navigation ul li#nav_gesundheit ul.abs ul {
    left:129px;
    width: 185px; 
}
#navigation ul li#nav_service ul.abs ul {
    left:149px;
}
#navigation ul li#nav_kontakt ul.abs ul {
    left:114px;
}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
#navigation ul ul li {
    float: left;
    display: block;
    position: relative;
    margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#navigation ul ul li,
#navigation ul li.hover ul li{
    float: none;
    margin: 0;
    margin-bottom: 0px;
    line-height: 16px;
}
#navigation ul ul>li:last-child {
    margin-bottom: 0px; /* Mozilla fix */
}

#navigation ul ul li a,
#navigation ul li.hover ul li a {
    font-weight: normal !important;
    font-size: 11px;
    display: block;
    margin: 0 1px;
    text-decoration: none;
    border:0;
    padding:0;
    background: none;
    padding:5px 15px;
    height:inherit;
}
#navigation ul li.hover ul li.hover ,
#navigation ul ul li.hover,
#navigation ul ul li.active {
    background: #EBEDEC;
}

#navigation ul ul li.hover a,
#navigation ul ul li a:hover,
#navigation ul ul li a.active {
    padding-right:0px;
}

#navigation ul ul li.active ul li a {
    background-color: none;
}

/* Links inside the menu */
#navigation ul ul a {
    color:#848687;
    border:0;
    padding:0;
    margin:0;
    display:block;
    float:left;
    background: none;
    padding:5px 15px;
    height:inherit;
    font-weight:normal;
    font-size:11px;
}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#navigation ul ul a:hover, #navigation ul ul a.highlighted:hover, #navigation ul ul a:focus, #navigation ul ul li.active a {

}
#navigation a.highlighted {

}
/* Only style submenu indicators within submenus. */
#navigation ul ul a .subind {
    display: none;
}
#navigation ul ul ul a .subind {
    display: block;
    float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#navigation ul ul a {
    float: left;
}
#navigation ul ul ul a {
    float: none;
}
/* \*/
#navigation ul ul a {
    float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html #navigation ul ul ul li {
    float: left;
    width: 100%;
}

* html #navigation ul ul ul li {
    float: left;
    height: 1%;
}
* html #navigation ul ul ul a {
    height: 1%;
}
/* End Hacks */

/******************/
#navigation_left ul ,
#navigation_left ul li {
    margin:0;
    padding:0;
    list-style:none;
    background: none;
}
#navigation_left ul li {
    padding:5px 0px;
}
#navigation_left ul li a {
    text-decoration:none;
    font-size:14px;
    color:#6F7072;
    font-weight:normal;
    border-bottom:2px dotted #6F7072 ;
    width:150px;
    display:block;
    line-height:1.2em;
    margin:0;
    padding:0;
    padding-bottom:10px;
    margin-bottom:10px;
}
#navigation_left ul li ul li a {
    font-size:11px;
    border:0px;
    padding-bottom:0px;
    margin-bottom:0px;
}
#navigation_left ul li a:hover {
    color: #B7C03D;
    font-weight: normal;   
}

#navigation_left ul li a.active, #navigation_left ul li a.active:hover {
    font-weight:normal;
    text-decoration: none;
    color: #6F7072;
}


#navigation_left ul li ul li a.active, #navigation_left ul li ul li a.active:hover {
    font-weight:normal;
    text-decoration: none;
    color: #B7C03D;
}



/*******************/
#footer_navigation ul,
#footer_navigation ul li {
    margin:0px;
    padding:0px;
    list-style:none;
    text-indent:none;
    background: none;
}

#footer_navigation ul li {
    padding-left:10px;
    display:inline;
}
#footer_navigation ul li a {
    font-size:9px;
    font-weight:bold;
    color:#868789;
    text-decoration:none;
}


form {
    display:inline
}


.rahmen {
    border: 1px solid black;
}

.datum {
    font-size: 10px;
    color: #808080;
}

.floatleft {
    float: left;
    margin-right: 10px;
    display: inline;
}

.floatright {
    float: right;
    margin-left: 10px;
    display: inline;
}

input, textarea {
    background: url( ../bilder/layout_input.gif ) no-repeat left top;
    color: #333;
    padding: 1px 5px;
    border:0;
}

input, select {
    font: 11px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

input.text {
    border: 0px;
    background: url( ../bilder/layout_input.gif ) no-repeat right top;
    height:28px;/*30-2*1*/
    line-height:28px;
    width:190px;
}

div.textarea {
    width: 200px;
    height: 140px;
    background: url( ../bilder/layout_textarea.gif ) no-repeat left top;
    float: left;
}

textarea {
    background: transparent;
    height: 140px;
}

div.select {
   width: 200px;
   background: url( ../bilder/layout_input.gif ) no-repeat left top;
   height: 24px;
   padding: 4px 0 0 5px;
   margin-bottom: 5px;
   float: left;
}

select {
    width:190px;
    border: none;
    border: 0;
    background: transparent;
}
input:focus, select:focus {

}

input.button {
    background: url( ../bilder/layout_button.gif ) no-repeat left top;
    color: #FFF;
    height:30px;
    width:200px;
    line-height:30px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    margin-top: 10px;
}

/* Broschueren */


input.checkbox {
    margin-right: 10px;
    float: left;
    border: none;
    background: none; 
}

span.checkbox {
    display: block;
    width: 480px;
    float: left;
    margin-bottom: 5px;
    line-height: 28px;
    height: 28px;
}

.small {
    font-size: 11px;   
}

.broschueren .checkbox br {
    display: none;   
}

.broschueren .checkbox b {
    margin-right: 15px;   
}

/* Kontaktformular */

.kontaktform {
    float: left;
    width: 430px;
}

.kontaktadresse {
    width: 250px;
    margin-top: 2px;
}

.ausfuellen{
}

form label{
    cursor: pointer;
    cursor: hand;
    margin-bottom: 5px;
    padding-top: 6px;    
}

form label.required {
  color: black;
}

form label.completed {
  color: black;
}
.pflichtfelder{
    font-size:11px;
}
.formmailerror{
    border: 1px solid #E7DBC6;
    padding: 5px;
    margin-bottom: 1.5em;
    font-size: 11px;
    background: #fff;
}

label{
  position: relative;
    width: 120px;
    display: block;
    float: left;
}

.impressum label {
    width: 180px;   
}

.kontakt, .kontaktform input.text, .kontaktform textarea, .broschuerenform input.text, .broschuerenform textarea, .serviceform input.text, .serviceform textarea {
    position: relative;
    width: 190px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.clearleft{
    clear: left;
}
/* Ende Kontakt */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
    Tabellen
*/
/***/
.teaser {

}
.teaser ,
.teaser p{
    color:#FFF;
    font-size:11px;
    font-size:normal;
    line-height:1.545em;
    font-family: "Verdana" ;
}
.teaser h2 {
    font-size:14px;
    color:#6F7072 ;
    font-family:"verdana" ;
    font-weight:normal;
    line-height:1.4em;
    border-bottom:2px dotted #6F7072 ;
    margin-bottom: 15px;
}
#home_inhalte_teasers .teaser {
    width:210px;
    float:left;
    margin-right:25px;
    margin-bottom:85px;
}
#home_inhalte_teasers .home_inhalte_teaser .infobox {
    height:225px;
    background: url( ../bilder/layout_box_teaser.gif ) no-repeat left bottom;
}
#home_inhalte_teasers .home_inhalte_teaser .infobox .padding {
    padding:10px 20px 0px 10px;
    overflow:hidden;
}


#home_inhalte_teasers a {
    color: #6F7072;
}

#home_inhalte_teasers p {
    margin-bottom: 0;   
}
/*************/
.box p,
.box label,
.box input,
.box select,
.box textarea,
.box ul,
.box li{
    font-size:11px;
}
.box_gray {
    width: 680px;
    background: url( ../bilder/layout_box_gray_background.gif ) no-repeat left top ;
    padding-top:20px;
    margin-bottom:50px;
}
.box_gray .box_content {
    padding: 0 40px 20px 40px;
    background: #EEE url( ../bilder/layout_box_gray_background.gif ) no-repeat left bottom ;

}
.box_gray_half {
    width: 680px;
    background: url( ../bilder/layout_box_gray_background_half.gif ) no-repeat left top ;
    padding-top:10px;
    margin-bottom:50px;
}
.box_gray_half .box_content {
    padding: 0 20px 5px 20px;
    background: url( ../bilder/layout_box_gray_background_half.gif ) no-repeat left bottom ;
}

.box_content h1 {
    border-bottom: none;   
}


/*************/
.ansprechpartner .verantwortliche_text {
    width:405px;/*445-2*20*/
    float:left;
    margin-right:45px;
}
.ansprechpartner .box_content {


}
.ansprechpartner .verantwortliche_bild {
    float:left;
    margin-top:-10px;
}
.ansprechpartner h2 {
    margin-bottom:0;
    color: #6F7072;
    line-height: 1.5em;
}
.ansprechpartner h3 {
    font-size:11px;
    line-height:1.5em;
    font-weight: normal;
}
.ansprechpartner p {
    font-size:11px;
}
/**/
a .morelink {
    font-weight:bold;
}
.produktrepeater_container {
    display:block;
    float:left;
    width:530px;
}
.produktrepeater  {
    margin-bottom:20px;
}
.produktrepeater p {
    font-size:11px;
}
.produktrepeater_bild{
    background: url( ../bilder/layout_heilpflanzen_background.gif ) no-repeat left top;
    width:130px;
    height:130px;
    float:right;
    margin-left:20px;
    text-align: center;
}

.partner_bild{
    background: url( ../bilder/partnerbox.gif ) no-repeat left top;
    width:130px;
    height:110px;
    float:right;
    margin-left:20px;
    text-align: center;
}

.produktrepeater_bild a{
    display: block;
    width:130px;
    height:130px;
    color: #FFF;
    text-decoration: none;
}
.produktrepeater_bild a:hover{
    text-decoration: none;
}
.produktrepeater_bild_detail {
    background: url( ../bilder/layout_detail_image_background.gif ) no-repeat left top;
    width:330px;
    height:210px;
    float:right;
    margin-left:20px;
}

.produktrepeater_bild_detail_quad {
    background: url( ../bilder/box_quad.png ) no-repeat left top;
    width:210px;
    height:230px;
    float:right;
    margin-left:20px;
}

.produktrepeater_bild .image_container {
    width:130px;
    height:130px;
    display:block;
}
.produktrepeater_bild_detail .image_container {
    width:330px;
    height:210px;
    display:block;
}

.produktrepeater_bild_detail_quad .image_container {
    width:210px;
    height:210px;
    display:block;       
}


.produktrepeater_praeparate_bild {
    background: url( ../bilder/layout_image_prepearate_uebersicht_background.gif ) no-repeat left top;
    width:215px;
    height:215px;
    float:left;
    margin-right:20px;
}
.produktrepeater_text{
   width: 445px;
   float: left;
}
.produktrepeater_praeparate_bild a{
    display: block;
    height: 215px;
    width: 215px;
    text-decoration: none;
    color: #FFF;
}
.produktrepeater_praeparate_bild a:hover{
    text-decoration: none;
}
.produktrepeater_praeparate_bild .image_container {
    width:215px;
    height:215px;
    display:block;
}

.produktrepeater_text_praeparate{
    width:445px;
    float:left;
}
.produktrepeater_text h2, .produktrepeater_text_praeparate h2 {
    line-height:1.2em;
    margin-bottom:0px;
}
.produktrepeater_text h3, .produktrepeater_text_praeparate h3 {
    margin-bottom:0px;
}
.wirkstoff {
    color:#B7C03D;
    font-style:italic ;
    font-size:11px;
}
.produktrepeater_text_praeparate p,
.produktrepeater_text_praeparate ul {
    font-size:11px;
}
.produktrepeater_praeparate_bild_detail {
    background: url( ../bilder/layout_detail_image_background.gif ) no-repeat left top;
    width:330px;
    height:210px;
    float:none;
}
.produktrepeater_praeparate_bild_detail .image_container {
    width:330px;
    height:210px;
    display:block;
}
/************/
.detail_text {
    float:left;
    width:455px;
    margin-right:20px;
}

.detail_info {
    float:left;
    width:200px;
    border-bottom: 2px dotted #6F7072;
}
.noborder{
    border-bottom: none;
}
.bordered {
    border-top: 2px dotted #6F7072;
    padding: 5px 0px;
}
.detail_info h3{
    font-size:12px;
    font-weight:bold;
    margin-bottom:0;
}
.detail_info ,
.detail_info p,
.detail_info ul {
    font-size:11px;
}
.detail_info .bordered,
.detail_info .heilpflanzen{
    padding: 10px 0px ;
}
.detail_info .infobox .parsericon {
    margin-right:5px;
    margin-bottom: 5px;
    float:left;
}

.detail_info .infobox.block {
    float:left;
}/************/
.kontaktform {
    float:left;
    width:330px;
    margin-right:30px;
}
.kontaktadresse{
    float:left;
    width:235px;

}
.kontaktadresse h2 {
    line-height:1.2em;
    margin-bottom:25px;
}

table.dekomaterial thead td {
    padding-right: 20px;
    padding-bottom: 10px;
}

table.dekomaterial tbody th {
    padding-right: 20px;
    padding-bottom: 10px;
}

sup, sub {
    font-size: x-small;
    position: relative;
    top: -0.4em;
    vertical-align: baseline;
}
sub { top: 0.4em; }

.noitalic em {
    font-style: normal;
    color: #666;   
}