@charset "UTF-8";
@font-face {
	font-family: 'JellykaEstryasHandwritingRegu';
	src: url('../fonts/jellyka_estrya_handwriting-webfont.eot');
	src: local('☺'), url('../fonts/jellyka_estrya_handwriting-webfont.woff') format('woff'), url('../fonts/jellyka_estrya_handwriting-webfont.ttf') format('truetype'), url('../fonts/jellyka_estrya_handwriting-webfont.svg#webfontsAsGeKrx') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color:#333532;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
}

img.skaliere#body {
	position: relative;
	width: 100%;
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	z-index:1;
}

#body img {
	margin: 0;
	padding: 0;
	border: none;
}

#emotion .inhalts_element_abstand .user-bilderoben-pi1 img {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index:1;
}
div.tx-cfamooflow-pi1{
	float:left;
	width:665px;
	z-index:6;
}

.tx-powermail-pi1 fieldset { border: none; }
.tx-powermail-pi1 legend { display: none; }
.tx-powermail-pi1 label { display: inline-block; width: 100px;}
.tx-powermail-pi1 .tx-srfreecap-pi2-image { margin: 5px 0 0 105px; display: block; }
#powermaildiv_uid13, .tx-srfreecap-pi2-cant-read {margin: 5px 0 0 105px !important; }

DIV.csc-textpic DIV.csc-textpic-imagecolumn {
    display: inline;
    float: left;
    margin-right: 13px;
}

/* +++++++++++++ Positionierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
#content_wrapper_aussen{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
	#schwarzer_verlauf_oben{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:129px;
		z-index:2;
		background-image:url(../bilder/bg_schwarzerbalken.png);
		background-repeat:repeat-x;
	}
	#braune_linie_oben{
		position:absolute;
		top:127px;
		left:0;
		width:100%;
		height:1px;
		line-height:1px;
		z-index:2;
		background-color:#b1b093;
	}
	#content_wrapper_oben{
		position:absolute;
		top:0;
		left:33px;
		width:950px;
		height:168px;
		z-index:3;
	}
		#pos_logo{
			position:absolute;
			top:0;
			left:-8px;
			width:255px;
			height:168px;
			z-index:4;
		}
		#pos_home_btn{
			position:absolute;
			top:11px;
			left:236px;
			width:80px;
			height:28px;
			z-index:4;
		}
		#pos_home_btn img { margin: 0 5px 0 0; }
		#pos_sprachen{
			position:absolute;
			top:11px;
			left:271px;
			width:28px;
			height:28px;
			z-index:4;
			display: none;
		}
		#pos_wrapper_servicnavi_adresse{
			position:absolute;
			top:0;
			left:400px;
			width:590px;
			z-index:3;
		}
			#pos_servicenavi{
				float:right;
				width:170px;
				height:25px;
				clear:both;
				margin:0;
				padding:0;
				text-align:right;
			}
			#pos_adresse{
				float:right;
				height:16px;
				clear:both;
				margin:0;
				padding:0;
			}
			.tel { font-size: 16px; }
		#pos_mainnavi{
			position:absolute;
			top:96px;
			left:310px;
			width:690px;
			height:31px;
			z-index:4;
		}
	/*#content_wrapper_mitte{
		position:absolute;
		top:168px;
		left:33px;
		width:950px;
		height:206px;
		z-index:3;
	}*/
	#content_wrapper_unten{	
		z-index: 2;
		position: absolute;
		width: 950px;
		margin-top:33%;
		margin-left:33px;
	}
		#pos_spalte1{
			position:absolute;
			top:0;
			left:0;
			width:202px;
			z-index:4;
		}
			.facebook {
				float: left;
			    margin-bottom: 5px;
			    width: 192px;
			    z-index: 4;
				background: #DAD8C4;
			}
			.facebook.folge { margin: 15px 0 0 0; }
			#holidaycheck { margin: 10px 0 0 0; }
		#pos_spalte2{
			position:absolute;
			top:0;
			left:208px;
			width:756px;
			z-index:4;
		}
			#pos_headline{
				position:absolute;
				top:19px;
				left:26px;
				width:360px;
				height:53px;
				z-index:5;
			}
			#pos_buchungs_btn{
				position:absolute;
				top:23px;
				left:474px;
				width:190px;
				height:55px;
				z-index:5;
				padding-left:16px;
				padding-top:3px;
				background-image:url(../bilder/buchungs-anfrage-bg.png);
				background-repeat:no-repeat;
			}
			#pos_zeile1{
				position:absolute;
				top:0;
				left:0;
				width:756px;
				height:93px;
				z-index:4;
			}
				#pos_btn_buchungsanfrge_float{
					float:left;
					width:195px;
					height:58px;
				}
				#pos_mask{
					position:absolute;
					top:25px;
					left:0;
					width:195px;
					height:240px;
					z-index:4;
				}
				/* neu float*/
				#pos_mask_float{
					float:left;
					width:195px;
					z-index:4;
					margin-top:25px;
				}
				#pos_360_grad_rundgang{
					position:absolute;
					top:367px;
					left:0;
					width:195px;
					height:58px;
					z-index:4;
				}
				#pos_360_grad_rundgang_float{
					float:left;
					width:195px;
					height:58px;
					z-index:4;
				}
				#pos_wetter{
					position:absolute;
					top:255px;
					left:0;
					width:187px;
					height:96px;
					z-index:4;
					padding-top:1px;
					background-image:url(../bilder/bg_wetter.png);
					background-repeat:repeat-x;
				}
				#pos_wetter_float{
					float:left;
					width:187px;
					height:96px;
					z-index:4;
					padding-top:1px;
					background-image:url(../bilder/bg_wetter.png);
					background-repeat:repeat-x;
				}
				#pos_logo_bodenseehotels{
					position:absolute;
					top:420px;
					left:0;
					width:187px;
					height:34px;
					z-index:4;
					padding-top:16px;
					text-align:center;
				}
				#pos_logo_bodenseehotels_float{
					float:left;
					width:187px;
					height:34px;
					z-index:4;
					padding-top:16px;
					text-align:center;
				}
			#pos_zeile2{
				position:absolute;
				top:93px;
				left:0;
				width:756px;
				z-index:4;
				background-image:url(../bilder/bg_inhalt.gif);
				background-repeat:repeat-y;
			}
			/*1 spalten layout*/
			#pos_zeile2_2{
				position:absolute;
				top:93px;
				left:0;
				width:756px;
				z-index:4;
				background-image:url(../bilder/bg_inhalt2.gif);
				background-repeat:repeat-y;
			}
				#inhat_spalte1{
					float:left;
					width:488px;
					padding-top:12px;
					padding-left:40px;
					padding-right:48px;
					text-align:left;
				}
				#inhat_spalte2{
					float:left;
					width:147px;
					margin:0;
					padding:0;
					padding-right:19px;
				}
				/*1 spalten layout*/
				#inhat_spalte1_2{
					float:left;
					width:663px;
					padding-top:12px;
					padding-left:40px;
					padding-right:30px;
				}
				/* +++++ seitenauf_layer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
				div#seitenauf_layer{
					float:left;
					clear:both;
					width:100%;
					height:30px;
					margin-bottom:16px;
					text-align:right;
				}
				div#seitenauf_layer img.img_top{
					border:0;
				}
				
/* +++++++++++++ Subnavi +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
#subnavi{
	position:absolute;
	top:39px;
	left:0;
	width:187px;
	z-index:4;
}
#subnavi_float{
	float:left;
	width:187px;
	z-index:4;
	padding-top: 48px;
}
/* +++++++++++++ Tabelle als eignes Inhaltselement +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
.tabellenclass{ 
	width:500px; 
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#fff;
	margin:0;
	padding:0;
}
.tabellenclass td{ text-align:center; background-color:red; }
/* +++++++++++++ Textformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
p {	
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#616161;
	margin:0;
	padding:0;
}
/*p tag mit class*/
.align-left{ text-align:left; }
.align-center{ text-align:center; }
.align-right{ text-align:right; }
.align-justify{ text-align:justify; }

span.roteSchrift{
	color:#FF0000;
}
span.servicenavi_trenner{ font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:12px; color:#b1b093; }

h1 {
	font-family: 'JellykaEstryasHandwritingRegu', sans-serif;
	font-size:90px;
	line-height:94px;
	color:#60a72d;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:50px;
}

h2 {
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	font-size:15px;
	line-height:20px;
	color:#ff5796;
	margin:0;
	padding:0;
	margin-bottom:0px;
}
img {
	border:0;
}

hr{
	color:#7eb761;
	background-color:#7eb761;
	border:solid #7eb761;
	border-width:1px 0 0 0;
	height:0px
}
/* +++++++++++++ Linkformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a:link, a:visited { color: #616161; font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:13px; line-height:19px; }
a:hover{ color: #ff5796; text-decoration: none; font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:13px; line-height:19px; }

a.servicenavi{ font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:12px; color:#b1b093; }

/* +++++++++++++ Aufzählungen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Bullets Inhaltselment */
ul.csc-bulletlist li {
	
}

/* Standardsitemap */
div.csc-sitemap ul li {
	
}

/* tx-flseositemap-pi1 */
div.tx-flseositemap-pi1 ul.list li.list {
	
}


/* +++++ Standard Listen im Inhalt ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul {
	margin: 0;
	padding: 0;
	padding-left:20px;
}

ol {
	margin: 0;
	padding: 0;
	padding-left:20px;
}
ol li {
	font-size:13px;
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	color:#696e72;
	line-height:18px;
}
ul li {
	font-size:13px;
	font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif;
	color:#696e72;
	line-height:18px;
	list-style-type:square;
}
/* +++++ Sitempap ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*SEO Sitemap*/
div.tx-flseositemap-pi1 ul.deep0, div.tx-flseositemap-pi1 ul.deep0 a{
	font-weight:bold;
	text-decoration:none;
}
div.tx-flseositemap-pi1 ul.deep1, div.tx-flseositemap-pi1 ul.deep1 a, div.tx-flseositemap-pi1 ul.deep1 li.first, div.tx-flseositemap-pi1 ul.deep1 li.first a{
	font-weight:normal;
	text-decoration:none;
}

/*free captcha*/
span.tx-srfreecap-pi2-cant-read{
	font-family:helvetica, geneva, sans-serif;
	font-size:13px;
	color:#685e55;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* Reservierung Tool */
/* principal div */
#HWBMask { position:relative; top:0; left:0; width:180px; padding:5px; margin:0; background-color:#dad8c4; border:1px solid #dad8c4; overflow:hidden; } 
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:11px; color:#000; }
#HWBMask table { width:100%; border:0; } 
#HWBMask label { cursor:pointer; } 
#HWBMask input, #HWBMask select { font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; font-size:11px; color:#000; }
/* alin submit button and give it a background */
#hwbbutton	{ margin: 10px 0; text-align:right; } 
#HWBMask .submit	{ background-color:#777; font-size:11px; color:#FFF; font-weight:bold; padding:1px 5px; border:0; cursor:pointer; width:110px; } 
#HWBMask .submitOver	{ background-color:#777; font-size:11px; color:#FFF; font-weight:bold; padding:1px 5px; border:0; cursor:pointer; width:110px; } 
/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:18px; height:18px; background:top left no- repeat; cursor:pointer; background-image:url(../bilder/calender.gif); background-repeat:no-repeat; }
/* calendar please change #BBB (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer; background-color:#dad8c4; color:#000; font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; z-index:9999; } 
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF; color:#000; font-family: "Trebuchet MS", sans-serif arial, helvetica, geneva, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; } 
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; } 
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; color:#555; text-align:center; }
.calendar thead .headrow { } 
.calendar thead .daynames { } 
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; } 
.calendar thead .weekend { color:#833131; font-weight:bold; } 
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; } 
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; } 
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; } 
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; } 
.calendar tbody .rowhilite td { background-color:#888; color:#555; } 
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; } 
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; } 
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px 0px 2px; background-color:#F1F1F1; color:#172E55; } 
.calendar tbody td.weekend { color:#833131; } 
.calendar tbody td.today { font-weight:bold; color:#172E55; } 
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; } 
.calendar tbody .emptycell { visibility:hidden; } 
.calendar tbody .emptyrow { display:none; } 
.calendar tfoot .footrow {} 
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; color:#172E55; text-align:center; } 
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; padding:1px; background-color:#C7C4BB; } 
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #172E55; } 
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5 #172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; } 
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; } 
.combo .label-IEfix {width:4em; } 
.combo .active { padding:0px; border:1px solid #172E55; } 
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }




/* default styles for extension "tx_googlemaps_pi1" */
    .tx-googlemaps-pi1-karte {
    border: 1px solid #797F7A;
    height: 350px;
    width: 480px;
    }
    .tx-googlemaps-pi1 form {
      width:440px;
    }

    .tx-googlemaps-pi1-submit {
      background: none repeat scroll 0 0 #797F7A;
      border:1px solid #797F7A;
      color:#FFFFFF;
      font-size:12px;
      font-weight:normal;
      padding:1px 10px;
      text-align:center;
      width:144px;
      float:right;
    }