/*
#############################################################################################
IKTRTSTYLE
#############################################################################################
*/
body {
  font-weight: 300;
  font-size: 15px;
  line-height: 1.4em;
  color: #000;
}
a {
  color: #1b87bf;
  text-decoration: none;
  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
       -o-transition: all .25s ease;
          transition: all .25s ease;
}
a:hover {
  text-decoration:none;
  color:#9fb600;
}
hr {
  margin:70px 0 80px;
  border-bottom:5px solid #dee8f7;
  border-top:none;
}
.btn, .button {
  background:#ff6600;
  color:#fff;
  font-weight:300!important;
  font-family:'Open Sans',arial,verdana,sans-serif;
  font-style:italic;
  font-size:24px;
  border:none;
  padding:10px 20px;
}
.btn:hover, .button:hover  {
  background:#000;
  color:#fff;
  text-decoration:none;
}
.last {
  border-bottom:none!important;
  margin:0;
}
.clear {
  clear:both;
}

/* Headlines ############################################################################################# */
h1 {
  font-size: 48px;
  font-weight:300;
  margin:0 0 1em;
  color:#003a8d;
}
h1.subtitle {
  font-size: 24px;
  margin:-1.5em 0 1em;
  color:#565656;
}
h2 {
  font-size: 30px;
  font-weight:300;
  margin-top: .2em;
  margin-bottom: 1em;
}
h3 {
  font-size: 20px;
  font-weight:400;
  line-height: 1.0em;
  margin:1em 0 0.5em 0;
}
#content .box h3 {
  font-size:19px;
}
h4 {
  font-size: 16px;
  font-weight:600;
  line-height: 1.2em;
}
h5 {
  font-size: 16px;
  font-weight:500;
  line-height: 1.2em;
}

/* Navigation ############################################################################################# */
.menu {
  width:100%;
  margin: 26px 0 0 0;
  display:inline-block;
  background:none;
  float:right;
}
.menu ul {
  margin:0;
  float:right;
}
.menu li {
  float:left;
  list-style-type: none;
}
.menu li.first {
  display:none;
}
.menu a {
  padding:8px 6px;
  color:#000;
  font-size:18px;
  font-weight:500;
  background:none;
}
.menu li a:hover, .menu li a.active {
  color:#fff;
  background:#9FB600;
  text-decoration: none;
}
.menu li ul li a {
  color:#000;
  background:#fff;
  text-decoration: none;
  width:320px;
  font-size:14px;
}
.menu li ul li a:hover {
  color:#fff;
  background:#9FB600;
  text-decoration: none;
}

/* Inhalt ############################################################################################# */
#header {
  display:inline-block;
  margin:0;
  padding:10px 0 0 0;
  width:100%;
  padding:0 7%;
  position:fixed;
  background:#fff;
  z-index:999;
  height:70px;
  top:0;
    -webkit-box-shadow: 0 0 8px 2px #94a2a8;
    box-shadow: 0 0 8px 2px #94a2a8;
    min-width:0px;
box-sizing: border-box;
}
#logo {
  float: left;
    width: 40%;
    max-width:351px;
    margin:0;
    position:relative;
}
#logo .gr {
    padding:10px 3% 3% 3%;
    background-color:#fff;
    position:absolute;  
}
#logo .kl, #logo .kl_ {
    margin:10px 0 0 0;
    position:absolute;
}
#impression {
  margin: 70px 0 0 0;
}
#impression img{
  width:100%;
}
#content {
    display: inline-block;
    width: 100%;
  padding:0 7%;
  margin:30px 0;
}
#content li {
  list-style-type: square;
  padding:3px 0;
  margin: 0 0 0 -10px;
  border-bottom:1px dotted #000;
}
#kontaktformular {
  width:100%!important;
  background:none!important;
}
#kontaktformular2 {
  width:100%!important;
  background:none!important;
}
#kontaktformular input {
  height:3em;
}
.ansprechpartner {
  background:#fff;
  border: 1px solid #cccccc;
  padding:2%;
}
.ansprechpartner li {
  list-style-type:none !important;
  border-bottom: 1px dotted #cccccc !important;
}
/* Inhalt Rechts ############################################################################################# */
#content .box, #content .box_kontakt {
  background:#edf3fb;
  padding:20px;
  margin:10px 0 10px 0;
}
.box_kontakt li {
  list-style-type:none !important;
  border-bottom: 1px dotted #cccccc !important;
}
.box_green {
  background:#9fb600;
  padding:20px;
  margin:10px 0 10px 0;
  font-size:20px; 
  font-style:italic;
}
.box_green:hover {
  background:#000;
  padding:20px; 
}
.box_green a {
  color:#fff;
  display:block;  
}
.box .btn {
  width:100%;
  font-size:18px;
}
.box h3 {
  line-height:1.4em;
}

/* Footer ############################################################################################# */
#footer {
  background:#003a8d;
  width:100%;
  padding:30px 7%;
  color:#fff;
  font-size:smaller;
}
#footer h4{
  color:#fff;
  font-weight:500;
}
#footer li {
  list-style-type: none;
  width:100%;
  padding:0;
  margin-left:-20px;
  padding:5px 0;
  border-bottom:1px solid #2459a5;
}
#footer li a {
  color:#fff;
  display:block;
}
#footer li a:hover {
  margin:0 0 0 20px;
}
#footer span {
  display:block;
  float:left;
  width:70px;
}
#footer .adress li{
  border:none!important;
  border-bottom:1px solid #003a8d;
}
#footer .partner {
  margin:50px 0 0 0;
}
#footer_bottom {
  background:#002f73;
  padding:10px 7% 10px;
  text-align:right;
  color:#fff;
  font-size:smaller;
}
#footer_bottom #brain {
float:left;
}


/* TABS ############################################################################################# */
.tab {
  position:relative;
}
.layer_ {
  position:absolute;
  bottom:70px;
  right:50px;
}
.layer_ a {
  background:rgba(158,182,0,0.8);
  color: #fff !important;
    display: block !important;
    font-size: 30px !important;
    font-style: italic !important;
    padding: 25px !important;
}
.layer_ :hover {
  color:#fff;
  background:#000;
}
.tabs {
    margin: 70px 0 0 0;
}
.tabs img{
  max-width:none;
  width:100%;
}
.tabs > div {
  margin-top: 10px;
  background: white !important;
  line-height:0!important;
}
.tabs > div span {
  color: #ccc !important;
  font-weight: 300;
  line-height: 186px !important;
  display: block;
  text-align: center;
  font-size: 24px;
}
.tabs ul.horizontal {
  list-style: none outside none;
  margin: 0;
  background:#dee8f7;
  width:100%;
  padding:0 7%;
  display: table;
  height:100%;
}
.tabs li {
  background: #dee8f7;
  border-right:1px solid #d0dcef;
  border-left:1px solid #fff;
  margin: 0;
  display: block;
  width:24.7%;
  display: table-cell;
  height:100%;
}
.tabs a {
  color: #013a8d;
  display: block;
  font-size: 23px;
  font-weight: 500;
  padding: 5%;
  text-decoration: none;
}
.tabs a span{
  font-size: 15px;
  font-weight: 300;
  line-height:0.9em;
}
.tabs li:hover {
  background: #d0dcef;
  color:#013a8d;
}
.tabs li:hover a {
  color: #013a8d !important;
}

.tabs .active {
  background: #9FB600 !important;
  position:relative;
  color:#fff;
}
.tabs .active:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(159, 182, 0, 0);
  border-bottom-color: #9FB600;
  border-width: 25px;
  margin-left: -25px;
}

.active a {
  color: #fff !important;
}

/*SLICK ################################################################################################## */
#slider {
  width:100%;
  min-width:1200px;
  height:520px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#slider .layer {
  background:rgba(0,56,150,0.7);
  color:#fff;
  font-size: 26px;
  padding:2%;
  font-weight: 400;
  display: block;
  position: absolute;
  width:45%;
  top:30%;
  right:7%;
}
#slider .layer span {
  font-size:18px;
  margin:20px 0 0 0;
  display:block;
    font-weight: 300;
}
#slider .layer a.btn {
  margin: 10px 0 0;
    padding: 10px 20px !important;
    width: none !important;
}

/* ACCORDION ############################################################################################# */

#accordion {
  margin-bottom: 20px;
}
.accordion-trigger {
  background:#dee8f7;
  padding:5px 10px 20px;
  margin:1px 0 0 0;
  cursor:pointer;
}
.accordion-trigger:hover {
  background:#d0dcef;
  color:#013a8d;
}
#accordion h2 {
  color:#013a8d;
  font-size:20px;
  font-weight:500;
  margin:5px 0 0 0;
}
#accordion .accordion-content {
  margin-bottom: 2%;
  background:#edf3fb;
  padding:30px 10px;
}
#accordion .accordion-indicator {
  float:right;
  display:block;
  height:30px;
  width:20px;
  text-indent:-9999px;
  margin:7px 10px 0 0;
}
.closed { background:url('30423.png')center  left no-repeat; }
.open { background:url('30423.png') center right no-repeat; }

/* ANMELDUNG ############################################################################################# */
#anmeldung {
  width:100%;
}
#anmeldung h1 {
  color:#18427c;
  margin:20px 0 10px 0;
}
#anmeldung h2 {
  color:#18427c;
  clear:both!important;
  margin:40px 0 10px 0;
  font-size:20px;
  background:#ecedf5;
  padding:5px;
  font-weight:300;
}
#anmeldung .clear {
  clear:both;
}
#anmeldung input {
  width:100%;
  border:1px solid #9999cc;
  height:40px;
  padding:5px;
  margin:1% 0;
  font-family:'Open Sans',arial,verdana,sans-serif;
}
#anmeldung textarea {
  width:100%;
  border:1px solid #9999cc;
  height:120px;
  padding:5px;
  margin:1% 0;
  font-family:'Open Sans',arial,verdana,sans-serif;
}
#anmeldung .strasse  {
  width:70%!important;
  float:left;
  margin:1% 10px 1% 0;
}
#anmeldung .nr{
  width:10%!important;
  float:left;
}
#anmeldung .plz{
  clear:both;
  width:20%!important;
  float:left;
  margin:1% 10px 1% 0;
}
#anmeldung .ort{
  width:70%!important;
  float:left;
}
#anmeldung .stk {
  width:10%;
  margin:1% 10px 1% 0;
}
#anmeldung label {
  float:left;
  display:block;
  margin:0 10px 0 0;
        line-height:35px;
}
#anmeldung .rad  {
  width:30px!important;
        height:20px;
  float:left;
  margin:1% 10px 1% 0;
}
#anmeldung .btn {
  border:none;
  color:#fff;
  height:50px;
  display:block;
  cursor: pointer;
  font-family:'Open Sans',arial,verdana,sans-serif;
  font-size:24px;
  font-style: italic;
}

/*Galerie
#############################################################################################*/
.galerie{clear:both;float:none;height:100px;}
.galerie DIV.foto{float:left;width:100px;margin-right:10px;margin-bottom:10px;text-align:center}
.galerie DIV.foto IMG{border:1px solid #ccc;padding:4px;}