@import url("font-awesome/css/font-awesome.css");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}


.wrapper         {position:relative;}
.h_iframe {position:relative;}
.h_iframe iframe {position:absolute;top:0;left:0; z-index:8;}

body {
  background-color: #1c1714;
   
  color:#fff;
  font-size: 14px;
  line-height:18px;
  font-family: 'itc_officina_sans_stdbook';
  letter-spacing: 1px;

  /*font-family: "trebuchet ms",verdana,tahoma,sans-serif;*/
  padding:0;
  margin: 0;
 
}
a {
  text-decoration:underline;
  color:#f7a900;

}
a:hover {
  color:#fddc95;
}
h1.csc-firstHeader {
  font-size: 20px;
 font-weight:normal;
  margin: 0;
  padding: 0 0 20px 0;
}
h1 {
  
  font-size: 20px;
  font-weight:normal;
  margin: 0;
  padding: 0 0 20px 0;
}


h2 {
  
  font-size: 20px;
font-weight:normal;
  margin: 0;
  padding: 0 0 8px 0;
}

h3 {
font-weight:normal;
  font-size: 18px;
  color:#000;
  margin: 0;
  padding: 0 0 6px 0;
}
h4 {
font-weight:normal;
  font-size: 12px;
  color:#000;
  margin: 0;
  padding: 0 0 5px 0;
}
h5 {
font-weight:normal;
  font-size: 11px;
  color:#000;
  margin: 0;
  padding: 0;
  text-decoration:underline;
}
h6 {
  font-weight:normal;
  font-size: 12px;
  color:#000;
  margin: 0;
  padding: 0;
  text-decoration:npne;
}
p {
  margin: 0;
  padding: 0 0 10px 0;
  }


.schrift {
  font-size: 19px;
  font-weight:bold;
  color:green;
}
#content table {
   font-size: 12px;
border-collapse:collapse; border-spacing:0;
}
#content thead {
margin: 0;
  padding: 0;
text-align:left;

}

#content th {
margin: 0;
  padding: 0 20px 0 0;

}
#content td {
vertical-align:top;
text-align:left;
 line-height:13px;
padding: 0 20px 20px 0px ;
margin:0;

}

#content td .bodytext {
padding: 0;
margin:0;
}
  
.csc-textpic-caption {
font-size: 11px;
line-height:12px;
padding: 3px 0 0 0;
margin:0;
text-align:left;
/* background-color: #dbe5ec; */
}

td, th .bodytext {
padding: 0;
margin:0;
}
.csc-loginform {
clear:left;
border-collapse:collapse; border-spacing:0;
background-color:#FFF;
border:1px solid #FEA722;
padding: 0;
margin: 0;
}

#inhalt ul {
   margin-top:0px;
  list-style-type: none;
  margin-left:16px;
  border:0px;
  padding:0;
 }
#inhalt ul li{

  list-style-image: url(listq.gif);
}

/* ----------container zentriert das layout-------------- */

   

 #main{
   width:1024px;
   background-color: #000;
   background-image:url(back_content.jpg);
        background-repeat: repeat-y;
     padding:0;
     margin:43px auto 0 auto;
   
   }
   #main_b{ 
   background-image:url(back_mitte.jpg);
    background-repeat: repeat-y;
   }
#top{
   width:1024px;
   height:258px;
     padding:0;
     margin:0;
   
   }
 #top a {
  
text-decoration:none;
  color:#004b96;
   
   }
 #top a:hover {
  text-decoration:underline;
  color:#ccdbea;

}
 #top a.active {
  text-decoration:underline;
  color:#ccdbea;

}
#top_l{
  display:block;
  float:left;
  width:225px;
   height:115px;
   padding:134px 0 0 29px;
     margin:0;
  }
#top_l_b{
display:none;
}
#top_r{
  float:left;
  width:770px;
   height:241px;
   padding:17px 0 0 30px;
     margin:0;
  }
#bild{
  clear:left;
  width:1024px;
   height:400px;
  }

#top_logo{
  position:absolute;
  text-align:right;
  width:266px;
   height:177px;
  }
#top_b{
  background-image:url(back_oben.jpg);
        background-repeat: no-repeat;
   width:1024px;
   height:29px;
     padding:0;
     margin:0;
   
   }
.navi{
  float:left;
  width:259px;
  min-height:585px;
  padding:20px 0 0 39px;
  }
.navi a{  
  text-decoration:none;
  color:#fddc95;
  font-size: 15px;
  letter-spacing: 1px;
  display:block;
  padding:0 0 0 0;
}
.navi a:hover{  

  color:#f7a900;
}

.navi ul {
  margin: 0;
  list-style-type: none;
  padding: 0 0 0 0;
  
}

.navi ul ul {
  background-image:  none;
  margin:0;
  border-bottom: 0px;
  padding: 5px 0 10px 15px;
  
}

 /*seconder navigation*/

.navi ul li {
  line-height:18px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.navi ul li a  {
 background-image:url(linie.jpg);
   background-position: bottom;
    background-repeat: no-repeat;
  margin: 0 0 0 0;
  padding: 4px 0 4px 33px;
}
.navi ul li a.active  {
 color:#f7a900;
 background-image:url(linie_.jpg);
   background-position: bottom;
    background-repeat: no-repeat;
}
.navi ul li a:hover  {
background-image:url(linie_.jpg);
   background-position: bottom;
    background-repeat: no-repeat;
}

 /*third navigation*/
.navi ul ul li {
background-image: none;
  border-top: 0px;
  line-height:10px;
  padding: 3px 0 0 0 ;
  border-bottom: none;
}
.navi ul ul li a   {
background-image:none;
  font-weight:normal;
  
  font-size: 11px;
  padding: 2px 0 2px 30px;
  
}
.navi ul ul li a:hover{  
background-image:none;
}

.navi ul ul li a.active  {
 background-image:none;

}

#content{
   float:left;
   width:600px;
   
  padding:20px 0 0 85px;
     margin:0;
   }
#bilder{
  padding:0 0 0 0;
     margin:0;
   }

   

.in{
  float:left;
  width:550px;
  padding:40px 0 0 40px;
  margin:0 0 0 0;
  }
  #bottom_a{
    background-image:url(back_unten.jpg);
        background-repeat: no-repeat;
    width:1024px;
   height:29px;
  }
#bottom{
   clear:left;
   text-align:center;
  
  font-size: 12px;
   width:1024px;
   height:30px;
   color:#fff;
   background-image:url(unten.jpg);
    background-repeat: no-repeat;
     
padding:7px 0 0 0;
     margin:5px auto;
   }


a.pdf {
  background-image:url(icon_pdf.gif);
  background-position:left top;
  padding-bottom:5px;
  padding-left: 20px;
  background-repeat: no-repeat;
}
a.xls {
  background-image:url(icon_xls.gif);
  background-position:left top;
  padding-bottom:5px;
  padding-left: 20px;
  background-repeat: no-repeat;
}
a.ppt {
  background-image:url(icon_ppt.gif);
  background-position:left top;
  padding-bottom:5px;
  padding-left: 20px;
  background-repeat: no-repeat;
}
a.doc {
  background-image:url(icon_doc.gif);
  background-position:left top;
  padding-bottom:5px;
  padding-left: 20px;
  background-repeat: no-repeat;
}

.csc-mailform-field label {
        width: 8em;
        float: left;
        text-align: left;
        margin-right: 10px;
}

.csc-mailform-field {
        clear: left;

}

.clear {
       clear: left;
}

.rot {
      color:#e60003;
}
.red{
  color:#e60003;
}
.req{
background-color:#f7d86c;
}


  
/* default styles for extension "tx_indexedsearch" */
    .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
    .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
    .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; font-size: 13px; line-height:20px;}
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; font-size: 13px;}
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
    .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
    .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

    /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
    .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
    .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
    .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; font-size: 13px;}
    .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
    .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
    .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
    
    
/*
.csc-mailform {
border:1px solid #FDC53F;
padding:10px;
width: 450px;
background-color: #FEF3D9;
}
.csc-mailform-field label {
        font-size: 10px;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        width: 5em;
        float: left;
        text-align: left;
        margin-right: 10px;
        display: block;
}
fieldset.csc-mailform input, textarea {
      font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#007ABE;
  background-color: #FFFBF3;
  border:1px solid #FDC53F;
  padding: 3px;
  margin-bottom: 3px;
}
.csc-mailform-submit {
        margin-left: 5.5em;
    color:#000000;
}
*/
input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}

.menubutton {
  display:none;
  }
.mobile_chart{
  display:none;
  }
     @media screen and (min-width: 781px) and 
  (max-width:1024px) {
    .navi a{  
  font-size: 20px;

}

.navi ul li a  {
  padding: 7px 0 7px 33px;
}

.navi ul ul li a   {

  font-size: 17px;
  padding: 5px 0 5px 30px;
  
}
  }
  
  
    @media screen and (min-width: 681px) and 
  (max-width:780px) {
    /*
    .wrapper         {width:100%; max-width: 737px; height:100%; margin:0 auto; background:#CCC}
.h_iframe        {position:relative; padding-top: 28%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%; z-index:8;}
*/

.wrapper         {position:relative;}
.h_iframe {position:relative;}
.h_iframe iframe {position:absolute;top:0;left:0; z-index:8;}

    #main{
   width:100%;
   background-color: #1c1714;
   background-image:url(--);
     padding:0;
     margin:0;
   
   }
   #main_b{ 
   background-image:url(-);
   }
   
#top{
   width:100%;
   height:228px;
     padding:0;
     margin:0;
   
   }
 #top a {
  
text-decoration:none;
  color:#004b96;
   
   }
 #top a:hover {
  text-decoration:underline;
  color:#ccdbea;

}
 #top a.active {
  text-decoration:underline;
  color:#ccdbea;

}
#top_l{
  display:none;
  }
#top_l_b{
  display:block;
   height:115px;
   padding:0 0 0 20px;
     margin:0;
  }
#top_r{
  clear:left;
  width:737px;
   height:241px;
   padding:0 0 0 0;
     margin:0 0 0 20px;
  }


#top_b{
  display:none;
   
   }
 .navi{
  width:30%;
   padding:0 0 0 0;
 }
      .navi a{  
  font-size: 20px;

}

.navi ul li a  {
  padding: 7px 0 7px 20px;
}

.navi ul ul li a   {

  font-size: 17px;
  padding: 5px 0 5px 30px;
  
}

#content{
   float:left;
   width:65%;
   
  padding:0 0 0 0;
     margin:0;
   }
#bilder{
  padding:0 0 0 0;
     margin:0;
   }

   


  #bottom_a{
    display:none;
  }
#bottom{
   clear:left;
   text-align:center;
  
  font-size: 12px;
   width:100%;
   height:30px;
   color:#fff;
   background-image:url(--);
     
padding:7px 0 0 0;
     margin:5px auto;
   }
    }



@media screen and (min-width: 641px) and 
  (max-width:680px) {
    
    } 

 @media screen and (max-width: 640px) {
   
   
    .wrapper         {width:100%; height:100%; margin:0 auto; background:#CCC}
.h_iframe        {position:relative; padding-top: 28%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100% !important; height:100% ; z-index:8;}

body {
  font-size: 20px;
  line-height:25px;


 
}
h1.csc-firstHeader {
  font-size: 20px;
 font-weight:normal;
  margin: 0;
  padding: 0 0 20px 0;
}
h1 {
  
  font-size: 28px;
  font-weight:normal;
  margin: 0;
  padding: 0 0 20px 0;
}


h2 {
  
  font-size: 27px;
font-weight:normal;
  margin: 0;
  padding: 0 0 8px 0;
}

h3 {
font-weight:normal;
  font-size: 26px;
  color:#000;
  margin: 0;
  padding: 0 0 6px 0;
}
h4 {
font-weight:normal;
  font-size: 24px;
  color:#000;
  margin: 0;
  padding: 0 0 5px 0;
}
h5 {
font-weight:normal;
  font-size: 22px;
  color:#000;
  margin: 0;
  padding: 0;
  text-decoration:underline;
}
h6 {
  font-weight:normal;
  font-size: 20px;
  color:#000;
  margin: 0;
  padding: 0;
  text-decoration:npne;
}


    #main{
   width:100%;
   background-color: #1c1714;
   background-image:url(--);
     padding:0;
     margin:0;
   
   }
   #main_b{ 
   background-image:url(-);
   }
   
#top{
   width:100%;
   height:128px;
     padding:0;
     margin:0;
   
   }
 #top a {
  
text-decoration:none;
  color:#004b96;
   
   }
 #top a:hover {
  text-decoration:underline;
  color:#ccdbea;

}
 #top a.active {
  text-decoration:underline;
  color:#ccdbea;

}
#top_l{
  display:block;
  clear:left;
  width:100%;
   height:115px;
   padding:0 0 0 20px;
     margin:0;
   
  
  }

#top_r{
  display:none;
  clear:left;
  width:100%;
   height:241px;
   padding:0 0 0 0;
     margin:0 0 0 20px;
  }


#top_b{
  display:none;
   
   }
 .navi{
  display:none;
 }
  

#content{
   float:left;
   width:100%;
   
  padding:0 20px 0 20px;
     margin:0;
   }
#bilder{
  padding:0 0 0 0;
     margin:0;
   }

   


  #bottom_a{
    display:none;
  }
#bottom{
   clear:left;
   text-align:center;
  
  font-size: 18px;
   width:100%;
   height:30px;
   color:#fff;
   background-image:url(--);
     
padding:7px 0 0 0;
     margin:5px auto;
   } 
  .menubutton{
  display:block;
   position:fixed;
  top:30px;
  right:8px;
  z-index:999991;
  }
    .fa-bars {
  border: none;
  background: #f2a700;
  color: #fff;
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 11px;
  font-size: 18px;
  font-weight:bold;
  border-radius: 5px 5px 5px 5px;
} 
 .nav_home {
display:block;
  padding:20px 0 20px 0;
  margin:0;
  border-bottom:none;
  }

.nav_home a{
  text-decoration:none;
  font-size:18px;
  padding:5px 0 5px 10px;
  display:block;
  border-bottom:1px solid #f2a700;
  color:#fff;
  }
.nav_home a.active{
  color:#fff;
  background: #f2a700;
  border-bottom:none;
  }
   .menu_a {
  padding: 0;
  margin: 0;
  background: #1c1714;
  }
  .menu_a a{
    padding:5px 0 5px 20px;
  border-bottom:none;
  }
   .menu_a a.active{
     color:#000;
    background: #fedd93;   
   }
  .csc-textpic img {
    width: 100%;
  height:auto;
    }
#content table {
   font-size: 20px;
border-collapse:collapse; border-spacing:0;
width:80%;
}
#content thead {
margin: 0;
  padding: 0;
text-align:left;

}

#content th {
margin: 0;
  padding: 0 20px 0 0;

}
#content td {
vertical-align:top;
text-align:left;
 line-height:22px;
padding: 0 20px 20px 0px ;
margin:0;

}

#content td p {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; 
}
.csc-textpic-above .csc-textpic-imagewrap dl, .csc-textpic-below .csc-textpic-imagewrap dl {
  width: 100% !important;
  }
form table tr {
  padding: 0 ;
  margin:0;
  }
.form_web table tr td {
  display:block;
  padding: 1px 0 1px 0  ;
  margin:0;
  }
input[type="text"] {
  height:35px;
  }
.mobile_chart{
  display:block;
  }
 }