/* ---------- Grundeinstellungen ---------- */ body, td, div, h1, h2, input, select, textarea { font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #463a2f; line-height: 150%; font-weight: normal; } body { margin: 0px; padding: 0px; background-image: url(/bilder/layout/bg-body.gif); } td { } div { } h1 { margin: 0px; padding: 0px; font-size: 36px; color: #ffffff; line-height: 100%; text-shadow: 1px 1px 2px #000000; } h2 { margin: 0px; padding: 0px; color: #332f2f; line-height: 100%; font-weight: bold; } input, select, textarea { } hr { margin-left: 100px; margin-right: 100px; border-top: 1px solid #f4f2eb; border-bottom: 1px solid #cdbfb3; border-left: 1px solid #f4f2eb; border-right: 1px solid #f4f2eb; } img { border: 0px; } a:link { color: #be5605; text-decoration: none; } a:visited { color: #be5605; text-decoration: none; } a:hover, a:focus { color: #be5605; text-decoration: underline; outline: none; } a:active { color: #be5605; text-decoration: none; } /* ---------- Seitenlayout ---------- */ #wrapper { position: relative; width: 950px; margin: auto; } #block-header { position: relative; height: 150px; } #block-banner { position: relative; height: 475px; } #block-banner-leer { position: relative; height: 150px; background-color: #f4f2eb; } #block-breadcrumb { line-height: 100%; font-size: 11px; padding: 10px; } #block-content { } #block-footer { position: relative; height: 150px; background-color: #463a2f; margin-bottom: 150px; } #float-content { float: left; width: 596px; padding: 20px; background-color: #f4f2eb; border: 2px solid #ffffff; } #float-right { float: left; width: 300px; margin-left: 10px; padding-top: 19px; } #float-clear { clear: both; padding-bottom: 50px;} #clear { clear: both; height: 0px; } /* ---------- Seitenlayout (Header) ---------- */ #logo-gatterer { position: absolute; top: 0px; left: 0px; } #quicklinks { position: absolute; top: 10px; right: 235px; font-size: 11px; } #quicklinks a:link { color: #463a2f; text-decoration: none; } #quicklinks a:visited { color: #463a2f; text-decoration: none; } #quicklinks a:hover, #quicklinks a:focus { color: #463a2f; text-decoration: underline; outline: none; } #quicklinks a:active { color: #463a2f; text-decoration: none; } #suche-feld { position: absolute; top: 8px; right: 68px; margin: 0px; padding: 3px; border: 1px solid #463a2f; background-color: #f4f2eb; font-size: 11px; line-height: 14px; width: 150px;} #suche-ok { position: absolute; top: 8px; right: 0px; margin: 0px; border: 1px solid #463a2f; background-color: #463a2f; font-size: 11px; color: #ffffff; font-weight: bold; height: 22px; width: 65px; padding-bottom: 3px; } #banner-foto { position: absolute; top: 0px; left: 0px; background-color: #ffffff; } #banner-foto img { position: absolute; top: 0px; left: 0px; } #banner-foto #banner1 { z-index: 1; } #titel-h1 { position: absolute; bottom: 80px; left: 0px; padding: 10px; padding-left: 30px; padding-right: 60px; z-index: 100; background-image: url(/bilder/layout/bg-braun-verlauf.png); background-position: right; } #titel-h2 { position: absolute; bottom: 45px; left: 0px; padding: 5px; padding-left: 30px; padding-right: 60px; z-index: 100; background-image: url(/bilder/layout/bg-weiss-verlauf.png); background-position: right; } #navigation { position: absolute; left: 268px; top: -54px; z-index: 300;} #icon-reisehighlight { position: absolute; top: 50px; right: -13px; z-index: 200; } #icon-lowbudget { position: absolute; top: 150px; right: -13px; z-index: 200; } #bannerwahl { position: absolute; top: 10px; left: 10px; z-index: 200; } #bannerwahl div { padding-bottom: 5px; } #facebook { position: absolute; top: 8px; left: 400px; } /* ---------- Seitenlayout (Content) ---------- */ #content { } #box-titel { padding-left: 11px; font-size: 18px; line-height: 100%; padding-bottom: 10px; } #box-hell { padding: 10px; background-color: #f4f2eb; border: 2px solid #ffffff; line-height: 160%; margin-bottom: 30px; font-size: 13px; } #box-dunkel { padding: 10px; background-color: #cdbfb3; border: 2px solid #f4f2eb; line-height: 160%; margin-bottom: 30px; font-size: 13px; } #box-hotline { padding: 10px; background-color: #cdbfb3; border: 2px solid #ffffff; margin-bottom: 30px; text-align: center; font-size: 17px; line-height: 130%; } #box-hotline-wrapper { position: relative; z-index: 100; padding-top: 2px; } #box-preise-tage { float: left; width: 65px; border-right: 1px solid #f4f2eb; padding-right: 10px; font-weight: bold; text-align: right; } #box-preise-tage-eintag { float: left; border-right: 1px solid #f4f2eb; padding-right: 10px; font-weight: bold; } #box-preise-datum { float: left; border-left: 1px solid #f4f2eb; padding-left: 10px; margin-left: -1px; } #box-preise-preis { float: left; width: 65px; font-weight: bold; border-right: 1px solid #f4f2eb; padding-right: 10px; text-align: right; } #box-preise-preis-anfrage { font-weight: bold; } #box-preise-preisinfo { float: left; font-size: 13px; width: 190px; border-left: 1px solid #f4f2eb; padding-left: 10px; margin-left: -1px; padding-top: 4px; } #box-preise-clear-preis { clear: both; height: 0px; } #box-preise-clear { clear: both; border-bottom: 1px solid #f4f2eb; padding-bottom: 10px; margin-bottom: 10px; } #box-preise-anmerkung { font-size: 13px; } #box-fotos { margin-bottom: 30px; background-color: #f4f2eb; border: 2px solid #ffffff; padding: 17px; } #box-fotos-foto { float: left; width: 120px; padding: 5px; } #box-fotos-clear { clear: both; height: 0px; } #box-reisekatalog { background-color: #f4f2eb; border: 2px solid #ffffff; margin-bottom: 30px; } #box-reisekatalog-titel { padding-left: 10px; font-size: 17px; padding-top: 5px; line-height: 130%; } #box-reisekatalog-kurzinfo { padding-left: 10px; font-size: 13px; padding-right: 10px; } #box-reisekatalog-tage-preis { margin-left: 10px; margin-right: 10px; background-color: #ffffff; text-align: right; margin-top: 5px; padding: 1px; padding-right: 10px; margin-bottom: 10px; } #box-reisekatalog-datum { padding-left: 10px; color:#666666; font-size: 13px; padding-bottom: 5px; } #box-reisekatalog-link { text-align: right; font-size: 13px; padding-right: 20px; padding-bottom: 10px; } #box-highlights { background-color: #f4f2eb; border: 2px solid #ffffff; margin-bottom: 30px; padding: 10px; } #box-highlights-titel { font-size: 17px; line-height: 130%; } #box-highlights-tage-preis { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cdbfb3; } #box-highlights-tage-preis-ende { } #facebook-likebox { position: relative; z-index: 1000000; background-color: #f4f2eb; } /* ---------- Seitenlayout (Footer) ---------- */ #japan-tor { position: absolute; top: -166px; right: 0px; } #kathia-marco { position: absolute; top: 0px; left: 10px; } #kommentar { position: absolute; top: 50px; left: 225px; color: #ffffff; width: 300px; font-size: 12px; line-height: 150%; } #unterschrift { position: absolute; top: 110px; left: 250px; color: #ffffff; width: 300px; font-size: 15px; font-family: "Comic Sans MS", cursive; } #prospekt-download { position: absolute; top: 10px; left: 520px; border-left: 1px solid #6b6159; height: 131px; padding-left: 18px; } #adressblock { position: absolute; top: 0px; left: 690px; color: #ffffff; font-size: 12px; line-height: 120%; border-left: 1px solid #6b6159; padding: 15px; padding-left: 40px; margin-top: 10px; } #copyrightblock { position: absolute; top: 160px; right:10px; text-align: right; font-size: 12px; line-height: 150%; } #partnerlogos { position: absolute; top: 165px; left: 0px; text-align: center; width: 950px; } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; } #anweisungen-titel { font-weight: bold; } #anweisungen-text { } /* ---------- Statische Seiten ---------- */ #content-kurzinfo-block { margin-bottom: 20px; font-size: 17px; line-height: 150%; background-color: #ffffff; padding: 10px; } #content-text-block1 { margin-bottom: 20px; } #content-text-block2 { margin-bottom: 20px; padding-top: 20px; } #content-liste-block { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #cdbfb3; } #content-liste-titel { padding-bottom: 5px; font-size: 17px; line-height: 100%; } #content-liste-text { } #content-links-block { margin-bottom: 20px; padding: 10px; background-color: #ffffff; } #content-links-titel { margin-bottom: 3px; } #content-links-link { margin-left: 20px; } #content-anmerkungen-block { color:#666666; font-size: 11px; margin-bottom: 20px; } /* ---------- Styles für Textbox ---------- */ .hintergrund-weiss { background-color: #ffffff; padding: 10px; } .hintergrund-beige { background-color: #cdbfb3; padding: 10px; } /* ---------- Reisekatalog ---------- */ #reisekatalog-details-block { float: left; padding: 10px; background-color: #cdbfb3; margin-bottom: 20px; margin-right: 20px; } #reisekatalog-details-preisinfo { float: left; border-left: 1px solid #f4f2eb; padding-left: 10px; margin-left: -1px; } #reisekatalog-details-anmerkung { } #reisekatalog-uebersicht-block { float: left; background-color: #ffffff; margin: 12px; padding: 12px; width: 250px; } #reisekatalog-uebersicht-titel { padding-left: 10px; font-size: 20px; padding-top: 10px; padding-bottom: 0px; line-height: 130%; } #reisekatalog-uebersicht-kurzinfo { padding-left: 10px; font-size: 13px; } #reisekatalog-uebersicht-tage-preis { background-color: #f4f2eb; text-align: right; margin-top: 20px; padding: 3px; padding-right: 10px; font-size: 17px;} #reisekatalog-uebersicht-datum { padding-left: 10px; color:#666666; font-size: 13px; padding-bottom: 15px; } #reisekatalog-uebersicht-link { padding-top: 10px; text-align: right; font-size: 13px; padding-right: 10px; } #listview-infos { width: 572px; margin-left: 12px; margin-top: 20px; text-align: center; background-color: #cdbfb3; padding: 3px; } /* ---------- Fotogalerie ---------- */ #fotogalerie-kategorien-block { float: left; margin-bottom: 20px; width: 295px; } #fotogalerie-kategorien-foto { float: left; height: 125px; width: 125px; border: 5px solid #ffffff; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } #fotogalerie-kategorien-titel { float: left; padding-left: 10px; padding-top: 50px; width: 145px; } #fotogalerie-foto { float: left; height: 125px; width: 125px; border: 5px solid #ffffff; margin: 6px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } #fotogalerie-foto a { height: 120px; width: 120px;} /* ---------- Navigation Level 3 ---------- */ #nav-3-links { line-height: 100%; } #nav-3-link { float: left; width: 115px; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } a#nav-3-link:link { text-decoration:none; } a#nav-3-link:visited { text-decoration:none; } a#nav-3-link:hover { text-decoration:underline; } #nav-3-link-aktiv { float: left; width: 115px; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } a#nav-3-link-aktiv:link { text-decoration:none; background-color: #ffffff; } a#nav-3-link-aktiv:visited { text-decoration:none; background-color: #ffffff; } a#nav-3-link-aktiv:hover { text-decoration:underline; background-color: #ffffff; } /* ---------- Navigation ---------- */ .qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;} .qmmc .qmdividery {float:left;width:0px;} .qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;} .qmmc {position:relative;zoom:1;z-index:10;} .qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;} .qmmc div a, .qmmc ul a, .qmmc ul li {float:none;} .qmsh div a {float:left;} .qmmc div {visibility:hidden;position:absolute;} .qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;} .qmmc .qmcbox a {display:inline;} .qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;} .qmmc li {z-index:auto;} .qmmc ul {left:-10000px;position:absolute;z-index:10;} .qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;} .qmmc li a {float:none} .qmmc li:hover>ul {left:auto;} #qm0 ul {top:100%;} #qm0 ul li:hover>ul {top:0px;left:100%;} #qm0 { } #qm0 a { padding:10px 18px 10px 18px; font-size:17px; text-decoration:none; line-height:100%; padding-bottom: 27px; color: #463a2f; } #qm0 a:hover { background-color:#f4f2eb; text-decoration:none; } #qm0 li:hover>a { background-color:#f4f2eb; text-decoration:none; } #qm0 .qmpersistent { background-color:#cdbfb3; text-decoration:none;} #qm0 .qmpersistent:hover { background-color:#f4f2eb; text-decoration:none;} #qm0 .qmactive, #qm0 .qmactive:hover { background-color:#f4f2eb; } #qm0 div, #qm0 ul { padding-top: 3px; background-image: url(/bilder/layout/bg-transparent.png); } #qm0 div a, #qm0 ul a { margin: 0px; padding:5px; padding-left: 10px; padding-right: 5px; font-weight:normal; font-size: 13px; background-color: transparent; line-height:130%; background-image: url(/bilder/layout/bg-weiss-hell.png); margin-bottom: 3px; } #qm0 div a:hover { background-color:transparent; text-decoration:none; background-image: url(/bilder/layout/bg-weiss-dunkel.png); } #qm0 ul li:hover>a { background-color:transparent; text-decoration:none; background-image: url(/bilder/layout/bg-weiss-dunkel.png); } #qm0 div .qmpersistent { padding-left: 5px; border-left: 5px solid #ffffff; background-color:transparent; text-decoration:none; background-image: url(/bilder/layout/bg-weiss-hell.png); } #qm0 div .qmpersistent:hover { padding-left: 5px; border-left: 5px solid #ffffff; background-color:transparent; text-decoration:none; background-image: url(/bilder/layout/bg-weiss-dunkel.png); } #qm0 div .qmactive, #qm0 div .qmactive:hover { background-color:transparent; background-image: url(/bilder/layout/bg-weiss-dunkel.png); } #qm0 div div { margin-top: -10px; padding-top: 10px; padding-left: 3px; } /* ---------- Sub-Navi für Explorer 6 ---------- */ * html #qm0 div, * html #qm0 ul { } * html #qm0 div a, * html #qm0 ul a { background-color: #f4f2eb; line-height:100%; width: 90%; cursor: pointer; } * html #qm0 div a:hover { background-color: #ffffff; } * html #qm0 ul li:hover>a { background-color: #ffffff; } * html #qm0 div .qmpersistent { background-color: #f4f2eb; } * html #qm0 div .qmpersistent:hover { background-color: #ffffff; } * html #qm0 div .qmactive, * html #qm0 div .qmactive:hover { background-color: #ffffff; } /* ---------- Kontaktformular ---------- */ #formular { background-color: #ffffff; border: 2px solid #cdbfb3; padding: 10px; margin-bottom: 50px; } #formular-float { float: left; } #formular-clear { clear: both; } #formular-float label { float: left; width: 90px; display: block; text-align: right; margin-bottom: 5px; } #formular-float input { float: left; margin-left: 5px; margin-bottom: 10px; } #formular-float select { float: left; margin-left: 5px; margin-bottom: 10px; } #formular-float textarea { float: left; margin-left: 5px; margin-bottom: 10px; width: 435px; } #formular-reise { float: left; margin-left: 5px; margin-bottom: 10px; width: 435px; font-weight: bold; } #formular-privacy { float: left; margin-left: 5px; margin-bottom: 10px; width: 435px; font-size: 10px; } #formular-titel { margin-bottom: 10px; margin-top: 30px; font-size: 36px; } /* ---------- Home-Seite ---------- */ #home-titel { margin-bottom: 5px; margin-left: 10px; margin-top: 30px; font-size: 24px; } #reisekatalog-home-block { background-color: #ffffff; padding: 10px; } #reisekatalog-home-block hr { margin: 0px; margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #cdbfb3; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #reisekatalog-home-foto { float: left; width: 250px; } #reisekatalog-home-float { float: left; width: 320px; } #reisekatalog-home-titel { padding-left: 10px; font-size: 20px; line-height: 130%; } #reisekatalog-home-datum { padding-left: 10px; color:#666666; font-size: 13px; padding-bottom: 5px; } #reisekatalog-home-kurzinfo { padding-left: 10px; font-size: 13px; } #reisekatalog-home-tage-preis { padding-left: 10px; margin-top: 5px; padding-bottom: 10px; font-size: 13px; font-weight: bold; } #reisekatalog-home-clear { clear: both; } #reisekatalog-home-sub-titel { float: left; width: 225px; font-size: 13px; } #reisekatalog-home-sub-datum { float: left; margin-left: 5px; width: 130px; color:#666666; font-size: 13px; } #reisekatalog-home-sub-tage { float: left; margin-left: 5px; width: 85px; text-align: right; font-size: 13px; } #reisekatalog-home-sub-preis { float: right; width: 120px; text-align: right; font-size: 13px; } #fotogalerie-home-float { float: left; width: 140px; } #fotogalerie-home-foto { margin-bottom: 5px; height: 125px; width: 125px; background-position: center center; background-repeat: no-repeat; } #fotogalerie-home-titel { text-align: center; font-size: 13px; margin-left: -10px; }