@charset "utf-8";
/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: the big babooh-----------------------------
---------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333333;
	font-size:12px;
}
body {
	background: url(../images/bg-body.jpg) top repeat-x;
}
h1 {
	font-size: 28px;
	color: #555;
	font-weight:lighter;
	padding: 0 0 0 0;
}
h2 {
	font-size: 20px;
	color: #555;
	padding: 0 0 20px 0;
}

		h2.headlineBig {
		font-size: 20px;
		color: #333;
		z-index:-1000;
		}
		
h3 {
	font-size: 18px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}

		
		h3.headlineSmall {
		font-size: 14px;
		color: #fff;
		font-weight:bold;
		padding: 0 0 10px 0;
		z-index:-1000;
		}
		
h4 {
	font-size: 16px;
	color: #333;
	font-weight:bold;
	padding: 0 0 10px 0;
}

h5 {
	font-size: 12px;
	color: #333;
	font-weight:bold;
	padding: 0 0 0px 0;
}

h6 {
	font-size: 12px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}

p {
	font-size:12px;
	margin: 0 0 20px 0px;
	line-height: 18px;
}
img {
	border:none;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

div#container1 {
	width:100%;
	height:490px;
	background:url(../images/bg-container1.jpg) top center no-repeat;
}
	div#headContainer {
		width:960px;
		height:490px;
		margin:0 auto;
		background:url(../images/bg-headContainer.jpg) top center no-repeat;
	}
		h1 a#branding {
			width:310px;
			height:130px;
			display:block;
			text-indent: -2000px;
		}
		
		div#head{
		width:960px;
		height:310px;
		}
		

		div#navigation {
			width:960px;
			height:50px;
			position:relative;
			z-index:1000;
		}

div#container2 {
	width:100%;
	min-height:700px;
	background: #957613 url(../images/bg-container2.jpg) top center no-repeat;
}

* html div#container2 {
	width:100%;
	height:700px;
	background: #957613 url(../images/bg-container2.jpg) top center no-repeat;
}
	div#contentContainer {
		width:960px;
		min-height:700px;
		margin:0 auto;
		}
		
	* html div#contentContainer {
		width:960px;
		height:700px;
		margin:0 auto;
		}	
		
		div#contentMain1 {
			width:290px;
			height:600px;
			padding: 100px 0 0 20px;
			float:left;
		}
		
			div#contentMain1 p{
				color:#fff;
			}
			
			div#contentMain1 p.kontaktText{
				margin: 120px 0 0 0;
			}
			
			div#contentMain1 p.anfahrtText{
				margin: 70px 0 0 0;
			}
		
		
		div#contentMain2 {
			width:510px;
			min-height:650px;
			padding: 53px 50px 0 90px;
			background: #957613 url(../images/bg-contentMain2.jpg) top center no-repeat;
			float:left;
		}
		
			div#contentMain2 a img{
			border: 1px solid #fff;
			}
			
			div#contentMain2 img{
			border: 1px solid #fff;
			margin: 0 3px 0 0 ;
			}
			
			
			div#contentMain2 a{
			margin: 0 3px 0 0 ;
			}
		
			div#contentMain2 p ,div#contentMain2 p strong{
				color:#fff;
			}
		
		* html div#contentMain2 {
			width:510px;
			height:650px;
			padding: 53px 50px 0 90px;
			background: #957613 url(../images/bg-contentMain2.jpg) top center no-repeat;
			float:left;
		}

div#container3 {
	width:100%;
	height:100px;
	background:url(../images/bg-container3.jpg) top center no-repeat;
	
	}
/*---------------------------------------------------------------------------------------
--------------------------------------KLASSEN-----------------------------------------------
---------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.strong_text {
	color:#f3f3f3;
	font-weight:bold;
}
.red {
	color:#ac0000;
}
ul.auflistung {
	padding: 0 0 20px 20px;
}
ul.auflistung li {
	font-weight:bold;
	padding: 0 0 10px 20px;
	background:url(../images/li-icon.jpg) 0 6px no-repeat;
	color:#fff;
}


dl { width:350px; margin:0px;}
 dd { width:220px; float:left; color:#fff; font-size:12px; }
 dt { width:100px; float:left; color:#fff; font-size:12px; }



table.ferienwohnungen{
border:none;
width:500px;
}

	table.ferienwohnungen tr td{
	height:30px;
	}
	
	table.ferienwohnungen tr.data1{
	background:#ffd800;
	}
	
	table.ferienwohnungen tr.data2{
	background:#ffc600;
	}
	
	

	table.ferienwohnungen tr td strong{
	color:#fff;
	}
	
	table.ferienwohnungen tr td{
	padding: 12px 0 0 5px;
	color:#333;
	}


a.vcard{
width:225px;
height:24px;
display:block;
background:url(../images/bg-vcard.jpg) no-repeat;
text-indent:-2000px;
}


img.noborder{
border:none!important;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/
div#navigation ul{
		width:760px;
		height:50px;
		margin: 0 0 0 70px;
		z-index:1000;
		}
		
		
		div#navigation ul li{
			height:50px;
			float:left;
				}
			
			
			div#navigation ul li a{
				display:block;
				text-indent:-2000px;
				height:50px;
				text-decoration:none;
				}

			div#navigation ul li a.b1{
					width:87px;
					background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
					}
					div#navigation ul li a.b1:hover{
					background:url(../images/bg-navigation.jpg) 0px -50px;
					}
					
					
			div#navigation ul li a.b2{
					width:102px;
					background:url(../images/bg-navigation.jpg) -87px 0  no-repeat;
					}
					div#navigation ul li a.b2:hover{
					background:url(../images/bg-navigation.jpg)  -87px -50px ;
					}
					
					
			div#navigation ul li a.b3{
					width:113px;
					background:url(../images/bg-navigation.jpg) -189px 0 no-repeat;
					}
					div#navigation ul li a.b3:hover{
					background:url(../images/bg-navigation.jpg)  -189px -50px ;
					}
					
					
			div#navigation ul li a.b4 {
					width:128px;
					background:url(../images/bg-navigation.jpg) -302px 0 no-repeat;
					}
					div#navigation ul li a.b4:hover{
					background:url(../images/bg-navigation.jpg)  -302px -50px ;
					}
					
					
			div#navigation ul li a.b5 {
					width:163px;
					background:url(../images/bg-navigation.jpg) -430px 0 no-repeat;
					}
					div#navigation ul li a.b5:hover{
					background:url(../images/bg-navigation.jpg)  -430px -50px ;
					}
					
					
			div#navigation ul li a.b6 {
					width:84px;
					background:url(../images/bg-navigation.jpg) -593px 0 no-repeat;
					}
					div#navigation ul li a.b6:hover{
					background:url(../images/bg-navigation.jpg)  -593px -50px ;
					}
					
					
			div#navigation ul li a.b7 {
					width:83px;
					background:url(../images/bg-navigation.jpg) -677px 0 no-repeat;
					}
					div#navigation ul li a.b7:hover{
					background:url(../images/bg-navigation.jpg)  -677px -50px ;
					}						

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI1--------------------------------------------
---------------------------------------------------------------------------------------*/
#navigation li ul { 
		position : absolute;
		width:290px;
		height:80px;
		background:url(../images/bg-subnavi1.jpg) no-repeat;
		left:-999em;
		margin-left : 136px;
		margin-top : 20px;
		padding:20px 0 0 20px;
		z-index:1000;
	}


#navigation ul li ul li{
	width:290px;
	height:20px;
	}


#navigation ul li ul a{
			display:block;
			color:#fff;
			font-size:12px;
			text-indent:0px;
			width:290px;
			height:20px;
			}
			
#navigation ul li ul a:hover{
			display:block;
			font-size:12px;
			text-decoration:underline;
			width:290px;
			height:20px;
			padding:0;
			}



#navigation  li:hover ul, #navigation li.sfhover ul {
left:2px;
top:30px;
}



/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI2--------------------------------------------
---------------------------------------------------------------------------------------*/
#navigation li ul.subnavi2 { 
		position : absolute;
		width:290px;
		height:80px;
		background:url(../images/bg-subnavi1.jpg) no-repeat;
		left:-999em;
		margin-left : 237px;
		margin-top : 20px;
		padding:12px 0 0 20px;
	}


#navigation ul li ul.subnavi2 li{
	width:290px;
	height:20px;
	}


#navigation ul li ul.subnavi2 a{
			display:block;
			color:#f7f7f7;
			font-size:12px;
			text-indent:0px;
			width:290px;
			height:20px;
			}
			
#navigation ul li ul.subnavi2 a:hover{
			display:block;
			font-size:12px;
			text-decoration:underline;
			width:290px;
			height:20px;
			padding:0;
			}



#navigation  li:hover ul, #navigation li.sfhover ul {
left:2px;
top:30px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI3--------------------------------------------
---------------------------------------------------------------------------------------*/
#navigation li ul.subnavi3 { 
		position : absolute;
		width:290px;
		height:80px;
		background:url(../images/bg-subnavi1.jpg) no-repeat;
		left:-999em;
		margin-left : 352px;
		margin-top : 20px;
		padding:12px 0 0 20px;
	}


#navigation ul li ul.subnavi3 li{
	width:290px;
	height:20px;
	}


#navigation ul li ul.subnavi3 a{
			display:block;
			color:#f7f7f7;
			font-size:12px;
			text-indent:0px;
			width:290px;
			height:20px;
			}
			
#navigation ul li ul.subnavi3 a:hover{
			display:block;
			font-size:12px;
			text-decoration:underline;
			width:290px;
			height:20px;
			padding:0;
			}



#navigation  li:hover ul, #navigation li.sfhover ul {
left:2px;
top:30px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------DATEN--------------------------------------------
---------------------------------------------------------------------------------------*/



/*IMPRESSUM*/

#adressdaten {
	float: left;
	width: 450px;
}
#geschaeftsdaten {
	float: left;
	width: 450px;
}
#datenschutzhinweis p {
	font-size: 11px;
}



/*---------------------------------------------------------------------------------------
--------------------------------------BUCHUNG SIDEBAR------------------------------------
---------------------------------------------------------------------------------------*/
fieldset{
border:none;
}


fieldset.anreisedatum, fieldset.abreisedatum, fieldset.details{
width:280px;
height:50px;
border:none;
}

label{
font-weight:bold;
width:250px;
}

label#label-naechte, label#label-zimmer, label#label-kinder, label#label-erwachsene{
font-weight:bold;
width:60px;
height:50px;
float:left;
display:block;
}

	input{
	border:none;
	width:40px;
	height:20px;
	border:1px solid #feae01;
	background:#fcfcfc;
	float:left;
	}
	
		input#buchen{
		display:block;
		width:200px;
		height:25px;
		background: url(../images/bg-submit.jpg) 0 0;
		text-indent:-2000px;
		border:none;
		margin: 99px 0 0 1px;
		cursor:pointer;
		}
		
		
		*+ html input#buchen{
		display:block;
		width:200px;
		height:25px;
		background: url(../images/bg-submit.jpg) 0 0;
		text-indent:-2000px;
		border:none;
		margin: 96px 0 0 1px;
		cursor:pointer;
		}
		
		
		* html input#buchen{
		display:block;
		width:200px;
		height:25px;
		background: url(../images/bg-submit.jpg) 0 0;
		text-indent:-2000px;
		border:none;
		margin: 96px 0 0 0;
		cursor:pointer;
		}
		
		input#buchen:hover{
		display:block;
		width:200px;
		height:25px;
		background: url(../images/bg-submit.jpg) 0 -25px;
		text-indent:-2000px;
		border:none;
		margin: 99px 0 0 1px;
		}
		
		
		*+ html input#buchen:hover{
		display:block;
		width:200px;
		height:25px;
		background: url(../images/bg-submit.jpg) 0 0;
		text-indent:-2000px;
		border:none;
		margin: 96px 0 0 1px;
		cursor:pointer;
		}
	
	select{
	background:#fcfcfc;
	}
	
		select#Anreisemonat, select#Abreisemonat{
		width: 120px;
		}
		
		select#Anreisetag, select#Abreisetag{
		width: 50px;
		}
		
		select#Anreisejahr, select#Abreisejahr{
		width: 70px;
		}



/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/


a, .escape span {
	font-size:12px;
	text-decoration: underline;
	color: #fff;
	outline: none;
}
a:hover, a:hover span {
	font-size:12px;
	text-decoration:none;
	color:#fff;
}