body{font-family: Arial, Helvetica, sans-serif; font-size:14px;}
a{text-decoration: none; color:#34677f;}
a:hover{ color:#8b714e; }

a, li, .ptext{      -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  /* ...and now for the proper property */
  transition: .3s;}




#logo{width:16%;  position:fixed; left:0px; top:467px; z-index:2000;}

#content{width:70%; margin: 0 auto;  position:relative; padding-top:500px;}



a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop,.slidesjs-navigation, .slidesjs-pagination {
 
 display:none !important;
}


h3{font-size: 100%; font-weight: bold; margin:20px 0px 5px 0px;}


#slides {
 height:500px!important;
  width:100%;
  margin-top:0px;
  position:fixed;
  background:#fff;
  z-index:1000;

}

.fusszeile .kontakt{display:none;}

b{font-weight: bold;}
#nav{position:fixed; margin-top:-33px; z-index:1001;}
#nav_l{width:35px; height:49px; background: #fff; display:inline-block; vertical-align: text-bottom;}
#nav_r{width:35px; height:49px; background: #fff; display:inline-block; vertical-align: text-bottom;}
#nav_m{ height:49px; background: #fff; display:inline-block; vertical-align: text-bottom;}
#nav_m ul{padding:22px 0px 0px 0px;}
#nav_m ul li{display:inline; margin:0px 20px 0px 0px;}
#nav_m ul li a{text-transform: uppercase; font-weight:bold; color:#34677f; font-size:16px;}
#nav_m ul li a:hover, #nav_m ul li a.active{color:#8b714e;}

h1{font-size:22px; color:#8b714e; font-weight:bold; padding:0px 0px 20px 0px;}
.container{padding:50px 30px 90px 35px; line-height:1.6em; width:700px; position:relative; z-index:10;}

.fusszeile{background:#f3f1ed;}
.fusszeile #content_fuss{width:70%; margin: 0 auto;  position:relative; z-index:10; padding:50px 0px 70px 90px; }

.fusszeile #content_fuss ul{padding:0px 0px 0px 0px;}
.fusszeile #content_fuss ul li{margin:0px 0px 7px 0px;}
.fusszeile #content_fuss ul li a{text-transform: uppercase; font-weight:normal; color:#34677f; font-size:11px;}
.fusszeile #content_fuss ul li a:hover, .fusszeile #content_fuss ul li a.active{color:#8b714e;}
.fusszeile #content_fuss #nav1, .fusszeile #content_fuss #nav2, .fusszeile #content_fuss #adresse{display:table-cell; padding:0px 60px 0px 0px;  position:relative; vertical-align: top;}
.fusszeile #content_fuss #nav2{border-right:1px solid #34677f;}
.fusszeile #content_fuss #adresse p{text-transform: uppercase; font-weight:normal; color:#34677f; font-size:11px; padding:0px 0px 7px 60px;}
strong{font-weight:bold;}

.dreieck{display:none;}

#call{display:none;}
.klein{font-size:10px;}


ul {list-style: outside disc!important;}



 @media (max-width: 1700px) {
#slides {height:400px!important;}
#content{padding-top:400px;}
#logo{width:16%;  position:fixed; left:0px; top:367px; z-index:2000;}

}

 @media (max-width: 1400px) {
#slides {height:350px!important;}
#content{padding-top:350px;}
 #logo{width:16%;  position:fixed; left:0px; top:317px; z-index:2000;}

}

 @media (max-width: 1000px) {
  #slides {height:250px!important;}
  #content{padding-top:250px; width:85%;}
 #logo{width:300px;  position:fixed; left:7.5%; top:150px; z-index:2000;}
  .container{width:600px; }
  .fusszeile #content_fuss{width:85%;  padding:50px 0px 70px 60px; }
}



 @media (max-width: 650px) {
  #slides {height:200px!important; position:relative; }
#logo{width:250px;  position:absolute; left:0px; top:-60px; z-index:2000;}
  #content{padding-top:220px; width:100%;}
#nav_r, #nav_l{display:none;}

#nav{position:absolute!important; top:10px; left:0px; padding:0px; margin:0px; width:100%;}

#nav_m{ background:none; width:100%;}
#nav_m ul{padding:0px 0px 0px 0px;width:100%; }

#nav_m ul li{display:block; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; width:auto;}

#nav_m ul li a, #nav_m ul li a:hover{text-transform: uppercase; font-weight:bold; color:#fff; font-size:20px; width:85%; background:#34677f; display:inline-block; padding:10px 0px 10px 0px; vertical-align: top;}
 #nav_m ul li a.active{color:#fff; background:#8b714e!important;}

.container{padding:0px 0px 30px 0px; line-height:1.3em; width:auto; margin:0px 20px 0px 20px;}
body{font-size:17px; min-width:320px;}
.linktext{padding:0px 0px 0px 20px;}
.dreieck{
 width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 30px;
border-color: transparent transparent transparent #34677f;
display:inline-block;
}

.dactive{

border-color: transparent transparent transparent #8b714e !important;

}


.fusszeile{background:#f3f1ed; }
 .fusszeile #content_fuss{width:auto;  padding:20px 0px 20px 20px; }
.fusszeile #content_fuss #nav1{display:none;}
.fusszeile #content_fuss #nav2{display:block; margin:0px 20px 0px 0px; padding:0px 0px 20px 0px; border-bottom:1px solid #34677f; border-right:0px;}
.fusszeile #content_fuss #nav2 a{font-size:20px;}
.fusszeile #content_fuss #adresse{display:block; padding:0px; margin:30px 0px 0px 0px; font-size:20px;}
.fusszeile #content_fuss #adresse p{ font-size:18px; padding:0px; margin:0px 0px 10px 0px;}
#call{display:block; }
#call a{padding:10px; margin:0px; background:#34677f; color:#fff;}
}