html, body { margin: 0; padding: 0; background-color:#FFFFFF; color:#404040; text-align: center; height:100.1%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height:20px;  }



/* -----------------------------------------------------  NAVIGATION --------------------------------------------------------------------------------- */

#wrapper       {width: 100%;  text-align: left;  position: relative;  max-width:980px; margin: 0 auto;}
#wrapper IMG     {border:0px;}
#wrap        {min-height:100%;position:relative;}

#wrapperCONTENT    { width: 100%;  text-align: left;  position: relative;  max-width:980px; margin: 0 auto;}
#wrapperCONTENT IMG   {border:0px;}

#top{text-align:right; width: 98%; padding-top:7%; padding-bottom:10px;}
#top ul{list-style:none;}
#top ul li{float:right; margin-left:15px}
#top ul li a{text-decoration:none; color: #404040; font-size:12px;}
#top ul li a:hover{color: #404040;}

#banner        { width: 100%; text-align:center; background-color:#FFFBED; } 
#bannerInner    { width: 100%; text-align: left;  position: relative;  max-width:980px; margin: 0 auto;  }

#bannerLogo       {position:absolute; z-index:9999; margin:-3.5% 0px 0px 4.5%; width:25.5%; max-width:980;}
#bannerLogo IMG     {border:0px; width:100%; max-width:250px; height:auto; margin:0; padding:0; }
#bannerInner IMG   {border:0px; width:100%; max-width:980px; height:auto; margin:0; padding:0; }

#bannerInner .csc-textpic.csc-textpic-center.csc-textpic-above{ margin:0; padding:0; }
#bannerInner .csc-textpic-imagewrap{ margin:0; padding:0;}
#bannerInner .csc-textpic-center-outer{ margin:0; padding:0; }
#bannerInner .csc-textpic-center-inner{ margin:0; padding:0; }
#bannerInner .csc-textpic-image.csc-textpic-last{ margin:0; padding:0; }

#main                    { width:98%; max-width:980px; margin: 0 auto; text-align: left;  display: block; padding: 12px 2% 50px 0%;  }
#main .spacer          { color:#888888;}
#mainMobil                  { width:100%; max-width:980px; margin: 0 auto; text-align: left;  display:none;   padding: 0; }

#main ul {list-style:none; float:right; }
#main ul li { float:left; } 
#main ul li a{ font-size: 14px; font-weight:normal; color:#404040;   display:block;text-decoration:none; padding: 0px 20px 0px 20px;}
#main ul li a:hover{ color:#000000; background-image:url(./../../fileadmin/template/images/dot.png); background-repeat: no-repeat;background-position:3px 5px;}
#main ul li a.mainact{ background-image:url(./../../fileadmin/template/images/dot.png); background-repeat: no-repeat; background-position:3px 5px;} 
#main ul li:last-child a{ font-size: 14px; font-weight:normal; color:#404040;   display:block;text-decoration:none; padding: 0px 0px 0px 20px;}




#mainMobil ul  {list-style:none; margin:0; padding:0;}
#mainMobil ul li{ float:none; border-bottom:0px; padding: 0; background-image:none;background-color:#FFFBED; margin:0; padding:0; border-bottom:1px dotted #cccccc;}
#mainMobil ul li a:link{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; display:block; color:#404040; text-decoration:none; }
#mainMobil ul li a:visited{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; display:block;color:#404040;text-decoration:none; }
#mainMobil ul li a:hover{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; color:#000000; display:block; text-decoration:none; }
#mainMobil ul li  a.act{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; color:#9B8F6B; display:block; text-decoration:none; background-color:#FFEA90;} 
#mainMobil ul li  a.mainact{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; color:#9B8F6B; display:block; text-decoration:none; background-color:#FFEA90;} 
#mainMobil ul li  a.subact{ font-size: 18px; font-weight:normal; margin-left:0px; padding:10px 0px 10px 4%; color:#9B8F6B; display:block; text-decoration:none; background-color:#FFF9DD;} 


#mainMobil ul li ul  {list-style:none; margin:0; padding:0;}
#mainMobil ul li ul li{ float:none; border-bottom:0px; padding: 0;  background-image:none; background-color:#FFFBED; margin:0; padding:0; border-bottom:0px;}
#mainMobil ul li ul li a:link{ padding-left:8%;}
#mainMobil ul li ul li a:visited{ padding-left:8%;}
#mainMobil ul li ul li a:hover{ padding-left:8%;}

#OPEN    { text-align:right; height: 23px; cursor:pointer; font-size:14px; background-image:url(./../../fileadmin/template/images/navigation.png); background-repeat: no-repeat; color:#404040; width:98%; padding: 12px 2% 0px 0%; background-position: 0% 10px; float:right; width:114px;}
#CLOSE  { text-align:right; height: 23px; display:none; cursor:pointer; font-size:14px; background-image:url(./../../fileadmin/template/images/navigation.png); background-repeat: no-repeat; color:#404040; width:98%; background-position: 0% 10px; float:right; padding: 12px 2% 0px 0%; width:134px;}
#MOBIL{display: none;}

#myContent{ width:93.5%; padding:0px 2% 0px 4.5%;  }
#sub{float:left; width:27.5%; padding-right:2.5%;  }
#subFrame{ border-top:1px solid #FFE680; padding-top:25px;}
#subFrame ul {list-style:none; margin:0; padding:0;}
#subFrame ul  li{margin-bottom:15px;}
#subFrame ul li a{ font-size: 14px; font-weight:normal; color:#404040;   display:block;text-decoration:none; padding: 0px 0px 0px 25px;}
#subFrame ul li a:hover{ color:#000000; background-image:url(./../../fileadmin/template/images/dot.png); background-repeat: no-repeat;background-position:0px 5px;}
#subFrame ul li a.mainact{ background-image:url(./../../fileadmin/template/images/dot.png); background-repeat: no-repeat; background-position:0px 5px;} 





#inhalt{float:left; width:70%; border-top:1px solid #FFE680; padding-top:25px; padding-bottom:100px; min-height:200px; text-align:justify;}
#inhalt H1{font-family: "Times New Roman", Times, serif; color:#404040; font-size:24px; line-height:30px; margin:0px 0px 20px 0px; text-align:left;}
#inhalt H2{font-family: "Times New Roman", Times, serif; color:#404040; font-size:20px; line-height:26px; margin:0px 0px 10px 0px; text-align:left;}
#inhalt ul{margin:0; padding:0; margin-left:25px; }
#inhalt a{text-decoration:none; color:#404040; }
#inhalt a:hover{text-decoration:none; color:#000000; }
#inhalt IMG{max-width:250px; width:100%; height:auto;}

#footer  {position:absolute; height:100px; bottom:0;  font-family: "Times New Roman", Times, serif; color:#A4966D; font-size:14px; width: 100%;  text-align: left;  position: relative;  max-width:980px; margin: 0 auto;  border-top:1px solid #FFE680; margin-top:25px; margin-bottom:25px; padding-top:25px; }
#footerL{float:left; width:45.5%; text-align:left; padding-left:4.5%; }
#footerR{float:right; width:48%; text-align:left; padding-right:2%;}
#footer ul {list-style:none; margin:0; padding:0;}
#footerL ul li { margin-right:25px; float:left;}
#footerR ul li { margin-left:25px; float:right;}
#footer a{text-decoration:none; color:#A4966D;}

#inhalt .divider{   margin:20px 0px 20px 0px;  background-color:#FFE680;  width:100%; height: 1px;}
#inhalt .divider hr { border: none;}

.flexframe{width:100%;  height:100%; position: relative;  top: 0;  left: 0; min-height: 400px;}
@media screen and (max-width: 760px) {
#MOBIL          {display: block;}
#main                {display: none;}
#sub                {display: none;}
#inhalt{float:none; width:100%; margin-top:15px;}
#footerL { float:left; padding-left:4.5%; padding-right:2%; width:93.5%;}
#footerR { float:left; padding-left:4.5%; padding-right:2%; width:93.5%;}
#footerR ul li { margin-left:0px; margin-right:0px; float:left; width:45%; }
#footerL ul li { margin-left:0px; margin-right:0px; float:left;  width:45%; margin-bottom:25px;}
.csc-textpic-intext-left{float:none;}
.csc-textpic-imagewrap{float:none;}
.csc-textpic-image.csc-textpic-last{float:none;}
.csc-textpic-text{float:none;}
}
@media screen and (max-width: 500px) {
#inhalt IMG{max-width:500px; width:100%; height:auto;}
}


@media screen and (max-width: 380px) {
#footer {font-size:12px;}
}



#cookie { overflow: hidden; background: #fff; color: #444; z-index: 9999999; font-size: 12px;}
#cookie .v-message { padding: 5px 10px; text-align: left;  line-height:15px;}
#cookie .v-actions { }
#cookie .v-button { 
  background: #FFE680;
  background-image: -webkit-linear-gradient(top, #FFE680, #DDC874);
  background-image: -moz-linear-gradient(top, #FFE680, #DDC874);
  background-image: -ms-linear-gradient(top, #FFE680, #DDC874);
  background-image: -o-linear-gradient(top, #FFE680, #DDC874);
  background-image: linear-gradient(to bottom, #FFE680, #DDC874); 
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #FFE680;
  color: #ffffff;
  font-size:1.0em;
  padding:  2% 10px;
 
}
#cookie .v-button.v-accept:before { content: "\2714"; }
#cookie .v-button:hover,
#cookie .v-button:focus { 
 background: #FFE680;
  background-image: -webkit-linear-gradient(top, #FFE680, #DDC874);
  background-image: -moz-linear-gradient(top, #FFE680, #DDC874);
  background-image: -ms-linear-gradient(top, #FFE680, #DDC874);
  background-image: -o-linear-gradient(top, #FFE680, #DDC874);
  background-image: linear-gradient(to bottom, #FFE680, #DDC874); 
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #FFE680;
  color: #ffffff;
  font-size:1.0em;
  padding: 2% 10px; }
#cookie .v-button:active {   background: #FFE680;
  background-image: -webkit-linear-gradient(top, #FFE680, #DDC874);
  background-image: -moz-linear-gradient(top, #FFE680, #DDC874);
  background-image: -ms-linear-gradient(top, #FFE680, #DDC874);
  background-image: -o-linear-gradient(top, #FFE680, #DDC874);
  background-image: linear-gradient(to bottom, #FFE680, #DDC874); 
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #FFE680;
  color: #ffffff;
  font-size:1.0em;
  padding: 2% 10px; }

#cookie.v-bar { display: table; width: 100%; padding: 5px 0; }
#cookie.v-bar .v-message { display: table-cell; }
#cookie.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; }
#cookie.v-bar.v-top { position: relative; border-bottom: 0px solid #000; }
#cookie.v-bar.v-bottom { position: fixed; top: 0; border-top: 1px solid #000; }

#cookie.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; }
#cookie.v-box .v-actions { float: left; margin: 5px 10px; }
#cookie.v-box.v-top-left { top: 0; left: 0; }
#cookie.v-box.v-top-right { top: 0; right: 0; }
#cookie.v-box.v-bottom-left { bottom: 0; left: 0; }
#cookie.v-box.v-bottom-right { bottom: 0; right: 0; }
.v-cookie-inner{text-align: left; max-width:1000px; margin:0 auto;}

/* RWD */
@media (max-width: 480px) {
    #cookie.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; }
    #cookie.v-box .v-message { display: table-cell; }
    #cookie.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; }

    #cookie .v-message { float: left; }
    #cookie .v-actions { float: left; margin: 5px 10px; }
    #cookie.v-bar .v-actions { width: auto; }
}

/* Skin - Yellow Alert */
#cookie.v-yellow-alert { background: rgba(0,0,0,0.5); border-color: #e2cd7b !important; }

/* Skin - Dark Clean */
#cookie.v-dark-clean { color: #fff; background: rgba(0,0,0,0.8); border-color: #55575f !important; }
#cookie.v-dark-clean .v-button { 
 background: #FFE680;
  background-image: -webkit-linear-gradient(top, #FFE680, #DDC874);
  background-image: -moz-linear-gradient(top, #FFE680, #DDC874);
  background-image: -ms-linear-gradient(top, #FFE680, #DDC874);
  background-image: -o-linear-gradient(top, #FFE680, #DDC874);
  background-image: linear-gradient(to bottom, #FFE680, #DDC874); 
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #FFE680;
  color: #ffffff;
  font-size:1.0em;
  padding: 2% 10px;}
#cookie.v-dark-clean .v-button:hover,
#cookie.v-dark-clean .v-button:focus { background-color: #FFE680; background-image: linear-gradient(#FFE680, #DDC874); }