@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;}
   }
/*
	Background Stretcher jQuery Plugin
	© 2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

HTML {background:url(../img/bg01.jpg) no-repeat center center; background-attachment:fixed;
	-webkit-background-size: cover;-moz-background-size:cover; -o-background-size:cover; background-size:cover; min-width:1024px; min-height:768px;  behavior: url(htc/PIE.htc);}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: #fff;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}


div.light_square .pp_expand{background:url(../img/lightbox/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/lightbox/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/lightbox/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/lightbox/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../img/lightbox/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../img/lightbox/sprite.png) -1px -101px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../img/lightbox/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../img/lightbox/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/lightbox/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/lightbox/btnNext2.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/lightbox/btnPrevious2.png) center left no-repeat;cursor:pointer}

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:0px 15px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:0px 6px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/lightbox/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/lightbox/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.pp_social {display:none;}
/*.currentTextHolder {display:none;}*/