/**
 * Common
 */

#topcontainer {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #FFFFFF;
    background-image: url('../images/back_top.png?version=2');
}

#top {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px auto auto auto;
}

#topnavi {
    position: relative;
    top: 0px;
    height: 53px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url('../images/top_top.jpg?version=2');
}

#topnavilinks {
    position: relative;
    height: 20px;
    padding: 30px 0px 0px 0px;
    margin: 0px 40px 0px 0px;
    float: right;
}

#topleft {
    position: relative;
    width: 30px;
    height: 270px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('../images/top_left.png?version=2');
    float:left;
}

#toplogo {
    position: relative;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    float:left;
}

#topbild {
    position: relative;
    margin: 0px 0px 0px 1px;
    padding: 0px 0px 0px 0px;
    background: #CACACA;
    float:left;
}

#topright {
    position: relative;
    width: 30px;
    height: 270px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('../images/top_right.png?version=2');
    float:left;
}


/**
 * Main
 */

#maincontainer {
    position: relative;
    width: 100%;
    padding: 0px;
    margin-bottom: 12px;
    text-align: center;
    background-image: url('../images/back2_main.png?version=2');
}

#mainnavi {
    width: 319px;
    height: 260px;
    margin: -69px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: #FFFFFF;
    float: left;
}

#subnavi {
    position: absolute;
    top: 41px;
    left: 344px;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: #FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	visibility:hidden;
    z-index: 2;
}

.subarrow{
  position: absolute;
  left: 275px;
  top: 7px;
  z-index: 1;
  cursor: pointer;
}

#main {
    position: relative;
    min-height: 460px;
    height: auto !important;
    height: 460px;
    padding: 66px 0px 0px 0px;
    margin: 0px auto auto auto;
    background: #FFFFFF;
    background-image: url('../images/back_mainmiddle.png?version=2');
}

#content {
    padding: 0px 30px;
    margin: 0px 30px 50px 349px;
    text-align: left;
    line-height: 17px;
    min-height: 1100px;
}

/**
 * Bottom
 */

#bottomcontainer {
    position: relative;
    width: 100%;
    height: 82px;
    text-align: center;
    background: #FFFFFF;
    background-image: url('../images/back_bottom.jpg?version=2');
}

#bottomnavilinks {
    position: relative;
    padding: 25px 0px 0px 0px;
    margin: 0;
}


/**
 * Sonstiges
 */

.leftnavi ul, .leftnavi li{
	list-style-type: none;
	border-bottom: 1px dotted #C8C8C8;
}

#leftnavi2 ul, #leftnavi2 li{
	list-style-type: none;
	border-bottom: 1px dotted #C8C8C8;
}

.leftnavi li a {
	text-decoration: none;
	display: block;
	width: 319px;
	padding: 8px 10px 8px 41px;
}

.leftnavi a:link, .leftnavi a:visited {
	color: #707070;
    background: unset;
}

.leftnavi {
	color: #707070;
	font-size:15px;
}

#akt {
	color: #000000;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #fff;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #fff;
    border-color: unset;
}

.leftnavi a:hover, .leftnavi a:hover#akt {
	color: #000000;
    background-color: #fff;
}


#leftnavi2 {
	margin: 0;
	padding: 0;
	width: 150px;
}

#leftnavi2 ul, #leftnavi2 li{
  #t-style-type: none;
	border-bottom: 1px dotted #C8C8C8;
}

#leftnavi2 li a {
	text-decoration: none;
	display: block;
	width: 150px;
	padding: 6px 6px 6px 16px;
}

#leftnavi2 a:link, #leftnavi2 a:visited {
	color: #707070;
	font-size:12px;
}

#leftnavi2 {
	color: #707070;
	font-size:12px;
}

#akt2 {
	color: #000000;
	font-size:12px;
}

#leftnavi2 a:hover, #leftnavi2 a:hover#akt2 {
	color: #000000;
	font-size:12px;
}

.navbar-toggle .fa {
  font-size: 20px;
}

#content p span {
  line-height: 26px;
}

.contactform {
  padding: 80px 40px 40px;
  text-align: left;
}

.bewertungen {
  padding: 40px;
  text-align: left;
}

.bewertungen_footer {
  padding: 50px 20px 40px;
  text-align: center;
}

.socialmedia {
  padding: 0px 40px 40px;
  text-align: left;
  font-size: 40px;
}

.socialmedia_footer {
  padding: 50px 20px 40px;
  text-align: center;
  font-size: 50px;
}

.socialmedia svg,
.socialmedia_footer svg,  {
  color: #707070;
}

.socialmedia svg:hover,
.socialmedia_footer svg:hover, {
  color: #000;
}

.ebschutz {
    display: none;
}

.sky-form {
    font: 12px/12px Arial, Helvetica, sans-serif;
    color: #707070;
}

.form-control {
  display: block;
  width: 100%;
  height: 23px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.2;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: none;
  }

#sky-form3 .col-md-12,
#sky-form4 .col-md-12 {
  padding: 0;
}

#sky-form3 button,
#sky-form3 button[type="submit"],
#sky-form4 button,
#sky-form4 button[type="submit"] {
  border-radius: 0px;
  padding: 8px;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid;
}

#sky-form3 button[type="submit"]:hover,
#sky-form4 button[type="submit"]:hover {
  background: #f6f6f6;
}

.datenschutzfeld {
  float: left;
}

.datenschutztext {
  padding: 9px 0px 0px 20px;
}

.red {
  color: #bb2553;
}

/**
 * Responsive CSS
 */

@media (max-width: 1230px) {
  .container {
      width: 992px;
  }
  #toplogo img {
    width: 267px;
  }
  #topbild img {
      width: 660px;
  }
  #topleft, #topright {
    height: 225px;
  }

  #topnavi {
    background-image: url('../images/top_top2.png?version=2');
  }
  #main {
    background-image: url('../images/back_mainmiddle2.png?version=2');
  }
  #mainnavi, .leftnavi li a {
    width: 267px;
  }
  .subarrow{
    position: absolute;
    left: 235px;
    top: 7px;
  }
  #content {
    margin: 0px 30px 0px 297px;
  }
}

@media (max-width: 991px) {

  .container {
    width: 722px;
  }

  #toplogo img {
    width: 190px;
  }
  #topbild img {
    width: 470px;
  }
  #topleft, #topright {
    height: 161px;
  }

  #topnavi {
    background-image: url('../images/top_top3.png?version=2');
  }
  #main {
    background-image: url('../images/back_mainmiddle3.png?version=2');
  }
  #mainnavi, .leftnavi li a {
    width: 190px;
  }
  #content {
    margin: 0px 30px 0px 230px;
  }
  .leftnavi {
	font-size:13px;
  }
  .leftnavi li a {
    padding: 8px 10px 8px 22px;
  }
  .subarrow{
    position: absolute;
    left: 160px;
    top: 7px;
  }
  .contactform {
    padding: 80px 0px 40px 20px;
  }
  #subnavi {
    left: 220px;
  }
  .bewertungen {
  padding: 80px 0px 40px 20px;
}
}

@media (max-width: 768px) {
  .container {
    width: unset;
  }
  #topcontainer {
    background: #FFFFFF;
    background-image: none;
    height: 317px;
  }
  #navi-mobile {
    top: 0px;
    height: 77px;
    position: fixed;
    width: 100%;
    z-index: 10;
    background-color: #fff;
  }

  #content {
      margin: 0;
      padding: 0px 15px 50px 15px;
  }
  .navbar-toggle {
    margin-right: 0px;
    margin-top: 18px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-fixed-top {
    top: 77px;
  }
  #mainnavi, .leftnavi li a {
    width: unset;
  }
  #mobile-top {
    position: relative;
    top: 77px;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    margin: 0px auto;
    overflow: hidden;
  }
  #toplogo-mobile {
    position: absolute;
    top: 0px;
    left: 0px;

  }
  #toplogo-mobile img {
     height: 77px;
  }
  .leftnavi {
	background: #fff;
  }
  .leftnavi li a {
    padding: 9px 10px 9px 15px;
    font-size: 15px;
    text-align: left;
  }
  .contactform {
    padding: 80px 40px 40px 40px;
  }
  #main {
    background-image: unset;
    padding: 25px 0px 0px 0px;
  }
  #content img {
    display: block;
    max-width: 100% !important;
    height: auto;
  }
  .form-control {
  height: 35px;
  padding: 5px;
  font-size: 15px;
  line-height: 1.3;
  }

}

@media (max-width: 600px) {


}

@media (max-width: 420px) {
  .contactform {
    padding: 80px 20px 40px 20px;
  }
}

@media (max-width: 320px) {


}