/******************************************************
 *
 *  GLOBALE EINSTELLUNGEN
 *
 ******************************************************/

*{                                                 
    margin:0px;
    padding:0px;  
    font-family: Arial;
    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;
}

.clickable{
    cursor:pointer;
}



/******************************************************
 *
 *  LAYOUT
 *
 ******************************************************/
 
 body{
    background-image:url(../_img/bg_body.jpg);
    background-repeat:repeat-x;
    background-color: #A7E0F3;
    text-align:center;
 }
 
 #header, #footer, #main{
    text-align:left; 
    margin:0px auto;
 }
 
 #header{
    width:955px; 
    height:141px;
    margin-top:10px;
    background-image:url(../_img/bg_header.jpg);
 }

    
    #header img{
        margin-left:15px; 
        margin-top:15px;
    }
    
    #header_logo{
        float:left;
    }
    
    #header_shortcuts{
        float:right;
    }
 
 #main{
    width:955px; 
    padding-top:10px;
    background-color:#FFFFFF;
    text-align:center;
 }
 
    #navigation, #content, #information{
        float:left;
        text-align:left;    
    }
    
    #navigation{
        width:192px;
    }
    
    #content{
        width:500px;

        margin:0px 15px;
        margin-right:30px;  
    }
    
    #information{
        width:208px;
    }
    
 #footer{
    width:955px;
    height:120px;
    background-image:url(../_img/bg_footer.gif);
    background-repeat:no-repeat;

 }
 
    #footer div, #footer address, #footer img{
        float:left;
        margin-top:33px;
        margin-bottom:33px; 
    }  
    
    #footer div{
        width:400px;
        margin-left:33px;
    }
    
    #footer address{
        width:126px;    
    }
    
    #footer img{
        margin-left:33px;
        border-left:1px solid #3874AA;
        margin-top:20px; 
    }

    
 /******************************************************
 *
 *  FORMATIERUNG
 *
 ******************************************************/
 
  /**** HEADER SHORTCUTS ****/
  #header_shortcuts ul{
    list-style:none;
    width:auto;
  }
  
  #header_shortcuts li{
    width:261px;
    margin-right: 20px;
  }
  
  #header_shortcuts a{
    display:block;
    height:23px;
    padding-left:70px;
    background-repeat:no-repeat;
    background-position: left;
    margin-bottom:5px;
    padding-top:20px;
    color:#7A6F03;
    text-decoration:none; 
    font-size:14px;
    letter-spacing:1px;
  } 
  
    #header_shortcuts a:hover{ 
        color:#494000; 
    }
    
    #header_shortcuts a.selected{ 
        color:#494000; 
    }

  
    #header_shortcuts a.download{
        background-image:url(../_img/bg_shortcut_download.gif);
        margin-left:86px;
        margin-top:5px;
        margin-bottom:0px;
        padding-top:17px;
        height:26px;  
    }
    
    
    #header_shortcuts a.dokumentation{
        background-image:url(../_img/bg_shortcut_dokumentation.gif);
        margin-left:36px; 
    }
    
    #header_shortcuts a.demonstration{
        background-image:url(../_img/bg_shortcut_demonstration.gif);
        padding-top:17px;
        height:26px;

    }
  
  
  
  
    
 
 /**** NAVIGATION MAIN ****/
 
 #navigation ul{
    list-style: none;
    padding-left:5px; 
    margin-bottom:20px;
 }
 
 #navigation *{
    color:#000000;
    text-decoration: none;
    
    font-size:13px;
 }
 
 #navigation ul li{ 
    background-image:url(../_img/navigation/bg_li1_inactive.gif); 
    background-repeat:repeat-x;
    background-color:#ebf3f6;
    background-position:top;
 }
 

 
 #navigation ul li a{
    display:block;
    background-image:url(../_img/navigation/bg_inactive.gif);
    background-repeat:no-repeat;
    background-position:7px 10px;
    border:1px solid #FFFFFF;
    padding:8px;
    padding-left:20px;
 }
 
  #navigation ul li a:hover{
    background-image:url(../_img/navigation/bg_active_1.gif); 
  }
 
  #navigation ul li a.selected, #navigation ul li a.inrootline {
    background-image:url(../_img/navigation/bg_active_1.gif); 
    font-weight:bold;
  }
 
     #navigation ul li ul{
        padding-left:20px;
        margin-bottom:0px; 
        background-color:#FFFFFF; 
     }
     
           
        #navigation ul li ul li a{
            padding-left:25px;
            margin-bottom:0px; 
            background-color:#FFFFFF;   
         }
         
         #navigation ul li ul li a.selected, #navigation ul li ul li a.inrootline{
            background-image:url(../_img/navigation/bg_active_2.gif); 
            font-weight:bold;
          }
          
          #navigation ul li ul li a:hover{
            background-image:url(../_img/navigation/bg_active_2.gif); 
          }

          
          
 
 /**** NAVIGATION FOOTER ****/ 
 #footer ul{
    list-style: none;
 }
 
 #footer ul li{
    display:block;
    float:left;
    margin-right:5px;
    padding-right:7px;
    background-image:url(../_img/navigation/bg_footer.gif); 
    background-repeat:no-repeat;
    background-position:right 2px; 
 }
 
 #footer ul li a.selected{
    font-weight:bold;
 }
 
 #footer ul li.last{
    background-image:none;
 }
 
 #footer p{
    margin-top:12px; 
 }
 
 
/**** BLOGEINTRÄGE RECHTS ****/ 
#information *{
    font-size:11px;
}

#information ul{
    margin-left:20px;
}

#information a:hover{
    color:#FFA700;
}

#information .press li{
    margin-bottom:5px;
}

#information h2, #information h3, #information p{
    width:186px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:15px;
    padding-right:5px;  
}

#contactbanner{
    margin-bottom:15px;
}
 
#information h2.news{
    background-image:url(../_img/bg_news.gif); 
    background-repeat: repeat-x;
    background-position:center;
    background-color:#CBE7F3;
    margin-bottom:2px; 
    color:#034E92; 
    font-size:14px;  
    
}

#information h2.box{
    padding:0px; 
}

#information div.box{
    margin-bottom:15px;
    border:1px solid #CBE7F3;
    width:189px;  
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
}

#information div.box h2{
    margin:0px;
    padding:0px;
    background-color:transparent;
}

#information div.box p{
    margin:0px;
    padding:0px;
    background-color:transparent;
    margin-bottom:15px;
}

#information div.box:hover{
    background-color:#F8FCFD  ;
}


#information div.box ul{
    margin-left:15px;
}

#information div.box a.button{
    display:block;
    background-color:#034E92;
    border:1px solid #B9BABA;
    padding:4px;
    padding-left:8px; 
    color:#FFFFFF;
    margin-top:10px;
    font-weight:bold;
    text-decoration: none;
    width:100px;
}

#information h3, #information p{
    background-color:#E1F2F9;
}

#information h3{
    padding-bottom:0px;
    text-decoration:underline;
    padding-bottom:2px; 
}

#information p{
    padding-top:0px;
    margin-bottom:5px;  
}

#information a{
    color:#000000;
}

#information h2.newsletter{
    background-image:url(../_img/bg_newsletter.jpg);
    color:#FFFFFF;   
    letter-spacing: 1px;

    font-size:14px;  
}



/*** NEWSLETTER **/



#login_container{
    margin-bottom:35px;
    border:1px solid #CBE7F3;
    width:189px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:15px;
}

#login_container:hover{
    background-color:#F8FCFD  ;
}

#information input, #information label{
    display:block;
    margin-bottom:5px;
}

#information input{
    border:1px solid #BABABA;
    width:170px;
    padding:2px;
}

#information input.radio{
    border:none;
    width:auto; 
    float:left;
}

#information label.radio{
    float:left;
    margin-right:10px;
}

#information button{
    background-color: #034E92;
    border:1px solid #BABABA;
    color:#FFFFFF;
    padding:2px 15px;
}

#information button:hover{
    color:#FFFFFF; 
}

#information ul.errors{
    margin-bottom:5px;
    list-style: none;
}


#information ul.errors *{
    color:#FF0000; ;
}


#search_container{
    margin-bottom:35px;
    margin-left:6px;
    border:1px solid #CBE7F3;
    width:162px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
}

#search_container:hover{
    background-color:#F8FCFD  ;
}

#search_container input, #search_container label{
    display:block;
    margin-bottom:5px;
}

#search_container input{
    border:1px solid #BABABA;
    width:130px;
    padding:1px;
}

#search_container button{
    background-color: #034E92;
    border:1px solid #BABABA;
    color:#FFFFFF;
    padding:1px 15px;
}



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

#content .si_breadcrumb{
    list-style:none;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:0px;
}

#content .si_breadcrumb * {
    color:#666666;
    font-size:11px;
}

#content .si_breadcrumb li{
    display:inline;
}

#content a{
    color:#000000;
}

#content a.download{
    background: url('../_img/bg_download.gif') center left no-repeat;
    padding-left: 22px;
    font-weight:bold;
}

#content a.pdf{
    background: url('../_img/icon_pdf.gif') center left no-repeat;
    padding-left: 20px; 
}

#content a:hover{
    color:#FFA700;
}

#content a.download:hover{
    background: url('../_img/bg_download_hover.gif') center left no-repeat; 
}
  

#content ul, #content ol{
    margin-left:20px;
    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, #content h1.toggle_header, #content h1.toggle_header *{
   color:#0072b2; 
   font-weight:bold;  
   margin-bottom:15px; 
}

#content h1.toggle_header, #content h1.toggle_header *{ 
    margin-bottom:0px;
}

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

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

#content .si_content_info, #content .infoblock {
    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 .infoblock_business{
    text-align: justify;
    background-image:url(../_img/bg_business_infobox.jpg);
    background-repeat:no-repeat;
    background-position: left bottom;
    padding-left:10px;
    padding-right:10px; 
    color:#000000;
    margin-bottom:15px;
    min-height:190px;   
}

#content .infoblock_business h2, #content .infoblock_business p, #content .infoblock_community h2, #content .infoblock_community p{  
    margin-bottom:0px;
}

#content .infoblock_business h2{
    padding-top:13px;
}

#content .infoblock_community h2{
    padding-top:12px;
}

#content .infoblock_community{
    text-align: justify;
    background-image:url(../_img/bg_comunity_infobox.jpg);
    background-repeat:no-repeat;
    background-position: left bottom;
    padding-left:10px;
    padding-right:10px; 
    color:#000000;
    margin-bottom:15px; 
    min-height:220px;      
}

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

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

#content .full{
    clear:both;
}

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

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

/**** REFERENZEN ****/  


#content .ref_list{
    float:left; 
    width:330px;    
}

#content div.ref_image{
    float:right;  
    text-align:right; 
}

/**** 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 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;
    }
    
    #content pre{
        font-family:monospace;
        font-size:12px;
        padding:5px;
        border:1px solid #999999;
        color:#999999;
        margin-bottom:15px;
      }
      
    #content .download_module{
        padding:5px 0px;
        text-align:center;
        background-color:#F5F5F5;
        border:1px solid #CCCCCC;
        margin-bottom:15px;
        font-size:11px;   
    }
    
    #content .download_module span{
        margin-left:15px;
        font-size:11px;    
     }
    
     #content .download_module a{
        font-weight:bold;     
     }

/**** BESTELLUNG ****/ 

#content dl.billing dt{
    display:block;
    float:left;
    width:100px; 
    color:#0072B2; 
    margin-bottom:5px; 
} 

#content dl.billing dd{
    display:block;
    margin-bottom:5px;
}

#content p.billing{
    margin-bottom:5px;
}

#content p.label{
    margin-bottom:5px;
    color:#0072B2; 
}


    

/**** FORMULARE ****/ 

#content legend{
   color:#000000; 
   font-weight:bold;
   margin-bottom:5px;
}

#content dt, #content dd.checkbox {     
    float: left; 
}
#content dd.checkbox + dt {
    float:none;
}

#content .partner_price{
    color:#000000;
}

#content dd.radio label{
    width:auto;
    cursor:pointer;
}

 #licence-label{
    float:none;
    width:460px;
 }

#content dt, #content dd {
    margin-bottom:10px; 
    display:block;
}

#content label{
    width:100px; 
    display:block;
}

#content label.captcha {
    height:60px;
}
     
 label, #content label * {
    color:#0072B2;
}

#content label.required{
    font-weight:bold;
}

#content label.checkbox{
    width:auto;  
}

#content label.checkbox, #content label.checkbox *  {
    color:#000000;
    font-weight:normal; 
    width:auto;  
}

#content label.checkbox:hover{
    background-color:#F3FAFC; 
}

#content input, #content textarea, #content select{
    border:1px solid #0072B2;
    padding:2px; 
    margin-right:5px; 
}
#content input[readonly="readonly"], #content textarea[readonly="readonly"], #content select[readonly="readonly"]{
    border:none;
    color:#0072B2;
}

#content textarea{
    height:100px;
    width:300px;
}

#content input[type="checkbox"], #content input[type="radio"]{
    border:none;
}

#content input:hover, #content textarea:hover, #content select:hover{
    background-color:#F3FAFC;
}

#content input[readonly="readonly"]:hover, #content textarea[readonly="readonly"]:hover, #content select[readonly="readonly"]:hover{
    background-color:#FFFFFF;
}

#content input:focus, #content textarea:focus, #content select:focus{
    background-color:#E8F5FA;
}

#content input[readonly="readonly"]:focus, #content textarea[readonly="readonly"]:focus, #content select[readonly="readonly"]:focus{
    background-color:#FFFFFF;
}

#content form ul.errors{
    margin-top:5px;
    color:#FFA700;
    clear:both;
}

#content button{
    background-color:#0072B2;
    color:#FFFFFF; 
    padding:4px 10px;
}

#content button:hover{
    color:#E8F5FA;  
}

#content button.cancel{
    background-color:#CCCCCC;   
}

#content button.cancel:hover{
    color:#EEEEEE;  
}

#content .steps{
    list-style:none;
    margin-left:0px;
    padding-bottom:40px;
}

#content .steps li{
    display:inline;
}

#content .steps a{
    display:block;
    float:left;
    width:113px;
    height:41px;
    background-image:url('../_img/bg_step.gif');
    margin-right:8px;
    text-decoration:none;
    font-size:16px;
    color:#338BBF;
    color:#CCCCCC;   
    padding-top:15px;
    text-align:center;
    cursor:default;
}

#content .steps a.ok{
    background-image:url('../_img/bg_step_ok.gif'); 
    color:#999999;
    cursor:default; 
}

#content .steps a.active{
    color:#0072B2;
}

#content .steps a.last{
    background-image:url('../_img/bg_step_last.gif');
}

#content .zend_form ul{
    margin-left:35px;  
}

#content .zend-form li{
    color:#000000;
}

#content span.note{  
    color:#999999;
    font-size:11px;
    margin-top:10px;
    margin-bottom:10px;
}  

#content .zend_form p.description{
    padding:0px;
    margin-top:10px;
    color:#999999;
}   
 
/**** SONSTIGES ****/ 
  #header *{
    font-size:16px;
    font-weight:bold;
    color:#000000;
  }
  

  
  #footer *{
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
  }
  
  
  .blog{
    margin-top:25px;
    margin-bottom:50px;
  }
  
  #content dl.si_searchresult dt, #content dl.si_searchresult dd{
    display:block;
    clear:both;
  }
  
  #content dl.si_searchresult dt{
    font-weight:bold;
    margin:0px;    
  }
  
  #content dl.si_searchresult dd{
    margin-bottom:20px;
  }
  
  #content dl.si_searchresult .si_word{
    color:#FFA700;
  }
  
  
  
 
 
/**** SLIDER ****/    
#refgal {
    width: 500px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    background-color:#FFFFFF;
}


#refgalContent {
    width: 500px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
    
}
.refgalImage {
    float: left;
    position: relative;
    display: none;
     
}
.refgalImage span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 500px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #FFFFFF;
    display: none;
}
.clear {
    clear: both;
}
#refgal  .refgalImage span strong {
    font-size: 14px;
}


#refgal  .bottom {
    bottom: 0px;
    left: 0;
    height:25px;
    width:500px;
}

#refgal  ul {
    list-style-type: none;
    padding-left: 0px;
    margin:0px;
}

#refgal  li{
    margin:0px; 
}