/* Grundeinstellungen ____________________________________________*/

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

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; }

a.button {border: 1px solid #BDBDBD; background: url(/images/design/pfeil-button.gif) #F1E6C7 no-repeat right 6px; padding: 0px 26px 0 14px; color: #5B5B5B !important ; font-weight: normal !important; height: 15px; line-height: 15px;}
a.button:hover {background: url(/images/design/pfeil-button.gif) #DFD0A4 no-repeat right 6px;}

a.button-zurueck {border: 1px solid #BDBDBD; background: url(/images/design/pfeil-button-zurueck.gif) #F1E6C7 no-repeat left 6px; padding: 0px 14px 0 26px; color: #5B5B5B !important ; font-weight: normal !important; height: 15px; line-height: 15px;}
a.button-zurueck:hover {background: url(/images/design/pfeil-button-zurueck.gif) #DFD0A4 no-repeat left 6px;}

.3img {margin: 22px 0 0 0; padding: 13px 13px; border: 1px solid #BDBDBD; background: #F8F9FB; white-space: nowrap;}
.dreiimg {margin: 22px 0 0 0; padding: 13px 13px; border: 1px solid #BDBDBD; background: #F8F9FB; white-space: nowrap;}
.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;}
.skylogo {float: right; position: absolute; right: 0px; top: 270px;}

.imglogo {float: left; margin: 0 10px 10px 0; }

	br.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }
	div.clear													{ clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px -1px 0px; height: 1px; overflow: hidden; }

	input.input,
	input.file,
	select.select,
	textarea.textarea 											{ behavior: url(/default/htc/boxsizing.htc); box-sizing: content-box; -moz-box-sizing: content-box; }


/* Head ____________________________________________*/

#head p {margin: 0; padding: 0;}

#logo-stefania {position: absolute; top: 0px; left: 318px;}

#header-bild {position: absolute; top: 137px; left: 0px; width: 892px; height: 279px; background: url(/images/design/bg-header-bild.gif) no-repeat;}
#header-bild-flash {margin: 0 0 0 8px;}

#sprachen {position: absolute; top: 8px; left: 8px;}
#sprachen a {color: #003E89; margin: 0 30px 0 0;}
#sprachen a:hover {color: #8C6800;}

#box-1 {position: absolute; top: 8px; left: 638px;}
#box-2 {position: absolute; top: 8px; left: 730px;}
#box-3 {position: absolute; top: 8px; left: 838px;}
#box-1 a, #box-2 a, #box-3 a {color: #003E89;}
#box-1 a:hover, #box-1 a:hover, #box-3 a:hover {color: #8C6800;}
#box-1 li, #box-2 li, #box-3 li {padding: 0 0 2px 0;}

#mn-oben {position: relative; top: 93px; left: 0px; width: 892px; background: url(/images/design/bg-mn-oben.gif) no-repeat; height: 44px;}
#mn-oben table {margin: 11px 10px 0 16px;}
#mn-oben td a {display: block; font-size: 12px; color: #000; padding: 0 44px; height: 22px; line-height: 21px;}
#mn-oben td a:hover {color: #000; background: #fff;}
#mn-oben ul {display: none; position: absolute; top: 33px; background: #F1E6C8; margin: 0; padding: 6px 0; border: 1px solid #fff; min-width: 180px;}
#mn-oben li {}
#mn-oben li a {display: block; font-size: 11px; text-align: center; padding: 0 !important; color: #00418C !important;}
#mn-oben li a:hover {}
#mn-oben li a.aktiv {display: block; font-size: 11px; text-align: center; padding: 0 !important; color: #00418C !important; background: #fff !important;}


/* Left ____________________________________________*/

#mn-left span.h1 {margin: 0 0 0 8px; padding: 4px 0; border: 1px solid #CFD8E9; font-size: 12px; font-weight: normal; text-align: center; background: #fff; display: block;}
#mn-left ul {margin: 0 0 12px 8px; padding: 8px 0 14px 0; background: #CFD8E9;}
#mn-left li {display: inline;}
#mn-left li a {display: block; color: #00418C; background: url(/images/design/pfeil-1.gif) no-repeat 8px 7px; padding: 2px 0 2px 22px; margin: 0 1px 1px 1px;}
#mn-left li a:hover {color: #00418C; background: url(/images/design/pfeil-2.gif) #fff no-repeat 8px 7px;}
#mn-left a.aktiv {background: url(/images/design/pfeil-2.gif) #fff no-repeat 8px 7px !important;}

#mn-anfrage h1 {margin: 0 0 0 8px; padding: 0;}
#mn-anfrage p {margin: 8px 0 0 8px; padding: 0; font-weight: bold; color: #5B5B5B;}
#mn-anfrage select {margin: 2px 0 0 0; font-size: 11px;}
#mn-anfrage a {margin: 2px 0 0 0;}

h3.anfragetitel { margin: 10px 0px 5px 10px; color: #403001; background-color: #CCD5E4; font-weight: normal; line-height: 22px; height: 22px; padding: 0px 5px 0px 5px; }
#zimmersuche { margin: 0px 0px 0px 10px; }
#zimmersuche select.input_small { width: 55px; }
#zimmersuche select.input_long { width: 173px; }
#zimmersuche div.unterkunft { display: none; }
#zimmersuche #bp_alterkind1,
#zimmersuche #bp_alterkind2,
#zimmersuche #bp_alterkind3 { margin: 0px 0px 10px 0px; }
#zimmersuche a.button { width: 173px; padding: 0px 0px 0px 0px; float: right; display: inline; margin: 0px 5px 0px 0px; text-align: center; }

.karte { position: absolute; top: 0px; left: 10px; }



/* Content ____________________________________________*/

#content h1 {color: #C89E25; border: 1px solid #F2E8CB; font-size: 11px; margin: 0 0 12px 0; padding: 3px 8px;}
#content h1.inlineapi { font-size: 20px !important; color: #32629D !important; font-weight: normal; margin: -15px 0px 9px 0px !important; border: solid 0px !important; }
#content h2 {color: #000; border: 1px solid #BDBDBD; background: #CFD8E9; font-weight: normal; font-size: 11px; margin: 0 0 8px 0; padding: 3px 8px;}
#content h3 {color: #000; border: 1px solid #BDBDBD; background: #F8F9FB; font-weight: normal; font-size: 10px; margin: 0 0 4px 0; padding: 1px 8px;}
#content h4 {margin: 0 0 4px 0; padding: 0; font-weight: bold; font-size: 11px;}
#content h6 {margin: 0 0 12px 0; padding: 0;}
#content p {margin: 0 0 14px 0; padding: 0; font-size: 11px;}	
#content a {color: #C89E25;}
#content a:hover {color: #00418C;}
#content ul {margin: 0 0 20px 0;}
#content li {background: url(/images/design/pfeil-2.gif) no-repeat left 5px; padding: 0 0 2px 14px; font-size: 11px; color: #000; margin: 0;}

.download {padding: 6px 0 4px 22px !important;}
.text-vergroessern {font-size: 9px !important; color: #787878;}

.seminarraeume {width: 436px;}
.seminarraeume td {width: 145px;}

#navi {clear: both; margin: 30px 0 0 0; width: 430px;}

.fotogalerie { width: 436px; border: 1px solid #BDBDBD; background: #F8F9FB; padding: 12px 12px;}
.fotogalerie img { margin: 0px 4px 4px 0; border: 1px solid #98A2D7;}

.zeitraum-preis-angebot {width: 302px; margin: 8px 0 4px 0;}
.zeitraum-preis-angebot col {width: 185px;}
.zeitraum-preis-angebot span {font-size: 13px; font-weight: bold;}

.zeitraum-preis-angebot-detail {width: 436px; margin: 8px 0 12px 0;}
.zeitraum-preis-angebot-detail col {width: 185px;}
.zeitraum-preis-angebot-detail span {font-size: 13px; font-weight: bold; padding-right: 7px; }

.angebot-detail-info {width: 428px; border: 1px solid #BDBDBD; background: #F8F9FB; padding: 12px 0px 12px 0px;}
.angebot-detail-info strong {margin: 0px 0px 0px 12px !important;}
.angebot-detail-info p {margin: 0px 0px 0px 12px !important;}

.preise {width: 436px; margin: 0 0 10px 0;}
.preise strong {font-size: 10px !important;}
.preise th {border: 1px solid #BDBDBD; background: #CFD8E9; font-size: 11px; font-weight: normal; padding: 4px 0; height: 45px;}
.preise td {border-bottom: 1px solid #BDBDBD; font-size: 11px; font-weight: normal; padding: 4px 0; height: 45px; text-align: center;}

.preise-kinder {width: 436px; margin: 0 0 10px 0;}
.preise-kinder strong {font-size: 10px !important;}
.preise-kinder th {border: 1px solid #BDBDBD; background: #CFD8E9; font-size: 11px; font-weight: normal; padding: 4px 0;}
.preise-kinder td {font-size: 11px; font-weight: normal; padding: 4px 0;}



/* Right ____________________________________________*/

#mn-angebot {margin: 0 8px 22px 0;}
#mn-angebot span.h1 {margin: 0 0 12px 0; display: block;}
#mn-angebot span.h2 {margin: 0 0 2px 6px; padding: 0; font-size: 13px; color: #C89E25; display: block; font-weight: bold; }
#mn-angebot p {margin: 0 0 6px 6px; padding: 0; color: #000;}
#mn-angebot span {color: #C89E25;}
#mn-angebot strong {font-size: 13px; color: #C89E25; font-weight: bold;}
#mn-angebot a {margin: 2px 0 0 0;}

#mn-ihrurlaub {margin: 0 8px 16px 0;}
#mn-ihrurlaub span.h1 {margin: 0 0 8px 0;}
#mn-ihrurlaub p {margin: 0; padding: 0;}
#mn-ihrurlaub td {padding: 0 12px 0 0; vertical-align: top;}
#mn-ihrurlaub a {display: block; color: #00418C; background: url(/images/design/pfeil-2.gif) no-repeat 5px 6px; padding: 1px 0 1px 18px; margin: 0; font-size: 11px;}
#mn-ihrurlaub a:hover {color: #8C6800;}

#mn-anfahrt { width: 178px; margin: 0px 0 22px 0px;}

#mn-wetter {margin: 0 8px 28px 0;}
#mn-wetter span.h1 {margin: 0 0 12px 0; display: block;}
#mn-wetter p {margin: 0 0 6px 6px; padding: 0; color: #000;}
#mn-wetter a {margin: 6px 0 0 0;}

#banner-parkhotel {margin: 0 8px 22px 0;}



/* Footer ____________________________________________*/

#kanaele {margin: 0 auto; width: 892px; background: url(/images/design/bg-kanaele.gif) no-repeat; position: relative; height: 220px; }
#kanaele table {position: absolute; top: 26px; left: 20px;}
#kanaele td {font-size: 12px; width: 175px;}
#kanaele a {color: #000;}
#kanaele img {margin: 0 0 2px 0;}

#copyright {position: absolute; top: 172px; left: 8px; font-size: 9px; color: #959595;}
#copyright a {color: #959595;}

#kontakt {position: absolute; top: 142px; left: 8px; font-size: 11px; text-align: left; color: #959595;}
#kontakt a {display: inline; color: #959595;}

#logos  {text-align: center; width: 892px; height: 84px; position: relative; margin: 0 auto;}
#logos table {width: 892px; height: 84px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#logos table td.tdeins {text-align: left; width: 187px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#logos table td.tdzwei {text-align: left; width: 210px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#logos table td.tddrei {text-align: left; width: 75px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#logos table td.tdvier {text-align: center; width: 127px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#logos table td img  {/*float: left; display: inline; */margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#left table td.tdvertikal img {text-align: center; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}

	
	
/* Listen ____________________________________________*/

.liste {width:436px; clear: both; margin: 0 0 16px 0;}
.liste h2 {margin: 0 0 6px 0 !important;}
.liste hr {height: 1px; line-height: 1px; visibility: hidden; margin: 0; padding: 0;}
.liste:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}

.liste-button {text-align: right;}
.liste-angebot-text {height: 30px;}

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

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

/* Anfrageformular _______________________________________________

.formular { border: 0px; width: 436px;}
.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: 280px; }
.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
.formular .ort { height: 18px; width: 130px; }
.formular .mitteilung { height: 60px; width: 280px; }
		*/

	form 														{ margin: 0px 0px 16px 0px; }
	
	form .label													{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	form .input 												{ float: left; display: inline; height: 16px; line-height: 14px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; }
	form .select 												{ float: left; display: inline; height: 16px; line-height: 14px; color: #343434; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; }
	form .textarea												{ width: 217px; float: left; display: inline; height: 60px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; }
	form .checkbox												{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	form .radio													{ float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	form .file													{ float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; }
	
	form .aktiv 												{ color: #343434; border: 1px solid #7F9DB9; }
	form .fehler 												{ color: #FF0000; border: 1px solid #FF0000; }
	form p.fehler 												{ color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	form .fehlermeldung 										{ color: #FF0000; border: 0px; }
	form .hidden 												{ display: none !important; }
	
	form label.pflichtfeld 										{ font-weight: bold; }
	form label.space 											{ height: 18px; }
	
	form .colum1												{ width: 160px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; }
	
	form label.standard 										{ width: auto; }
	form label.plz 												{ margin: 0px 0px 0px 0px; }
	form label.ort 												{ margin: 0px 0px 0px 4px; }
	form label.checkbox 										{ margin: -2px 0px 8px 4px; width: auto; line-height: 14px; }
	form label.radio 											{ margin: 0px 0px 0px 4px; line-height: 14px; }
	
	form input.standard 										{ width: 217px; }
	form input.plz 												{ width: 62px; margin: 0px 5px 0px 0px; }
	form input.ort 												{ width: 145px; }
	form label.datumday 										{ display: none; }	
	form label.datummonth 										{ display: none; }	
	form label.datumyear 										{ display: none; }
	
	form select.standard 										{ width: 220px; }	
	form select.anrede	 										{ width: 220px; }	
	form select.datumday 										{ width: 50px; margin: 0px 5px 4px 0px; }	
	form select.datummonth 										{ width: 100px; margin: 0px 5px 4px 0px; }	
	form select.datumyear 										{ width: 56px; margin: 0px 5px 4px 0px; }
	
	form textarea.standard 										{ width: 217px; }
	
	form .senden												{ margin: 0px 48px 0px 0px; background: #F9AC2A; color: #FDFFFE; width: 84px; height: 19px; line-height: 19px; float: right; display: inline; text-align: center; }
	form .senden:hover 											{ color: #343434; }
	form input.senden											{ width: 90px; height: 24px; line-height: 16px; }	
	
	
		
/* Wetter ________________________________________________________*/

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


br.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }