/* Grundeinstellungen ____________________________________________*/

	body, table { color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; }
	body {background: #fff; margin: 0px; padding: 0px; text-align: center;}
	table { border: 0px; border-collapse: collapse; }
	form { margin: 0px; padding: 0px; }
	a { color: #FFFFFF; text-decoration: none; }
	a:hover { color: #CC0000; }
	a img { border: 0px; }


/* Oben __________________________________________________________*/

	#sprache {position: absolute; top: 8px; left: 0px; color: #000; font-size: 10px;}
	#sprache a {color: #000; padding: 0px 6px 0px 6px;}
	#sprache a:hover {color: #9BB878;}
	
	#info-box {position: absolute; top: 8px; right: 0px; color: #000; font-size: 10px;}
	#info-box a {color: #000; padding: 0px 6px 0px 6px;}
	#info-box a:hover {color: #9BB878;}
	
	#flash {position: absolute; top: 64px; left: 171px;}
	#logo {position: absolute; top: 92px; left: 4px;}
	
	#hotels { font-size: 11px; position: absolute; top: 250px; left: 0px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#hotels li {float: left; width: 183px; height: 175px; position: relative; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; background: url(/images/design/bg-hotels.gif) repeat-y 0px 0px; width: 183px; }
	#hotels li.erstes { margin: 0px 0px 0px 0px; width: 183px;}
	#hotels h3 {margin: 0px 0px 0px 0px; padding: 10px 22px 10px 10px; background: url(/images/design/bt-hotels.gif) no-repeat right 7px; font-size: 11px; color: #E3F0D5; line-height: 12px;}
	#hotels a {color: #E3F0D5; display: block; padding: 0px 0px 0px 0px; }
	#hotels .hotels-foto { position: absolute; left: 10px; bottom: 10px; margin: 0px 0px 0px 0px; border: 2px solid #fff;}
	
	#hotels a.weiter-detail { position: absolute; right: 10px; top: 7px; display: inline !important; padding: 0px 0px 0px 0px !important; }
	
	#hotels .banner-residence-werbung {background: none !important;}
	#hotels .banner-residence-werbung img {margin: 0px !important; border: 0px !important;}
	
	
	#navigation { font-size: 11px; position: absolute; top: 34px; left: 0px; z-index: 5; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navigation li { width: 152px; float: left; position: relative; text-align: center; margin: 0px 0px 0px 5px; background: url(/images/design/bg-navigation.gif) no-repeat 0px 0px;}
	#navigation li a {min-height: 25px; _height: 25px; line-height: 25px; color: #000; text-transform: uppercase; font-size: 10px;}
	#navigation li a:hover { color: #000;}
	#navigation li.aktiv {}
	#navigation li.erstes { margin: 0px 0px 0px 0px; }
	
	#navigation ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; position: absolute; left: 0px; top: 29px; background: #A1CF6C; border: 1px solid #fff; min-width: 152px; _width: 152px;}
	#navigation ul li { float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/bt-navigation-sub.gif) no-repeat 6px 6px !important; text-align: left; }
	#navigation ul li a { display: block; padding: 0px 0px 0px 16px; min-height: 17px; _height: 17px; line-height: 17px; text-transform: none; font-size: 11px;}
	#navigation ul li a:hover {color: #EDF8DF;}
	#navigation ul li.aktiv { font-weight: bold;}
	#navigation ul li.gruppe { background: none !important;}
	#navigation h2 { padding: 0px 5px 0px 5px; font-size: 11px; font-weight: normal; background: #C7E3A8; height: 19px; line-height: 19px; background-image: none; }
	#navigation h2 { margin: 15px 5px 5px 5px; }
	#navigation li.erstes h2 { margin: 0px 5px 5px 5px !important; }


	
/* Links _________________________________________________________*/

	#menu { padding: 5px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #DDEECA;}
	#menu h1 {margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; font-size: 10px; text-transform: uppercase; font-weight: normal; background: #95BB68; height: 21px; line-height: 21px;}
	#menu h2 {margin: 15px 0px 5px 0px; padding: 0px 5px 0px 10px; font-size: 11px; font-weight: normal; background: #F6FCF2; height: 21px; line-height: 21px;}
	#menu ul { list-style-type: none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}
	#menu li { padding: 0px 0px 0px 20px; background: url(/images/design/bt-menu.gif) no-repeat 10px 6px;}
	#menu li a {color: #000;}
	#menu li a:hover {color: #648D31;}
	#menu li.aktiv a {color: #648D31; font-weight: bold;}
	#menu ul li.gruppe { background: none !important; padding: 0px 0px 0px 0px;}
	#menu li.erstes h2 { margin: 0px 0px 5px 0px !important; }
	
	#info-center {padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#info-center h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#info-center ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	#info-center li { padding: 0px 0px 0px 9px; background: url(/images/design/bt-info-center.gif) no-repeat 0px 6px;}
	#info-center li a {color: #000;}
	#info-center li a:hover {color: #154C85;}
	#info-center li.aktiv a {color: #154C85; font-weight: bold;}
	a.tmg img { margin: 15px 0px 0px 0px; }
	
	#wetter {padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#wetter h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#wetter p {background: #D4D9DF; padding: 5px; margin: 0px 0px 5px 0px; line-height: 14px;}
	#wetter strong {color: #154C84; font-weight: normal;}
	#wetter ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 168px; }
	#wetter li { padding: 2px 0px 2px 9px; background: url(/images/design/bt-info-center.gif) no-repeat 0px 7px; position: relative; font-size: 10px;}
	#wetter li img {float: right; width: 18px; position: absolute; top: 0px; right: 10px;}



/* Flash _________________________________________________________*/



/* Inhalt ________________________________________________________*/

	#inhalt h1 { font-size: 11px; margin: 0px 0px 10px 0px; padding: 3px 9px 3px 9px; background: #fff; border: 1px solid #DBDBDB; color: #1B689C;}
	#inhalt h2 { font-size: 11px; margin: 0px 0px 5px 0px; padding: 3px 9px 3px 9px; background: #D4D9DF; border: 1px solid #DBDBDB; color: #1B689C;}
	#inhalt h3 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #599AC4; }
	#inhalt h4 { font-size: 11px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; color: #1B689C; }
	#inhalt h5 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h6 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul li { background: url(/images/design/bg-li.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; }
	#inhalt ol { margin: 0px 0px 16px 24px; padding: 0px 0px 0px 0px; }
	#inhalt ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt a { color: #52ABE3; }
	#inhalt a:hover { color: #599AC4; }



/* Dynamisch _____________________________________________________*/

	.umblattern { float: right; margin: 0px 0px 0px 0px; }
	.umblattern a, .umblattern span { margin: 0px 2px 0px 2px; }
	.umblattern span { font-weight: bold; }
	.umblattern a:hover { color: #000000; }
	
	.aufzahlung { margin: 0px 0px 16px 0px; }
	
	.liste { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB;}
	.liste-inhalt {padding: 0px 10px 0px 10px;}
	
	.liste .datum {  }
	.liste .zeitraum { color: #0E5185; line-height: 18px; }
	.liste .zeitraum strong, .preis strong { color: #0E5185; font-size: 12px; }
	.liste .preis { color: #0E5185; line-height: 18px;  }
	
	a.weiter, a.zuruck {  color: #105082; font-size: 10px;  }
	a.zuruck:hover, a.weiter:hover { color: #599AC4 !important; }
	a.weiter { background: url(/images/design/bg-weiter.gif) no-repeat right center; padding: 3px 20px 3px 5px; text-transform: uppercase;}
	a.zuruck { background: url(/images/design/bg-zuruck.gif) no-repeat left center; padding: 3px 5px 3px 20px; text-transform: uppercase;}
	
	.liste , .navi { position: relative; clear: both; width: 100%; }
	.navi { height: 16px; margin: 26px 0px 16px 0px; }
	
	.liste a.weiter { position: absolute; right: 10px; bottom: 10px; line-height: 12px;}
	.navi a.weiter { position: absolute; right: 0px; top: -3px; }
	.navi a.zuruck { position: absolute; left: 0px; top: -3px; }

	div.listepartner { float: left; display: inline; width: 527px; border-bottom: solid 1px #DBDBDB; margin: 0px 0px 20px 0px; }
	div.listepartner div.bildrechts { float: right; display: inline; margin: 0px 0px 10px 10px; }
	#inhalt div.listepartner p { margin: 0px 0px 0px 0px; }
	div.listepartner a.link { font-weight: bold; color: #000000 !important; }
	
	

/* Angebote ______________________________________________________*/

	.info { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB; }
	.info-inhalt { padding: 0px 10px 10px 10px;}
	.info .zeitraum { color: #0E5185; line-height: 18px; }
	.info .zeitraum strong, .preis strong { color: #0E5185; font-size: 12px; }
	.info .preis { color: #0E5185; line-height: 18px;  }
	
	.box { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB; }
	.box-inhalt { padding: 0px 10px 10px 10px;}


/* Bilder & Fotogalerie __________________________________________*/

	.bildrahmen { padding: 2px 2px 2px 2px; background: #fff; border: 1px solid #DBDBDB;}
	
	.bilderrahmen { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB;}
	.bilder { overflow: hidden; padding: 3px; white-space: nowrap; width: 100%; }
	.bilder img { margin: 0px 2px 0px 0px; }
	
	.fotogalerierahmen { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB;}
	.fotogalerie { overflow: hidden; padding: 3px; white-space: nowrap; width: 100%; }
	.fotogalerie img { margin: 0px 2px 2px 0px; }
	
	.navipopup { position: relative; clear: both; height: 16px; margin: 40px 0px 16px 0px; }
	.navipopup a.weiter { position: absolute; right: 30px; top: -3px; }
	.navipopup a.zuruck { position: absolute; left: 30px; top: -3px; }



/* Rechts ________________________________________________________*/

	#quick-anfrage {padding: 10px 2px 10px 8px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#quick-anfrage h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#quick-anfrage p {padding: 0px; margin: 0px 0px 5px 0px; line-height: 14px;}
	#quick-anfrage select {font-size: 10px;}
	
	#lage {padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#lage h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#lage h4 {font-size: 11px; margin: 0px 0px 5px 0px; padding: 3px 9px 3px 9px; background: #D4D9DF; color: #000; font-weight: normal;}
	#lage p {padding: 0px; margin: 0px 0px 5px 0px; line-height: 14px;}
	#lage .karte { position: absolute; top: 0px; left: 0px; font-size: 10px;}
	
	#residences-region {padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#residences-region h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#residences-region p {padding: 0px; margin: 0px 0px 5px 0px; line-height: 14px;}
	#residences-region ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	#residences-region li { padding: 0px 0px 0px 9px; background: url(/images/design/bt-info-center.gif) no-repeat 0px 6px; position: relative;}
	#residences-region a {color: #000;}
	#residences-region a:hover {color: #648D31;}
	
	#partner {padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px; border: 1px solid #DBDBDB; background: #E9E9E9;}
	#partner h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
	#partner p {padding: 0px; margin: 0px 0px 8px 0px; text-align: center; line-height: 8px;}


	



/* Navigation ____________________________________________________*/
	


/* Unten _________________________________________________________*/

	#unten p { color: #A9A9A9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; }
	#unten a {color: #A9A9A9;}
	
	#footernavigation { position: absolute; top: 8px; left: 195px; padding: 0px 0px 20px 0px; }
	#copyright { position: absolute; top: 28px; left: 195px; }
	#zeppelin { position: absolute; top: 30px; left: 155px;}
		
	#footernavigation { font-size: 10px; }
	#footernavigation ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#footernavigation li { color: #888888; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	#footernavigation a { border-right: solid 1px #888888; color: #888888; padding: 0px 10px 0px 0px; }
	#footernavigation a:hover { color: #888888; }




/* Anfrageformular _______________________________________________*/

	.formular { border: 0px; margin: 0px 0px 16px 0px; }
	.formular col { width: 160px; }
	.formular th { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; color: #1B689C; text-align: left; }
	.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 #DBDBDB; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	.formular .standard { height: 18px; width: 300px; }
	.formular .code { height: 18px; width: 40px; }
	.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
	.formular .ort { height: 18px; width: 150px; }
	.formular .mitteilung { height: 60px; width: 300px; }
	.formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; }
	.formular a.senden { color: #105082; font-size: 10px; background: url(/images/design/bg-weiter.gif) no-repeat right center; padding: 3px 20px 3px 5px; text-transform: uppercase; }
	.formular a.senden:hover { color: #599AC4 !important; }



/* Wetter ________________________________________________________*/

	.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; }
	.wetter img { display: block; margin: 0 auto; }
	.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	.wetter span {  }
	.wetter .heute, .wetter .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; }
	.wetter .blau, #wetter .blau { color: #0055CC; }
	.wetter .rot, #wetter .rot { color: #BB2200; }



/* Sonstiges ______________________________________________________*/

	.links { float: left; margin: 5px 10px 10px 0px; padding: 2px 2px 2px 2px; border: 1px solid #DBDBDB; background: #fff;}
	.rechts { float: right; margin: 5px 0px 10px 10px; padding: 2px 2px 2px 2px; border: 1px solid #DBDBDB; background: #fff;}
	
	p.rechts, .textrechts { text-align: right; }
	p.mitte, .textmitte { text-align: center; }

	.clearit { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
	
	
	
	.block { margin: 0px 0px 16px 0px; background: #fff; border: 1px solid #DBDBDB; width: 100%;}
	.block-inhalt {padding: 0px 10px 8px 10px;}
	
	.residence-liste {width: 356px; margin: 0px 0px 8px 0px;}
	.residence-liste td a {color: #000 !important;}
	
	.residence-detail h1 { background: #94BA6B!important; padding: 9px 7px 9px 7px !important; color: #000 !important;}
	.residence-detail table { background: #fff !important; clear: both;}
	
	.residence-detai-info { background: #fff; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; margin: 0px 0px 10px 0px; padding: 15px 10px 0px 10px; }
	
	.residence-detail-menu {list-style-type: none; height: 25px; margin: 0px 0px 0px 1px !important; padding: 0px 0px 0px 0px !important; }
	.residence-detail-menu li { width: 101px; float: left; text-align: center; margin: 0px 5px 0px 0px !important; background: #B4BEC8 !important; padding: 0px 0px 0px 0px !important;}
	.residence-detail-menu li a {display: block; min-height: 25px; _height: 25px; line-height: 25px; color: #000 !important; text-transform: uppercase; font-size: 10px;}
	.residence-detail-menu li a:hover { color: #000; background: #fff;}
	.residence-detail-menu li.aktiv {background: #fff !important;}
	.residence-detail-menu li.letztes {margin: 0px 0px 0px 0px !important;}
	
	.residence-detail-angebote, .residence-detail-andmore, .residence-detail-themenurlaub {padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;}
	.residence-detail-angebote h3, .residence-detail-andmore h3 {background: url(/images/design/bg-li.gif) no-repeat 0px 5px; padding: 0px 0px 0px 10px !important;}
	.residence-detail-angebote table {width: 504px;}
	
	.residence-detail-themenurlaub { clear: both; }
	
	.residence-detail-andmore h3 {display: inline;}
	.residence-detail-andmore a {float: right;}
	
	.adresse { margin: 0px 0px 4px 0px !important; line-height: 15px; }
	.adresse a { color: #000 !important; }
	
	.logo { margin: 4px 0px 8px 0px; text-align: left;}

	.blau { color: #599AC4 !important; }
	.preisab { color: #105082; font-size: 14px; font-weight: bold;}
	
	#sitemap ul h2 { padding: 0px !important; background: none !important; height: 19px; line-height: 19px; margin: 0px !important; border: 0px !important; color: #599AC4 !important;}
	
	.teaser-start { width: 526px; margin: 0px 0px 10px 0px; }
	.teaser-start td { vertical-align: top; background: #D4D9DF;}
	.teaser-start h1 { border: 0px !important;}
	.teaser-start-box { margin: 0px 0px 16px 0px; padding: 8px 10px 6px 10px; position: relative;}
	.teaser-start-box a.weiter { position: absolute; right: 10px; bottom: 30px; line-height: 12px;}
	
	.start-lage { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
	.start-lage .karte { position: absolute; top: 10px; left: 10px; font-size: 11px;}
	
	.banner { margin: 30px 0px 30px 0px; }
	.banner td { vertical-align: top;  padding: 10px 0px 40px 0px; } 
	.banner-inhalt { background: #fff; border: 1px solid #DBDBDB; }
	.banner-inhalt h1 { text-indent: -4000px; border: 0px !important; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; }
	.banner-inhalt p { margin: 0px 0px 4px 0px !important; padding: 0px 0px 0px 0px; text-align: center; }
	.banner-navi { position: relative; }
	.banner-navi a.zuruckblattern { position: absolute; top: 4px; left: 6px; }
	.banner-navi a.weiterblattern { position: absolute; top: 4px; right: 6px; }
	.banner-navi p { position: absolute; top: 0px; left: 22px; width: 82px; margin: 0px 0px 0px 0px !important; line-height: 12px; }
	.banner-navi p a { color: #000 !important; font-size: 10px; }
	
	.spacer { _height: 200px; min-height: 200px; }
	
/* ___________________________________________________________ Ende*/