/* CSS Document */

body{
margin:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:x-small;		
color:#5f5f5f;	
line-height:18px;
background:#F2F0DC url(../img/bg.gif) 0 0 repeat-x;



}


/**Funktionsgruppen *********************************************************/

.cleaner{display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
	height:0px;
	}
.cleaner2{display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
	height:1px;
	}

.pos{
	width:980px;
	margin:0  auto;
	background:transparent;
	position:relative;
	z-index:1;

	
	
}



a{text-decoration:none; color:#007B6B;  text-decoration:underline;  }
a:hover{color:#5f5f5f; text-decoration:underline; }

.hide{display:none;}


a img{border:none;}
/**LAYOUT********************************************************************/
#top_site{background:#a88989 url(../img/schatten_top.gif) 0 0 repeat-x; height: 83px; margin:21px 0 0 0; padding:13px 0 0 5px;}
#logo{float:left; width:270px; padding:22px 0 0 20px;}
#welcome{margin:0 0 0 700px; padding:21px 0 0;}

#quality{width:157px; float:left; height:144px;background:#845858 url(../img/quality.gif) 0 0 repeat-x; padding:20px 0 0 27px;}
#header{width:796px; float:left; height:164px; background:#fff;}	
#streifen{padding:10px 0 0px 23px; background:#E4E4D6; border-bottom:1px solid #5f5f5f; color:#000; font-weight:bold;	}
html>body #streifen{padding:8px 0 8px 23px;}
#streifen img{margin:0 0 0 5px;}

#language{float:left; width:200px;}
#booking{ background:#704D4D; padding:0 20px 0 20px; border:1px solid #000; width:120px; margin-top:7px; margin-left:15px;}
#booking a{color:#E0D7D7; text-decoration:none; font-weight:bold; font-size:1.1em;}
#booking a:hover{ text-decoration:underline; }

#main{background:#fff;}
#footer{ direction:rtl;  height:130px; border-top: 5px solid #E4E4D6; color:#fff; font-size:1.2em; padding:30px 65px 0 0px; background:#999966 url(../img/bg_footer.gif) 40px 0 no-repeat;}
#footer a{color:#fff; text-decoration:none; }
#footer a:hover{color:#fff; text-decoration:underline;}

.infobox_start_rahmen{border:1px solid #E4E4D6; width:370px; margin:20px 0 20px 0;}
.infobox_start{ width:330px; background:#E4E4D6; margin:10px; padding:10px; text-align:center; }
.infobox_start a{ font-weight:bold; }

.infobox_start br{ line-height:2px; }

#servicenavi{font-size:0.8em; margin:40px 0 0 0;}	

#trans{position:absolute; top:96px; right:0; z-index:10;}
#trans br{line-height:3px;}
#transsub{height:145px; position:relative; z-index:100; width:190px; background:#E3E4D6; overflow:hidden; font-size:1.1em; padding:10px; text-align:center; float:left; -moz-opacity: 0.9; opacity: 0.9!important; filter:alpha(opacity=90); }	
#transsubzwei{ float:left; position:relative; z-index:100; width:20px; background:#E3E4D6; height:165px; -moz-opacity: 0.5; opacity: 0.5!important; filter:alpha(opacity=50);}	
	
/**MainNavi********************************************************************/								 


#mainnavi{ width:980px; height:28px;  margin:0px; padding:8px 0 0 0; overflow:hidden; background:#825757 url(../img/navi_bg.gif) 0 0 repeat-x;}	

#mainnavi ul{  list-style:none;  padding:0; margin:0; float:left;}


	 #mainnavi ul li{   float:left; 
	  }

		
			#mainnavi ul li a{	
	color:#e0d7d7;
	font-weight:bold;
	font-size:1em;
	padding:5px 18px 5px 18px;
	text-align:center;
	display:block;	
    text-decoration:none;
	background:#825757;	
	text-transform:uppercase;
	font-family:Verdana, Arial,  Helvetica, sans-serif;
				
			}

				#mainnavi ul li a:hover, #mainnavi ul li a.active{ background:#e0d7d7; color:#825757;		 }
				
				
/**SubNavi********************************************************************/	

#subnav {	float:left;
			padding:0;
			width: 200px;			
			overflow:hidden;
			margin:0;
			
		
			
		}
		
	 #subnav ul {
					
				list-style: none;
				padding:0 ;			
				margin:27px 0 0 0;
				
				
				 
				
			}
			

		 #subnav ul li  {background-color:transparent;}	
		 
		 

				 #subnav ul li a {
						font-weight:bold;
						text-decoration:none;					
						color:#734E4E;
						padding: 2px 0px 3px 30px;						
						display:block;						
						font-size:1.1em;					
						width:170px;	
						border-bottom:1px solid	#d1caca;
						background:#fff url(../img/listicon.gif) 8px 8px no-repeat;			
						
						
						
					

						
					}
					
			
						
* html #subnav ul li a{
width:200px; w\idth:170px;
}						
						

						
			
					
					#subnav ul li a:hover {
					 color:#00745F; background:#fff url(../img/listicon2.gif) 8px 8px no-repeat;	
	}
	
	
	#subnav ul li a.active  {
	display:block;
	color:#00745F; background:#fff url(../img/listicon2.gif) 8px 8px no-repeat;		}
					
#subnav ul li ul  {background:transparent url(../images/bg_sub_sub_line.gif) 0 0 repeat-y; border-bottom:1px solid #fff; padding:0;}	
#subnav ul li ul li a {background:none; padding: 3px 0 3px 30px; border-bottom:1px solid #D1FF53; font-weight:bold; color:#464646;}


#subnav ul li ul  {background:transparent url(../images/bg_sub_sub_line.gif) 0 0 repeat-y; border-bottom:1px solid #fff; padding:0; margin:0!important;}	
#subnav ul li ul li a { padding: 3px 0 3px 35px;  font-weight:bold; color:#00745F; border-bottom:none; }
#subnav ul li ul li a:hover, #subnav ul li ul li a.active { padding: 3px 0 3px 35px; font-weight:bold; color:#00745F; text-decoration:underline; background:none!important;}




										

/** TXT**************************************************************************************/
h1{font-size:1.4em; color:#660000; margin: 0 0 8px 0;}
.fett{font-weight:bold;}
span.rahmen{ display:block; border:1px solid #E4E4D6; padding:10px;}

/** CONTENT**************************************************************************************/
#content{ font-size:1.2em; line-height:22px; padding: 30px 20px 60px 20px; width:730px; float:left;}
#content_start{ font-size:1.2em; line-height:22px; padding: 0 0 60px 0;}

.zweispalter_start{}
.zsp_l_start{ width:440px;  float:left; padding:40px 40px 20px 40px;}
html>body .zsp_r_start{ padding:20px 0px 20px 50px;}
.zsp_r_start{ width:410px;  float: left;  padding:40px 0px 20px 50px;}

.zweispalter{margin:0 0 30px 0;}
.zsp_l{ width:400px;  float:left; padding: 0px 0 20px 0px;}
.zsp_r{margin-left:430px;}


.zweispalter br{line-height:10px;}

table.hotelinfo { }
table.hotelinfo tr td{ border-bottom:1px solid #ccc; padding:10px; color:#5f5f5f;	font-size:1em; text-align:left; vertical-align: top; border-right:1px solid #ccc; }
table.hotelinfo tr td.tab_line{ padding:10px; color:#5f5f5f; font-size:1em; text-align:left; vertical-align: top; font-weight:bold; background:#E4E4D6;  border-bottom:1px solid #fff; border-left:1px solid #ccc; }

table.hotelinfo tr td.tab_line_end{ padding:10px; color:#5f5f5f; font-size:1em; text-align:left; vertical-align: top; font-weight:bold; background:#E4E4D6; border-bottom:1px solid #ccc; }
table.hotelinfo tr td.tab_line_start{ padding:10px; color:#5f5f5f; font-size:1em; text-align:left; vertical-align: top; font-weight:bold; border-bottom:1px solid #ccc; border-right:1px solid #fff;}

table.hotelinfo tr td.tab_head{ padding:10px; color:#5f5f5f; font-size:1.1em; text-align:left; vertical-align: top; font-weight:bold; border-right:1px solid #fff;  border-left:1px solid #fff!important;}


.back{float:left;  background:#baa27f url(../images/back.gif) right center no-repeat;  padding:3px 40px 4px 20px; margin-right:2px;}
.more{float:left;  background:#baa27f url(../images/more.gif) 0 0 no-repeat;  padding:3px 20px 4px 40px; }
.menue a{font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#6e0f0c;}

.btn_print{margin-top:30px; display:block;}

/** Quickbooker****************************************************************/
#quickbooker{float:left; width:700px;}
#quickbooker span{float:left; width:80px; background:#007B69; color:#fff; padding:0 5px; margin-right:10px; display:block;}
#quickbooker form{width:600px!important; float:left;}
#quickbooker input{width:70px; border:none; background:#BFBFB3; padding:2px; margin-right:5px; font-size:11px;}
#quickbooker input.number{width:30px;}
#quickbooker input.submit{width:120px; background:#7B5353; color:#fff; cursor:pointer; font-size:10px;}
#quickbooker label{margin-right:5px; }





div.datepicker {
	position:absolute;
	text-align:center;
	border: 1px #666 solid;
	font-family:arial;
	background:#FFF;
	font-size:10px;
	padding:0;
}
div.datepicker-calendar table {
	font-size:10px;
	border:1px solid #FFF;
	margin:0;
	padding:0;
	text-align:center;
}
div.datepicker div.datepicker-header {
	font-size:11px;
	font-weight:bold;
	background:#E4E4D6;
	border-bottom:1px solid #9B9A93;
	padding:2px;
	text-align:center;
}
div.datepicker table.header {
	width:175px;
	border:0;
	padding:0;
	text-align:center;
}
td.prev,
td.prev_year,
td.next,
td.next_year {
	width:8%;
	color:#815656;
	cursor:pointer;
	font-weight:bold;
	line-height:16px;
}
td.prev:hover,
td.prev_year:hover,
td.next:hover,
td.next_year:hover {
	color:#007B69;
}
td.header {
	text-align:center;
	width:68%;
	font-weight:bold;
	line-height:16px;
}
div.datepicker-header {
	height:16px;
}
div.datepicker-calendar table tbody tr {
	border:1px solid #FFF;
	margin:0;
	padding:0;
}
div.datepicker-calendar table tbody tr td {
	border:1px #EAEAEA solid;
	margin:0;
	padding:0;
	text-align:center;
	height:16px;
	line-height:16px;
	width:21px;
	cursor:pointer;
}
div.datepicker-calendar table tbody tr td:hover,
div.datepicker-calendar table tbody tr td.outbound:hover,
div.datepicker-calendar table tbody tr td.today:hover {
	border:1px #CCE9FF solid;
	background:#E4E4D6;
	cursor:pointer;
}
div.datepicker-calendar table tbody tr td.wday {
	border:1px #9B9A93 solid;
	background:#E4E4D6;
	cursor:text;
	width:21px;
	height:16px;
	line-height:16px;
	font-weight:bold;
}
div.datepicker-calendar table tbody tr td.outbound {
	background:#F4F3F3;
}
div.datepicker-calendar table tbody tr td.today {
	border:1px #CCE9FF solid;
	background:#E4E4D6;
	background-image:url(/images/date_active.gif);
	background-repeat:no-repeat;
	position:top left;
	width:21px;
	height:16px;
	line-height:16px;
}
div.datepicker-calendar table tbody tr td.today:hover {
	border:1px #CCE9FF solid;
	background:#E4E4D6;
	background-image:url(../gfx/date_active.gif);
	background-repeat:no-repeat;
	position:top left;
}
div.datepicker-calendar table tbody tr td.nclick,
div.datepicker-calendar table tbody tr td.nclick_outbound {
	cursor:default;
	color:#aaa;
	width:21px;
	height:16px;
	line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick_outbound {
	background:#E8E4E4;
	width:21px;
	height:16px;
	line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick:hover,
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
	border:1px #EAEAEA solid;
	background:#FFF;
}
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
	background:#E8E4E4;
}
div.datepicker div.datepicker-footer {
	font-size:10px;
	background:#E4E4D6;
	border-top:1px solid #9B9A93;
	cursor:pointer;
	text-align:center;
	padding:2px;
}

.date {
	float:left;
	border:1px solid #CCE9FF;
	font-size:11px;
	font-family:arial;
	padding:1px;
}
.datepicker-opener-table {
	border:none;
	padding:0;
	border-spacing:0;
	margin:0 5px 0 0;
	background:transparent url(../gfx/datepicker.gif) no-repeat 0 0;
	width:16px;
	height:16px;
	cursor:pointer; float:left;
}
.Opera .datepicker-opener-table {
	float:right;
}
.IE7 .datepicker-opener-table {
	position:relative;
	top:0;
	left:3px;
}
.datepicker-opener-table:hover {
	background:transparent url(../gfx/datepicker_ro.gif) no-repeat 0 0;
}
.datepicker-opener {
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	cursor:pointer;
}

#quickbooker label.left{ float:left;}
