@charset "utf-8";
/* CSS Document */


/* Main Styles */

*	{padding:0; margin:0;}

body
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.65em;
		overflow:scroll;
		overflow-x: hidden;
	}

body.sommer
	{
		background:#f7f2d4 url('img/body_summer.jpg') repeat-y fixed left top;
	}
	
body.winter
	{
		background:#f7f2d4 url('img/body_winter.jpg') repeat-y fixed left top;
	}

	/* Menu Shadow Styles */
	#shadow_menu_left
    	{
    		position:absolute;
    		left:321px;
    		top:271px;
    		width:10px;
    		height:40px;
    		background:transparent url('img/shadow_menu_left.jpg') no-repeat scroll left top;
		}

   	#shadow_menu_bottom
    	{
    		position:absolute;
    		left:321px;
    		top:311px;
    		width:639px;
    		height:14px;
    		background:transparent url('img/shadow_menu_bottom.jpg') no-repeat scroll left top;
		}

p
	{
	font-size:1.25em;
	color:#002C3F;
	line-height:1.8em;
	padding:0 0 10px 0;
	}
	
ul
	{
	margin-left:15px;
	list-style-type:square;
	}

ul li
	{
	font-size:1.25em;
	color:#002C3F;
	line-height:1.8em;
	padding: 0 0 4px 0;
	}

hr
	{
	border: solid 1px #F1D171;
	margin-bottom:5px;
	}
	
a
	{
		color:#003399;
		text-decoration:none;
	}
	
a:hover
	{
		text-decoration:underline;
	}

h1
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.3em;
	color:#7D1505;
	font-style:italic;
	text-align:right;
	margin-bottom:16px;
	}
	
h2
	{
	font-family: "Monotype Corsiva", "Times New Roman", Times, serif;
	font-size:1.95em;
	line-height: 2.1em;
	color:#6a8424;
	font-style:italic;
	}

h3
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#003399;
	font-style:italic;
	}
	
img, iframe, div#flashcontent
	{
	padding:4px;
	border:solid 1px #1B1464;
	margin-bottom:10px;
	}

iframe.pano
	{
		float:right;
		margin: 5px 0 5px 10px;
		width: 275px;
		height: 220px;
	}
	
img.noborder
	{
	border: none;
	}
	
img.right
	{
	float:right;
	margin: 5px 0 5px 10px;
	}
	
img.left
	{
	float:left;
	margin: 5px 10px 5px 0;
	}

#main_container
	{
		position:absolute;
		background:#f7f2d4 url('img/body_bg_main.jpg') repeat-y scroll left top;
		width:960px;
		z-index:1;
		left:50%;
		margin-left:-480px;
		margin-top: 25px;
	}

#header
	{
		background-color: transparent;
		width:960px;
		height:270px;
	}
	
#main_image
	{
	position:absolute;
	left:0px;
	top:27px;
	z-index:50;
}

#content_container
	{
		z-index: 10;
		background-color:transparent;
		width:625px;
		min-height:1450px;
		float:right;
		clear:none;
		border:none;
		margin: 20px 0 10px 0;
		padding: 0 0 15px 0;
	}

#footer
	{
		position:absolute;
		bottom:0px;
		left:0px;
		width:960px;
		height:40px;
		display:inline-block;
		z-index:100;
		color: #FFF;
		font-size: 1.2em;
		padding: 5px 0 5px 0;
		text-align: center;
		line-height: 18px;
		background:blue url('img/footer_bg.png') repeat-x scroll left top;
	}

#footer span
	{
		margin: 0 20px 0 20px;
	}



/* Header Styles */
#header_img
	{
		display:inline-block;
		width:448px;
		height:97px;
		float:left;
	}

#logo
	{
		position:absolute;
		background-image:url(img/logo_replerhof.png);
		width:241px;
		height:140px;
		top:55px;
		left:45px;
		z-index:100;
	}
	
#blumen
	{
		position:absolute;
		background-image:url(img/blumen.png);
		width:159px;
		height:152px;
		top:5px;
		left:230px;
		z-index:100;
	}
		
/* Text Styles */
#content_img
	{
		width:448px;
		display:inline-block;
		float:left;
	}
	
#content_text
	{
		width:452px;
		display:inline-block;
		float:right;
		padding-top:60px;
		padding-left:30px;
		padding-right:30px;
	}



/* Start Sub Nav */
#sub_nav
	{
		position:absolute;
		z-index:100;
		left:0px;
		top:229px;
		width:321px;
		height:52px;
		background:transparent url('img/sub_nav_bg.jpg') repeat-x scroll left top;
		font-size: 1.3em;
		font-weight: bold;
		color: #FFF;
		padding-top: 2px;
	}

#sub_nav span
	{
		padding: 0 0 0 20px;
	}

/* End Sub Nav */

/* Start Kalender */
#cal_div
	{
		position: absolute;
		z-index: 100;
		left: 0px;
		top: 281px;
		width: 321px;
		height: 150px;
		display: inline-block;
	}

#cal_inner
	{
		margin: 10px 10px 10px 20px;
	}

#cal_inner div
	{
		display: inline-block;
		margin: 10px 0 0 0;
	}

#cal_inner h3
	{
		font-size: 1.3em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #002C3F;
		
	}

#cal_inner div span
	{
		color: #121313;
		width: 80px;
		display: inline-block;
		margin-right: 10px;
	}
	
#cal_inner div input[type="text"]
	{
		width: 150px;
		height: 15px;
		border: solid 1px #000;
		background-color: #FFF;
	}
	
#cal_inner div select
	{
		width: 150px;
		height: 20px;
		border: solid 1px #000;
		background-color: #FFF;
	}

/* End Kalender */

/* Start Second Nav */

#sec_nav_header
	{
		position:relative;
		z-index:100;
		left:0px;
		top:535px;
		width:321px;
		height:24px;
		font-size: 1.3em;
		font-weight: bold;
		color: #FFF;
		padding-top: 6px;
		display: inline-block;
	}

#sec_nav_header span
	{
		padding: 0 0 0 15px;
	}

/* Sec Nav Header Color Styles */

.red
	{
		background:transparent url('data.files/bg_red.jpg') repeat-x scroll left top;
	}

.orange
	{
		background:transparent url('data.files/bg_orange.jpg') repeat-x scroll left top;
	}

.yellow
	{
		background:transparent url('data.files/bg_yellow.jpg') repeat-x scroll left top;
	}

.green
	{
		background:transparent url('data.files/bg_green.jpg') repeat-x scroll left top;
	}

.lightblue
	{
		background:transparent url('data.files/bg_lightblue.jpg') repeat-x scroll left top;
	}

.darkblue
	{
		background:transparent url('data.files/bg_darkblue.jpg') repeat-x scroll left top;
	}

.purple
	{
		background:transparent url('data.files/bg_purple.jpg') repeat-x scroll left top;
	}


#sec_nav_header.red span
	{
		color: #FFF;
	}

#sec_nav_header.orange span
	{
		color: #202020;
	}
	
#sec_nav_header.yellow span
	{
		color: #202020;
	}

#sec_nav_header.green span
	{
		color: #FFF;
	}

#sec_nav_header.lightblue span
	{
		color: #FFF;
	}

#sec_nav_header.darkblue span
	{
		color: #FFF;
	}

#sec_nav_header.purple span
	{
		color: #FFF;
	}


/* End Sec Nav Header Color Styles */
#sec_nav
	{
		position: absolute;
		display: inline-block;
		z-index: 100;
		left: 0px;
		top: 555px;
		/*top: 451px;*/
		width: 321px;
	}

#sec_inner
	{
		display: inline-block;
		margin: 10px 20px 5px 15px;
	}

#sec_inner div
	{
		display: inline-block;
		width: 281px;
		padding: 7px 0 7px 0;
		background-color: transparent;
		border-top: solid 1px #000;
		color:	#002C3F;
		text-decoration: none;
	}

#sec_inner div img
	{
		padding: 2px;
		border: solid 1px #AFAFAF;
		margin: 0;
	}

#sec_inner div div
	{
		width:190px;
		margin-top: 5px;
		border: none;
	}

#sec_inner div div h3
	{
		font-size: 1.2em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #002C3F;
		margin: 0 0 2px 0;
	}

#sec_inner div div p
	{
		font-size: 0.8em;
	}
	
#sec_inner div.lastminute_teaser div p
	{
		font-size: 1.2em;
	}
	

#sec_inner div.first
	{
		border-top: none;
	}
	
#sec_inner div.last
	{
		border-bottom: none;
	}

#sec_inner div.active
	{
		background-color: #FFF;
	}

#sec_inner a:hover div
	{
		cursor: hand;
		background-color: #FFF;
	}


/* End Second Nav */

/* Start Meta Nav */
#meta_nav
	{
		position:absolute;
		left:0px;
		top:0px;
		width:960px;
		height:27px;
		background:blue url('img/meta_nav_bg.jpg') repeat-x scroll left top;
	}
	
#meta_nav ul
	{
		display:block;
		list-style:none;
		float:right;
		padding: 6px 14px 1px 0;
	}
	
#meta_nav ul li
	{
		float:left;
		font-size:1.0em;
		color:#EFEFEF;
		padding-left:7px;
	}
	
#meta_nav ul li a
	{
		color:#FFF;
		text-decoration:none;
	}
	
#meta_nav ul li a:hover, #meta_nav ul li a.active
	{
		color:#FFF;
		text-decoration:underline;
	}
/* End Meta Nav */


/* Start Main Content */
#main_content
	{
		position:relative;
		width:640px;
		float:left;
		margin:50px 0 0 16px;
	}

div.start_item
	{
	float:left;
	width:580px;
	margin-bottom: 15px;
	}

div.start_item div
	{
		width:350px;
	}
	
div.start_item h2
	{
		color: #7D1505;
	}
	
div.start_item h3
	{
		color: #7D1505;
	}

#content_left
	{
	float:left;
	width:580px;
	margin-bottom: 15px;
	}

#content_left span.subheader
	{
		font-family: Georgia "Times New Roman", Times, serif; 
		color:#F00;	
	}
	
#content_left h3
	{
		color: #F00;
	}
	
	
#content_right
	{
	float:right;
	width:230px;
	}
	
#map
	{
	width: 394px;
	height: 300px;
	border: solid 1px #000;
	margin-bottom:10px;
	}
	
	
	
/* Form Styles */
	form#kontakt
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:2;
		padding:0;
		margin:0;
	}
		
	form#kontakt fieldset
	{
		width:560px;;
		padding:10px;
		border: 1px solid #ccc;
		margin-bottom: 2px;
	}
		
	form#kontakt legend
	{
		font-weight:bold;
		color:#002C3F;
		padding: 0 5px;;
		border:none;
	}

	form#kontakt legend.fieldError
	{
		color:#2c8aff;
	}

	
	form#kontakt span.pflichtfeld
	{
		background-color:transparent;
		display:inline;
		margin: 0;
		padding: 0;
	}
	
	form#kontakt label
	{
		
		bottom:2px;
		cursor:pointer;
	}
	
	form#kontakt label.davor
	{
		color: #002C3F;
		display:block;
		padding: 0;
		margin:0;
		line-height:24px;
		text-align:left;
	}
	
	
	input:hover, input:active, input:focus, 
	select:hover, select:active, select:focus,
	textarea:hover, textarea:active, textarea:focus
	{
	color:#002C3F;
	background-color: #efefef;
	border: 1px solid #245ddb;
	}

	
	form#kontakt input.fieldError
	{
	background-color: #f4f4f4;
	border: 1px solid #8fa8c7
	}
	
	form#kontakt input.fieldError[type="checkbox"]
	{
	border: 1px solid #000;
	}
	
	
	form#kontakt input[type='text'] 
	{
		width:160px;
		line-height:14px;
		height:16px;
		padding:1px 5px 0px 5px; 
		margin: 0;
		border: 1px solid #CCC
	}
	
	form#kontakt textarea#anmerkungen
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;
		width:345px;
		padding:1px 0 0 5px;
		overflow:hidden;
		border: 1px solid #CCC		
	}

	/* Preistabellen */
	
	/* Mini-Anfrage-Block */
	
	form#buchung
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:2;
		padding:0;
		margin:0;
	}
		
	form#buchung fieldset
	{
		width:260px;;
		padding:10px;
		border: 1px solid #ccc;
		margin-bottom: 2px;
	}
		
	form#buchung legend
	{
		font-weight:bold;
		color:#002C3F;
		padding: 0 5px;;
		border:none;
	}
	
	form#buchung label
	{
		
		bottom:2px;
		cursor:pointer;
	}
	
	form#buchung label.davor
	{
		color: #002C3F;
		display:block;
		padding: 0;
		margin:0;
		line-height:24px;
		text-align:left;
		font-weight: bold;
	}
	
		
	form#buchung input[type='text'] 
	{
		width:160px;
		line-height:14px;
		height:16px;
		padding:1px 5px 0px 5px; 
		margin: 0;
		border: 1px solid #CCC
	}
	
	/* Ende Mini-Anfrage-Block */
	
	
	
	
	/* Winter Styles */	
	table#winter
	{
		padding:	0;
		margin:		0;
		background-color: #fff;
		color:	#002C3F;
		vertical-align:	top;
	}
	
	table#winter td.zeiten
	{
		background-color:	#efefef;
		text-align: center;
		vertical-align: top;
		font-size: 6pt;
		padding:	4px 0 4px 0;
	}
	
	table#winter td
	{
		width:	120px;
		padding:	4px 4px 4px 0;
		text-align:	right;
	}
	
	table#winter th
	{
		width:	120px;
		padding:	4px 0 4px 0;
		border-bottom:		solid 1px #efefef;
		text-align:	left;	
	}


	/* Sommer Styles */	
	table#sommer
	{
		padding:	0;
		margin:		0;
		background-color: #fff;
		color:	#002C3F;
		vertical-align:	top;
	}
	
	table#sommer td.zeiten
	{
		background-color:	#efefef;
		text-align: center;
		vertical-align: top;
		font-size: 6pt;
		padding:	4px 0 4px 0;
	}
	
	table#sommer td
	{
		width:	120px;
		padding:	4px 4px 4px 0;
		text-align:	right;
	}
	
	table#sommer th
	{
		width:	120px;
		padding:	4px 0 4px 0;
		border-bottom:		solid 1px #efefef;
		text-align:	left;	
	}
	
	/* Wellness Styles */
	table.wellness
	{
		padding:	0;
		margin:		0;
		background-color: #fff;
		color:	#002C3F;
		vertical-align:	top;
	}
	
	table.wellness td.eintrag
	{
		width:	260px;
		text-align: left;
		vertical-align: top;
		padding:	4px 0 4px 4px;
	}
	
	table.wellness td.headline
	{
		font-weight: bold;
		background-color: #f7f2d4;
		text-align: left;
		vertical-align: top;
		padding:	4px 0 4px 4px;
	}
	
	table.wellness td
	{
		width:	120px;
		padding:	4px 4px 4px 0;
		text-align:	right;
	}
	
	table.wellness th
	{
		width:	120px;
		padding:	4px 0 4px 0;
		border-bottom:		solid 1px #efefef;
		text-align:	left;	
	}
	
	
	
	
	.odd
	{
		background-color:	#fff;
	}
	
	.even
	{
		background-color:	#efefef;
	}

/* SubNav Styles */

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 7px 0px;
	background-color:transparent;
	/* background-image:url(img/sub_nav_bg.jpg); */
	background-repeat:repeat;
	border-color:#C0AF62;
	border-width:1px;
	border-style:none;
}
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
	position:absolute;
	z-index: 1000;
	left: 0px;
	top: 0px;
	display:table;
	_height: 0;
	zoom:1;
	width:320px;
	height:30px;
	padding-top: 0px; padding-right:0px;	padding-bottom:0px;}
* HTML ul.cssMenu {position:absolute;}
ul.cssMenu li {
	display:block;
	margin:7px 0px 0px 0px;
	/*background-image:url(img/sub_menu_def.jpg); */
	font-size:0px;
}
ul.cssMenu a {
	/* _background-image:url(img/sub_menu_def.jpg); */
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a {
	display:block;
	vertical-align:middle;
	border-width:1px;
	border-color:#FCEEB0;
	border-style:none;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 14px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
	width:8px;
}
ul.cssMenu ul a {
	text-align:center;
	vertical-align: middle;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	display:block;
	height: 1px;
	background-color:gray;
}
ul.cssMenu li:hover{
	position:relative;
	/* background-image:url(img/sub_nav_hov.jpg); */
}
ul.cssMenu li a:hover{
	position:relative;
	/* background-image:url(img/sub_nav_hov.jpg); */
}
ul.cssMenu li:hover>a{
	border-color:#4C99AB;
	border-style:none;
	font:bold 14px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	border-color:#4C99AB;
	border-style:none;
	font:bold 14px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over {display:none }
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over{display:inline}
ul.cssMenu a:hover img.def{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(img/arrowmain.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.cssMenu li:hover>a>span{	background-image:url(img/arrowmaino.gif);
}
ul.cssMenu a:hover span{	_background-image:url(img/arrowmaino.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(img/arrowsub.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(img/arrowsubo.gif);}
ul.cssMenu li.cssMenui0 {
width:100px;
height:40px;
background-image:url(img/sub_nav_hov.jpg);
}
ul.cssMenu li.cssMenui0:hover {
background-image:url(img/sub_nav_hov.jpg);
}
ul.cssMenu li a.cssMenui0{
	_background-image:url(img/sub_nav_hov.jpg);
}
ul.cssMenu li a.cssMenui0:hover{
_background-image:url(img/sub_nav_hov.jpg);
}

/* End SubMenuStyles */