/******************************************************
 *
 *  GLOBALE EINSTELLUNGEN
 *
 ******************************************************/
 
*{                                                 
    margin:0px;
    padding:0px;  
    font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size:13px;
    line-height:120%;
    border:none;  
}

.clear{
    clear:both;
    line-height:1px;
    height:1px;
}

button{
    cursor:pointer;
}

.si_error{
    margin:5px 0px;
    color:#FF0000;
    font-weight:bold;
}

.si_message{
    margin:5px 0px;
    color:#00FF00;
     font-weight:bold; 
}

.hidden{
    visibility:hidden;
}



/******************************************************
 *
 *  LAYOUT
 *
 ******************************************************/
 
 #navigation{
    background-color:#CCCC00;
    width:800px;
    height:109px;
    padding:0px 0px 0px 50px;
    background-image:url('../_img/background.png');
    background-repeat:no-repeat;
    background-position:left;
    margin:0px auto;
 }
 
 #content{
    width:800px;
    border-bottom:1px solid #CCCC00;
    padding:15px 15px 15px 50px;
    margin:0px auto;   
    margin-bottom:15px;
 }
    
 /******************************************************
 *
 *  FORMATIERUNG
 *
 ******************************************************/
   
 
 /**** NAVIGATION MAIN ****/
 
 #navigation ul{
    list-style: none;
    padding-top:79px;
 }
 
 #navigation *{
    color:#FFFFFF;
    text-decoration: none;
    font-size:14px;
    font-weight:bold;
 }
 
 #navigation ul li{ 
    display:inline;
 }
 
 #navigation a{
    display:block;
    font-size:16px;
    padding:5px;
    margin-right:10px;
    border:1px solid #FFFFFF;
    width:auto;
    float:left;
 }
 
 #navigation a:hover{
    background-color:#FFFFFF;
    color:#000000;
 }
 

   


/**** INHALT ****
#content *{
    line-height:120%;
}

#content a{
    color:#000000;
}
  

#content ul, #content ol{
    margin-left:25px;
    margin-bottom:15px;    
}

#content table{
    margin-bottom:15px; 
}

#content h1{
    font-size:18px;
    margin-bottom:15px;
    padding-top:9px;  
    font-weight:normal;
}

#content h2, #content h3{
    text-align:left;
}

#content h2{
   color:#0072b2; 
   font-weight:bold;  
   margin-bottom:15px; 
}

#content h3{
   color:#034E92; 
   font-weight:normal;
}

#content p{
    margin-bottom:15px;
    text-align: justify;
}

#content .si_content_info{
    text-align: justify;
    background-image:url(../_img/bg_informationen.jpg);
    background-repeat:no-repeat;
    background-position: left top;
    border:1px solid #BDC8DE;
    padding:35px 10px 10px 28px;
    color:#000000;
    margin-bottom:15px;
}

#content .verpackung{
    float:right;
    margin-left:15px;  
    text-align:center;
}

#content .big{
    font-size:14px;
    font-weight:bold;
}

#content .block_half{
    float:left;
    width:50%;
}

#content .subline{
    font-size:11px;
    color:#999999;
}



/**** IMPRESSUM ****
  
dl{
    margin-bottom:15px;          
 }

address{
    font-style:normal;
    margin-bottom:5px;
    margin-top:10px;  

}

#kontakt dt{
    float:left;
    width:150px;
}

#impressum dt{
    float:left;
    width:150px;
}

dd{
    
}

    /*** FUNKTIONEN MATRIX ***/
    #content table.none, #content table.none *{
        border:none;
        padding:0px;
    }
    
    #content .infoblock{
        border:2px solid #000000;
        height:50px;
    }
    
    #content table{
        border-collapse: collapse;
        border:2px solid #0072B2;
        width:100%;
    }
    
    #content table thead{
        background-color:#0072B2;
        color:#FFFFFF;
    }
    
     #content table tfoot{
        background-color:#E1F2F9;
    }
    
    #content table td, #content table th{
        border:1px solid #0072B2;
        padding:2px;
        vertical-align: top;
    }
    
    #content table tr.header{
        background-color:#0072B2;
        color:#FFFFFF;
        font-size:11px;
        font-weight:normal;
    }
    
    #content table tr.header th{
        background-color:#0072B2;
        color:#FFFFFF;
        font-size:11px;
        font-weight:normal;
        padding:0px;
        text-align:center;
    }
    
    #content table tbody th{
        text-align:left;
        padding-left:5px;
        vertical-align:top; 
    }
    
    #content table tbody td{
        text-align:left;  
    }
    
    #content tr.half td, #content tr.half th{
        width:50%;
    }
    
    #content table tr.first{
        background-color:#E1F2F9;
    }
    
    #content table td.active{
        background-color:#EDEDED;
    }
 
 
/**** SONSTIGES ****/ 
  #header *{
    font-size:16px;
    font-weight:bold;
    color:#000000;
  }
  

  
  #footer *{
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
  }

