@import 'https://fonts.googleapis.com/css?family=Dosis:200,300,400,500|Merriweather:300,400,700';

/* ------------- Rahmen-Layout-Styles ---------- */
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:sans-serif; color:#222; behavior:url(htc/PIE.htc);}
body{margin:0;font-size:1em;line-height:1.4;}
.content{margin-left:auto;margin-right:auto;width:960px;}
.column{display:inline;float:left;margin-left:5px;margin-right:5px;}

/* -------------------- Format styles -----------------  */
a{color:#fff;text-decoration:none;}
a:link{color:#fff;}
a:active{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#fff;}
h1,h2,h3,p{font-family:"Dosis","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:normal; margin:5px 0px; padding:0px;}
h1{font-size:3.8em; line-height:1.8em; margin:10px 0px 15px 0px; color:#222;}
h2{font-size:1.4em; line-height:1.4em; margin: 0px 0px  0px 0px; color:#222;}
h3{font-size:1.4em; line-height:1.4em; margin: 0px 0px 10px 0px; color:#999;}
p {font-size:0.9em; line-height:1.4em; margin: 5px 0px  5px 0px; color:#222;}
.serif{font-family:'Merriweather',Georgia,serif;}
.italic{font-family:'Merriweather',Georgia,serif; font-style: italic; font-size:1.1em; line-height:1.4em; margin-bottom:0px;}
.zitat{font-family:"Dosis"; font-size:0.8em; line-height:0.5em; float:right; margin-top:0px; margin-right:20px;}

/* -------------------- Logo -------------------- */
#header {padding:0px;width:100%;height:auto;position:fixed;top:0px;font-weight:100;min-width:1024px;}
#header img{width:134px;height:400px;display:inline-block; margin: 125px 25px 0px 0px; float:right;}
.sebastian     {background:url(../img/sebastian.png);     width:192px; height:162px;overflow:hidden;position:fixed;z-index:600; margin-top:51px;}
.notfallnummer {background:url(../img/notfallnummer.png); width:140px; height:140px;overflow:hidden;position:fixed;z-index:610; top:20px; right:40px;}
.aktion {width:100%; height:113px;overflow:hidden;position:fixed;z-index:620; bottom:0px;}

/* -------------------- Navigation -------------------- */
#navigation{display:block; position:fixed; top:0px; left:0px; width:100%; z-index:500; background-color:fallback color RGB or hex;background-color:rgba(0, 0, 0, 0.9);	font-family:"Dosis","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; overflow:auto; font-weight:200;	font-size:1.2em; letter-spacing:1px; text-transform: uppercase;display:hidden;  behavior: url(htc/PIE.htc);}
li.nav-item{display:inline-block;padding:12px 15px;margin:-19px 0;float:left;cursor:pointer;}
li.nav-item:hover{background-color:#333;float:left;}
#navigation ul {list-style:none; white-space:nowrap;}
#navigation li a {display:block; outline-style:none;}
#navigation a{color:#fff;text-decoration:none;}
#navigation a:link{color:#fff;}
#navigation a:active{color:#fff;}
#navigation a:visited{color:#fff;}
#navigation a:hover{color:#fff;}
.content-navi{width: 1040px !important;}

/* -------------------- Start -------------------- */
#start {margin-top:0px;padding-top:100px; height:690px;}
#start .box {width:960px; height:690px; background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
a.buchen-btn {position: absolute !important; width: 140px;height: 140px;z-index: 100000;right: 0px;}
#start a.buchen-btn img {display: block;    max-width: 100%;    height: auto;}
#start .dots {background:url(../img/dot-pattern2.png);}
#start .innerbox {padding: 0px 150px 0px 50px; width:760px; height:690px; overflow:hidden;}
#start .width_1{width:650px;margin:0px;}
#start .width_2{width:50px;margin:0px;}
#start .margintop{margin-top:20px;}
#start .large{font-size:2.2em;line-height:1.8em;color:#fff;margin-top:21px;position: relative;}
#start .text-white-bg{display:inline-block;background-color:#fff;padding:10px;margin:4px 0px;color:#000;  behavior: url(htc/PIE.htc);}

/* -------------------- Team -------------------- */
#team{margin-top:50px;padding-top:100px; height:640px;}
#team .box {padding: 0px 150px 0px 50px; width:760px; height:630px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#team .width_1{width:220px;margin:0px;}
#team .width_2{width:480px;margin:0px;}
#team .margintop{margin-top:40px;}

/* -------------------- …ffnungszeiten -------------------- */
#zeiten{margin-top:50px;padding-top:100px; height:590px;}
#zeiten .box {padding: 0px 150px 0px 50px; width:760px; height:580px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#zeiten .width_1{width:140px;margin:0px;}
#zeiten .width_2{width:560px;margin:0px;}
#zeiten .margintop{margin-top:40px;}

/* -------------------- Preise -------------------- */
#preise{margin-top:50px;padding-top:100px; height:1140px;}
#preise .box {padding: 0px 150px 0px 50px; width:760px; height:1150px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#preise .width_1{width:650px;margin:0px;}
#preise .width_2{width:400px;margin:0px;}
#preise .margintop{margin-top:30px;}
#preise table {font-family:"Dosis","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:normal; padding:0px; font-size:0.9em; line-height:1.4em; margin: 5px 0px  5px 0px; color:#222;}
#preise th,td {padding:0.3em 0em;}
#preise tbody td {border-bottom:1px solid #eee;}

/* -------------------- Bilder -------------------- */
#bilder {margin-top:50px;padding-top:100px; height:830px;}
#bilder .box {padding: 0px 150px 0px 50px; width:760px; height:820px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#gallery {clear:both; width:720px;z-index:100;margin-top:25px;}
.col4 {width:170px;height:120px;overflow:hidden;}
.col4 img {	max-width:170px;}
.gallery-item {float:left; margin-right:10px; margin-bottom:10px;	position:relative;}
.gallery-item a {display:block;	float:left;}
.rollover {background:url(../img/lightbox/lightbox.png) no-repeat scroll 0 0; width:25px;	height:25px; position:absolute;	top:0;	right:0;	display:none;	opacity:1;  behavior: url(htc/PIE.htc);}

/* -------------------- Kontakt -------------------- */
#kontakt {margin-top:50px;margin-bottom:100px;padding-top:100px; height:590px;}
#kontakt .box {padding: 0px 150px 0px 50px; width:760px; height:580px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#kontakt .width_1{width:220px;margin:0px;}
#kontakt .width_2{width:480px;margin:0px;}
#user_gmap{width:700px;height:250px; margin:0px 0px 30px 0px;font-family:"Dosis","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
.width_2 a{color:#222;}
.width_2 a:link{color:#222;}
.width_2 a:active{color:#222;}
.width_2 a:visited{color:#222;}
.width_2 a:hover{color:#999;}

/* -------------------- Aktuelles -------------------- */
#aktuelles {margin-top:0px;margin-bottom:50px;padding-top:100px; height:auto;}
#aktuelles .box {padding: 0px 150px 30px 50px; width:760px; height:auto; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#aktuelles .post{width:650px; margin:10px 0px; border-bottom:1px #222 dotted; overflow:hidden; padding-bottom:20px; z-index:100;position:relative; }
#aktuelles .margintop{margin-top:0px;}
#aktuelles .box a{color:#222;text-decoration:none; border-bottom:1px dotted;}
#aktuelles .box a:focus, a:link, a:active, a:visited{color:#222;}
#aktuelles .box a:hover{color:#999;}
#posts {background:#666; clear:both;}

/* -------------------- Impressum -------------------- */
#impressum {margin-top:0px;margin-bottom:50px;padding-top:100px; height:1210px;}
#impressum .box {padding: 0px 150px 0px 50px; width:760px; height:1260px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#impressum .width_1{width:100px;margin:0px;}
#impressum .width_2{width:650px;margin:0px;}
#impressum .margintop{margin-top:20px;}

/* -------------------- Datenschutz -------------------- */
#datenschutz {margin-top:0px;margin-bottom:50px;padding-top:100px; height:1440px;}
#datenschutz .box {padding: 0px 150px 0px 50px; width:760px; height:3690px; overflow:hidden;background-color:fallback color RGB or hex;background-color:rgba(256, 256, 256, 0.9);  behavior: url(htc/PIE.htc);}
#datenschutz .width_1{width:100px;margin:0px;}
#datenschutz .width_2{width:650px;margin:0px;}
#datenschutz .margintop{margin-top:20px;}



/* -------------------- Clearfix -------------------- */
.clearfix:before,.clearfix:after,.content:before,.content:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfix:after,.content:after{clear:both;}
.clearfix,.content{zoom:1;}
@media only screen and (min-width:35em){}
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;  behavior: url(htc/PIE.htc);}
.ir br{display:none;}

a.buchen-btn {position: absolute !important; width: 140px;height: 140px;z-index: 100000;right: 0px;}
#start a.buchen-btn img {display: block;    max-width: 100%;    height: auto;}

.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
@media only screen and (max-device-width:1024px){
	#startseite,{background-attachment:scroll;width:1024px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
	#startseite{width:1024px;}
	#startseite .content{margin-left:64px;} body.about{background-image:none;} 
	
a.buchen-btn {position: absolute !important; width: 140px;height: 140px;z-index: 100000;right: 0px;}
#start a.buchen-btn img {display: block;    max-width: 100%;    height: auto;}
	
	.contact{min-height:680px;}
}
@media only screen and (max-device-width:768px) and (orientation:portrait){
	#startseite{min-height:1024px;min-width:768px;}
	}
a.buchen-btn {position: absolute !important; width: 140px;height: 140px;z-index: 100000;right: 0px;}
#start a.buchen-btn img {display: block;    max-width: 100%;    height: auto;}
	
@media print {   a{color:blue;}
   }