/**
 * viatoura
 *
 * Standard Layout (alle Seiten)
 *
 * @project   viatoura
 * @version   1.0.3 09-04-01 17:00 Erweiterung Infoguide
 * @package   xhtml-css
 * @author    viatoura
 * @copyright 2009 by the author
 * @cssdoc    version 1.0-pre
 * @license   
 *
 * @colordef #fff; white
 * @colordef #ebebeb; light-grey2
 * @colordef #cccccc; light-grey1
 * @colordef #999999; medium-grey3
 * @colordef #777777; medium-grey2
 * @colordef #666666; medium-grey1
 * @colordef #4c4c4c; dark-grey3
 * @colordef #333333; dark-grey2
 * @colordef #1a1a1a; dark-grey1
 * @colordef #000; black
 * @colordef #bdd3e0; light-blue
 * @colordef #7099cc; medium-blue2
 * @colordef #6588a4; medium-blue1
 * @colordef #003d68; dark-blue
 * @colordef #faf5d7; light-beige
 * @colordef #e1d7c3; dark-beige
 * @colordef #ff7e04; orange

 */ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: bottom;
	}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a { color: #000; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

li { list-style-type: none; height: 1%; }
b { font-weight: normal; } /* unterdrueckt fette Auszeichnung eingebundener Scripte */
textarea { overflow: auto; }

.right { float: right; }
.left { float: left; }
p.meldung { color: #f00; margin: .833em; padding: .833em; }
code { display: block; padding-left: 1em; }
select { font-size: .917em; line-height: 1.5; }

/* MAIN ELEMENTS */

body { background: url(../lay/tile.jpg) repeat-x #d8e1e8; font: 75%/1.4 arial,helvetica,verdana,sans-serif; color: #000; }
div#container { float: left; display: inline; width: 78.333em; margin: 0 0 0 26px; background: #faf5d7; border-right: .167em solid #fff; border-left: .167em solid #fff; }
div#wrapper { float: left; width: 78.333em; background: url(../lay/line.gif) 14.7em 30em repeat-y; margin-top: 404px; }
div#content { float: right; width: 61.166em; padding: 0 1em 0 0; }
div#header { clear: both; position: absolute; top: 0; width: 78.333em; height: 384px; background: #fff; }
div#sidebar { float: left; width: 14.666em; }
div#footer { position: relative; clear: both; width: 100%; height: 4em; }
div#footernavi { clear: both; position: absolute; bottom: 0; width: 100%; padding: .2em 0 .2em 0; }
div#sidebanner { position: absolute; left: 83em; top: 12em; padding-right: 26px; }
div#sidebanner object { margin: 15px 0 0px 0; }

/* HEADER ELEMENTS */

div#header-inner { position: relative; width: 78.333em; height: 384px; background-repeat: no-repeat; background-position: 0 96px; }

div#schnellfinder { position: absolute; bottom: 2em; left: -.083em; width: 19.917em; height: 8.217em; padding-top: 2em; background: url(../lay/bg-schnellfinder.png) no-repeat; }
div#schnellfinder form { margin: 0 2.25em 0 1.25em; }
div#schnellfinder form select { margin: .5em 0 0 0; }
div#schnellfinder form input { vertical-align: middle; margin-top: -.25em; }
div#schnellfinder legend { font-weight: bold; }
div#schnellfinder label { position: absolute; left: -3000px; }
div#schnellfinder select { width: 13.333em; margin-bottom: .5em; }

a#home { position: absolute; top: 1.2em; left: 2em; }

div#top-banner { position: absolute; top: 1.6em; left: 19.417em; }

div#notizzettel { position: absolute; display: block; width: 122px; height: 80px; padding: 15px; z-index: 98; top: 30px; right: 2em; background: url(../lay/notizzettel.png) no-repeat; }
div#notizzettel { color: #000; font-size: 11px; }
div#notizzettel a, div#notizzettel a:link { text-decoration: underline; }
div#notizzettel a.hierklicken {  padding-left: 1.2em; background: url(../lay/teaserlink2.gif) no-repeat 0 5px; color: #003D68; font-weight: bold; text-decoration: underline; }
div#notizzettel h3 { font-size: 12px; margin-bottom: 5px; font-weight: bold; text-decoration: underline; }
div#notizzettel p { text-indent: 30px; }
div#notizzettel p strong { font-weight: bold; }

a#map { position: absolute; z-index: 98; top: 300px; right: 2em; color: #003D68; text-decoration: none; text-align: center; width:140px;}
a:hover#map span { text-decoration: underline; }
div#mapspacer { width: 150px; height: 100px; float: right; background: #faf5d7; }
div#mapspacer2 { width: 150px; height: 50px; float: right; background: #faf5d7; }



/* CONTENT ELEMENTS */

div.intro { clear: left; width: 48.333em; margin-bottom: 2em; }

/* content modules */
div#content div.modul { clear: both; padding-bottom: 2em; }
div#content div.modul.first { clear: left; }
div#content div.modul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
div#content div.modul { display: inline-block; }
div#content div.modul #prospektdownload { float: left; padding: .167em 2em .167em 2em; color: #fff; background: url(../lay/prospektbestellung.gif) no-repeat; font-size: .917em; margin-top:10px;}
div#content div.modul #prospektemagazin { float: left; padding: .167em 2em .167em 2em; color: #fff; background: url(../lay/prospektbestellung_emagazin.gif) no-repeat; font-size: .917em; margin-top:10px;}
/* Hides from IE-mac \*/
* html div#content div.modul { height: 1%; }
div#content div.modul { display: block; }
/* End hide from IE-mac */


div.box { float: left; width: 61em; border: 1px solid #6588a4; background: #fff; padding: .833em 0; }
div.box a.teaserlink { position: absolute; right: 0; bottom: 0; padding: 12em .333em 0 17.25em; background: url(../lay/transparent.gif); }
div.box ul { float: left; width: 28.083em; display: inline; padding: 0 .917em 0 .417em; background: url(../lay/line.gif) repeat-y 30.417em .833em; font-size: 1em; }
div.box ul.left { float: left; width: 29.083em; display:inline; padding: 0 .417em 0 .833em; background: url(../lay/line.gif) repeat-y 30.417em .833em; font-size: 1em; border-right: 1px solid #6588A4; }
div.box li { clear: left; float: left; width: 28.083em; padding: 0em .333em 0 .583em; background: #faf5d7; margin-top: .833em; }
div.box li.first { margin-top: 0; }
div.box li a { padding-left: 1.2em; background: url(../lay/link.gif) no-repeat 0 50%; color: #003d68; }
div.box li a.hotellink { position: relative; float: left; /* display: block; */ width: 21em; z-index: 1; }
div.box li a.hotellink img { float: right; }
div.box li a.buchenlink { float: right; background: none;margin-top:.167em}
div.box li a.buchenlink img { float: right; background: none; }
div.box li a.anfragenlink { float: right; background: none; margin:.167em 0 .167em 0;}
div.box li a.anfragenlink img { float: right; background: none; }
div.box span img { float: right; }
div.box li span.hotel { float: left; display: block; }
div.box li span.bewertung { display: inline; float: right; }
div.box a.teaserlink img { float: none; width: .75em; height: .417em; vertical-align: middle; }

/* buchtipps */
div.box.buch { position: relative; margin-bottom: 1em; }
div.box.buch p { padding-bottom: 1em; }
div.box.buch a { position: absolute; right: 0; bottom: .833em; }
div.box.buch a.buchcover { position: relative; float: left; bottom: 0; }
div.box.buch img { float: left; margin: 0 .833em; }
div.box.buch p img.bewertung { float: none; margin: 0; vertical-align: middle; }

/* urlaubstipps */
div.box ul.urlaubstipps { margin-left: .25em; }
div.box ul.urlaubstipps p { display: block; float: left; padding: .5em; margin: 0; background-image: none; }
div.box ul.urlaubstipps li img { float: left; width: 8.333em; height: 5.417em; margin: .5em 0 0 .5em; }
div.box ul.urlaubstipps li a img { float: none; width: .75em; height: .417em; vertical-align: middle; }
div.box ul.urlaubstipps h3 span { color: #000; }
div.box ul.urlaubstipps h3 span.utip-preis { position: absolute; right: .5em; }
div.box ul.urlaubstipps li { width: 59.5em; position: relative; padding: 0 0 .5em 0; }
div.box ul.urlaubstipps li a { position: absolute; padding: .167em 2em .167em 2em; bottom: 1em; right: .5em; color: #fff; background: url(../lay/utip-button.gif) no-repeat; font-size: .917em; }
div.box ul.urlaubstipps li ul { width: 30em; padding: 0 0 0 .5em; margin: .5em 0; background-image: none; }
div.box ul.urlaubstipps li ul li { clear: both; float: left; display: inline; width: 30em; padding: 0; margin: 0; }
div.box ul.urlaubstipps li .ortsangabe { font-weight:bold; line-height: 30px; }

/* anfrage */
div#anfrage div.box { position: relative; float: left; width: 61em; }
div#anfrage form { float: left; width: 57.667em; margin: 0 .833em; padding: .833em; color: #003d68; background: #faf5d5; }
div#anfrage div { float: left; }
div#anfrage div.col1 { clear: left; width: 270px; }
div#anfrage div.col2 { width: 400px; }
div#anfrage fieldset { width: 270px; }
div#anfrage fieldset#anfrageart { width: 500px; padding-bottom: 1em; }

div#anfrage fieldset#anfrageart ul { position: relative; left: 110px; top: -20px; clear: both }
div#anfrage fieldset#anfrageart p { margin: 0px 0 0px 30px; clear: both }

/*div#anfrage fieldset#anfrageart ul { margin:30px 0 10px -90px }*/

div#anfrage img { position: relative; left: 6em; top: -1.7em; }
div#anfrage fieldset#anfrageart ul { margin:30px 0 10px -90px }
div#anfrage fieldset#anfrageart li { width: 600px; list-style-type:square;}
div#anfrage fieldset#person { width: 500px; padding-bottom: 1em; }
div#anfrage fieldset#klassifizierung_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#ihr_eintrag_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#bild_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#urlaubstipps_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#buchungssystem_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#premiumeintrag_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#veranstaltungskalender_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#bannerschaltung_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#zahlungsart_angaben { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#abschluss { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#anfrage fieldset#sonstiges { width: 600px; padding-bottom: 1em; }
div#anfrage label { position: relative; clear: left; float: left; display: block; width: 110px; font-weight: bold; white-space: nowrap;}
div#anfrage fieldset#person label { width: 100px; }
div#anfrage fieldset#person input { width: 300px; margin-bottom: 1em; padding: .25em; }
div#anfrage fieldset select { position: relative; margin-bottom: 1em; top: -.25em; }
div#anfrage fieldset legend { display: none; }
div#anfrage fieldset#personen {position: relative; margin-top:-4.633em; }
div#anfrage fieldset#personen label { width: 150px; }
div#anfrage input.kinderanzahl { width: 20px;}
div#anfrage select.kinderalter { margin-left:0px;}
div#anfrage.vertriebsanfrage fieldset legend { display: block; clear: left; margin-bottom: .833em; border-bottom: 1px solid #000; font-size: 1.167em; font-weight: bold; }
div#anfrage.vertriebsanfrage fieldset p { margin-bottom: .833em; }
div#anfrage fieldset#anreisef input, div#anfrage fieldset#abreisef input { position: relative; width: 70px; left: 5.0em; top: -1.5em; margin-right:-0.5em; }
div#anfrage fieldset#anreisef legend, div#anfrage fieldset#abreisef legend { display: block; font-weight: bold; }
div#anfrage input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#anfrage fieldset#ziel { height: 4.167em; width: 460px; }
div#anfrage fieldset#ziel input { padding: .2em; width: 30em; margin-top: .2em; }
div#anfrage fieldset#zimmer { width: 170px; }
div#anfrage input.checkbox { clear: left; float: left; margin-right: .5em; }
div#anfrage input#agb.checkbox { clear: left; float: left; margin-right: .5em; }
div#anfrage label.checkbox { clear: none; float: left; }
div#anfrage textarea { width: 298px; height: 100px; margin-bottom: 1em; }
div#anfrage input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#anfrage input#absenden { clear: both; float: right; width: 12.5em; padding: 0 2.5em; overflow: visible; border: 1px solid #001647; }
div#anfrage label.checkbox { clear: none; float: left; }
input#zurueck { position: relative; clear: both; float: left; padding: .125em 1em; margin-top: 1em; margin-left: 19em; border: 1px solid black; overflow: visible; }
input#weiter { position: relative; float: left; padding: .125em 1em; margin-top: 1em; margin-left: 2em; border: 1px solid black; overflow: visible; }
input#addrzurueck { clear: both; float: left; padding: .125em 1em; margin-top: 1em; margin-left: 15.833em; border: 1px solid black; overflow: visible; }
input#addrweiter { float: left; padding: .125em 1em; margin-top: 1em; margin-left: 2em; border: 1px solid black; overflow: visible; }
fieldset#addrsubmit { width: 600px; padding-bottom: 1em; }
fieldset#anfrage-senden { width: 600px; padding-bottom: 1em; }
fieldset#anfrage-senden input#addrzurueck { float: left; padding: .125em 1em; margin-top: 1em; margin-left: 0; border: 1px solid black; overflow: visible; }
fieldset#anfrage-senden input#addrweiter { float: left; padding: .125em 1em; margin-top: 1em; margin-left: 2em; border: 1px solid black; overflow: visible; }
form#formularprospekte fieldset#prospsubmit { clear: left; float: none; }

/* prospektbestellung */
div#anfrage ul.prospektliste { margin-bottom: 1.5em; background-image: none; }
div#anfrage ul.prospektliste li { margin: 0; background-color: transparent; }
div#prospektauswahl label { position: relative; top: 2px; }
div#prospektauswahl ul p { display: block; width: 48em; padding: .5em .5em .5em 0; margin-left: 115px; }

/* image box */
div.imgbox.right { padding: 0 0 0 1.167em; }
div.imgbox.left { padding: 0 1.167em 0 0; }
div.imgbox a.galerie { clear: left; float: none; padding-left: 2em; background: url(../lay/galerie.gif) no-repeat 0 50%; }

/* teaser */
div#content div.modul.teaserlist { clear: both; padding-bottom: 0;}
div.teaser { position: relative; background: #fff; margin: 0 2.666em 2em 0; float: left;  width: 16.777em; height: 12.167em; padding: 10px; border: 1px solid #6588a4; }
div.teaser.last { margin-right: 0; }
div.teaser img { position: relative; width: 200px; height: 80px; margin-bottom: .5em; }
div.teaser a.teaserlink { position: absolute; right: 0; bottom: 0; padding: 12em .333em .4em 17.25em; background: url(../lay/transparent.gif); }
div.teaser a.teaserlink img { width: .75em; height: .417em; }

/* infoguide */
div.infoguide { position: relative; display: block; float: left; width: 18.333em; height: 15.333em; margin: 0 2.666em 2em 0; padding: 0; background: #fff; border: 1px solid #6588a4; }
div.infoguide.last { margin-right: 0; }
div.infoguide h3 { display: block; padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #fff; background: #6588a4; }
div.infoguide h4 { width: 156px; font-size: .917em; font-weight: bold; padding: .5em .5em 0 .667em; }
div.infoguide p { font-size: .917em; padding: 0 .667em; margin-bottom: .5em; }
div.infoguide p a { color: #001647 }
div.infoguide p a#info-email { display: block; position: absolute; bottom: 14px; left: 12px; width: 56px; height: 17px; padding: 3px 0 0 24px; color: #000; background: url(../lay/email.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide p a#info-web { display: block; position: absolute; bottom: 14px; left: 126px; width: 56px; height: 17px; padding: 3px 0 0 24px; color: #000; background: url(../lay/internet.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide p a#info-zeiten { display: block; position: absolute; bottom: 14px; left: 12px; width: 56px; height: 17px; padding: 3px 0 0 24px; color: #000; background: url(../lay/zeiten.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide p a#info-preise { display: block; position: absolute; bottom: 14px; left: 126px; width: 76px; height: 17px; padding: 3px 0 0 24px; color: #000; background: url(../lay/preise.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide p a#info-veranstaltungen { display: block; position: absolute; bottom: 14px; left: 6px; width: 119px; height: 17px; padding: 3px 0 0 4px; color: #000; background: url(../lay/veranstaltungen.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide p a#info-prospekte { display: block; position: absolute; bottom: 14px; left: 124px; width: 76px; height: 17px; padding: 3px 0 0 24px; color: #000; background: url(../lay/prospekte.png) no-repeat; font-size: 11px; font-weight: normal; text-transform: uppercase; }
div.infoguide a.infolink { position: absolute; top: 0; left: 0; width: 18.5em; height: 15.667em; color: #fff;background: url(../lay/transparent.gif); }
div.infoguide a.infolink span { display: block; width: 8.833em; margin: 10.833em 0 0 7.667em; border: 1px solid #fff; padding: .1em .5em; background: url(../lay/infoguidelink.gif) no-repeat 8.333em 50% #6588a4; }
div.infoguide p.infoguide-btm,
div.infoguide p.infoguide-btm-fix { display: block; position: absolute; bottom: 0; left: 0; width: 14.82em; margin: 0;  padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #fff; background: #6588a4; }
div.infoguide p.infoguide-btm-fix { height: 20px; }
div.infoguide address { line-height: 1.2; }
div.infoguide img { position: relative; width: 18.333em; height: 11.667em; }
div.infoguide img#callback { position: absolute; top: 1em; right: 1em; width: 4.083em; height: 4.083em; }
div.infoguide img#info { position: absolute; top: 1em; right: 1em; width: 3.333em; height: 3.25em; }


/* attraktionen */
div.attraktion div.imgbox { width: 18.333em; background: #faf5d7; }
div.attraktion div.imgbox img { width: 18.333em; height: 11.667em; }

/* gastgebereintrag */

div.gastgeber div.box li { height: 1.5em; overflow: hidden; }
div.gg-eintrag { position: relative; float: left; display: inline; width: 59em; margin: 0 .833em .833em .833em; background: #faf5d5; }
div.gg-eintrag.last { margin-bottom: 0; }
div.gg-eintrag div.gg-adresse { position: absolute; bottom: 0; left: 14.5em; width: 44.5em; height: 3em; padding-top: .5em; background: #e2d7c3; }
div.gg-eintrag div.gg-adresse p { font-size: .917em; }
div.gg-eintrag div.gg-adresse p a { color: #003d68; }
div.gg-eintrag div.gg-adr-1 { float: left; width: 12em; padding-left: .833em }
div.gg-eintrag div.gg-adr-2 { float: left; width: 14.5em; }
div.gg-eintrag img { float: left; margin-right: .833em; }
div.gg-eintrag h3 { font-size: 1.167em; padding: .5em; font-weight: bold; }
div.gg-eintrag h3 span img { float: none; vertical-align: middle; }
div.gg-eintrag a.buchenlink { display: block; float: right; margin-right: .833em; padding: .417em 2.5em .333em 2.1em; color: #fff; font-weight: normal;  background: url(../lay/onlinebuchung_bg.gif) no-repeat 0 .25em; font-size: .917em; }


/* sitemap */
div.sitemap div { width: 50%; float: left; padding-top: 1em; }

/* mouseover */
div.preview { display: none; position: absolute; margin-top: -7em; margin-left: 1em; width: 33.333em; background: #faf5d5; border: 1px solid #6588a4; z-index: 99; }
div.preview p { font-size: 1em; line-height: 1.2; padding: .25em; }
div.preview div.adressblock {	clear: left; }
div.preview div.adressblock h3,
div.preview div.adressblock p,
div.preview div.adressblock a { font-size: .917em;	margin-bottom: 0;	padding-top: 0; }
div.preview div.web { clear: left; float: left;	width: 14.5em;	height: 3.5em;	padding-top: 1.5em; padding-left: 0; color: #fff; background: #6588a4; font-weight: bold;	text-align: center; }
div.preview div.web a { clear: left; padding: 0; color: #fff; background: none; }
div.preview div.anschrift { float: left; width: 18.333em; height: 4.5em; padding: .25em; background: #bdd3e0; }
div.preview div.anschrift h3 { padding-left: .25em; }
div.preview img { float: left; margin: 0 .5em 0 0 }

/* gallery */
div.galerie { padding-top: 30px; }
div.galerie img { border: 10px solid #fff; }
ul#galerie-1 { float: left; width: 140px; margin-right: 10px; }
ul#galerie-2 { float: left; }
div.galerie a.thumb { display: block; margin-bottom: 15px; }
div.galerie a img { width: 120px; }
div.galerie a:hover img, div.galerie li.current a img { border: 10px solid #bdd3e0; }
div#img-zoom { float: left; margin-right: .833em; text-align: center; background: #fff; padding-bottom: 9px; }
div.galerie h3 { width: 400px; padding: 0 10px; font-size: 1.167em; font-weight: bold; }
div.galerie p { width: 400px; padding: 0 10px; font-size: .917em; font-weight: normal; }


/* SIDEBAR STYLES */

div#sidebar div.modul { background-color: #bdd3e0; padding: .833em; margin-bottom: 1.75em; }
div#sidebar div#fewo { width: 13em; overflow: hidden; }
div#reisebuero { background: url(../lay/sidebaricons/reisebuero.png) no-repeat .5em .833em; min-height: 4.167em; }
div#gewinnspiel { width: 13em; background: url(../lay/sidebaricons/gewinnspiel.png) no-repeat .5em .833em; min-height: 4.167em; }
div#blog { width: 13em; background: url(../lay/sidebaricons/blog.png) no-repeat .5em .833em; min-height: 4.167em; }
div#fotowettbewerb { width: 13em; background: url(../lay/sidebaricons/fotowettbewerb.png) no-repeat .5em .833em; min-height: 4.167em; }
div#ferienwohnungen { width: 13em; background: url(../lay/sidebaricons/tui-logo.gif) no-repeat 9em 4.5em; }
div#aufeinenblick { width: 13em; float: left; background: url(../lay/sidebaricons/aufeinenblick.png) no-repeat 11em .917em; line-height: 1.4;}
div#radio { width: 13em; background: url(../lay/sidebaricons/radio.png) no-repeat .5em .933em; min-height: 4.167em; }
div#prospekte { width: 13em; background: url(../lay/sidebaricons/prospekte.png) no-repeat .5em .933em; min-height: 4.167em; }
div#veranstaltungen { width: 13em; background: url(../lay/sidebaricons/veranstaltungen.png) no-repeat .5em .933em; min-height: 4.167em; }
div#nethotelssidebar { background: url(../lay/sidebaricons/nethotels.png) no-repeat .5em .933em; min-height: 4.167em; }
div#sidebar h2 { display: block; padding: .167em .833em .083em .833em; color: #fff; background: #6588a4; font-size: 1em; font-weight: bold; line-height: 1.75em; }
div#sidebar p { font-size: .917em; line-height: 1.2; padding-left: 5.2em; }
div#sidebar ul.news li { font-size: .917em; }
div#sidebar ul.addbookmark { display: inline; float: left; margin: .2em 0 0 1.6em; }
div#sidebar ul.addbookmark li { float: left; width: 22px; }
div#sidebar ul.addbookmark a { background: #bdd3e0; padding: .4em;}
div#sidebar li a { display: block; padding-left: 1.8em; background: url(../lay/sidebar-link.gif) no-repeat 0 .417em; }
div#sidebar h2 a { color: #fff; }
div#sidebar a { color: #000; }
div#sidebar fieldset { width: 13.333em; }
div#sidebar label { clear: left; float: left; width: 13.333em; font-size: .917em; }
div#sidebar select { clear: left; float: left; width: 12em; margin: 0 .25em .5em 0em; }
div#sidebar input { float: left; }
div#sidebar input#hotels { clear: left; width: 12.167em; }
div#sidebar input#fewos { clear: left; }

div.bannerbox { float: left; width: 9em; border: 1px solid #000; background: #faf5d7; padding: .5em .5em 0 .5em; }



/* FOOTER ELEMENTS */

div#footer a { color: #fff; }
div#footer ul { float: left; font-size: .916em; }
div#footer li { float: left; margin-right: 5px; background: url(../lay/trenner.gif) no-repeat right 50%; }
div#footer li.last { background: none; }
div#footer div#breadcrumb { margin-left: 16.3em;}
div#footer div#breadcrumb a { color: #000; padding-right: 1.7em; }
div#footer ul#tools { margin-left: .833em; }
div#footer ul#meta { margin-left: 5em; }
div#footer li a { padding-right: 8px; }
div#footer ul#tools li a#print { display: none; }
div#footer li#toplink a { padding-left: 12px; background: url(../lay/top.gif) no-repeat 0 50%; }
div#footernavi { background: #6588a4; }

p#copyright { vertical-align: top; position: absolute; display: block; right: 1em; bottom: 3.333em; width: 108px; height: 16px; padding-top: .5em; font-size: .833em; }
p#copyright img { position: absolute; top: .167em; right: 0; }

.breadcrumb li { float: left; margin: 0 .5em 10px 0; padding-right: 0; font-size: .833em; font-weight: bold; }
.breadcrumb li a { float: left; color: #000; padding-right: 1.7em; background: url(../lay/breadcrumb.gif) no-repeat right 50%; }



/* SPECIAL STYLES */

body.popup { margin: 1em; }
body.popup fieldset#absenden { clear: left; float: none; width: 734px; padding-top: 1em; text-align: right; }

div.leistungen { float: left; width: 29.5em; height: auto; background: #fff; border: 1px solid #e2d7c3; }
div.preise { float: right; width: 29.5em; height: auto; background: #fff; border: 1px solid #e2d7c3; }
div.leistungen div,
div.preise div { padding: .75em; font-size: .917em; }

span.all { float: right; margin-top: 0.3em; font-size: .786em; }
span.all a { padding-left: 1.2em; background: url(../lay/link.gif) no-repeat 0 50%; color: #003d68; }



/* TYPOGRAPHY */

.logo-1 { display: inline; padding-right: .083em; color: #ff7e04; font-weight: bold; }
.logo-2 { display: inline; color: #003d68; font-weight: bold; }
h1 { margin-bottom: .833em; border-bottom: 1px solid #000; font-size: 1.333em; font-weight: bold; }
div#content h2 { clear: left; margin-bottom: .833em; border-bottom: 1px solid #000; font-size: 1.167em; font-weight: bold; }
div#content h2.tipps { padding: .167em 0 0 40px; background: url(/lay/tipp.gif) no-repeat; }
div#content h2.buchtipps { padding: .167em 0 0 40px; background: url(/lay/buchtipp.gif) no-repeat; }
div#content h2.hrs { padding: .167em 0 0 40px; background: url(/lay/hrs.gif) no-repeat; }
div#content div.attraktion h2 { clear: none; margin-bottom: .833em; border: 0; font-size: 1.167em; }
div.teaser h3 { font-size: 1.083em; line-height: 1.2;  font-weight: bold; }
div.box ul.urlaubstipps h3,
div.box.buch h3 { font-size: 1em; font-weight: bold; color: #003864; }
div.preview h3 { font-size: 1.167em; font-weight: bold; margin-bottom: .833em; }
div.teaser p { padding: .083em; font-size: .917em; line-height: 1.2; }

div.leistungen h3,
div.preise h3 { display: block; padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #000; background: #e2d7c3; }

div.imgbox p { font-size: .833em; }
div.bannerbox h3 { font-weight: bold; }
div.bannerbox p { padding: 0 0 .833em 0; font-size: .917em; line-height: 1.2; }
div.box ul.urlaubstipps h3 { display: block; color: #000; background: #e1d7c3; padding: .25em .5em; }
div.box#kundenlogin h3 { display: block; color: #000; background: #e1d7c3; padding: .25em .5em; text-align: center; font-weight: bold; }
div.bildverzeichnis h3 { margin-top: 1em; font-size: 1.083em; font-weight: bold; }
div.bildverzeichnis h4 { margin-top: 1em; font-size: 1.083em; font-weight: bold; }
div.bildverzeichnis li ul { padding-left: 1em; }
div.bildverzeichnis a { position: absolute; margin-left: -1em; padding-left: 1em; background: url(../lay/link.gif) no-repeat 0 .417em; }
div.sitemap h3 { margin-top: 1em; font-size: 1.083em; font-weight: bold; }
div.sitemap h4 { font-size: 1.083em; font-weight: bold; }
div.sitemap li ul { padding-left: 2em; }
div.sitemap li ul li ul { padding-left: 0; }
div.sitemap a { padding-left: 1em; background: url(../lay/link.gif) no-repeat 0 .417em; }

/* premiumhotelsurlaubstipps  modul */
div#content div.modul div.box .premiumhotelsurlaubstipp {float:left; }
div#content div.modul div.box .premiumhotelsurlaubstipp h3 {font-weight: bold; }
div#content div.modul div.box .premiumhotelsurlaubstipp a {margin-left:.555em; font-size: 1.083em; display:block;font-weight: bold;}

/* hrs modul */

div#hrs div.box { position: relative; float: left; width: 61em; }
div#hrs form { float: left; width: 57.667em; margin: 0 .833em; padding: .833em .833em 0 .833em; color: #003d68; background: url(/lay/hrs-logo.gif) no-repeat 52.5em .667em #faf5d5 }
div#hrs div { float: left; }
div#hrs div#col1 { width: 320px; }
div#hrs div#col2 { width: 190px; }
div#hrs div#col3 { width: 120px; }
div#hrs fieldset { width: 280px; height: 30px; }
div#hrs legend { position: relative; font-weight: bold; }
div#hrs label { position: absolute; left: -3000px; }
div#hrs img { position: relative; left: 6em; top: -1.7em; }
div#hrs select { position: relative; float: left; display: inline; left: 6em; top: -1.75em; }
div#hrs fieldset#zielf { height: 4.167em; width: 460px; }
div#hrs fieldset#sternef { width: 210px; }
div#hrs fieldset#zielf input { padding: .2em; width: 30em; margin-top: .2em; }
div#hrs fieldset#kmf select { position: relative; left: 17.6em; top: -1.75em; }
div#hrs fieldset#sternef select { position: relative; left: 15em; top: -1.75em; }
div#hrs fieldset#ezf, div#hrs fieldset#dzf { width: 170px; }
div#hrs fieldset#fh { width: 120px; }
div#hrs fieldset#ezf input, div#hrs fieldset#dzf input { position: relative; width: 20px; left: 7.6em; top: -1.5em; }
div#hrs fieldset#anreisef input, div#hrs fieldset#abreisef input { position: relative; width: 70px; left: 5.0em; top: -1.5em; margin-right:-0.5em; }
div#hrs input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#hrs input#findHotel { position: absolute; bottom: 2em; right: 2em; width: 12.5em; padding: 0 0.5em; overflow: visible; border: 1px solid #001647; }


/* nethotels modul */

div#nethotels div.box { position: relative; float: left; width: 61em; }
div#nethotels form { float: left; width: 57.667em; margin: 0 .833em; padding: .833em .833em 0 .833em; color: #003d68; background: url(/lay/nethotels-logo.gif) no-repeat 52.5em .667em #faf5d5 }
div#nethotels div { float: left; }
div#nethotels div#col1 { width: 320px; }
div#nethotels div#col2 { width: 190px; }
div#nethotels div#col3 { width: 120px; }
div#nethotels fieldset { width: 280px; height: 30px; }
div#nethotels legend { position: relative; font-weight: bold; }
div#nethotels label { position: absolute; left: -3000px; }
div#nethotels img { position: relative; left: 6em; top: -1.7em; }
div#nethotels select { position: relative; float: left; display: inline; left: 13em; top: -1.75em; }
div#nethotels fieldset#anreisef input, div#nethotels fieldset#abreisef input { position: relative; width: 70px; left: 5.0em; top: -1.5em; margin-right:-.5em; }
div#nethotels input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#nethotels input#findHotel { position: absolute; bottom: 2em; right: 2em; width: 12.5em; padding: 0 0.5em; overflow: visible; border: 1px solid #001647; }

div#nethotelssidebar form { margin: 0; padding: 0; }
div#nethotelssidebar legend { position: relative; font-weight: bold; font-size: 11px;  }
div#nethotelssidebar label { position: absolute; left: -3000px; }
div#nethotelssidebar img { position: relative; left: 6em; top: -1.3em; }
div#nethotelssidebar select { display: inline; left: 13em; top: -1.75em; margin-bottom: 0.5em;}
div#nethotelssidebar fieldset#anreisef input, div#nethotels fieldset#abreisef input { position: relative; width: 70px; left: 5.0em; top: -1em; margin-right:-.5em; }
div#nethotelssidebar input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#nethotelssidebar input#findHotel { margin-top:0.5em; bottom: 2em; width: 12.5em; padding: 0em; overflow: visible; border: 1px solid #001647; }

select#gastgeberid { margin-left: 20px; }
fieldset#anschreibenselect select { float: left; }
fieldset#anschreibenselect input { clear: left; float: left; }

input#land { margin-left: 100px; }

div#support form { float: left; width: 57.667em; margin: 0; padding: 0; color: #003d68; background: #faf5d5; }
div#support div { float: left; }
div#support fieldset { width: 500px; }
div#support fieldset#abschluss { clear: both; float: left; width: 404px; padding-bottom: 1em; }
div#support label { width: 100px; position: relative; clear: left; float: left; display: block; font-weight: bold; white-space: nowrap; }
div#support fieldset legend { display: none; }
div#support fieldset input { width: 296px; margin-bottom: 1em; padding: .25em; }
div#support fieldset select { position: relative; margin-bottom: 1em; top: -.25em; }
div#support input.checkbox { clear: left; float: left; margin-right: .5em; }
div#support label.checkbox { clear: none; float: left; }
div#support textarea { float: left; width: 296px; height: 100px; margin-bottom: 1em; padding: .25em; border: 0; }
div#support input.inputWochentag { position: relative; left: 5em; top: -1.9em; color: #003d68; background: #faf5d5; width: 1.5em; }
div#support input#absenden { clear: both; float: right; width: 12.5em; padding: 0 2.5em; overflow: visible; border: 1px solid #001647; }

div.dropdown fieldset { float: left; width: 300px; margin-right: 1.5em; }
div.dropdown label { color: #003d68; font-weight: bold; }
div.dropdown select { position: relative; top: .167em; }
div.dropdown input { position: relative; top: .083em; }

div.dropdown.dreier fieldset { float: left; width: auto; margin-right: 1em; }
div.dropdown.dreier fieldset select { width: 140px; }


div#content input, div#content textarea {  border: 1px solid #6588a4; }




	
/*========================== TOP OF THE MENU CASCADE =========================*/

div#navifix {
	clear: both;                              /*fix disappearing menu in IE6 */
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0;
	width: 14em;
	height: 2.9em;
	color: #000;
	background: #6588a4;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 1;
	}
div#topnavicontainer {
	clear: both;                              /*fix disappearing menu in IE6 */
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	width: 65em;
	height: 2.9em;
	color: #fff;
	background: #6588a4;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 99;
	}
div#topnavi {
	clear: both;                              /*fix disappearing menu in IE6 */
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	width: 60em;
	height: 2.7em;
	font-size: 1.083em;
	font-weight: normal;
	color: #fff;
	z-index: 99;
	}
div#topnavi ul {
	padding: 0;
	margin: 0 0 0 14.667em;
	border: 0;
	list-style-type: none;
	line-height: 1.5em;
	}
div#topnavi li {
	float: left;
	position: relative;
	margin: 0;
	}
div#topnavi li a,
div#topnavi li a:hover {
	padding: .6em .833em .6em .833em;
	background: url(../lay/navitrenner.gif) no-repeat 0 .833em;
	}
div#topnavi ul li table {
	margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin: 0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
	font-size: 1em;        /* this sets the base font size for our entire menu */
	}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

div#topnavi ul li a,
div#topnavi ul li a:visited {
	display: block;
	float: left;
	height: 19px;
	padding: .6em .833em .6em .833em;
	text-decoration: none;
	color: #fff;
	}
div#topnavi ul li:hover a,
div#topnavi ul li a:hover,
div#topnavi ul li.current a {
	height: 2.5em;
	height: 18px;
	color: #f63;
	}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

div#topnavi ul li ul {
	display: none;
	padding: 1px 1px 0 1px;
	z-index: 99;
	}
div#topnavi ul li ul li {
	margin: 0;
	background-image: none;
	position: relative;
	}
div#topnavi ul li:hover ul,
div#topnavi ul li a:hover ul {
	display: block;
	position: absolute;
	width: 21em;	
	z-index: 100;
	margin: 0;
	top: 2.4em;
	left: -1px;
	background: #6588a4;
	color: #000;
	}
div#topnavi ul li:hover ul li,
div#topnavi ul li a:hover ul li
div#topnavi ul li ul li { 
	clear: left;
	float: none;
	display: block;
	position: relative;
	width: 100%;
}
div#topnavi ul li:hover ul li a,
div#topnavi ul li a:hover ul li a,
div#topnavi ul li:hover ul li a:link,
div#topnavi ul li a:hover ul li a:link { 
	display: block;
	width: 100%;
	border: 0;
	margin: 0;
	padding: .133em 0;
	height: auto;
	float: left;
	border-bottom: 1px solid #6588a4;
	background: #fff;
	color: #000;
	}
div#topnavi span,
div#topnavi span { 
	margin: 0 1em;
	}
div#topnavi ul li:hover ul li:hover a,
div#topnavi ul li a:hover ul li a:hover {
	background: #6588a4;
	color: #fff;
	}

/*========================== TOP OF THE MENU CASCADE =========================*/

h2.subnaviheader { font-weight: bold; }
div#sidebar div.modul#subnavi {
padding: 0;
background: #6588a4;
width:176px;
	}
div#subnavi ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	line-height: 1em;
	}
div#subnavi li {
	margin: 0;
	}
div#subnavi ul li table {
	margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin: 0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
	font-size: 1em;        /* this sets the base font size for our entire menu */
	}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

div#subnavi ul li a,
div#subnavi ul li a:visited {
	display: block;
	padding: .5em 1.167em .333em .833em;
	text-decoration: none;
	color: #fff;
	background-color: #6588a4;
	border-top: 1px solid #fff;
	background-position: 12.9em .667em;	
	}
div#subnavi ul li:hover a,
div#subnavi ul li a:hover,
div#subnavi ul li.current a {
	color: #000;
background-color: #fff;
	border-top: 1px solid #6588a4;
	}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

div#subnavi ul li ul {
	display: none;
	padding: 0;
	margin-left: -2em;
}
div#subnavi ul li ul li {
	margin: 0;
	background-image: none;
	position: relative;
	}
div#subnavi ul li:hover ul,
div#subnavi ul li a:hover ul {
	display: block;
	position: absolute;
	width: 15em;	
	padding-right: 2em;
	z-index: 100;
	margin-top: -1.9em;
	left: 16.667em;
	background: #6588a4;
	color: #000;
	border-bottom: 1px solid #6588a4;
	}
div#subnavi ul li:hover ul li,
div#subnavi ul li a:hover ul li
div#subnavi ul li ul li { 
	clear: left;
	float: none;
	display: block;
	position: relative;
}
div#subnavi ul li:hover ul li a,
div#subnavi ul li a:hover ul li a,
div#subnavi ul li:hover ul li a:link,
div#subnavi ul li a:hover ul li a:link { 
	display: block;
	width: 100%;
	border: 0;
	margin: 0;
	padding: .5em 0 .333em 2em;
	height: auto;
	float: left;
	border-top: 1px solid #6588a4;
	border-right: 1px solid #6588a4;
	border-left: 1px solid #6588a4;
	background-color: #fff;
	background-position: .5em .833em;	
	color: #000;
	}
div#subnavi span { 
	margin: 0;
	}
div#subnavi ul li:hover ul li:hover a,
div#subnavi ul li a:hover ul li a:hover {
	background: #6588a4;
	color: #fff;
	}
div.szwidget { margin-top: .5em; }


/* GOOGLE STYLES */

#goog-wm { }
#goog-wm h3.closest-match { }
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things { clear: left; margin-bottom: .833em; border-bottom: 1px solid #000; font-size: 1.167em; font-weight: bold; }
#goog-wm h3.other-things b { font-weight: bold; }
#goog-wm ul li { }
#goog-wm ul li a { font-weight: bold;  }
#goog-wm li.search-goog { padding-top: 1em; }
#goog-wm form { background: #faf5d5; }
#goog-wm fieldset { padding: .833em 0 .833em .833em; }
#goog-wm label { clear: left; float: left; font-size: .917em; font-weight: bold; }
#goog-wm input { clear: left; float: left; width: 16em; margin-bottom: .5em; padding: .25em; border: 1px solid #000; }
#goog-wm input#goog-wm-sb { clear: none; float: left; width: 10em; margin: 0 .5em; padding: .15em .25em .125em .25em; }

.adsenseleaderboard {margin-bottom:30px;}
.adsensesmallsquare {float:left; margin-right:30px;}
.adsenselinkblock {margin: 0px 0 15px 0px;}

/* PRINT STYLES */

@media print {

body { background: #fff; }

div#container { float: left; width: 78.333em; margin: 0 0 0 26px; }
div#content { float: left; width: 61.166em; padding: 0 1em 0 0; }
div#header { display: none; }
div#sidebar { display: none; }
div#footer { display: none; }
div#sidebanner { display: none; }

div.intro { clear: left; margin-bottom: 2em; }
div#mapspacer { display: none; }
.breadcrumb { display: none; }

div#container { background: #fff; border: 0; }
div#wrapper { float: left; width: 78.333em; background: #fff; margin-top: 0; }
div#header { background: #fff; }
div.attraktion div.imgbox { background: #fff; }

}