@charset "utf-8";
/* margin: top right bottom left */
/* Startseite */
#logo {width:95%; height:auto; margin:0; padding:40px 0 0 5%; text-align:left; position:relative !important}
#logo img {width:300px;}
#menue {width:100%; height:auto; left:0px; bottom:20%; margin:0; padding:20px 0 20px 0; background:url(../images/menue_bg.png) repeat left top; z-index:100;
		text-align:center; position:absolute !important}
#menue a {width:auto; height:auto; color:#ffffff; font-size:35px; font-family:'SansPro-Slim'; text-decoration:none; text-transform:uppercase; margin:0 50px 0 50px; padding:0;
		  transition:all .2s ease-in-out; background:transparent; display:inline-block;}
#menue a:hover {transform:scale(1.2);}
#ftzeile {width:90%; height:auto; left:0px; bottom:0px; margin:0; padding:15px 5% 15px 5%; background:url(../images/footer_bg.png) repeat left top; z-index:100;
		  position:absolute !important}
#ftzeile a {color:#ffffff; font-size:17px; font-family:'SansPro'; text-decoration:none; text-transform:uppercase; transition:all .2s ease-in-out; display:inline-block;}
#ftzeile a:hover {transform:scale(1.1);}
#ft_left {width:50%; height:auto; padding:0; margin:0; float:left; position:relative !important}
#ft_right {width:50%; height:auto; text-align:right; padding:0; margin:0; float:left; position:relative !important}
#txt_block {width:100%; height:auto; font-size:17px; padding:0; margin:0; background:#ffffff; display:none; position:relative !important}
/* Die Boote */
#boot_left {width:45%; height:auto; font-size:18px; text-align:justify; line-height:1.2; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#bes_bild {width:100%; height:auto; text-align:left; margin:20px 0 0 0; padding:0; display:inline-block; position:relative !important}
#bes_bild img {border:1px solid #888888;}
#boot_right {width:50%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#xanti_left {width:47.5%; height:auto; font-size:18px; margin:0; padding:0 2.5% 0 0; float:left; position:relative !important}
#xenia_right {width:47.5%; height:auto; font-size:18px; margin:0; padding:0 0 0 2.5%; float:left; position:relative !important}
video {width:100%;}
#img_box, #img_box2 {width:100%; height:auto; padding:0; margin:0 0 10px 0; -webkit-box-shadow:-0.5px -0.5px 5px 2px #dddddd;
		  			 -moz-box-shadow:-0.5px -0.5px 5px 2px #dddddd; box-shadow: -0.5px -0.5px 5px 2px #dddddd; transition:all .2s ease-in-out; position:relative !important}
#img_box:hover {transform:scale(1.02);}
#img_box2:hover {transform:scale(1.05);}
#img_box_ab {width:100%; height:20px; border-bottom:1px dotted #999999; margin:0 0 20px 0; position:relative !important}
#boot_ab {width:100%; height:35px; border-bottom:1px dotted #999999; margin:0 0 35px 0; clear:both; position:relative !important}
/* Hausboot Xanti und Hausboot Xenia */
#boot_video, #boot_galerie {width:47.5%; height:auto; margin:0; padding:0 2.5% 0 0; float:left; position:relative !important}
#boot_right2 {width:47.5%; height:auto; font-size:18px; text-align:left; line-height:1.2; margin:0; padding:0 0 0 2.5%; float:left; position:relative !important}
#boot_austattung_left {width:47%; height:auto; margin:0; padding:0 3% 0 0; float:left; position:relative !important}
#boot_austattung_right {width:47%; height:auto; margin:0; padding:0 0 0 3%; float:left; position:relative !important}
#boot_details {width:47.5%; height:auto; font-size:18px; margin:0; padding:0 2.5% 0 0; float:left; position:relative !important}
#boot_virtuell {width:47.5%; height:auto; margin:0; padding:0 0 0 2.5%; float:left; position:relative !important}
#boot_virtuell iframe {width:100%; height:360px; border-style:none;}
#dtl_left {width:50%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#dtl_right {width:50%; height:auto; margin:0; padding:0; float:left; position:relative !important}
#dtl_ab {width:100%; height:10px; margin:0; padding:0; clear:left; position:relative !important}
#btpart_ab, #boot_bild {display:none;}
#boot_grundriss {width:100%; height:auto; margin:0; padding:0; position:relative !important}
#boot_grundriss img, #boot_dtl_img img {border:1px solid #888888;}
#boot_griss_enlarge {width:10%; height:auto; left:0; top:10px; margin:0 1% 0 89%; padding:0; transition:all .2s ease-in-out; display:inline-block; z-index:10;
					 position:absolute !important}
#boot_griss_enlarge img {width:50px; border:0px !important}
#boot_griss_enlarge:hover {transform:scale(1.2);}
.boot_grundriss_big {width:100%; height:100%; top:0; left:0; display:none; background:url(../images/menue_bg.png) repeat left top; z-index:1000000; position:fixed;}
#boot_grundriss_grafik {width:100%; height:auto; max-width:1700px; margin:1px auto; margin-top:20px; margin-bottom:0px; padding:0; position:relative !important}
#boot_grundriss_grafik img {border:1px solid #000000;}
#boot_big_close {width:40px; height:auto; top:20px; right:20px; transition:all .2s ease-in-out; z-index:10; position:absolute;}
#boot_big_close img {width:40px; border:0px !important}
#boot_big_close:hover {transform:scale(1.2);}
/* Aktuelles */
#akt_top {width:100%; height:25px; border-top:1px dotted #999999; margin:0; position:relative !important}
#akt_dtm {font-size:17px; color:#555555; line-height:1;}
#aktuelles_ges {width:47.5%; height:auto; font-size:18px; text-align:justify; line-height:1.2; margin:0; padding:0 52.5% 0 0; position:relative !important}
#aktuelles_left {width:47.5%; height:auto; font-size:18px; text-align:justify; line-height:1.2; margin:0; padding:0 2.5% 0 0; float:left; position:relative !important}
#aktuelles_right {width:47.5%; height:auto; margin:0; padding:0 0 0 2.5%; display:inline-block; float:left; position:relative !important}
#aktuelles_right img {border:1px solid #555555;}
#aktuelles_bild {display:none;}
#aktuelles_ab {width:100%; height:35px; margin:0; clear:both; position:relative !important}
#akt_pdf {width:50px; height:auto; margin:20px 0 0 0; padding:0; transition:all .2s ease-in-out; position:relative !important}
#akt_pdf img {width:50px;}
#akt_pdf:hover {transform:scale(1.2);}
/* Buchung */
#mind {color:#0c5caf; font-size:20px; font-family:'SansPro';}
#prs_left {width:47.5%; height:auto; margin:0; padding:0 2.5% 0 0; float:left; position:relative !important}
#prs_top {width:30.33%; height:auto; font-size:18px; font-weight:600; line-height:1; margin:0; padding:15px 0 15px 3%; background:#dedede; float:left;
		  position:relative !important}
#prs_inh {width:30.33%; height:auto; font-size:18px; line-height:normal; margin:0; padding:10px 0 10px 3%; float:left; position:relative !important}
#prs_inh2 {width:30.33%; height:auto; font-size:17px; line-height:normal; margin:0; padding:10px 0 10px 3%; background:#eeeeee; float:left; position:relative !important}
.prs_tour {width:100%; height:auto; margin:0; padding:0; display:block; position:relative !important}
.prs_hafen {width:100%; height:auto; margin:0; padding:0; display:none; position:relative !important}
#prs_btn {width:100%; height:auto; margin:10px 0 15px 0; padding:0; position:relative !important}
#prs_btn a {width:95.5%; height:auto; color:#ffffff; font-weight:600; font-size:15px; text-align:center; text-decoration:none; margin:0; padding:5px 2% 5px 2%;
			background:#0c4265; border:1px solid #0c4265; border-radius:10px; display:block;}
#prs_btn a:hover {color:#000000; background:#eeeeee; border:1px solid #000000;}
#prs_btn br {display:none;}
#prs_erkl {width:100%; height:auto; font-size:16px; line-height:normal; text-align:justify; margin:0; padding:0; position:relative !important}
#prs_right {width:45%; height:auto; font-size:17px; line-height:1.2; padding:0 0 0 5%; float:left; position:relative !important}
#rsv_right {width:47.5%; height:auto; font-size:18px; line-height:1.2; margin:0; padding:0 0 0 2.5%; float:left; position:relative !important}
#rsv_button {width:300px; height:auto; margin:0; padding:25px; -webkit-box-shadow:-0.5px -0.5px 5px 2px #dddddd; -moz-box-shadow:-0.5px -0.5px 5px 2px #dddddd;
		     box-shadow: -0.5px -0.5px 5px 2px #dddddd; transition:all .2s ease-in-out; background:#ffffff; position:relative !important}
#rsv_button a {text-decoration:none; text-transform:uppercase;}
#rsv_button img {width:300px; margin:0; padding:0;}

#verfueganker {width:100%; height:auto; font-size:1px; margin:0; padding:0; position:relative !important}
#trmreserv {width:100%; height:30px; font-size:18px; line-height:1; margin:0; padding:0 0 0 35px; background:url(../images/reserviert.png) no-repeat left top;
		  	background-size:30px, auto; float:left; position:relative !important}
.kalendar_reiter_up {width:99.8%; height:auto; margin:0; padding:0; display:block; border:1px solid #aaaaaa;
			  	 	 background:url(../images/arrow_up.png) no-repeat center right #ededed; background-size:40px, auto; position:relative !important}
.kalendar_reiter_down {width:99.8%; height:auto; margin:0; padding:0; display:none; border:1px solid #aaaaaa;
			  	   	   background:url(../images/arrow_down.png) no-repeat center right #ededed; background-size:40px, auto; position:relative !important}
.kalendar_reiter_up a, .kalendar_reiter_down a {width:98%; height:auto; font-size:17px; font-weight:600; color:#000000; text-decoration:none; margin:0; padding:15px 0 15px 2%; display:inline-block;}
.kalendar_content {width:96%; height:auto; margin:0; padding:10px 2% 30px 2%; display:block; position:relative !important}
#iframe_box {width:100%; height:auto; margin:0px; padding:0; overflow-x:scroll; white-space:nowrap; position:relative !important}
#iframe_box iframe {width:2300px; height:250px; margin:0; padding:0; border:0;}


#vrs_left {width:45%; height:auto; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#vrs_1 {width:38%; height:auto; font-size:18px; font-weight:600; margin:0; padding:0 2% 0 0; float:left; position:relative !important}
#vrs_r {width:60%; height:auto; font-size:18px; margin:0; float:left; position:relative !important}
#vrs_ab {width:100%; height:15px; margin:0; padding:0; clear:left; position:relative !important}

#navi_button {width:150px; height:auto; margin:0 15px 15px 0; padding:0; -webkit-box-shadow:-0.5px -0.5px 5px 2px #dddddd; -moz-box-shadow:-0.5px -0.5px 5px 2px #dddddd;
		      box-shadow: -0.5px -0.5px 5px 2px #dddddd; transition:all .2s ease-in-out; background:#ffffff; float:left; position:relative !important}
#navi_button a {text-decoration:none;}
#navi_button img {width:150px; margin:0; padding:0;}
#rsv_button:hover, #navi_button:hover {transform:scale(1.1);}
#rsv_font {width:300px; height:auto; left:25px; bottom:30px; font-size:19px; color:#ffffff; text-transform:uppercase; font-family:'SansPro-Slim'; text-align:center;
		   line-height:1; margin:0; padding:5px 0 5px 0; background:url(../images/menue_bg.png) repeat left top; z-index:10; position:absolute !important}
#navi_font {width:150px; height:auto; left:0; bottom:0; font-size:16px; color:#ffffff; font-family:'SansPro-Slim'; text-align:center; line-height:1; margin:0;
			padding:5px 0 5px 0; background:#000000; z-index:10; position:absolute !important}
#bchnav_left {width:45%; height:auto; font-size:18px; text-align:justify; line-height:1.2; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#bchnav_rechts {display:inline-block;}
#bchnav_unten {display:none;}
/* Rezensionen */
#rezensionen_left {width:35%; height:auto; font-size:19px; line-height:1.2; margin:0; padding:0; float:left; position:relative !important}
#rez_dtm {font-size:17px; color:#555555;}
#rezensionen_left img {width:110px; margin:4px 0 0 0;}
#rezensionen_right {width:700px; height:auto; font-size:18px; text-align:justify; line-height:1.2; margin:0; padding:0; float:right; position:relative !important}
#rez_write {width:70px; height:auto; right:70px; top:20px; margin:0; padding:0; transition:all .2s ease-in-out; z-index:100; position:absolute !important}
#rez_write img {width:66px; border:2px solid #000000;}
#rez_write:hover {transform:scale(1.15);}
/* Symbole */
#kon_det {width:auto; height:auto; min-height:35px; font-size:19px; padding:6px 0 15px 45px; background-size:35px auto; position:relative !important}
#kon_det2 {width:auto; height:auto; min-height:35px; font-size:19px; padding:0 0 15px 45px; background-size:35px auto; position:relative !important}
.phone {background:url(../images/s_phone.png) no-repeat left top;}
.mobil {background:url(../images/s_mobil.png) no-repeat left top;}
.mail {background:url(../images/s_mail.png) no-repeat left top;}
.marina {background:url(../images/s_marina.png) no-repeat left top;}
.betreiber {background:url(../images/s_betreiber.png) no-repeat left top;}
.tax {background:url(../images/s_tax.png) no-repeat left top;}
.mailbox {background:url(../images/s_mailbox.png) no-repeat left top;}
.schutz {background:url(../images/s_datenschutz.png) no-repeat left top;}
.rhnws {background:url(../images/s_rhnws.png) no-repeat left top;}
.fotos {background:url(../images/s_fotos.png) no-repeat left top;}
.design {background:url(../images/s_design.png) no-repeat left top;}
/* AGB + Kontakt + Impressum + Datenschutzerklärung */
#smlfont {width:100%; height:auto; font-size:18px; color:#0c4265; margin:-20px 0 30px 0; padding:0; position:relative !important}
#imp_left {width:45%; height:auto; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#gmap_canvas {width:100%; height:350px;}
#gmap_canvas img {text-align:center; max-width:none!important; background:none!important}
#map {width:100%; height:350px; margin:20px 0 0 0; padding:0; border:1px solid #555555; display:inline-block; overflow:hidden; position:relative !important}
#ds_left {width:45%; height:auto; font-size:17px; text-align:justify; line-height:1.2; margin:0; padding:0 5% 0 0; float:left; position:relative !important}
#imp_right {width:45%; height:auto; font-size:17px; text-align:justify; line-height:1.2; margin:0; padding:0 0 0 5%; float:left; position:relative !important}
#imp_right iframe {width:100%;}
#ds_ab {width:100%; height:35px; border-bottom:1px dotted #999999; margin:0 0 25px 0; clear:both; position:relative !important}
#ds_ab a, #ds_ab a:hover {color:#ffffff; text-decoration:none; font-size:3px;}
@media (max-width:1200px) {
/* Startseite */
#menue a {font-size:28px; margin:0 40px 0 40px;}
#ftzeile a {font-size:16px;}
/* Das Boot */
#boot_big_close, #boot_big_close img {width:30px;}
#boot_griss_enlarge img {width:40px;}
/* Rezensionen */
#rezensionen_left {width:32%; padding:0 3% 0 0;}
#rezensionen_right {width:65%; float:left;}
}
@media (max-width:1402px) {
/* Rezensionen */
#rez_write {right:3%;}
}
@media (max-width:1200px) {
/* Startseite */
#menue a {font-size:28px; margin:0 40px 0 40px;}
#ftzeile a {font-size:16px;}
/* Das Boot */
#boot_big_close, #boot_big_close img {width:30px;}
#boot_griss_enlarge img {width:40px;}
/* Rezensionen */
#rezensionen_left {width:32%; padding:0 3% 0 0;}
#rezensionen_right {width:65%; float:left;}
}
@media (max-width:1100px) {
/* Die Boote, Hausboot Xanti und Hausboot Xenia */
#boot_left, #boot_right2, #boot_details, #xanti_left, #xenia_right {font-size:17px;}
#bes_bild {display:none;}
/* Aktuelles */
#akt_dtm {font-size:16px;}
#aktuelles_ges, #aktuelles_left {font-size:17px;}
#akt_pdf {width:40px;}
#akt_pdf img {width:40px;}
/* Buchung */
#mind {font-size:17px;}
#prs_top, #prs_inh, #prs_inh2 {width:31.33%; font-size:16px; padding:15px 0 15px 2%;}
#prs_right, #vrs_1, #vrs_r, #rsv_right, #trmreserv, #bchnav_left {font-size:17px;}
/* Rezensionen */
#rezensionen_left {font-size:18px;}
#rez_dtm {font-size:16px;}
#rezensionen_left img {width:103px;}
#rezensionen_right {font-size:17px;}
/* AGB */
#smlfont {font-size:17px;}
/* Impressum + Datenschutzerklärung */
#ds_left, #imp_right {font-size:16px;}
/* Symbole */
#kon_det {min-height:30px; font-size:17px; padding:5px 0 15px 38px; background-size:30px auto;}
#kon_det2 {min-height:30px; font-size:17px; padding:0 0 15px 38px; background-size:30px auto;}
}
@media (max-width:960px) {
/* Startseite */
#menue a {font-size:25px; margin:0 30px 0 30px;}
/* Das Boot, Hausboot Xanti und Hausboot Xenia */
#boot_left, #boot_video, #boot_galerie, #boot_right2 {width:100%; padding:0;}
#boot_right {width:100%;}
#btpart_ab {width:100%; height:35px; border-bottom:1px dotted #999999; margin:0 0 35px 0; clear:both; display:inline-block; position:relative !important}
#boot_bild {width:100%; height:auto; margin:0; padding:0; display:inline-block; position:relative !important}
#boot_bild img {border:1px solid #888888;}
#boot_details, #boot_virtuell {width:100%; padding:0;}
#boot_griss_enlarge {display:none;}
/* Aktuelles */
#aktuelles_ges, #aktuelles_left {width:100%; padding:0;}
#aktuelles_right {display:none;}
#aktuelles_bild {width:100%; height:auto; margin:0; padding:0 0 20px 0; display:inline-block; position:relative !important}
#aktuelles_bild img {border:1px solid #555555;}
/* Buchung */
#prs_left, #prs_right, #vrs_left {width:100%; padding:0;}
#rsv_right {width:100%; padding:0;}
#bchnav_left {width:100%; padding:0 0 30px 0;}
#bchnav_rechts {display:none;}
#bchnav_unten {display:inline-block;}
#rsv_button:hover, #navi_button:hover {transform:scale(1.05);}
/* Rezensionen */
#rezensionen_left {width:100%; padding:0 0 15px 0;}
#rezensionen_right {width:100%;}
#rez_write {width:66px; top:13px;}
#rez_write img {width:62px;}
/* Kontakt + Impressum + Datenschutzerklärung */
#imp_left {width:100%; padding:0 0 30px 0;}
#ds_left {width:100%; padding:0 0 20px 0;}
#imp_right {width:100%; padding:0;}
}
@media (max-width:800px) {
/* Startseite */
#logo {width:100%; padding:15px 0 0 0; text-align:center;}
#menue a {font-size:22px; margin:0 25px 0 25px;}
#ftzeile {width:94%; padding:15px 3% 15px 3%;}
}
@media (max-width:700px) {
/* Startseite */
#menue {width:100%; max-width:202px; left:0px; bottom:0px; margin:10px auto; margin-top:40px; margin-bottom:0px; padding:0; background:transparent;
		position:relative !important}
#menue a {width:200px; font-size:28px; text-align:center; margin:0 0 10px 0; padding:10px 0 10px 0; border:1px solid #ffffff;
		  background:url(../images/menue_bg.png) repeat left top;}
#menue a:hover {transform:scale(1.1);}
#ftzeile a {font-size:15px; transition:none;}
#ftzeile a:hover {transform:none;}
}
@media (max-width:500px) {
/* Das Boot + Buchung + Aktuelles + AGB */
#mind {font-size:15px;}
#boot_left, #boot_right2, #xanti_left, #xenia_right, #boot_details, #prs_right, #vrs_1, #vrs_r, #trmreserv, #bchnav_left, #rezensionen_right, #aktuelles_ges, #aktuelles_left, #smlfont {font-size:16px;}
#xanti_left {width:100%; padding:0 0 15px 0;}
#xenia_right {width:100%; padding:0;}
#img_box2:hover {transform:scale(1.02);}
#prs_btn br {display:inline-block;}
#akt_dtm, #rez_dtm {font-size:15px;}
#boot_austattung_left {width:100%; padding:0 0 20px 0;}
#boot_austattung_right {width:100%; padding:0;}
/* Rezensionen */
#rezensionen_left {font-size:17px;}
#rezensionen_left img {width:97px;}
}