body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444444;
	line-height: 15px;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	background-color:#C3C3DD;
	margin:0;
	padding:0;

}

*{
	list-style:none;
}

img
{
	border: none;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #CB2D3C;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px 0 20px 0;
	color: #DD3333;
	font-size: 18pt;
	font-weight:normal;
	line-height:20pt;
}
h2{
	padding: 0;
	margin: 10px 0;
	color: #DD3333;
	font-size: 15px;

}


/* --------------WRAPPER----------------*/

#navi_content_promo
{	
	float:left;
	width:996px;
}

#navi_content
{
float:left;
width:771px;
}


/* --------------HEADER----------------*/

#header_content{
	position:static;
} 

	#header{
		padding:5px;
		position:absolute;
		left:468px;
		width:523px;
	}


		#header span.strich{
			margin-left: 7px;
			margin-right: 3px;
		}

		#header span.text{
			margin:0;
			margin-top: -1px;
		}

		#topnavigation
		{
			color: #FFFFFF;
			font: 12px Arial;
			float:left;
		}
			
			#topnavigation input#suche{
				width:137px;
				height:13px;
				float:left;
				padding:0 3px 1px 2px;;
				margin-right:4px;
				margin-top:5px;
				border:1px solid #A5ACB2;
				
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				line-height:13px;
				color:#777777;
			}
			

			#topnavigation input.submit{
				float:left;
				margin-top:6px;
				margin-right:1px;
			}

			#topnavigation a
			{
				font: 12px Verdana;
				color: #FFFFFF;
			}

			#topnavigation form{
				float:left;
			}

			#topnavigation ul.topnavi{
				list-style: none;
				float:left;
				padding:0;
				margin: 0;
				margin-right:7px;
				margin-left:-2px;
			}

				#topnavigation ul.topnavi li{
					margin-top: 3px;
					float: left;
					padding-left: 8px;
				}

					#topnavigation ul.topnavi li span{
						position:relative;
						top: -1px;
						left:1px;
					}
					
					#topnavigation ul.topnavi li a{
						position:relative;
						padding-right:6px;
						top:1px;
					}

			#flags{
				display:inline;
				float:left;
				margin-top:5px;
				margin-left:2px;
			}
			
				#flags a{margin-right:1px;}
				
				#flags a img{height:12px; width:16px;}



/* --------------NAVIGATION----------------*/


#navigation
{
	float:left;
	width: 190px;
	margin-left:11px;

}
	#navigation img{display:block;}

	#nav{
		padding:0;
		margin:0;
	}
	
		#nav ul{
				padding:0 0 6px 0;
				margin:0;
				background:#fff;
			}
	
		#nav li{
			margin-top:1px;
			width:190px;
			float:left;
		}
	
		#nav li li{
			margin-top:0px;
		}
	
		#nav li a{
			display:block;
			font-size:12px;
			text-decoration:none;
			color:#152A79;
			padding:3px 0 5px 15px;
			margin-right:1px;
			background:#D9D9F5;
		}
		
			#nav li li a{
				padding:1px 0 1px 28px;
				margin-right:0px;
				background:#fff;
				font-size:10.8px;
			}
			
				#nav li li a.hoch{padding-bottom:2px;}
		
			#nav li a.gr{background:#e5e5e5;}
			
			#nav li a.wh{
				margin-right:0px;
				background:#fff;
				color:#E83233;
				font-weight:bold;
				padding-bottom:7px;
				}

			#nav li a:hover{
				background:#152A79;
				color:#fff;
			}
	
/*		#navigation ul.navi li{
			background-color: #D9D9F5;
			margin-bottom:1px;
			margin-right:1px;
			padding:3px 0 5px 15px;
		}

		#navigation ul.navi li.selected1{
			padding-top:4px;
			background-color: #ffffff;
			border-right:1px solid white;
			margin-right:0;
		}

		#navigation ul.navi li.special{
			background-color:#E5E5E5
		}
			
			ul.navi li a{
				color: #152A79;
			}
			
			ul.navi li.selected1 a, #navigation ul.navi li.selected1:hover a{
				font-weight:bold;
				color:#DC3233;
			}

		#navigation ul.navi li:hover{
			background-color: #152A79;
		}
		
			#navigation ul.navi li:hover a{color:#fff;}
			
		#navigation ul.navi li.selected1:hover{
			background:#fff;
		}
			
		#navigation ul.navi li.smaller{
			padding-bottom:4px;
		}

	#navigation ul.level2{
		margin-top:8px;
		margin-bottom:0px;
	}

		#navigation ul.level2 li{
			background-color: #ffffff;
			font-size: 11px;
			padding:0 0 2px 13px;
			margin:0;
		}

		#navigation ul.level2 li.larger{
			padding-top:1px;
		}

		#navigation ul.navi li.textAlign{
			padding:4px 0 4px 15px;
		}

			#navigation ul.level2 li a{
				color:#000055;
				font-weight:normal;
			}
			
		#navigation ul.navi li.selected1 li:hover{background:#fff;}
			
		#navigation ul.navi li.selected1:hover li a{
			color:#000055;
			font-weight:normal;
		}*/
	
/* --------------CONTENT----------------*/

#content
{	
	position:relative;
	width:550px;
	float:right;
	background-color:#ffffff;
	padding:10px;
	margin-top:42px;
	padding-bottom:380px;
}
	
	#kampagnenbanner
	{
		position:absolute;
		top:10px;
		left:10px;
	}

	#content_text
	{
		position:relative;
		top:290px;
		float:left;
		padding:35px 20px 190px 20px;
	}
	
	#content_text.low
	{
		padding:35px 20px 250px 20px;
	}

		#content_text ul{
			list-style:none;
			padding:0;
			margin:14px 0 32px 0;			
		}

			#content_text li{
				padding:0 0 4px 12px;
				background:transparent url(../images/bullet-grey.gif) no-repeat scroll 0 5px;
			}

			#content_text a{
				color: #152a79;
				font-size:13px;
				text-decoration:underline;
			}

			#content_text p.toplink{
				margin:25px 0;
			}
			
				#content_text p.toplink a{
					line-height: 20px;
					font-weight: bold;
				}
	
	#content_footer {
		position:absolute;
		width:500px;
		left:10px;
		bottom:0;
		border-top: 1px solid #ccc;
		padding: 5px 30px 5px 20px;
		font-size: 9px;
	} 

		#content_footer a{
			color: #636363;
		}

		#content_footer ul.f_links{
			padding: 0;
			margin-bottom: 5px;
			float: left;
			width:100%;
			margin-left:0;
		}

			#content_footer ul.f_links li{
				float:left;
				list-style:none;
				padding:0;
				padding-left:3px;
			}


/* --------------PROMO SIDEBAR RECHTS----------------*/

#promo{
	float:right;
	width: 224px;
	margin-left:1px;
	margin-top:42px;
}

	.promo_box *{
		margin:0;
		padding:0;
	}
	
	.promo_box
	{
		position:relative;
		left:-1px;
		width:208px;
		color: #444444;
		background-color: #ffffff;
		margin:0px 0;
		padding: 13px 5px 0 12px;
		line-height:17px;;
	}
	
		.stars{
			margin-bottom:18px;
		}

		div.promo_box ul
		{
			list-style:none;
			padding:30px 20px 1px 0px;
			line-height:140%;
		}

			div.promo_box ul li{
				background:url(../images/li2.gif) 0px 4px no-repeat;
				padding-bottom:4px;
				padding-left:13px;
			}
		
		div.promo_box ul.promo
		{
			padding-top:90px;
		}
		div.promo_box ul.promo.lower{padding-top:130px;
		}
		
		div.promo_box ul.promo.low
		{
			padding-top:210px;
		}

			div.promo_box ul.promo li a{
				white-space: nowrap;
			}
		
	address{
	font-style:normal;
	font-size:12px;
	line-height:138.3%;
	}
	
		address .smallmail{font-size:10px;
		}
	
	#infos_icons {
	margin: 10px 0px 0 -12px;	
	}
	
	#ausfluege{
		width:214px;
		height:52px;
		padding:60px 0 0 10px;
		background:url(../images/teaser_ausfluege.jpg) 0 0 no-repeat;
		margin-left:-12px;
		border-left:1px solid #C3C3DD;
	}
	
		#ausfluege a{
			font-weight:bold;
			padding-right:28px;
		}
		
			#ausfluege a.last{padding:0;}
		
		#ausfluege a:hover{text-decoration:underline;}
	
	#skype {
	margin: 23px 0px 25px 0px;	
	}
	
	#hotels{
	position:absolute;
	top:904px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels1{
	position:absolute;
	top:837px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels2{
	position:absolute;
	top:825px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels3{
	position:absolute;
	top:528px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels4{
	position:absolute;
	top:953px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels5{
	position:absolute;
	top:889px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#hotels6{
	position:absolute;
	top:960px;
	left:561px;
	width:210px;
	color: #444444;
	background-color: #ffffff;
	margin:1px 0;
	padding: 12px 12px 11px 12px;
	line-height:140%;
	}
	
	#standort{
	position:relative;
	left:-1;
	width:210px;
	border-left:1px solid #C3C3DD;
	border-bottom:1px solid #C3C3DD;
	padding-left:12px;
	background-color:#E8E8E8;
	color:#122B7B;
	padding:10px 4px 0 10px;
	}
	
		#standort #map{
		margin:21px 0 12px 5px;
		}
		
		#standort p{
			font-size:13pt;
			font-family:Arial;
			font-weight:bold;
			
		}
		
			#zoom{
				margin-left: 74px;
				padding-bottom:9px;
			}
				
				#zoom img{
					margin-right:5px;
				}
			
				#zoom a:hover{
					text-decoration:underline;
				}

	#newsletter{
		float:left;
		background-color:#c8d8e7;
		color:#152a79;
		margin-top:12px;
		padding:5px 12px 11px 14px;
	}

		#newsletter p{
			float:left;
			margin-bottom:0px;
			padding-bottom:0px;
		}

		#newsletter p.ueberschrift{
			font-weight: bold;
			font-size: 13px;
			margin-top:10px;
		}

		#newsletter p.notiz{
			padding-top:0;
			color: #444F7C;
			line-height: 150%;
			font-family: Arial;
		}

		#newsletter input#email{
			margin: 3px 0;
		}
		
		#newsletter input#abschicken{
			float:right;
			margin-bottom:2px;
		}
	
	
/* --------------Footer----------------*/

#footer {
	clear:both;
	background-image: url('../images/footer.jpg');
	background-repeat: repeat-x;
	height: 70px;
	padding-left:31px;
}

	#footer ul{
		list-style:none;
		padding-top: 11px;
		padding-left:0;
		color: #CCCCFF;
		font: 11px Verdana;
		float:left;
		margin-left:0;
	}

		#footer li{
			float:left;
			margin-left:1px;
		}

			#footer li span{
			position:relative;
			top:-1px;
			left:-1px;
			color: #CCCCFF;
			
			}

			#footer li a{
				color: #CCCCFF;
				background:transparent url(../images/spcfooter.png) no-repeat scroll right center;
				padding:0 6px;
			}
			
			#footer li a.last{
				background:none;
			}


/* --------------Formular----------------*/

.schnellanfrage_formular
{	
	position:relative;
	font-family: Verdana, Helvetica, sans-serif;
	background-color:#DD3333;
	color:#eff0ee;
	padding: 10px;
}

.schnellanfrage_formular nobr {
	display: block;
	margin: 0;
	padding-top:0px;
	padding-bottom:1px;
	margin-top:-1px;
}



.schnellanfrage_formular .ferien_hotel{
	display: none;
	margin:0;
}



	.schnellanfrage_formular form{
		position:relative;
		font-size: 13px;
		padding-top:10px;
	}
	
		.schnellanfrage_formular label.nights{font-size:12px;}
		.schnellanfrage_formular .ferien_hotel{font-size:12px;}

		.schnellanfrage_formular span{
			margin-top:1px;
			margin-bottom: 0px;
			display:block;
			font-size:13pt;
			font-family: Arial;
			font-weight:bold;
		}

		.schnellanfrage_formular select{
			position:relative;
			margin:1px 0 6px 0;
		}

		.schnellanfrage_formular  p{
			margin:0;
			padding:0;
		}

		.schnellanfrage_formular  p.arrdate{
			margin:0;
			padding:0px 0 1px 0;
			line-height:14px;
		}

		.schnellanfrage_formular select.hotelSelect{
			width:162px;
			margin-top:2px;
		}


		.schnellanfrage_formular select.zimmer{
			margin:8px 5px 2px 0;
		}
		
		.schnellanfrage_formular select.zimmer2{
			margin-right:5px;
		}
		
		.schnellanfrage_formular select.ferienhotel{
			margin:7px 0px 1px 0;
		}
		
		.schnellanfrage_formular select.ferienhotel2{
			margin-bottom:1px;
		}
		
		.schnellanfrage_formular select.ferienhotel3{
			margin-bottom:6px;
		}		

		input.submit_fake, input.submit_real{
			color:#ffffff;
			background: url(../images/btnblue24px.gif) repeat-x scroll right center;
			background-color:#142A76;
			width: 202px;
			height:24px;
			margin:-2px 0 0 -11px;
			
			font-size: 9pt;
			font-weight:bold;
			padding:0 5px 0 5px 0;
			font-family: Verdana;
			border:1px outset white;
		}
		
		p.buchung_submit{
		margin:10px 0 5px 12px;
		}

		input.submit_real{
			display: none;
		}



	.warning{
		background-color: #cac82d;
		color: #4d4d4d;
		padding: 3px 3px 3px 3px;
		font-weight: bold;
		text-align: center;
		display: none;
	}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}


.TB_overlayBG {
	background-color:#475D96;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:55%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */

