@charset "utf-8";

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #e6e6e6;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
iframe{
overflow-x: hidden;
overflow-y: scroll;
}
a{
	color: #cc0000;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
h1, h2, h3, h4, h5, p, li, ul, img, dl, dt, dd, hr {
		margin: 0; 
    	padding: 0;
		border: 0;
}
hr{
	margin-top:0.4em;
	margin-bottom:0.9em;
	border-top:1px solid #666666;
	height:1px;
}

form{
	display:inline;
}
h2{
	font-size: 1.4em;
	color: #cc0000;
	font-weight: bold;
}
h2.content{
	padding-bottom:7px;
}
h3, dt{
	font-size: 1.2em;
	letter-spacing:1px;
	font-weight:bold;
	color: #cc0000;
}
h4 {
	width:100%;
	border-top: solid 1px #666666;
	border-bottom: solid 3px #666666;
	margin-bottom: 12px;
	font-size: 1em;
	letter-spacing:-0.06em;
	color: #666666;
	text-transform:uppercase;
	padding:3px 0;
}
#einecol h4{
	margin-bottom: 9px;
}
#einecol span{
	position:relative;
	top: -14px;
	padding-right: 7px;
}
h5{
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	padding-top: 11px;
	padding-bottom:6px;
}

#container, #bgcontainer {
	width: 800px;
	padding-right:7px;
	background: #f2f2f2;
	margin: 0 auto;
	text-align:left;
	background: #f2f2f2 url(header/bg_top_right.gif) no-repeat top right;
} 
#footer { 
	margin-top: 30px;
	text-align:right;
	height:17px;
	font-size:1px;
	line-height:1px;
	clear:both;
} 
#bgbottom { 
	width:807px;
	margin: 0 auto;
	height:7px;
	font-size:1px;
	line-height:1px;
	background: url(header/bg_bottom.gif) no-repeat;
}  



/*HEADER///////////////////////////////////////////*/
#headertop{
	background: url(header/bg_top.gif) top left repeat-x;
	height: 41px;
}
#headertop a img{
	float:left;
}
#headermenu{
	float:right;
	color:#666666;
	padding: 14px 0 0 0;
}
#headermenu a{
	font-size:0.9em;
	color:#666666;
	text-decoration:none;
}
#headermenu a:hover{
	text-decoration:underline;
}

#languageselect{
	float:right;
	padding: 10px 12px 0 0;
}

#channelmenu{
	background: #cc0000;
	height: 58px;
	text-align:right;
	border-top: solid 3px #FFFFFF;
	padding:0 17px;	
}
#channelmenu img{
	padding:13px 0;	
}
#channelmenu .sk{
		
}
.bgquicknavundfooter{
	background: #FF0000;
}
#quicknavundsuche{
	height: 23px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 3px #FFFFFF;
	color: #FFFFFF;
	font-size:0.9em;
}
#quicknav{
	padding: 2px 0 0 21px;
	float:left;
}

#suche{
	padding: 2px 0 0 0;
	float:right;
}
.sucheinput{
	width:120px;
}
#suchebutton{
	float:right;
	padding:4px 11px 0 6px;
}



/*SIDEBAR///////////////////////////////////////////*/		 
		 
#sidebar {
	float: left;
	width: 180px;
	padding: 16px 0 0 20px;
}
#sidebar ul{
	list-style:none;
	position:relative;
	top:-4px;
}
#sidebar li{
	padding-left: 13px;
	background: url(menu/pfeil.gif) left 0.3em no-repeat;
	height:auto !important;
	height:1.6em;
	min-height:1.6em;	
}
#sidebar li.level2{
	padding-left: 20px;
	background: none;	
}
#sidebar li.hide{
	display: none;	
}

#sidebar li.active{
	background: url(menu/pfeilactive.gif) left 0.3em no-repeat;

}
#sidebar li.active2{
	background: url(menu/pfeil2active.gif) 10px 0.4em no-repeat;

}
#sidebar li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;	
	text-decoration:none;
}
#sidebar li.level2 a{
	color: #666666;
	font-weight: normal;	

}
#sidebar li.active a, #sidebar li.active2 a{
	color: #666666;
}
#sidebar li a:hover{
	text-decoration: underline;
}
/*SIDEBAR - Region auswählen////////////////////////////*/		
#region{
	width:100%;
	border-top: solid 1px #666666;
	border-bottom: solid 3px #666666;
	margin-top: 4px;
	font-size: 1em;
	color: #666666;
	text-transform:uppercase;
	padding:11px 0 14px 0;
}
#region select{
	margin:4px 0 0 0;
	width:100%;
}




/*MAINCONTENT///////////////////////////////////////////*/	
#mainContent {    	
	margin-left: 220px;
	padding-top: 16px;
} 
/*MAINCONTENT-HOME//////////////////////////////////////*/		
.col1{
	width:180px;
	float:left;
}

.col1 h3, .col2 h3{
	padding-top:7px;
	padding-bottom:5px;
}
#container.home{
	background: url(bilder/bg_home.gif) bottom left no-repeat;
	padding-right:0;
}

/*MAINCONTENT-Übergreifend//////////////////////////////////////*/
.col1 p, .col2 p{
	font-size:1.1em;
	color: #666666;
	padding-bottom:6px;
}
.textmitbild a, .col1 a, .col2 a{
	font-size: 1.1em;
	color: #cc0000;
	font-weight:normal;
	text-decoration:none;
	padding-left: 15px;
	background: url(menu/doppelpfeil.gif) left center no-repeat;
}
#einecol li{
	padding-left: 4px;
	font-size:1.2em;
	color: #666666;
	line-height:1.6em;
}
#einecol ul{
	padding: 10px 0px 10px 20px;
}
#einecol a:hover, .col1 a:hover, .col2 a:hover{
	text-decoration:underline;
}

/*MAINCONTENT-Content//////////////////////////////////////*/
#einecol{
	min-height:300px;
	height:auto;
	padding-left:50px;
	width:510px;
	float:left;
}
#einecol p{
	font-size:1.2em;
	color: #666666;
	padding-bottom:12px;
	line-height:1.5em;
}


/*MAINCONTENT-List_bilder//////////////////////////////////////*/

.textmitbild img{
	float:left;
	padding-right:10px;
}
.textmitbild{
	padding-bottom:12px;
	border-bottom: 1px solid #666666;
	margin-top: 12px;
}
.textmitbild h3, dt{
	padding-bottom: 0px;
	letter-spacing:normal;
}
.textmitbild.listindex h3{
	padding-bottom: 5px;
	letter-spacing:normal;
}
h3.trenner{
	font-weight:bold;
	color:#666666;
	border-bottom: 1px solid #666666;
	letter-spacing:normal;
	padding:2px 0 3px 0;
}
,textmitbild i{
	display:block;
	padding: 3px 0 0 0;
}
.textmitbild p, .textmitbild i{
	font-size:1.2em;
	color: #666666;
	padding-bottom:6px;
}
#pagebrowser{
	text-align:right;
	color: #666666;
}
#pagebrowser img{
	padding:12px 0;
}
#pagebrowser span{
	position:relative;
	top:-11px;
	padding:10px 20px;
}


/*MAINCONTENT-List_text//////////////////////////////////////*/
h3.fettgrau{
	font-weight:bold;
	color:#666666;
	letter-spacing:normal;
	padding:0 0 0.5em 0;
	
}
dt{
	padding-bottom:0.4em;
}
dd{
	font-size:1.2em;
	color: #666666;
	padding-bottom:6px;
}

/*MAINCONTENT-Lageplan//////////////////////////////////////*/
div.lageplan p{
	margin-bottom:0.6em
}

/*MAINCONTENT-Kontakt//////////////////////////////////////*/
label{
	width:94px;
	height:2.8em;
	display:block;
	float:left;
	font-size: 0.9em;
	color: #666666;
	text-transform:uppercase;
	padding-top:5px;
}
.textzeile{
	width:335px;
}
.nachricht{
	width:335px;
	height:166px;
	font-size:1.2em;
}
.tel1{
	width:45px;
}
.tel2{
	width:75px;
}
.tel3{
	width:197px;
}
.button{
	width:80px;
	margin-top:1.5em;
}
#formeingerueckt{
	width: 344px;
	margin-left:92px;
	margin-top:0.5em;
}
#formeingerueckt input{
	float:left;
}

#formeingerueckt label{
	width:300px;
	height:1.4em;
}

/*MAINCONTENT-Hotel//////////////////////////////////////*/
#infrastruktur img{
	padding: 10px 10px 10px 0;
}
#infrastruktur span{
	position:relative;
	top: -14px;
	padding-right: 7px;
}

table#hotelinfo th{
	background: #999999;
	color: #FFFFFF;
	padding:3px;
	margin-bottom:3px;
	height:23px;
	text-align:center;
	font-size:11px;
}
table#hotelinfo td{
	padding:3px;
	height:17px;
	color:#666666;
	border-bottom: 1px solid #666666;
	border-collapse: inherit;
	text-align:center;
	font-size:11px;
}


/*MAINCONTENT-Buchung//////////////////////////////////////*/
#hotelbuchung{
	margin-top: 12px;
}
#hotelbuchung img{
	float:right;
}
#hotelbuchung h2{
	padding:0 0 2px 0;
}
#pagebrowser.hotelbuchung {
	border-bottom: 1px solid #666666;
}
#pagebrowser.hotelbuchung img{
	padding:10px 0 7px; 0;
}
#pagebrowser.hotelbuchung span{
	position:relative;
	top:-6px;
	padding:10px 20px 0 20px;
}
#kalender img{
	float:none;
}

#kalender span table{
	background:#FFFFFF;
	border-spacing:0px;
	border-collapse:collapse;
}
#kalender span table td{
	border: 1px solid #FFFFFF;
	background: #e5e5e5
}

.nurText{
	background:none;
	border:none;
	font-size: 0.9em;
	color: #666666;
}

.rahmen{
	float:left;
	border:1px solid #666666;
	padding-top:1px;
	padding-left:1px;

}
.anabreise{
	text-align:center;
	float:left;
	width:16.4em;
}
.anabreise h4{
	border:none;
	padding-top:0.6em;
	padding-bottom:0.4em
}
#kalender label{
	height:2.1em;
	width: 88px;
}
#kalender label.nowidth{
	width:auto;
	padding-right:7px;
}

#kalender input.input{
	float:right;
	width:110px;
}
.breite59, #kalender input.breite59{
	width:59px;
}
#kalender table#hotelinfo{
	font-size:1.1em;
}
#kalender table#hotelinfo th{
	font-size:0.85em;
	height:5px;
	font-weight:normal;
	text-transform:uppercase;
}

table#hotelinfo .gesamt td{
	border-bottom:3px solid #666666;
	font-weight:bold;
	height:10px;
}
#kalender hr{
	margin-bottom:0.6em
}
/*GOOGLEMAP////////////////////////////////////////////////*/

#googlemap p{
	padding-top:0.2em;
	padding-bottom:0.9em
}
#googlemap select, #googlemap input {
	margin-top:1.7em;
}
#googlemap label{
	margin-top:1.9em;
}
#googlemap{
	border-bottom: 1px solid #666666;
	padding-bottom:0;
	margin-bottom:5px;
}
a.back{
	background: url(menu/pb_back.gif) no-repeat left center;
	padding-left: 13px;
	text-transform:uppercase;
	color: #666666;
}


/*FEATURES/////////////////////////////////////////////////*/
#features{
	margin-top:1.3em;
	border-top: 1px solid #666666;
	padding-top:1.7em;
}
#features a{
	display:block;
	height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color: #666666;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.6em 0 0.5em 27px;
}
a.zimmer{
	background: url(icons/zimmer.gif) left center no-repeat;
}
a.ausstattung{
	background: url(icons/ausstattung.gif) left center no-repeat;
}
a.verpflegung{
	background: url(icons/verpflegung.gif) left center no-repeat;
}
a.anreise{
	background: url(icons/lage.gif) left center no-repeat;
}
a.downloads{
	background: url(icons/downloads.gif) center left  no-repeat;
}
a.pdf{
	background: url(icons/pdf.gif) left center no-repeat;
}
a.bilder{
	background: url(icons/bilder.gif) left center no-repeat;
}

a.newsletter{
	background: url(bilder/newsletter.gif) left center no-repeat;
}
a.anfrage{
	background: url(bilder/angebot.gif) left center no-repeat;
}












.input{
	font-size:1em;
	color: #666666;
	margin-right:2px;
}





.schmal{
	width:11px;
}

.datum{
	width:72px;
}

.unterkunft{
	width:100px;
}
.newsletter{
	width:95px;
}
#orderdate_ID_Link{
	position:relative;
	top:3px;
}




#spacer10px{
	height:10px;
}


.col2{
	padding-left:10px;
	width:180px;
	float:left;
}

.dotline{
	padding: 13px 0  6px 0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.spacer{
	margin-top:2px;
}
.spacer2{
	margin-top:6px;
}
#dynamic{
	display:none;
}
.mehr{
	font-size: 0.8em;
	color: #cc0000;
	font-weight:normal;
	text-decoration:none;
	padding-left: 12px;
	background: url(menu/doppelpfeil.gif) left center no-repeat;
}