/* Grundeinstellungen ____________________________________________*/

body { color: #000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 17px; margin: 0px; padding: 0px; text-align: center; background: url(/images/design/bg-seite.gif) #fff;}

table { border: 0px; border-collapse: collapse; font-family: Verdana, Helvetica, Arial, Sans-serif;}
td {padding: 0px; color: #000; font-size: 11px;}

ul {margin: 0px; padding:0px; list-style-type: none;}
form { margin: 0px; padding: 0px; }
img { border: 0px; }
a {text-decoration: none; }
a:hover {}
a img { border: 0px; }

.img {border: 1px solid #98A2D7;}
.imgl {float: left; margin: 0 10px 10px 0; border: 1px solid #98A2D7;}
.imgr {float: right; margin: 0 0 10px 10px; border: 1px solid #98A2D7;}
.imgr-liste {float: right; margin: 0 0 0 10px; border: 1px solid #98A2D7;}

.button-liste {clear: both; text-align: right;}

a.aktiv {color: #CF0400 !important; font-weight: bold;}
a.aktiv:hover {}

.liste {width:448px; clear: both; margin: 0 0 12px 0;}
.liste:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}

.umblaettern {text-align: right; margin: 0px 0px 10px 0px; color: #CE0200;}
.umblaettern a, .umblaettern span { font-weight: bold; margin: 0px 3px 0px 3px; font-size: 12px !important; color: #000;}
.umblaettern a:hover {  }

.aufzaehlung {margin: 18px 0 12px 0 !important; font-size: 11px !important; line-height: 12px !important;}

a.button  {background: url(/images/design/bg-bt-content.gif) no-repeat #fff; padding: 1px 8px 1px 18px; font-size: 10px; border: 1px solid #DFDFDF; height: 17px; color: #001C77 !important;}
a.button:hover {background-color: #EDEDED;}

a.button-zurueck {background: url(/images/design/bg-bt-content-zurueck.gif) no-repeat right top #fff; padding: 1px 18px 1px 8px; font-size: 10px; border: 1px solid #DFDFDF; height: 17px; color: #001C77 !important;}
a.button-zurueck:hover {background-color: #EDEDED;}

.blau {color: #009AD3;}
.rot {color: #DE0002;}
.vorhersage {float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px;}

a.aktiv {color: #001C77 !important;}
a.aktiv:hover {}




/* Head ____________________________________________*/

#logo {position: absolute; top: 62px; left: 37px;}

#adresse {position: absolute; top: 190px; left: 24px; font-size: 9px; line-height: 11px; color: #3A5097; margin: 0; padding: 0;}
#adresse a {color: #3A5097;}
#adresse a:hover {color: #61B537;}

#sprache {position: absolute; top: 10px; left: 38px; font-size: 9px; color: #276500; margin: 0; padding: 0;}
#sprache a {color: #3C5298;}
#sprache a:hover {color: #61B537;}

#mn-anfrage {position: absolute; top: 257px; right: 30px; font-size: 11px; margin: 0; padding: 0;}
#mn-anfrage a {color: #3C5298;}
#mn-anfrage a:hover {color: #61B537;}

#foto-header {position: absolute; top: 45px; left: 281px;}

#mn-wetter {position: absolute; top: 255px; left: 294px;}
#mn-wetter td {font-size: 11px;}
#mn-wetter img {margin: 0 6px;}
#mn-wetter h1 {color: #3A5097; padding: 0; margin: 0 20px 0 0; text-transform: uppercase; font-size: 11px;}

#mn-top {position: absolute; top: 2px; left: 166px;}
#mn-top td {width: 144px; text-align: left;}
#mn-top ul {background: #D1ECC1; border: 1px solid #98A2D7; margin: 0; padding: 10px 0;}
#mn-top li {background: url(/images/design/bg-mn-linie.gif) repeat-x left bottom; padding: 2px 0; font-size: 11px; text-align: center; margin: 0 10px;}
#mn-top li a {color: #000;}
#mn-top li a:hover {color: #001C77; font-weight: bold;}

a.mn-top {display: block; background: url(/images/design/bg-mn-1.gif) no-repeat; width: 136px; height: 34px; text-align: center; line-height: 46px; color: #001C77; font-weight: bold;}
a.mn-top:hover {background: url(/images/design/bg-mn-2.gif) no-repeat; color: #275C00;}

#Garni, #CiasaPedaga, #Sommer, #Winter, #Umgebung {display: none; position: absolute; width: 136px; top: 36px;}



/* Left ____________________________________________*/

#left h1 {margin: 0 34px 6px 26px; text-indent: 10px; background: url(/images/design/bg-left-h1.gif) no-repeat; font-size: 11px; color: #275C00; padding: 0;}
#left ul {margin: 0 34px 48px 26px;}
#left li {background: url(/images/design/bg-mn-linie.gif) repeat-x left bottom; padding: 2px 0 2px 10px;}
#left li a {color: #000;}
#left li a:hover {color: #001C77; font-weight: bold;}
	#spacer {margin: 0 0 0 13px;}
	#ihrurlaub {background: url(/images/design/bg-ihrurlaub.gif) no-repeat; width: 146px; height: 200px; margin: 0 0 0 16px; position: relative;}
	#ihrurlaub h2 {position: absolute; top: 11px; left: 14px; color: #001C77; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0;}
	#ihrurlaub ul {position: absolute; top: 36px; left: 18px; margin: 0 !important; width: 120px;}
	#ihrurlaub li {background: url(/images/design/bg-mn-linie.gif) repeat-x left bottom; padding: 2px 0 2px 8px !important;}



/* Content ____________________________________________*/

#content h1 {font-size: 18px; color: #001C77; margin: 0 0 14px 0; padding: 0;}
#content h2 {background: url(/images/design/bg-h2.gif) no-repeat #fff; font-size: 11px; color: #275C00; margin: 0 0 4px 0; padding: 2px 4px 3px 6px; border: 1px solid #DFDFDF;}
#content h3 {font-size: 11px; color: #001C77; margin: 0; padding: 0;}
#content p {margin: 0 0 14px 0; padding: 0; font-size: 11px;}	
#content a {color: #275C00; font-weight: bold;}
#content a:hover {color: #001C77;}
#content ul {margin: 0 0 20px 0;}
#content li {background: url(/images/design/bg-li.gif) no-repeat left 6px; padding: 0 0 0 10px; font-size: 11px; color: #000; margin: 0;}


.angebotbox {width: 448px; clear: both; margin: 0 0 6px 0;}
.angebotbox td {height: 17px;}
.angebotbox span {font-weight: bold; color: #001C77; font-size: 11px;}
.angebotbox p {color: #BB6E14; line-height: 17px !important; margin: 0 !important;}

#navi {margin: 20px 0 0 0; width: 448px;}
#navi td {height: 28px; padding: 5px 0 0 0;}

#infobox {width: 448px; clear: both; margin: 0; padding: 10px; border: 1px solid #DFDFDF; background: #fff; }
#infobox h1 {font-size: 11px !important; margin: 0 0 4px 0 !important;}
#infobox p {margin: 0 !important;}

.download {padding: 3px 0 3px 22px !important;}

#preise {width: 448px; font-size: 11px; margin: 0 0 30px 0;}
#preise th {margin: 0; padding: 5px ; color: #001C77; font-weight: normal; background: #fff; border: 1px solid #DFDFDF; text-align: left; vertical-align: top;}
#preise td {padding: 5px; font-weight: bold;}
.preise-text {margin: 0 0 2px 0 !important;}

#2bilder {width: 448px; font-size: 11px; margin: 20px 0;}
#2bilder td {font-size: 10px; line-height: 15px; color: #001C77; font-weight: bold;}	
#2bilder img {margin: 0 10px 0 0;}


/* Right ____________________________________________*/
	
#angebot {background: url(/images/design/bg-angebot.jpg) no-repeat; width: 223px; height: 153px; position: relative; line-height: 14px;}
#angebot h1 {color: #000; font-size: 11px; padding: 40px 30px 0 16px; margin: 0;}
#angebot h2 {position: absolute; top: 14px; right: 16px; color: #001C77; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0;}
#angebot p {color: #000; font-size: 11px; margin: 0 30px 0 16px; padding: 0;}
#angebot strong {margin: 6px 0 0 0; display: block; color: #7EAAF0; font-weight: bold; font-size: 12px;}
#angebot span {position: absolute; top: 124px; right: 16px; background: url(/images/design/bg-bt-1.gif) repeat-x 0px 0px; height: 16px;}
#angebot a {background: url(/images/design/bg-bt-2.gif) no-repeat right 2px; padding: 3px 10px; font-size: 10px; color: #8F8F8F;}
#angebot a:hover {color: #000;}

#anfragen {background: url(/images/design/bg-anfragen.gif) no-repeat; width: 223px; height: 173px; position: relative; line-height: 14px;}
#anfragen h1 {position: absolute; top: 10px; right: 16px; color: #001C77; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0;}
#anfragen p {color: #000; font-size: 10px; padding: 40px 30px 0 16px; margin: 0;}
#anfragen span {position: absolute; top: 140px; right: 16px; background: url(/images/design/bg-bt-1.gif) repeat-x 0px 0px; height: 16px;}
#anfragen a {background: url(/images/design/bg-bt-2.gif) no-repeat right 2px; padding: 3px 10px; font-size: 10px; color: #8F8F8F;}
#anfragen a:hover {color: #000;}
#anfragen select {font-size: 10px; margin: 0 0 4px 0;}


#onlinebuchungmitte							{ float: left; display: inline; width: 223px; margin: 0px 0px 0px 0px; background: url(/images/design/bg-onlinebuchen-mitte.gif) repeat-y; }
#onlinebuchungoben 							{ float: left; display: inline; width: 223px; margin: 0px 0px 0px 0px; background: url(/images/design/bg-onlinebuchen-oben.gif) no-repeat top; }
#onlinebuchungunten 						{ float: left; display: inline; width: 223px; margin: 0px 0px 0px 0px; background: url(/images/design/bg-onlinebuchen-unten.gif) no-repeat bottom; }

#onlinebuchunginhalt 						{ float: left; display: inline; position: relative; padding: 40px 30px 40px 16px; }
#onlinebuchunginhalt span.label				{ display: block; font-weight: bold; }
#onlinebuchunginhalt br.clear				{ display: none; }
#onlinebuchunginhalt span.buttonbuchen	 	{ position: absolute; bottom: 14px; left: 16px; background: url(/images/design/bg-bt-1.gif) repeat-x 0px 2px; height: 18px;}
#onlinebuchunginhalt span.buttonanfragen 	{ position: absolute; bottom: 14px; right: 16px; background: url(/images/design/bg-bt-1.gif) repeat-x 0px 2px; height: 18px;}
#onlinebuchunginhalt a 						{ background: url(/images/design/bg-bt-2.gif) no-repeat right 4px; padding: 5px 10px; font-size: 10px; color: #8F8F8F; }
#onlinebuchunginhalt a:hover 				{ color: #000;}
#onlinebuchunginhalt span.headline 			{ position: absolute; top: 10px; right: 16px; color: #001C77; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0; font-weight: bold; }
#onlinebuchunginhalt select,
#onlinebuchunginhalt input 					{font-size: 10px; margin: 0 0 4px 0;}
#onlinebuchunginhalt select.input_long		{ width: 160px; }




/* Footer ____________________________________________*/

#footer p {text-align: right; padding: 24px 234px 0 0; margin: 0; color: #8F8F8F; font-size: 9px;}
#footer a {color: #8F8F8F;}
#footer a:hover {color: #000;}
		
	
	

/* Anfrageformular _______________________________________________*/

.formular { border: 0px; width: 448px;}
.formular col { width: 200px;}
.formular td { color: #000000; font-size: 11px; padding: 3px 0px; vertical-align: middle; }
.formular select { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
.formular .eingabe { border: 1px solid #BBBBBB; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px;}
.formular .standard { height: 18px; width: 200px; }
.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
.formular .ort { height: 18px; width: 130px; }
.formular .mitteilung { height: 60px; width: 280px; }
		

/* Wetter ________________________________________________________*/

	#wetter img { display: block; margin: 0 auto; }
	#wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	#wetter span {  }
	#wetter .heute, .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; }
	#wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
	.blau { color: #0099D2; }
	.rot { color: #DD0000; }


/* Sonstiges ______________________________________________________*/

	.umblaettern { font-weight: bold; float: right; }
	.umblaettern span { margin: 0px 3px 0px 3px; }
	.umblaettern a { margin: 0px 3px 0px 3px;  }