@charset "utf-8"

#container {
  width: expression(document.body.clientWidth > 1100? "1100px": "auto" );/* muss wegen IE ( max-width hack) */ 
}


/*
grau #97A6BB;

Main border  =45769D;
main background #FFFBE5
*/
body
{
	background-color: #FFF8E8;
	/*background-color: #FFF8E8;
	background-color: #FFFFFF;*/
	width: 995px;
	margin:0px auto;
	border: 1px solid #155A9B;
}

body, td, p 
{
	font-family:  Arial, Helvetica, sans-serif;
	color: #155A9B;
	font-size: 11px; /* muss wegen IE ( nicht 100%) */ 
	font-style: normal; 
	line-height: 16px; 
	font-weight: normal;
}

.user_menue_select_input_100 { 	
	width: 100px; 
	height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px; 
	line-height: 13px; 
	background-color: red;	
	color: #5F5F5F;	
	border: 1px solid red; 
	}
	
	.user_menue_select_input_40 
	{ 	
	width: 40px; 
	height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px; 
	line-height: 13px; 
	background-color: red;	
	color: #5F5F5F;	
	border: 1px solid red; 
	}
 
select {font-size: 10px;  color: #155A9B; border: 1px; border-style: solid;border-color: #155A9B;}
select.s3 {width: 30px; }
select.s4 {width: 40px;}
select.s5 {width: 50px; }
select.s5 {width: 60px; }

input
	{ 	
	height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px; 
	background-color: #FFF;	
	color: #256B9A;	
	border: 1px solid #155A9B; 
	}
	
input.input_readonly
{
	background-color: #FFF8E8;	
	color: #256B9A;	
	border: none;
	margin-top:10px;


}

.inputRadio, .inputHidden
{
border: none;
/*background-color: #FFF8E8;*/
background:transparent;
}

textarea
	{ 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 11px; 
	line-height: 13px; 
	background-color: #FFF;
	color: #256B9A;	
	border: 1px solid #155A9B; 
	}


.inputCheckbox
{
border: none;
}

.inputSubmit
{
	height: 20px;
	cursor: pointer;
}

.menuetop
{
padding: 0;
	margin: 0 auto;
	width:auto;
	height:auto;
	
	clear: both;
	
}

h1, h2, h3, h4, h5, h6{

	padding: 0;
	margin: 0 auto;
	margin-top: 0.5em;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	letter-spacing:1px;
	font-style:normal;
	font-weight: bold;
	color:#155A9B;
	clear: both;
	
}


h1 {	


	margin: 0 auto;
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	letter-spacing:1px;
	text-align: center;
	font-style:normal;
	font-weight: normal;
	color:#155A9B;
	
	

}




a , a:active, a:focus, a:link { text-decoration: none; color: #155A9B; line-height:12px;	font-weight:bold;font-size:11px;}
a:hover {color: #91A2C2;}
a.ToTop { margin:0;  margin-right: 0.5em;}
 

img { border: none; }
img.ElementOben{ z-index: 11000;}

.wewewep { line-height: 0.1em; }

.SeetelS { position:relative;  width: 41px;  height: 41px; margin: 0 auto; margin-top: -20px; padding: 0; background-image: url(/images/homepage/seetel_s.gif);  z-index: 1002; }


#MainDiv
{
position:relative;
/*background-color: #FFF8E8;*/
background-color: #FCCFB2;
width: 995px;
clear: both;
margin-top:0;

}



#ContentMain {
position:relative;
width: 610px;
height: auto;
		background-color: transparent;
	float:left;
	margin:0;
	margin-left:5px;
	padding-left: 0;
	padding-right: 0;
	z-index:900;

	
}
#ContentLeft {
position:relative;
	float:left;
	width: 180px;
	height: auto;
	background-color:  transparent;
	margin-left: 0;
	margin-top: -1px;
	padding: 0 0 0 1px;
z-index:900;		
}
#ContentRight {
position:relative;
width: 180px;
	height: auto;
  background-color:  transparent;
 	float:right;
	
	margin: 0;
	padding: 0 1px 0 0;
margin-top: -1px;
	z-index:900;
}



#scrolldiv{
margin: 0 auto;
margin-top:3px;
padding: 0;

width: 580px;
 text-align:center;
height: auto; 
z-index:900;


}

/**********************************************************************/
/* First Row */
#FirstToDoRow {	display:block; position:absolute; text-align: center;	font-size: 13px;	margin-top:-30px; font-weight: normal;	line-height: 15px;	z-index:1;}

/* Page Header */
#PageHeader { width: 995px;	   	z-index: 5;	 margin:0; padding:0;
/*position: absolute;*/
}
#PageHeader .language_flags
{
 position:absolute;  top: 120px; left:870px; width:120px; height:15px; float:right;  margin: -10px 2px 0 0; z-index:1000;
}

#PageHeader img.select_language{ width: 16px; height:10px; display:block; float:right;   margin: 0 0 0 10px;  z-index: 6;}


#PageHeaderPrinter {display:none;}
#PageHeader .HeaderSlogan {float: right; width: 150px; margin: 25px 0 0 0; font-size: 14px; font-weight: bold; line-height: 19px; }

/* Site Struktur */
#PagePath { margin-left:15px; margin-top:20px;  font-size: 10px;	font-weight: normal;	line-height: 12px;  }

/* Inquiry Path */
#PageInquiryPath {position:relative; width: 500px; height:18px; font-size:11px;   z-index:15; border-bottom:1px solid #004E93; padding-bottom:2px; margin:0 0 8px 0;}

/*#PageInquiryPath .InquiryPath {display:block;float:left; height:16px; margin:0; padding-top:0; }*/
#PageInquiryPath .InquiryPath {float:left;   height:16px;  margin:3px 0 0 0; padding:0; }
#PageInquiryPath .InquiryPath  a {font-weight:bold;font-size:11px;}
#PageInquiryPath .PagePathIcon {display:inline;float:left; width: 18px; height:16px; margin:3px 0 0 0; padding:0; }

.InquiryTrenner {border-bottom:1px dashed #004E93; width:490px; margin: 0 0 15px 0; padding:0; display:block; clear:both;}

.InquiryExtras{float:left; padding:5px 0 0 0 ; margin:5px 10px 0 10px ;display:inline; width:220px;}
.InquiryExtrasCheckbox{float:left;width:20px; margin:0 0 0 2px; padding:0;}
.InquiryExtrasText{float:left;width:190px; margin:0 0 5px 2px; padding:0;}



#ShowHotelDetails {padding:5px 0 0 0; margin: 0 0 0 5px; width:510px; }
#ShowHotelDetails p{ margin:3px 5px 0 10px; text-align:justify; }
#ShowHotelDetails input { display:inline;}
#ShowHotelDetails .hText2, #ShowHotelDetails .hText3,  #ShowHotelDetails h2, #ShowHotelDetails h3, #ShowHotelDetails h4{line-height:11px;margin:10px 0 0 0; font-size:11px; font-weight:bold;  display:inline; text-decoration:underline; letter-spacing:1px;}

.ErrorText{display :none; position:absolute; left:220px; top:160px; color:#004E93; clear:left; width:530px;  padding-bottom:3px; text-align:left; border: 1px solid  red; background-color:#FFFFFF; z-index:100000; }
.ErrorText .h2Text{ font-size:11px; font-weight:bold; text-decoration:underline;padding:0; margin:5px 0 5px 10px;} 
.ErrorText div.IconClose {  border: 0px none; width:15px;  margin: 0px;  padding: 0px;  position: relative;  left: 510px;  top: -15px; z-index:200; }
.ErrorText img.IconClose {border: 0px none; width: 12px; height: 12px; cursor: pointer;}
.ErrorText .ErrorAddText {text-align:justify; margin:-5px 10px 5px 10px;font-weight:normal;}


.InfoText{
color:blue;
clear:left;
width:490px;
margin:0 auto;
}


.InfoText .h2Text{ font-size:12px; font-weight:bold; text-decoration:underline;margin:5px 0 0 5px;} 
.InfoText div.IconClose {  border: 0px none; width:15px;  margin: 0px;  padding: 0px;  position: relative;  left: 490px;  top: -10px; z-index:200; }
.InfoText img.IconClose {border: 0px none; width: 12px; height: 12px; cursor: pointer;}
.InfoText .ErrorAddText {text-align:justify; margin:-5px 10px 5px 10px;}


.ErrorInquiry{ color:red; clear:left; width:490px; margin:0 auto 10px auto; padding:0 0 3px 5px;border-bottom:1px solid red; }
.ErrorInquiry li{ list-style:outside; margin-left:20px;}
.ErrorInquiryHeadline{ font-weight:bold;border-bottom:1px solid red;}

.InfoInquiry{ color:red; clear:left; width:490px; margin:0 auto 10px auto; padding:0 0 3px 5px;border-bottom:1px solid red; }
.InfoInquiry li{ list-style:outside; margin-left:20px;}
.InfoInquiryHeadline{ font-weight:bold;border-bottom:1px solid red;}




/* Wetter Menue */
#MenueWeather {z-index: 5; width:100%; padding:0; margin:0; }
#MenueWeather div{ display: block;width:100%;font-size: 10px;}
#MenueWeather  .header {margin:0;  width:100%;font-size: 10px;	font-weight: normal; text-align:center; line-height: 10px; }
#MenueWeather  h2 {line-height: 12px; margin:0 0; padding: 0; font-weight:bolder; font-size: 10px; letter-spacing: 1px; color: #155A9B;  }
#MenueWeather hr { border: 0;  width: 100%;  border-top: 1px solid #155A9B;  border-bottom: 1px solid #155A9B;  color: #fff;  background-color: #fff;  height: 4px;}
#MenueWeather  img {margin-left:2px;padding: 2px; width: 17px; }
#MenueWeather  .WeatherInfo { font-size: 10px;	font-weight: normal; float: left;	width: 25px;	height: 5px;	text-align:center;	margin-left: 2px;	color: #155A9B;	}
#MenueWeather  a:hover { 

position: relative;
	width: 34em;
	height:10em;
	display: block;
left:300px;
top:5em;
	padding: 0.2em 0 0.2em 0.5em;
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #155A9B;
	background-image: url(images/homepage/menu_top_element_background.jpg);
	background-repeat: repeat-y;
	border: 1px solid #155A9B;
	overflow: hidden;
	z-index: 10000;
	}


.li1, .li2 {display:block; overflow:hidden; height:1px; margin: 0 auto;}
.li1 {background:#FFF; border-bottom:1px solid #155A9B; width:400px; }
.li2 {margin-top:0.1em; background:#FFF; border-bottom:1px solid #155A9B; width:310px; margin-bottom: -5px;}

.li10, .li11 {display:block; overflow:hidden; height:2px; margin: 0 auto; margin-top: -10px;}
.li10 {background:#FFF; border-top:1px solid #155A9B; width:100%;}
.li11 {margin-top: -0.15em; background:#FFF; border-bottom:1px solid #155A9B; width:100%; }

.li110, .li111 {display:block; overflow:hidden; height:2px; margin: 0 auto; margin-top: -8px;}
.li110 {background:#FFF; border-top:1px solid #155A9B; width:100%;}
.li111 {margin-top: -2px; margin-bottom:5px; background:#FFF; border-bottom:1px solid #155A9B; width:60%; }

/*  Hotel 2 City Footer*/
#Hotel2City {   width: 900px; height:150px; margin: 0 auto; font-size: 10px; color: #155A9B;}
#Hotel2City h2  { position: relative; margin: 0 auto; padding-bottom : 2px; width: 400px;  color: #155A9B; text-align:center; line-height: 15px; font-size: 10px; letter-spacing: 1px;  z-index: 2010; }
#Hotel2City ul { float: left; width: 300px; margin: 0 auto; padding: 0;  list-style: none; }
#Hotel2City li { line-height: 12px;  background: none; }
#Hotel2City2 img{ width: 55px; height: 8px; line-height:1em; margin-left:1em; margin-right:0.2em;}
#Hotel2City li h3 { line-height: 12px;  margin: 15px 0 0 45px; text-align:left; padding: 0; font-weight:bolder; font-size: 10px; color: #155A9B; letter-spacing: 1px;}
#Hotel2City a:link { text-decoration: none; }
#Hotel2City a:hover { text-decoration: underline; }
#Hotel2City li a { line-height: 10px; font-size: 9px; color: #155A9B; font-weight: normal;  }



/* Page Footer */
/*background-image:  url("/images/homepage/footer_welle_new.gif"); background-repeat: no-repeat;*/

#PageFooter {margin-top:10px;  width: 995px;	height: 20px; 	z-index: 1;}
#PageFooter .menue{ display:block;   width: 995px; z-index: 2001;	 text-align:center;}
#PageFooter .menutag { float:left; width:100px;  text-align:center;border:2px solid #155A9B; background-color:#FFFBE5;}
#PageFooter a { text-decoration:none;  line-height: 18px; font-size: 11px; letter-spacing:1px; }
#PageFooter a:link { text-decoration: none; }
#PageFooter a:hover { text-decoration: underline; }




/* LeftMenue */

#HotelMenueLeft {
	margin-top: 3px;
	
	float: left; 
	width: 100%;
	font-size: 10px;
	color: #536C94;
	background:transparent;
		
}


#HotelMenueLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#HotelMenueLeft li {
	padding: 0 0 7px 0;
	margin-top:0;
	border-top:1px solid #536C94;


	
}

#HotelMenueLeft li:hover {

	background-color:#FFF;
	
}

#HotelMenueLeft li.first {
	background: none;
	/*border-bottom:1px solid #536C94;*/
	line-height:5px;
	font-size:1px;
	text-align:center;
	}


#HotelMenueLeft a:link {
	text-decoration: none;
	
}

#HotelMenueLeft a:hover {
	text-decoration: underline;
	
	
}

#HotelMenueLeft li a {
	padding-left: 8px;
	font-size: 10px;
	font-weight:bold;
	line-height:20px;
	
	
}

.price_overview
{
display:block;
float:left;
width:170px;
height:auto;
background-color:#FFF;
padding-bottom:10px;


}
/*  Menue Listen */
.MenueList {  margin: 0 auto; width: 100%; font-size: 12px; color: #155A9B; }
.MenueList ul { margin: 0; padding: 0;  list-style: none; }
.MenueList li { line-height: 12px; margin-bottom: 3px; background: none; }
.MenueList img{ width: 140px; margin: 0 ; margin-left:10px; border: 1px solid #97A6BB; padding: 4px; }
.MenueList img.sozBookm { float:left; width: 20px; margin: 3px ;  border: 1px solid #97A6BB; padding: 1px; }



.MenueList li h2, .MenueList li h2.first { line-height: 14px; font-weight:bold; margin: 5px auto 7px auto; padding: 0;  font-size: 11px; letter-spacing: 1px; color: #155A9B;  }
.MenueList li h2.first { margin-top: 0px;}
.MenueList li.infotext { margin: 0px auto 5px auto; padding: 0 ; width:140px; font-size: 10px; line-height: 11px; background: none; text-align: justify; }
.MenueList li p { margin: 0; padding: 0; line-height: 5px; font-size:5px; background: #8B7D50; color: #FFF;}
.MenueList p.trenner { margin: 0;  padding: 0; line-height:0; font-size:0px; border-top: 3px double #8B7D50;border-bottom: 3px double #8B7D50; color: #FFF;
}

.MenueList a { text-decoration: none;  font-size: 10px;  margin-bottom:2px;}
.MenueList a.newsTitle, .MenueList .newsPrice {font-size: 12px; font-weight:bold;  }

.MenueList a.more { margin: -2px 5px 5px 0; }
.MenueList a:link { text-decoration: none; }
.MenueList a:hover { color: #91A2C2; }


.MenueList li.schnoerkelimage 
{
margin: 0;

 line-height: 33px; font-size: 12px; color: #155A9B; font-weight: bold; letter-spacing: 2px; 
 text-align:center;
 background-image: url(/images/homepage/schnoerkel_image.gif);


 }

a.tooltip span { visibility:hidden; position:absolute; display:inline;  margin:5px 0 0 -170px; width:200px; padding:5px; text-decoration:none; font-weight:normal; text-align:justify; }
a.tooltip h6{font-size:11px;text-decoration:underline;}
a.tooltip .le400 { width:400px;}
a.tooltip:hover { cursor:help; color:#c30; background:#fff; }
a.tooltip:hover span, a.tooltip:focus span, a.tooltip:active span {
    visibility:visible; 
    border:1px solid #004E93; color:#004E93; background:#fff; }


#ShowHotelInquiryModul{
z-index:2001;
}
/* Inquiry*****/



.test{
border-bottom-width: 1em;border-bottom: outset 2px;
}



	



/* tag cloauds */
a.tag0{line-height:11px; font-size:9px;color: #155A9B; font-weight:bold; letter-spacing:0px;}
a.tag1{line-height:14px;font-size:12px;color: #97A6BB; font-weight:bold;letter-spacing:0px;}
/*
a.tag2{font-size:16px;color: #A7A8AA; font-weight:bold;letter-spacing:1px;}
*/
a.tag2{line-height:18px;font-size:16px;color: #516892; font-weight:bold;letter-spacing:0px;}



/* clearfixes */
.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

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

/* menuetrenner für textbrowser */
.invis {
display: none;
}
/*##############################################################################################*/