/* @charset "utf-8"; */
/* CSS Beim Hausbacher - © kuse.de 2007 */

body{
	margin:10px 0 0 0px;
	background:url(../images/framework/BoxPagePositionBg.gif) center 25px no-repeat #F1EBD3;
	color:#444;}
	
h1 {color:#002079;}
h2 {color:#002079; font-size:12px;}

p {margin:10px 0;}
/* strong {color: #002476} */

.BoxImgPositionRight{margin-top:20px !important;}
.BoxImageSmall {
	overflow:auto !important;
	width:auto !Important;
	height:auto !important}
div.Site_Part{margin-bottom:25px;}

#BoxPagePosition{
width: 838px;
left: 50%;
margin-left: -419px;
position:relative;
display:block;
padding-bottom:25px;
}
* html #BoxPagePosition{
	margin-left: -418px;}
	
#BoxHeader{
	position:relative;
	display:block;
	height:260px;
	z-index:5;
	width:838px;
	background: url(../images/framework/ContentBg.gif);
}
	
#BoxContent{
	clear:both;
	width:838px;
	background: url(../images/framework/ContentBg.gif);
	line-height: 18px;
	z-index:-1;
	}

#BoxContentRight{
	width:227px;
	min-height:350px;
	float: right;
	background: url(../images/framework/slimline.gif) 0px 15px no-repeat;
	}

#BoxContentLeft{
	margin:10px 0px 10px 10px;
	float:left;
	position:relative;
	width:570px;
	}
#BoxContent #BoxContentRight, #BoxContent #BoxContentLeft {
	}
* html #BoxContentLeft{ 
	height:350px;
	width:550px;
	w\idth:560px;}
	
#BoxFooter{
	position:relative;
	display:block;
	height:20px; 
	line-height:20px;
	widht:828px;
	border-top:1px solid #68542B;
	clear:both;
	background-position: center;
	}

#BoxFooter a{text-decoration:none;}

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

#nav{
	display: block;
	width: 100%;
	z-index:100;
	list-style:none;
	margin:0;
	position:absolute;
	padding: 0;
	}
#nav li {
	float:left;
	position:relative;
	}
#nav li a{
	height: 28px;
	position: relative;
	float: left;
	padding: 0;}
	
#nav li ul {
	position:absolute;
	margin:28px 0 0 0px;
	width:150px;
	left:0px;
	display: none;
	background:#24a;
	list-style:none;
	border:1px solid #68542B;
	border-top: none;
	}
#nav li#liFreizeitUndUmgebung ul,  #nav li#likontakt ul{width:149px;}

#nav li#liFreizeitUndUmgebung ul li a, #nav li#likontakt ul li a{width:149px;}

#nav li ul li a {
	text-decoration:none;
	background:none;
	color:#FFFFFF;
	width:140px;
	display:block;
	border-bottom:1px dotted #fff;
	text-indent:5px;
	line-height:20px;
	height:auto;}

#nav li ul li a:hover{
	color:#FCD051;}
	
#nav li:hover ul{
	display:block;
	}

/* CSS IE MenueDropdown-Hack*/

#nav li:hover ul, #nav li.sfhover ul {
	display:block;
}
/* end IE MenuDropdown-hack*/

#listartseite a{background: url(../images/framework/menu_de.gif);width: 71px;}
	#listartseite a:hover{background-position: 0px -28px;}

#lidashaus a{background: url(../images/framework/menu_de.gif) -71px 0px;width: 53px;}
	#lidashaus a:hover{background-position:-71px -28px;}
	
#liraeumlichkeiten a{background: url(../images/framework/menu_de.gif) -124px 0px;width: 110px;	}
	#liraeumlichkeiten a:hover{	background-position:-124px -28px;}

#libelegungsplan a{background: url(../images/framework/menu_de.gif) -234px 0px; width: 99px;}
	#libelegungsplan a:hover{background-position:-234px -28px;}

#lipreise a{background: url(../images/framework/menu_de.gif) -333px 0px;width: 55px;}
	#lipreise a:hover{background-position:-333px -28px;}

#liimpressionen a{background: url(../images/framework/menu_de.gif) -388px 0px;	width: 99px;}
	#liimpressionen a:hover{background-position:-388px -28px;}

#liwebcam a{background: url(../images/framework/menu_de.gif) -487px 0px;	width: 70px;}
	#liwebcam a:hover{background-position:-487px -28px;}

#lifreizeitumgebung a{background: url(../images/framework/menu_de.gif) -557px 0px; width: 148px;}
	#lifreizeitumgebung a:hover{background-position:-557px -28px;}

#likontakt a{background: url(../images/framework/menu_de.gif) -705px 0px;width: 64px;}
	#likontakt a:hover{background-position:-705px -28px;}
	
/* EN */

#lihome a{background: url(../images/framework/menu_en.gif);width: 57px;}
	#lihome a:hover{background-position: 0px -28px;}

#lihouse a{background: url(../images/framework/menu_en.gif) -57px 0px;width: 56px;}
	#lihouse a:hover{background-position:-57px -28px;}
	
#liaccomodation a{background: url(../images/framework/menu_en.gif) -113px 0px;width: 108px;	}
	#liaccomodation a:hover{	background-position:-113px -28px;}

#libookingschedule a{background: url(../images/framework/menu_en.gif) -221px 0px; width: 128px;}
	#libookingschedule a:hover{background-position:-221px -28px;}

#liprices a{background: url(../images/framework/menu_en.gif) -349px 0px;width: 52px;}
	#liprices a:hover{background-position:-349px -28px;}

#liimpressions a{background: url(../images/framework/menu_en.gif) -401px 0px;	width: 92px;}
	#liimpressions a:hover{background-position:-401px -28px;}

#liwebcam1 a{background: url(../images/framework/menu_en.gif) -493px 0px;	width: 75px;}
	#liwebcam1 a:hover{background-position:-493px -28px;}

#lirecreationampsurroundings a{background: url(../images/framework/menu_en.gif) -568px 0px; width: 194px;}
	#lirecreationampsurroundings a:hover{background-position:-568px -28px;}

#lipagecontact a{background: url(../images/framework/menu_en.gif) -762px 0px;width: 75px;}
	#lipagecontact a:hover{background-position:-762px -28px;}
	
/* FR */

#liaccueil a{background: url(../images/framework/menu_fr.gif);width: 62px;}
	#liaccueil a:hover{background-position: 0px -28px;}

#lietablissement a{background: url(../images/framework/menu_fr.gif) -62px 0px;width: 95px;}
	#lietablissement a:hover{background-position:-62px -28px;}
	
#linosappartements a{background: url(../images/framework/menu_fr.gif) -157px 0px;width: 119px;	}
	#linosappartements a:hover{	background-position:-157px -28px;}

#licalendrierdesdisponibilites a{background: url(../images/framework/menu_fr.gif) -276px 0px; width: 180px;}
	#licalendrierdesdisponibilites a:hover{background-position:-276px -28px;}

#litarifs a{background: url(../images/framework/menu_fr.gif) -456px 0px;width: 46px;}
	#litarifs a:hover{background-position:-456px -28px;}

#liimpressions1 a{background: url(../images/framework/menu_fr.gif) -566px 0px;	width: 83px;}
	#liimpressions1 a:hover{background-position:-566px -28px;}

#liwebcam2 a{background: url(../images/framework/menu_fr.gif) -502px 0px;	width: 64px;}
	#liwebcam2 a:hover{background-position:-502px -28px;}

#liloisirsampenvirons a{background: url(../images/framework/menu_fr.gif) -649px 0px; width: 121px;}
	#liloisirsampenvirons a:hover{background-position:-649px -28px;}

#lipagecontact1 a{background: url(../images/framework/menu_fr.gif) -770px 0px;width: 67px;}
	#lipagecontact1 a:hover{background-position:-770px -28px;}
	
	
#BoxNonBindingInquiry{
	background: url(../images/framework/Inquiry.gif) no-repeat;
	height: 118px;
	width: 207px;
	position:relative;
	display:block;
	margin-top: 16px;
	color:#6A532A;
	font-weight:bold;
	padding-top:3px;
	padding-left: 15px;
	margin-left: 13px;
	}
#BoxNonBindingInquiry select,input {font-weight:normal;}

#BoxRandomGallery{
	height: 221px;
	width: 207px;
	background: url(../images/framework/RandomGallery.gif) no-repeat;
	position:relative;
	display:block;
	margin-left: 13px;
	margin-top:16px;
	font-weight:bold;
	color:#6A532A;
	padding-top:3px;
	padding-left: 15px;
	}
#Reiseversicherung {
outline:none;
position:relative;
height:58px;
width:207px;
}
#Reiseversicherung img {
margin-left:13px;
margin-top:16px;
margin-bottom:16px;
}

#holidaycheck img {
margin-left:13px;
margin-bottom:16px;
}

#Golfwoche {
outline:none;
position:relative;

}
#Golfwoche img {
margin-left:13px;
margin-top:16px;
}
	
#BoxRandomGallery img{
	border:3px solid #cccccc;
	}
	
#BoxRandomGallery img:hover{
	border:3px solid #002079;
	}
	
.BoxRandomGalleryPictureBg{
	height: 60px;
	width: 68px;
	background: #000000;
	display: block;
	float: left;
	position:relative;
	margin-left:7px;
	margin-bottom:5px;
	}
	
#BoxRandomGallery td{
	background:#000000;
	width:68px;
	height:60px;
	}
	
#BoxRandomGallery table{
	margin: -7px 0 0 0;}
	
#RandomGalleryPosition{
	margin: -20px 0 0 0;
	display:block;
	position:relative;
	}
	
#RandomGalleryPosition a img{
	width:75px;
	height:75px;
	}
	
#AngebotsAnfrage{
	margin: -10px 0 0 1px;
	}
	
#AngebotsAnfrageButton{
	border: 0px;
	background: url(../images/framework/InquiryButton.gif) no-repeat;
	width: 9px;
	height: 17px;
	}

.IconSiteEdit{
	margin: 0 -15px 0 0;
	z-index:1;
	float: right !important;
	}

.BoxImgBorder{
	width: 269px;
	height: 310px;
	padding:12px !important;
	display:block !important;
	border: none !important;
	background: url(../images/framework/ContentGalleryBg.gif) no-repeat;
	margin: -23px -20px 0 0;
	position:relative;
	}

.BoxSmallImages, .BoxImageSliderArrowLeft, .BoxImageSlider, .BoxImageSliderArrowRight, .BoxImageSliderArrowRight2, .BoxImageSliderArrowLeft2{
	margin: 6px 0 0 0 !important;
	}



/*=====================================================*/
ul.explanation {
 list-style-type: none;
 font-size: 0.8em;
 padding: 0;
 margin: 20px 0;
 }

.fixfloat {
 float: none;
 clear: both;
 width: 0;
 height: 0;
 \margin: -2px 0 0 0;
 ma\rgin: 0 0 0 0;
 padding: 0;
 font-size: 0;
 line-height: 0px;
 }
.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
 }
.margin {
 margin: 10px 0;
 }
.margin2 {
 margin: 10px 0 0 0;
 }
.margin3 {
 margin: 0 0 10px 0;
 }
.abstand {
 margin: 10px 5px 10px 10px;
 display: inline;
 }





/*=======================================================================
        16. Liste Zimmer
========================================================================*/
#verteilung {
 width: 100%;
 float: left;
 }
#roomlist, #verteilung .roomunit {
 width: 99%;
 float: left;
 border: 1px solid #406794;
 background-color: #D6DEE8;
 padding: 0;
 margin: 20px 0 0 0;
 }
/* IE */
* html #roomlist, * html #verteilung .roomunit {
 width: 98.9%;
 }

#verteilung .roomunit {
 margin: 10px 0 0 0;
 }
#roomlist .listheader {
 float: left;
 }
#roomlist .listheader h2 {
 float: left;
 padding: 5px 3px;
 margin: 0;
 }

#roomlist .explanation {
 float: left;
 font-size: 0.7em;
 padding: 2px 3px;
 margin: 0;
 }
#roomlist .explanation span.suche {
 float: left;
 font-style: italic;
 padding: 0 0 5px 0;
 margin: 0;
 }
#roomlist .explanation br {
 clear: both;
 }

#roomlist .explanation a, #roomlist .explanation a:visited {
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 padding: 0 2px 1px 2px;
 }
#roomlist .explanation a:hover, #roomlist .explanation a:active, #roomlist .explanation a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #003471;
 }


/* marker */
#roomlist .square {
 float: left;
 padding: 0 0 5px 0;
 margin: 5px 10px 0px 0;
 display: inline;
 }
#roomlist .explanation span.default, #roomlist .explanation span.go, #roomlist .explanation span.nogo {
 width: 9px;
 height: 9px;
 float: left;
 font-size: 0;
 color: #ACD373;
 border: 1px solid #fff;
 background-color: #ACD373;
 margin: 1px 3px 0 0;
 display: block;
 }
#roomlist .explanation span.go {
 color: #99CC33;
 border: 1px solid #000;
 background-color: #99CC33;
 }
#roomlist .explanation span.nogo {
 color: #F9AD81;
 border: 1px solid #fff;
 background-color: #F9AD81;
 }

/*=======================================================================
        17. Formular Zimmersuche/Verfuegbarkeit
========================================================================*/
#roomlist form {
 width: 100%;
 float: left;
 padding: 0 0 5px 5px;
 }

#roomlist legend.none {
 display: none;
 }
/* IE */
* html #roomlist legend.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
 }

#roomlist label {
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 }
#roomlist select {
 float: left;
 font-size: 0.7em;
 }

#roomlist input.buttonstyle {
 width: auto;
 float: left;
 font-size: 0.7em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #6685AA;
 padding: 0 5px;
 margin: 0 0 0 10px;
 cursor: pointer;
 }
 /* IE */
* html #roomlist input.buttonstyle {
 padding: 0;
 }
#roomlist input.buttonstyle:hover, #roomlist input.buttonstyle:active, #roomlist input.buttonstyle:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

#roomlist .room, #verteilung .room  {
 width: 100%;
 float: left;
 background-color: #fff;
 padding: 2px 0 5px 0;
 margin: 1px 0 0 0;
 }
/* IE */
* html #roomlist .room, * html #verteilung .room {
 width: 101.2%;
 }

#roomlist .room h3, #verteilung .room h3 {
 font-size: 0.75em;
 color: #003471;
 padding: 3px;
 margin: 0;
 }
#roomlist .room p, #verteilung .room p {
 float: left;
 font-size: 0.7em;
 color: #003471;
 padding: 0 0 0 15px;
 margin: 0;
 }

#roomlist .room .zeit, #verteilung .room .zeit {
 width: 96%;
 float: left;
 border-style: solid;
 border-width: 1px 0;
 border-color: #E6E6E6;
 background-color: #F9F9F9;
 padding: 0 0 3px 0;
 margin: 3px 1% 0 3%;
 display: inline;
 }

#roomlist .room .zeit span, #verteilung .room .zeit span {
 float: left;
 font-size: 0.7em;
 color: #303030;
 margin: 2px 0 0 2px;
 }


/*=======================================================================
        18. Verfuegbarkeits-Kalender
========================================================================*/
#roomlist .room .cal, #verteilung .room .cal {
 width: 57%;
 float: right;
 font-size: 0.6em;
 margin: 0;
 }

/* aenderungen fuer verfuegbarkeitskalender gastgeber */
#verteilung .verfuegbar1 {
 width: 100% !important;
 margin: 5px 0 !important;
 }
#verteilung .verfuegbar2 {
 width: 99% !important;
 margin: 0 0 0 2px !important;
 }

#roomlist .room .days, #roomlist .room .dates, #verteilung .room .days, #verteilung .room .dates {
 float: left;
 }
#verteilung .room .month {
 float: none;
 margin: 5px 0 0 0;
 }

/* formatierung kalender */
#roomlist .room .day, #verteilung .room .day {
 width: 16px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 0 1px 0 0;
 display: inline;
 }
#roomlist .room .date, #verteilung .room .date {
 width: 14px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 1px 1px 1px 0;
 display: inline;
 }
#roomlist .room .default, #verteilung .room .default {
 color: #3D3D3D;
 border: 1px solid #C4DF9B;
 background-color: #C4DF9B;
 }
#roomlist .room .go, #verteilung .room .go {
 color: #000;
 border: 1px solid #000;
 background-color: #99CC33;
 }
#roomlist .room .nogo, #verteilung .room .nogo {
 color: #3D3D3D;
 border: 1px solid #F9AD81;
 background-color: #F9AD81;
 }



/*=======================================================================
        19. Liste Zimmer: infos, belegung, preis, buchen
========================================================================*/
#roomlist .room ul, #verteilung .room ul {
 width: 100%;
 float: left;
 padding: 0;
 margin: 5px 0 0 0;
 list-style-type: none;
 }
#roomlist .room li, #verteilung .room li {
 float: left;
 padding: 0;
 margin: 0;
 }

/* weitere infos */
#roomlist .room li.zimmerlink, #verteilung .room li.zimmerlink  {
 width: 25%;
 float: left;
 font-size: 0.7em;
 color: #000;
 padding: 0;
 margin: 4px 0 0 0;
 }
#roomlist .room li.zimmerlink a, #roomlist .room li.zimmerlink a:visited, #verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a:visited {
 float: left;
 font-size: 90%;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #4C719B;
 padding: 1px 4px;
 margin-left: 15px;
 display: inline;
 }
#roomlist .room li.zimmerlink a:hover, #roomlist .room li.zimmerlink a:active, #roomlist .room li.zimmerlink a:focus, #verteilung .room li.zimmerlink a:hover, #verteilung .room li.zimmerlink a:active, #verteilung .room li.zimmerlink a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

/* belegung */
#roomlist .room li.belegung, #verteilung .room li.belegung {
 width: 30%;
 float: left;
 font-size: 0.7em;
 color: #003471;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
 }

/* preis */
#roomlist .room li.preis, #verteilung .room li.preis {
 width: 20%;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 color: #003471;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
 }

/* buttons */
#roomlist .room li.button, #verteilung .room li.button {
 width: 23%;
 float: right;
 font-size: 0.6em;
 color: #000;
 text-align: right;
 padding: 0;
 margin: 0;
 }
#roomlist .room li.button a, #roomlist .room li.button a:visited, #verteilung .room li.button a, #verteilung .room li.button a:visited {
 float: right;
 color: #737373;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #B3B3B3 #B3B3B3 #F0F0F0;
 background-color: #F0F0F0;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
#roomlist .room li.button a:hover, #roomlist .room li.button a:active, #roomlist .room li.button a:focus, #verteilung .room li.button a:hover, #verteilung .room li.button a:active, #verteilung .room li.button a:focus {
 color: #000;
 border-color: #B3B3B3 #F0F0F0 #F0F0F0 #B3B3B3;
 background-color: #B3B3B3;
 }

/* button buchen */
#roomlist .room li.button a.buchen, #roomlist .room li.button a.buchen:visited, #verteilung .room li.button a.buchen, #verteilung .room li.button a.buchen:visited {
 color: #fff;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TPortal/img/reg/objects/warenkorb_weiss.gif) no-repeat 97% 50%;
 }
#roomlist .room li.button a.buchen:hover, #roomlist .room li.button a.buchen:active, #roomlist .room li.button a.buchen:focus, #verteilung .room li.button a.buchen:hover, #verteilung .room li.button a.buchen:active, #verteilung .room li.button a.buchen:focus {
 color: #598527;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/warenkorb_gruen.gif) no-repeat 97% 50%;
 }

/* button im warenkorb */
#roomlist .room li.button a.inactive, #roomlist .room li.button a.inactive:visited, #roomlist .room li.button a.inactive:hover, #roomlist .room li.button a.inactive:active, #roomlist .room li.button a.inactive:focus, #verteilung .room li.button a.inactive, #verteilung .room li.button a.inactive:visited, #verteilung .room li.button a.inactive:hover, #verteilung .room li.button a.inactive:active, #verteilung .room li.button a.inactive:focus {
 color: #B3B3B3;
 border-color: #B3B3B3;
 background: #fff url(/irs/TPortal/img/reg/objects/warenkorb_grau.gif) no-repeat 97% 50%;
 }

/* button anfrage */
#roomlist .room li.button a.request, #roomlist .room li.button a.request:visited, #verteilung .room li.button a.request, #verteilung .room li.button a.request:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/anfrage.gif) no-repeat 98% 50%;
 padding: 2px 22px 3px 5px;
 }
#roomlist .room li.button a.request:hover, #roomlist .room li.button a.request:active, #roomlist .room li.button a.request:focus, #verteilung .room li.button a.request:hover, #verteilung .room li.button a.request:active, #verteilung .room li.button a.request:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }

/* button berechnen */
#verteilung .room li.button a.berechnen, #verteilung .room li.button a.berechnen:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background-color: #E8E7E7;
 padding: 2px 5px 3px 5px;
 }
#verteilung .room li.button a.berechnen:hover, #verteilung .room li.button a.berechnen:active, #verteilung .room li.button a.berechnen:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }
 
fieldset{
	border:1px solid;
	}
	
fieldset {
background-color:#F9F9FB;
border:1px solid #888888;
color:#333344;
margin-bottom:15px;
padding:12px;
}

table {
	border:none;}
table td{
	border:none;
	border-bottom:1px solid #cccccc;
	background:#f5f5f5;
	}


/*=======================================================================
        Google Maps Lage und Anreise
========================================================================*/
#markertable td {background:transparent url(../images/framework/flag_red.gif) no-repeat scroll 0%; line-height:19px; text-indent:25px;}
.sprechblase{font-size:10px;}


#Lang {
	background: url(../images/framework/ContentBg.gif);
	text-align:right;
	line-height:11px;
	padding:15px 15px 0px 0;
	}
	
	#Lang a {
		float:right;
		background:url(../images/framework/Flags.gif);
		text-decoration:none;
		width:16px;
		display:block;
		height:11px;
		margin:0 0 0 5px;
		}
	
	#Lang a.en {background-position:0 -11px;}
	#Lang a.fr {background-position:0 -22px;}
	
	
body .BoxAdditionalsites {
	border:0;
}

.BoxAdditionalsites h3 {
	background:#3160d4;
	color:#fff;
	padding-left:3px;
}

body .LinkAdditionalsites {
	text-decoration:none;
}

body .AdditionalsitesLink {
	text-decoration:underline;
}

.BoxAdditionalsitesImg {
	float:left;
	margin-right:20px;

}