@charset "utf-8";

body,html {margin: 0;
           padding: 0;
       height: 100%;
       width: 100%;}



body {
  background-color: #414439;
  text-align: center;
}

clearer {clear: both;}

a img, a {border: none;}
.noscroll {overflow: hidden; }

#canvas { width: 616px;
          height: 390px;
      background-color: #FFF;
      position:absolute;
      left:50%;
      top:50%;
      margin-left:-308px; 
        margin-top:-195px;
      box-shadow: 12px 12px 12px #333333,
                        -12px 12px 12px #333333,
                         12px -12px 12px #333333,
                        -12px -12px 12px #333333;
            behavior: url(polyfills/PIE.htc);            
      }

#apfel {
  position: absolute;
  left: 470px;
  top: 225px;
  width: 220px;
  height: 350px;
}

#slogan {height: 20px;
         width: 320px;
     position: absolute;
     top: 225px;
     left: 155px;
    display: none;
}

#leftbar {
  width: 168px;
  height: 49px;
  background-image:url(grafiken/leftbar.png);
  top: 154px;
  position: absolute;
  background-position: -168px 0px;
  background-repeat: no-repeat;
  }
  
#obar {
  width: 42px;
  height: 49px;
  position: absolute;
  background-image:url(grafiken/obar.png);
  background-position: -41px 98px;
  background-repeat:no-repeat;
  top: 154px;
  left: 150px;
     }
     
#logo {
  width: 284px;
  height: 49px;
  position: absolute;
  left: 182px;
  top: 156px;
  display: none;
}

#container {
  margin: auto;
  width: 1024px;
  background-color: #ffffff;
  box-shadow: 12px 12px 12px #333333,
                        -12px 12px 12px #333333,
                         12px -12px 12px #333333,
                        -12px -12px 12px #333333;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
             }
       
#header {height: 128px;
         width: 100%;
     background-image: url(grafiken/headerbg.jpg);}
     
#topmenu {float: left;
          margin: 0;
      padding: 0;
      list-style: none;
      text-align: left;
          color: #696D62;
      margin-top: 54px;
      margin-left: 54px;
}

#topmenu li {display: inline;}
#topmenu a {color: #696D62;
             text-decoration: none;
       font-size: 13px;}

#topmenu a:hover, #topmenu a.active {color: #000000;}
#mainlogo {
  float: right;
  margin-top: 89px;
  margin-right: 51px;
}       

#flags {width: 100px;
      top: 100px;
    left: 54px;
    position: absolute;}
    
#flags img {margin-right: 8px;}    
    
#clearer {clear: both;}    

#top {width: 100%;
      float: left;
}

#images {width: 340px;
         height: 243px;
     float: left;}
     
#topright {background-image: url(grafiken/topbg.jpg);
           width: 605px;
       height: 243px;
       float: left;
       margin-left: 8px;}  
       
#main {
  background-image:url(grafiken/mainbg.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 100%;
}  
     
#subnavi {  margin:0;
      padding: 0;
      list-style: none;
      float: left;
      margin-top: 65px;
      margin-right: 5px;
      line-height: 42px;
      color: #F49600;
      width: 290px;
      padding-bottom: 61px;
  padding-left: 55px;

}

#subnavi li {}
#subnavi a {color: #F49600;
             text-decoration: none;
  padding-left: 20px;
display: block;
height: 42px;}
#subnavi a:hover, #subnavi a.active {background-image: url(grafiken/arrow.png);
background-position: 5px 15px;
  background-repeat: no-repeat;
}
       
#maincontent {
  float: left;
  padding-left: 25px;
  padding-right: 42px;
  width: 560px;
  margin-top: 60px;
  color: #686C61;
  line-height: 20px;
  padding-bottom: 100px;
}

#maincontent a {color: #F49600;
                text-decoration: none;}

#maincontent a:hover {color: #333333;}

#maincontent h1 {font-size: 18px;
                 font-weight: normal;
         text-transform: uppercase;
         color: #F49600;
         padding-bottom: 14px;
}
#maincontent h1 span.orange {color: #F49600;
                        font-weight: normal;}
            
#topright ul {margin: 0;
           padding: 0;
       list-style: none;
       line-height: 41px;
       font-size: 18px;
       margin-top: 38px;}
       
#topright li a {display: block;
      color: #FFFFFF;
    text-decoration: none;
    padding-left: 25px;
    width: 230px;
  height: 40px;
  padding-top: 1px;
    }
    
#topright li a:hover, #topright li a.active{background-image: url(grafiken/mainbtn.png);
                       color: #464B3D;}    

#footer {
  float: left;
  width: 100%;
  text-align: center;
  color: #464B3D;
  font-size: 11px;
  background-color: #FFF;
  height: 21px;
  background-image: url(grafiken/footerbg.png);
  padding-top: 30px;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  margin-top: -61px;
  margin-bottom: 15px;
}

div.tx-powermail {width: 480px;
                     font-family: 'Open Sans', sans-serif;
                   font-size: 13px;
                   font-weight: normal;}
.powermail_fieldset {padding-left: 40px;}
legend.powermail_legend {display: none;}
.powermail_label {width: 400px;
                         color: #F49600;
font-weight: normal;}

.powermail_fieldwrap_text {color: #000000;
                           padding-top: 20px;
                           font-size: 14px;}
.powermail_textarea {height: 200px;}

#maincontent div.ka-panel h1 {font-size: 14px;
                 color: #43463B;
                margin: 0px 0px 0px -10px;
                padding: 0px;
                padding-top: 12px;
                padding-left: 50px;
                height: 33px;
                font-weight: bold;
                text-transform: none;
                cursor: pointer;
 }

.ka-content{overflow:hidden}

#disclaimer { margin: 0px;
              padding: 0px;
              padding-left: 10%;
              padding-right: 10%;
              background-color: #FFFFFF;
                 font-family: 'Open Sans', sans-serif;
                   font-size: 14px;
  text-align: left;
 color: #686C61;
  padding-bottom: 50px;
 }

#disclaimer a {color: #F49600;
               font-weight: bold;
               text-decoration: none;}
#disclaimer a:hover {color: #000000}
#confirmation {margin-top: 50px;}
#disclaimer input {margin-bottom: 20px;
                   margin-right: 10px;
                   display: block;
                   float: left;}

.close h1 {background-image: url(grafiken/accordion.png);
           background-repeat: no-repeat;
           background-position: 0px 0px;
           
}
#maincontent div.ka-panel h1:hover, #maincontent div.ka-panel.open h1 {background-image: url(grafiken/accordion.png);
           background-repeat: no-repeat;
           background-position: 0px -45px;
           color: #FFFFFF;
} 

.powermail_submit {background-color: #F49600;
                   margin: 10px 20px 10px 0px;}

.powermail_submit:hover {background-color: #AAAAAA;}

#maincontent .csc-sitemap a {  color: #686C61;}

#maincontent .csc-sitemap a:hover {color: #F49600;}