/**
  * @site    www.ars-vivendi-golftravel.de
  *
  * Aufbau dieses Stylesheets:
  *
  * 00 Reset
  * 01 Allgemeines und Struktur
  * 02 Überschriften
  * 03 Navigationslisten
  * 04 Inhaltsbereich
  * 05 Formulare
  * 06 Farbvarianten
  * 07 Lightbox
  * 08 Druckstylesheet
  */


/**
  * @section 00 Reset
  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, 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; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
a { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }


/**
  * @section 01 Allgemeines und Struktur
  */
body { color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 62.5% }
#wrapper { width: 995px; }
#header { background-repeat: no-repeat; background-position: left 30px; height: 164px; position: relative; width: 995px }
p, #content li { font-size: 1.2em }
#content li li { font-size: inherit }
strong { font-weight: bolder }
em { font-style: italic }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/**
  * @section 02 Überschriften
  */
h1 { clear: both; font-size: 1.8em; margin-bottom: .85em; }
h1.mit_siegel { background: url(grafik/golf_siegel.gif) no-repeat right top; padding-right: 111px; min-height: 111px; }
#pagetop { position: absolute; left: -9999px; top: 0px; }
h2 { clear: both; font-size: 1.4em; font-weight: bold; }
#details h2 { background-color: #b3d5c0; line-height: 1.7em; margin-bottom: 2px; padding-left: 16px; position: relative; width: 729px; }
#details h2 .back_to_hotel { background: #067432 url(grafik/doublearrow_right.gif) no-repeat scroll right center; color: white; font-size: 71.429%; padding: 0 24px 0 11px; position: absolute; right: 0; text-decoration: none; top: 0; }
h2 img { margin: 3px 0 0 1em; }
form h2 { background: #ebf7eb; margin-top: 2em; padding: .25em; }
h2.lexikon_head {background: #b68d01; color: white; font-size: 1.8em; line-height: 1.6em; text-align: center; width: 1.6em; }
h3 { font-size: 1.2em; font-weight: bold; }


/**
  * @section 03 Navigationslisten
  */
#mainmenu { float: left; margin-right: 11px; padding-bottom: 50px; width: 169px; }
#mainmenu li { line-height: 20px; }
#mainmenu a { color: white; display: block; font-size: 1.1em; font-weight: bold; line-height: 20px; padding-left: 14px; text-decoration: none; }
#mainmenu li ul { padding: 0.3em 0; }
#mainmenu li li a { font-weight: normal; line-height: 1; padding: .3em 0 .3em 28px; }
#mainmenu li li a.active, #mainmenu li li a:hover { text-decoration: underline; }
#newsletter_link { font-weight: normal !important; line-height: 1.3 !important; padding: .5em 0 .5em 14px; }
body.golfpro a.golfpro + .submenu { display: none; }
body.golfpro a.golfpro { background: #123a20; }
body.golfpro a.active.golfpro, body.golfpro a.golfpro:hover { background: #00722d !important; }


/**
  * @section Metanavi
  */
#metamenu li { display: inline; }
#metamenu a { border-left: 1px solid white; color: white; font-size: 1.1em; line-height: 30px; padding: 0 13px; text-decoration: none; }
#metamenu a.first { border: none; }
#metamenu a.active, #metamenu a:hover { text-decoration: underline; }
#metamenu a.online_anfrage { border: none; position: absolute; right: 0; top: 0; }
body.golfpro #metamenu a.golfschule { display: none; }


/**
  * @section Galerieliste
  */
#tab_menu_frame { left: 0px; position: absolute; top: -35px; }
#tab_menu_text { color: white; display: inline; line-height: 35px; margin: 0 1em; }

#tab_menu { display: inline; }
#tab_menu li { display: inline; }
#tab_menu a { color: white; font-weight: bold; margin-right: 2px; padding: 2px 4px; text-decoration: none; }


/**
  * @section 04 Inhaltsbereich
  */
#ars_logo { position: absolute; right: 40px; top: 33px; }
#content { background-color: white; background-repeat: no-repeat; background-position: left top; float: left; padding: 25px 35px 25px; width: 423px; }
.googlemaps #content, .sitemap #content { background-color: white; background-repeat: no-repeat; background-position: left top; float: left; padding: 25px 35px 25px; width: 745px; }
p { line-height: 1.5em; margin: 1em 0 1.5em; }
#content p { clear: both; }
p.bu { font-size: 1.1em; }
p.pagetop { text-align: right; }
p.pagetop a { padding-right: 10px; padding-bottom: 2px; text-decoration: none; }
#content ul { list-style-type: disc; padding-left: 2em; }
#content ol { list-style-type: lower-alpha; padding-left: 2em; margin: 1em 0 1.5em; }
#content li { line-height: 1.5em; margin: .5em 0; }
#content .datatable td { font-size: 1.2em; padding: .25em; }
.pagetools { margin: 1em 0 1.5em; text-align: right; }
.pagetools li { display: inline; font-size: 1em !important; }
.pagetools a { background-repeat: no-repeat; margin-left: 10px; padding-left: 2em; text-decoration: none !important; }

.blau .pagetools a { background-position: left 0px; }
.gold .pagetools a { background-position: left -13px; }
.gruen .pagetools a { background-position: left -26px; }
.rot .pagetools a { background-position: left -39px; }

.pagetools a.unverbindl_anfrage { background-image: url(../grafik/buttons_unverb_anfrage.gif) }
.pagetools a.seite_empfehlen { background-image: url(../grafik/buttons_seite_empfehlen.gif) }
.pagetools a.print { background-image: url(../grafik/buttons_seite_drucken.gif) }

.ars_vivendi_wertung { float: left; width: 300px; margin-top: 22px; }
.ars_vivendi_nr { float: right; width: 60px; clear: none !important; }
.best_for { float: left; width: auto; clear: none !important; margin: 0 15px 1.5em 0; }

/**
  * @ section Startseite
  */
.startseite h1.mit_siegel { margin: 0; }
.startseite h4 { margin: 0; }
.startseite p { margin: .5em 0 1em; }
.startseite .fotos { margin: 0; }
.startseite .flash_katalog, .startseite .pdf_katalog { font-size: 1.2em; margin: .5em 0 2em; width: 45%; }
.startseite .flash_katalog { float: left; }
.startseite .pdf_katalog { float: right; text-align: right; }


/**
  * @section Bilder rechts
  */
#pictures { float: right; width: 322px; margin-top:35px; }
.picture.gallery { width: 322px; }
.picture a { text-decoration: none; line-height: 0; }
.picture img { margin: 0; padding: 0; }
.picture span { color: white; font-size: 1.2em; line-height: 35px; margin-left: 1em; }
.lupe { position: absolute; right: 10px; top: 155px; }


/**
  * @section Suche
  */
#suche { float: right; width: 322px; margin-top: 0; height: 4.5em; }
#suche label { font-size: 1.2em; color: white; margin: 0 1em; }
#suche fieldset { margin: 1em 0; }
#suche .suchtext { line-height: 150%; width: 200px; border: 1px solid #00722d; }
#suche .submit_button { border: none; }

/**
  * @section Suchergebnisse
  */
#searchresult label, .searchresults td, .searchresults th { font-size: 1.2em; }
#searchresult label { width: 20%; float: left; margin: 2px 0; }
#searchresult input { border: 1px solid #000; width: 75%; float: right; }
#searchresult button { margin-left: 25%; }
.pagination { margin: 1em 0; width: 100%; }
.pagination td { padding: 4px; }
.searchresults.data thead th { font-weight: bold; }
.searchresults.data a { text-decoration: none; }
.searchresults.data a:hover { text-decoration: underline; }
.pagination td { border-bottom: 1px solid #000; }
.searchresults.data tbody th, .searchresults.data tbody tr { border-bottom: 1px solid #000; padding: 7px 5px 7px 24px; }
.searchresults .htm { background: url(grafik/icon_htm.gif) no-repeat left 5px; }
.searchresults .doc { background: url(grafik/icon_doc.gif) no-repeat left 5px; }
.searchresults .pdf { background: url(grafik/icon_pdf.gif) no-repeat left 5px; }

.gruen #searchresult input, .gruen .pagination td, .gruen .searchresults.data tbody th, .gruen .searchresults.data tbody tr { border-color: #00933a; }
.rot #searchresult input, .rot .pagination td, .rot .searchresults.data tbody th, .rot .searchresults.data tbody tr { border-color: #c01c23; }
.blau #searchresult input, .blau .pagination td, .blau .searchresults.data tbody th, .blau .searchresults.data tbody tr { border-color: #468ac5; }
.gold #searchresult input, .gold .pagination td, .gold .searchresults.data tbody th, .gold .searchresults.data tbody tr { border-color: #ebca1a; }


/**
  * @section Kopfbilder
  */
#header_pix { position: relative; }
#header_pix img { margin-right: 3px; position: absolute; top: -200px; }


/**
  * @section Fotoblöcke
  */
#content #fotowettbewerb { padding-left: 0; }
#content #fotowettbewerb li { list-style-type: none; }
#fotowettbewerb img { float: right; }
#fotowettbewerb p { clear: none; font-size: 0.833em; line-height: 1.2; width: 200px; }
#content h4 { color: #b58d00; }
#content .first h4 { font-size: 1.333em; }
#content .second h4 { font-size: 1.165em; }
.foto, .fotos { margin-bottom: 20px; }
.fotos { float: left; width: 202px; }
.foto h4, .fotos h4 { font-size: 1.6em; font-weight: bold; margin-bottom: .5em; }
.fotos h4 { font-size: 1.3em; }
.fotos.second { float: right; }
.foto span, .fotos span { font-size: 1.1em; margin-top: .3em; }
.img_right { float: right; }
.img_left { float: left; }


/**
  * @section Shopseiten und Warenkorb
  */
p.beschreibung a.lightbox { border: 1px solid #eee; float: right; margin: 0 0 1em 1em; position: relative; }
a.lightbox img.zoom { position: absolute; bottom: 10px; right: 10px; }


/**
  * @section Lexikon
  */
#lexikon { margin: 1em 0; }
#lexikon dt, #lexikon dd { font-size: 1.2em; }
#lexikon dd { line-height: 1.3; margin-bottom: 3em; }
#lexikon dt { font-size: 1.3em; font-weight: bold; margin-bottom: .25em; }
#lexikon_charlist { background-color: #fdfceb; border: 1px solid #ab9005; margin-bottom: 3em; padding-left: 0 !important; text-align: center; }
#lexikon_charlist li { display: inline; color: #ab9005; font-size: 1.1em; font-weight: bold; line-height: 1.8; margin: 0 1px; padding: 2px 1px; }
#lexikon_charlist a { text-decoration: none; }
#lexikon_charlist a.active { color: black; text-decoration: underline; }


/**
  * @section Aktuelle Angebote
  */
.aktuelles_angebot { float: left; margin: 0 2% 5em 0; width: 48%; }
.aktuelles_angebot div { background: url(grafik/angebot_schatten.jpg) no-repeat left top; height: 215px; position: relative; }
.aktuelles_angebot div .lupe { top: auto; right: auto; left: 6px; bottom: 10px; }
.aktuelles_angebot p { margin: .25em; }
.aktuelles_angebot a, .proangebot a { color: #b68d01 !important; }


/**
  * @section Sidebar-Boxen "Lage Info", "Kreuzfahrtpreise" und "Hightlights"
  */
.highlights, .lageinfo, .kreuzfahrt_preise { width: 326px; min-height: auto; padding: 0; margin-bottom: 28px; }
.highlights h2, .lageinfo h2, .kreuzfahrt_preise h2 { height: 47px; line-height: 36px; color: white; font-size: 1.7em; font-weight: normal; padding: 0 1em; text-shadow: 2px 2px #444; }
.highlights a, .lageinfo a, .kreuzfahrt_preise a { color: white !important; text-decoration: underline; }
.lageinfo ul, .highlights ul { padding: .5em 0 2em 3.5em; }
.lageinfo li, .blau .highlights li, .gold .highlights li { list-style-image: url(grafik/bullet_weiss.gif); }
.rot .highlights li,.gruen .highlights li { list-style-image: url(grafik/bullet_gold.gif); }
.highlights li, .lageinfo li, .lageinfo p, .kreuzfahrt_preise p { color: white; font-size: 1.2em; padding: 0 1.5em; margin: 0; }
.lageinfo p, .kreuzfahrt { padding-bottom: 2em; }
.lageinfo li, .highlights li, .kreuzfahrt p { line-height: 1.5em; padding: 0; }
.lageinfo li { padding-right: 1em; }
.lageinfo p + ul { margin-top: -1em; }

.kreuzfahrt p, .kreuzfahrt table, .kreuzfahrt ul { width: 90%; margin: auto; }
.kreuzfahrt table { border-top: 1px solid white; border-right: 1px solid white; margin-bottom: 2em; }
.kreuzfahrt td, .kreuzfahrt th { border: 1px solid #eee; border-width: 0 0 1px 1px; color: white; font-size: 1.2em; vertical-align: top; text-align: left; padding: .2em .4em; }
.kreuzfahrt td.preis { text-align: right; padding-right: 1em; }
.kreuzfahrt thead th { font-weight: bold; vertical-align: bottom; }
.kreuzfahrt tbody th { padding-right: 1.5em; text-align: right; }
.kreuzfahrt table sup { margin-left: .25em; }
.kreuzfahrt p, .kreuzfahrt li { color: white; font-size: 1.2em; }
.kreuzfahrt li { margin: .75em 0; }
.kreuzfahrt p { margin-bottom: 1em; }


/**
  * @section Aktuelle Angebote
  */
.angebot_gruen_weiss, .angebot_weiss_gruen { width: 420px; margin-bottom: 50px; border-collapse: separate; }
.angebot_gruen_weiss h2, .angebot_weiss_gruen h2 { background: #004F20; color: white; font-size: 1.2em; padding: 7px 10px; }
.angebot_gruen_weiss p, .angebot_weiss_gruen p { margin: 0; padding: 10px; }
.angebot_gruen_weiss .first, .angebot_gruen_weiss .second, .angebot_weiss_gruen .first, .angebot_weiss_gruen .second { border: 1px solid #004F20; border-width: 0 1px }
.angebot_gruen_weiss .link, .angebot_weiss_gruen .link { padding: 0 10px; height: 25px; background: url(/grafik/verlauf_zum_angebot.jpg) no-repeat left bottom; text-align: right; font-size: 1.2em }
.angebot_gruen_weiss .first, .angebot_weiss_gruen .second { background-color: #004F20; color: white }
.angebot_gruen_weiss .second, .angebot_weiss_gruen .first { background-color: white; color: #004F20 }
.angebot_gruen_weiss span, .angebot_weiss_gruen span { display: block; text-align: right; font-weight: bold; margin-bottom: 5px; }
.angebot_gruen_weiss a, .angebot_weiss_gruen a { color: #E2AA0B !important; text-decoration: none; font-weight: bold; line-height: 25px }


/**
  * @section 11x7 beste Golfhotels
  */
.bestenliste h2 { color: white; font-weight: normal; padding: .4em 2.8em; margin: .5em 0 0 0; }
#content .bestenliste ol { margin: 0; padding: 0; }
#content .bestenliste li { margin: 0; line-height: 2.6em; list-style: none; background-position: 10px center; background-repeat: no-repeat; padding-left: 40px; position: relative; }
#content .bestenliste li.nr1 { background-image: url(grafik/liste_nr1.jpg); }
#content .bestenliste li.nr2 { background-image: url(grafik/liste_nr2.jpg); }
#content .bestenliste li.nr3 { background-image: url(grafik/liste_nr3.jpg); }
#content .bestenliste li.nr4 { background-image: url(grafik/liste_nr4.jpg); }
#content .bestenliste li.nr5 { background-image: url(grafik/liste_nr5.jpg); }
#content .bestenliste li.nr6 { background-image: url(grafik/liste_nr6.jpg); }
#content .bestenliste li.nr7 { background-image: url(grafik/liste_nr7.jpg); }
.bestenliste li img { vertical-align: top; margin-left: 1px; }
.bestenliste li a { color: #000; text-decoration: none; }
.bestenliste li a:hover { text-decoration: underline; }
.bestenliste li span { position: absolute; right: 0; top: 2px; }


/**
  * @section Golfplätze incl. Google Maps
  */
#google_map_golfplaetze { margin: 1em 0; height: 500px; width: 100%; }
.golfplatz_info { float: left; width: 46%; min-height: 110px; padding-left: 4%; background-repeat: no-repeat; backgound-position: top left; margin: 1em 0 2em; }
.golfplatz_info p { margin: .5em 0; }


/**
  * @section Downloads
  */
.download_pdf { margin: -1em 0 -.5em; }
.download_pdf li { font-size: 1em !important; line-height: 1.3em !important; }


/**
  * Sitemap
  */
ul.sitemap li { font-weight: bold; }
ul.sitemap li ul { padding-bottom: .4em; }
ul.sitemap li li { font-weight: normal; line-height: 1.3 !important; list-style: circle; }
ul.sitemap li a { padding-top: 5px; }
ul.sitemap li li a { padding-top: 0; }



/**
  * @section 05 Formulare
  */
form#login dt { clear: left; float: left; width: 75px }
form#login dd { float: left; width: 200px }
form#login input { border: 1px solid #00722d; width: 100% }
form#callback { border: 1px solid #00722d; background-color: #f2f8f4; margin-bottom: 30px; padding: 1em 2px; }
form#callback p { line-height: 2; margin: .5em; text-align: center; }
.req, label strong { color: #00722d; font-weight: bold; }
form#adresse { position: relative; }
fieldset { clear: both; margin: 20px 0; }
button { background: none; border: none; padding: 0; text-align: left; }
form#callback button { color: #00722d; font-weight: bold; text-decoration: underline; }
.error { background-color: #fcc; border-bottom: 1px solid red; border-top: 1px solid red; font-weight: bold; }
#message { margin-bottom: 0; padding: .25em; text-align: center; }
form dt, form dd { font-size: 1.2em; float: left; margin: 5px 0; }
.angaben { position: relative; }
.angaben dt { clear: both; width: 74px; }
.termin dl { float: left; width: 50%; }
.termin dt, .termin dd { width: 100%; margin: 2px 0; }
.personen dd { width: 100%; }
.personen dt, .personen dd { margin: 2px 0; }
.flug dt { clear: both; width: 135px; }
.flug select { width: 160px; }
#newsletter dt { width: 150px; }
#newsletter dd { width: 250px; }


/**
  * @section Textfelder
  */
select.textbox, input.textbox, textarea { border: 1px solid #00722d; }
textarea#bemerkung { width: 345px; }
input.textbox, select.textbox { width: 160px; }
input.datum, input.vorwahl, input.plz { width: 50px; }
input.telefon, input.stadt { width: 100px; }
input.vorwahl, input.plz { margin-right: 5px; }
fieldset#newsletter input.vorwahl, fieldset#newsletter input.plz { margin-right: 8px; }
form#callback input.textbox { margin: 0 3px; width: 120px; }
dt.reisewunsch { position: absolute; right: 32px; top: 8px; width: 130px; }
dd.reisewunsch { position: absolute; right: 33px; top: 28px; width: 130px; }
#fussnoten { margin-bottom: 2em; }
#fussnoten dt { color: #00722d; clear: both; font-size: 1em; margin: 0 5px 0 0; text-align: right; width: 20px; }
#fussnoten dd { font-size: 1em; margin: 0; width: 390px; }
.alter_kinder { width: 57px; }
input.fehlt, textarea.fehlt { border-color: #f00; }
label.fehlt { color: #f00; }



/**
  * @section 06 Farbvarianten
  */

/* Hintergrundfarben und -bilder */
body.gruen { background: #00722d }
body.rot { background: #a10e14 }
body.blau { background: #1c335f }
body.gold { background: #e6b501 }

.gruen #site_wrapper { background: url(grafik/verlauf_gruen.jpg) no-repeat 169px 164px; }
.rot #site_wrapper { background: url(grafik/verlauf_rot.jpg) no-repeat 169px 164px; }
.blau #site_wrapper { background: url(grafik/verlauf_blau.jpg) no-repeat 169px 164px; }
.gold #site_wrapper { background: url(grafik/verlauf_gold.jpg) no-repeat 169px 164px; }

.gruen #wrapper { background: url(grafik/wrapper_bg_gruen.gif) repeat-y left top; }
.rot #wrapper { background: url(grafik/wrapper_bg_rot.gif) repeat-y left top; }
.blau #wrapper { background: url(grafik/wrapper_bg_blau.gif) repeat-y left top; }
.gold #wrapper { background: url(grafik/wrapper_bg_gold.gif) repeat-y left top; }

.googlemaps.gruen #wrapper, .sitemap.gruen #wrapper { background: url(grafik/wrapper_wide_bg_gruen.gif) repeat-y left top; }
.googlemaps.rot #wrapper { background: url(grafik/wrapper_wide_bg_rot.gif) repeat-y left top; }
.googlemaps.blau #wrapper { background: url(grafik/wrapper_wide_bg_blau.gif) repeat-y left top; }
.googlemaps.gold #wrapper { background: url(grafik/wrapper_wide_bg_gold.gif) repeat-y left top; }

/* Kopfgrafik */
.gruen #header { background-image: url(grafik/header_bg_gruen.jpg); }
.rot #header { background-image: url(grafik/header_bg_rot.jpg); }
.blau #header { background-image: url(grafik/header_bg_blau.jpg); }
.gold #header { background-image: url(grafik/header_bg_gold.jpg); }

/* obere runde Ecke Menu */
.gruen #mainmenu a.first { background: url(grafik/menu_corner_gruen.gif) no-repeat right top; }
.rot #mainmenu a.first { background: url(grafik/menu_corner_rot.gif) no-repeat right top; }
.blau #mainmenu a.first { background: url(grafik/menu_corner_blau.gif) no-repeat right top; }
.gold #mainmenu a.first { background: url(grafik/menu_corner_gold.gif) no-repeat right top; }

/* Menuhintergrund */
.gruen #mainmenu, .gruen #metamenu { background: #123a20; }
.rot #mainmenu, .rot #metamenu { background: #5d0106; }
.blau #mainmenu, .blau #metamenu { background: #1c335f; }
.gold #mainmenu, .gold #metamenu { background: #b68d01; }

/* Linienfarben zwischen den Menupunkten */
.gruen #mainmenu li { border-bottom: 1px solid #00933a; }
.rot #mainmenu li { border-bottom: 1px solid #9f0c1e; }
.rot #mainmenu li { border-bottom: 1px solid #c01c23; }
.blau #mainmenu li { border-bottom: 1px solid #4789c5; }
.gold #mainmenu li { border-bottom: 1px solid #dfbe00; }

/* runde Ecke oben links im weissen Inhaltsbereich */
.gruen #content { background-image: url(grafik/rundung_weiss_gruen.gif); }
.rot #content { background-image: url(grafik/rundung_weiss_rot.gif); }
.blau #content { background-image: url(grafik/rundung_weiss_blau.gif); }
.gold #content { background-image: url(grafik/rundung_weiss_gold.gif); }

/* Menulinks */
.gruen #mainmenu a.active, .gruen #mainmenu a:hover { background-color: #00722d; }
.rot #mainmenu a.active, .rot #mainmenu a:hover { background-color: #8b1009; }
.blau #mainmenu a.active, .blau #mainmenu a:hover { background-color: #1c67aa; }
.gold #mainmenu a.active, .gold #mainmenu a:hover { background-color: #cda801; }

.gruen #mainmenu li ul, .gruen #mainmenu li li a, .gruen #mainmenu li li a.active, .gruen #mainmenu li li a:hover { background-color: #00933a; }
.rot #mainmenu li ul, .rot #mainmenu li li a, .rot #mainmenu li li a.active, .rot #mainmenu li li a:hover { background-color: #c01c23; }
.blau #mainmenu li ul, .blau #mainmenu li li a, .blau #mainmenu li li a.active, .blau #mainmenu li li a:hover { background-color: #468ac5; }
.gold #mainmenu li ul, .gold #mainmenu li li a, .gold #mainmenu li li a.active, .gold #mainmenu li li a:hover { background-color: #ebca1a; }

/* Links im Inhalt */
.gruen a, .gruen h1 span, .gruen .foto h4, .gruen .fotos h4 { color: #00722d; }
.rot a, .rot h1 span, .rot .foto h4, .rot .fotos h4 { color: #a10e14; }
.blau a, .blau h1 span, .blau .foto h4, .blau .fotos h4 { color: #1b4393; }
.gold a, .gold h1 span, .gold .foto h4, .gold .fotos h4 { color: #b58d00; }

/* Links "Seitenanfang" */
.gruen p.pagetop a { color: #00722d; border-bottom: 1px solid #00722d; background: url(grafik/pagetop_gruen.gif) no-repeat right center }
.rot p.pagetop a { color: #a10e14; border-bottom: 1px solid #a10e14; background: url(grafik/pagetop_rot.gif) no-repeat right center }
.blau p.pagetop a { color: #1b4393; border-bottom: 1px solid #1b4393; background: url(grafik/pagetop_blau.gif) no-repeat right center }
.gold p.pagetop a { color: #b58d00; border-bottom: 1px solid #b58d00; background: url(grafik/pagetop_gold.gif) no-repeat right center }

/* Galerielinks */
.gruen #tab_menu a { background-color: #0a3c1f; }
.rot #tab_menu a { background-color: #5d0106; }
.blau #tab_menu a { background-color: #1c67a8; }
.gold #tab_menu a { background-color: #b68d01; }

/* Lageinfos */
.gold .lageinfo, .gold .kreuzfahrt_preise { background: url(grafik/lageinfo_gold_bg.gif) repeat-y left top; }
.gold .lageinfo h2, .gold .kreuzfahrt_preise h2 { background: url(grafik/lageinfo_gold_top.jpg) no-repeat left top; }
.gold .lageinfo div, .gold .kreuzfahrt { background: url(grafik/lageinfo_gold_bottom.jpg) no-repeat left bottom; }
.rot .lageinfo, .rot .kreuzfahrt_preise { background: url(grafik/lageinfo_rot_bg.gif) repeat-y left top; }
.rot .lageinfo h2, .rot .kreuzfahrt_preise h2 { background: url(grafik/lageinfo_rot_top.jpg) no-repeat left top; }
.rot .lageinfo div, .rot .kreuzfahrt { background: url(grafik/lageinfo_rot_bottom.jpg) no-repeat left bottom; }
.blau .lageinfo, .blau .kreuzfahrt_preise { background: url(grafik/lageinfo_blau_bg.gif) repeat-y left top; }
.blau .lageinfo h2, .blau .kreuzfahrt_preise h2 { background: url(grafik/lageinfo_blau_top.jpg) no-repeat left top; }
.blau .lageinfo div, .blau .kreuzfahrt { background: url(grafik/lageinfo_blau_bottom.jpg) no-repeat left bottom; }
.gruen .lageinfo, .gruen .kreuzfahrt_preise { background: url(grafik/lageinfo_gruen_bg.gif) repeat-y left top; }
.gruen .lageinfo h2, .gruen .kreuzfahrt_preise h2 { background: url(grafik/lageinfo_gruen_top.jpg) no-repeat left top; }
.gruen .lageinfo div, .gruen .kreuzfahrt { background: url(grafik/lageinfo_gruen_bottom.jpg) no-repeat left bottom; }

/* Highlights */
.gold .highlights { background: url(grafik/highlights_gold_bg.gif) repeat-y left top; }
.gold .highlights h2 { background: url(grafik/highlights_gold_top.jpg) no-repeat left top; }
.gold .highlights div { background: url(grafik/highlights_gold_bottom.jpg) no-repeat left bottom; }
.rot .highlights { background: url(grafik/highlights_rot_bg.gif) repeat-y left top; }
.rot .highlights h2 { background: url(grafik/highlights_rot_top.jpg) no-repeat left top; }
.rot .highlights div { background: url(grafik/highlights_rot_bottom.jpg) no-repeat left bottom; }
.blau .highlights { background: url(grafik/highlights_blau_bg.gif) repeat-y left top; }
.blau .highlights h2 { background: url(grafik/highlights_blau_top.jpg) no-repeat left top; }
.blau .highlights div { background: url(grafik/highlights_blau_bottom.jpg) no-repeat left bottom; }
.gruen .highlights { background: url(grafik/highlights_gruen_bg.gif) repeat-y left top; }
.gruen .highlights h2 { background: url(grafik/highlights_gruen_top.jpg) no-repeat left top; }
.gruen .highlights div { background: url(grafik/highlights_gruen_bottom.jpg) no-repeat left bottom; }


/**
  * @section 07 Lightbox
  */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0 }
#lightbox #lightboxImage { border-width: 1px; border-style: solid; border-color: #ddd }
#lightbox a img { border: none }
#lightbox #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto }
#lightbox #imageContainer { padding: 10px }
#lightbox #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0 }
#lightbox #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 }
#lightbox #imageContainer>#lightbox #hoverNav { left: 0 }
#lightbox #hoverNav a { outline: none }
#lightbox #prevLink, #nextLink { width: 33%; height: 100%; display: block }
#lightbox #prevLink { left: 0; float: left }
#lightbox #nextLink { right: 0; float: right }
#lightbox #prevLink, #lightbox #prevLink:hover, #lightbox #prevLink:visited:hover { background: url(../grafik/lightbox_prev_a.gif) left 15% no-repeat }
#lightbox #prevLink.inactive, #lightbox #prevLink.inactive:hover, #lightbox #prevLink.inactive:visited:hover { background: url(../grafik/lightbox_prev_i.gif) left 15% no-repeat; cursor: default }
#lightbox #nextLink, #lightbox #nextLink:hover, #lightbox #nextLink:visited:hover { background: url(../grafik/lightbox_next_a.gif) right 15% no-repeat }
#lightbox #nextLink.inactive, #lightbox #nextLink.inactive:hover, #lightbox #nextLink.inactive:visited:hover { background: url(../grafik/lightbox_next_i.gif) right 15% no-repeat; cursor: default }
#lightbox #imageDataContainer { font-family: Arial; font-size: 1em; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#lightbox #imageData { padding: 0 10px; color: #666 }
#lightbox #imageData #imageDetails { width: 70%; float: left; text-align: left }
#lightbox #imageData #caption { font-size: 1.2em; color: black; font-weight: bold; margin: 0 0 4px 0 }
#lightbox #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em }
#lightbox #imageData #bottomNavClose { float: right;  padding-bottom: .7em }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000 }



/**
  * @section 08 Druckstylesheet
  */
@media print {
    body, #wrapper, #content, #site_wrapper { background: white !important; }
    body { color: black; font-family: "Times New Roman", Times, serif; font-size: 10pt; }
    #metamenu, #mainmenu, #header, #pictures, .pagetools, .pagetop, #pagetop, #edit_layer, #tab_menu { display: none; }

    body, #site_wrapper, #wrapper { width: 20cm; }
    #content { float: left; padding: 0; width: 50%; }
    #pictures { display: block; float: right; width: 40%; }
    #pictures #tab_menu_text { color: black; font-size: 14pt; display: block; margin: 0; }
    #pictures .picture { position: static !important; top: auto !important; left: auto !important; opacity: 1 !important; }
    #pictures .picture span { color: black; margin-left: 0; }

    .ars_vivendi_wertung img { width: 100%; }
    .highlights, .lageinfo, .kreuzfahrt_preise { width: 100%; }
    .lageinfo, .kreuzfahrt_preise, .lageinfo h2, .kreuzfahrt_preise h2, .lageinfo div, .kreuzfahrt, .highlights, .highlights h2, .highlights div { background: none !important; }
    .highlights h2, .lageinfo h2, .kreuzfahrt_preise h2 { color: black; font-size: 17pt; padding: 0; }
    .highlights a, .lageinfo a, .kreuzfahrt_preise a { display: none; }
    .lageinfo p { padding: 0; }
    .lageinfo ul, .highlights ul { padding-left: 2em; }
    .lageinfo li, .highlights li { list-style-image: url(grafik/bullet_gold.gif); }
    .highlights li, .lageinfo li, .lageinfo p, .kreuzfahrt_preise p { color: black; font-size: 12pt; }

    h1 { font-size: 16pt; }
    h2 { font-size: 14pt; margin-bottom: 0; }
    h3 { font-size: 10pt; }
    h2.lexikon_head { color: #b68d01; }

    p { line-height: 1.4em; }
    em { font-style: italic; margin: 0; padding: 0; }
}