@charset "ISO-8859-1";

/*
////////////////////////////////////////////////////////////
//
// Stylesheet: www.kretscham-schoenbach.de
// 
// Version: 2009-09-13
//
////////////////////////////////////////////////////////////
*/

* { margin: 0; padding: 0; }

body { background: #7F0000 url(../images/layout/bg.png) top left fixed repeat-x; font: 12px/150% Tahoma, Geneva, sans-serif; }

#wrapper-header-images { width: 916px; margin: 0 auto; padding-top: 45px; }

#header-alte-fotos { position: absolute; width: 350px; height: 235px; top: 10px; background: url(../images/layout/alte-fotos.png) left top no-repeat; }

/*
Sommersonnenblume
#header-sonnenblumen { position: absolute; width: 150px; height: 111px; background: url(../images/layout/sonnenblumen-oben.png) 10px top no-repeat; top: 180px; }
*/

#header-banner { position: absolute; width: 191px; height: 70px; background: url(../images/layout/banner-seit-1502.png) left top no-repeat; top: 20px; margin-left: 724px; }

#wrapper-schatten { background: url(../images/layout/schatten.png) center top repeat-y; }

#schatten-unten { background: url(../images/layout/schatten-unten.png) center top no-repeat; height: 10px; }

#wrapper { width: 840px; margin: 0 auto; background: url(../images/layout/wrapper-bg.png) left top repeat-y; overflow: hidden; }

#wrapper-seitenleiste-bg { background: url(../images/layout/seitenleiste-bottom-bg.png) left bottom no-repeat; overflow: hidden; }

#wrapper-inhalt-bg { background: url(../images/layout/inhalt-bottom-bg.png) right bottom no-repeat; overflow: hidden; }

#header { background: url(../images/layout/header-bg.png) right top no-repeat; }

#header h1 { background: url(../images/layout/h1.gif) 375px 30px no-repeat; height: 80px; text-indent: -10000%; }

#header h2 { background: url(../images/layout/h2-head.gif) 370px 0px no-repeat; height: 34px; text-indent: -10000%; }

#spalte-seitenleiste { width: 250px; float: left; background: #EAE0A4 url(../images/layout/navigation.png) top left no-repeat; }

#spalte-inhalt { width: 590px; float:left; background: url(../images/layout/fotoanimation-bottom.png) left 250px no-repeat; }

#fotoanimation { height: 250px; }

#fotos-seitenleiste { text-align: center; }

/*
////////////////////////////////////////////////////////////
//
// ALLGEMEINE GESTALTUNGSELEMENTE
//
////////////////////////////////////////////////////////////
*/

/*
////////////////////////////////////////////////////////////
// Box
////////////////////////////////////////////////////////////
*/

.box { background: url(../images/layout/box-body.png) center top repeat-y; width: 435px; }

.box .wrapper-top { background: url(../images/layout/box-top.png) 0px top no-repeat; }

.box .wrapper-bottom { background: url(../images/layout/box-bottom.png) 0px bottom no-repeat; padding-bottom: 25px; }

.box-float { float: left; margin-right: 10px; }

.box.pauschalangebot { background: url(../images/layout/box-angebot-body.png) center top repeat-y; width: 206px; }

.box.pauschalangebot .wrapper-top { background: url(../images/layout/box-angebot-top.png) center top no-repeat; }

.box.pauschalangebot .wrapper-bottom { background: url(../images/layout/box-angebot-bottom.png) center bottom no-repeat; padding-bottom: 25px; }

div.speisekarte { font-size: 11px; color: #3e3620; }

div.speisekarte ul { margin-left: 100px; line-height: 150%; }

div.speisekarte .preis { margin: 0 40px 0 0!important; float: right; font-size: 16px; }

div.pauschalangebot { font-size: 11px; color: #3e3620; }

div.pauschalangebot ul { margin-left: 40px; line-height: 150%; }

ul.preise { list-style-type: none; }

div.pauschalangebot ul.preise strong { display: block; float: left; width: 105px; }

div.pauschalangebot p { margin: 1em 0 1em 20px !important; }

/*
////////////////////////////////////////////////////////////
//
// NAVIGATIONEN
//
////////////////////////////////////////////////////////////
*/

/*
////////////////////////////////////////////////////////////
// Hauptnavigation in Seitenleiste
////////////////////////////////////////////////////////////
*/
#haupt-navigation { margin: 85px 15px 10px 15px; xbackground: #999; list-style-type: none; line-height: 100%; }

#haupt-navigation li { padding: 9px 0 7px 0; background-position: left bottom; background-repeat: no-repeat; }

#haupt-navigation li a { width: 95%; height: 13px; display: block; background-position: right top; background-repeat: no-repeat; }

#haupt-navigation li a:hover { background-position: right -20px; }

#haupt-navigation li a span { display: none; }

#nav-startseite { background-image: url(../images/layout/nav-sep-1.gif); }

#nav-historie { background-image: url(../images/layout/nav-sep-2.gif); }

#nav-hotel { background-image: url(../images/layout/nav-sep-3.gif); }

#nav-restaurant { background-image: url(../images/layout/nav-sep-4.gif); }

#nav-freizeitangebote { background-image: url(../images/layout/nav-sep-5.gif); }

#nav-startseite a { background-image: url(../images/layout/nav-startseite.gif); }

#nav-historie a { background-image: url(../images/layout/nav-historie.gif); }

#nav-hotel a { background-image: url(../images/layout/nav-hotel.gif); }

#nav-restaurant a { background-image: url(../images/layout/nav-restaurant.gif); }

#nav-freizeitangebote a { background-image: url(../images/layout/nav-freizeitangebote.gif); }

#haupt-navigation-2 { margin: 60px 15px 10px 15px; list-style-type: none; }

#haupt-navigation-2 li { padding: 5px 0; background-position: left bottom; background-repeat: no-repeat; }

#haupt-navigation-2 li a { width: 95%; height: 11px; display: block; background-position: right top; background-repeat: no-repeat; }

#haupt-navigation-2 li a:hover { background-position: right -20px; }

#haupt-navigation-2 li a span { display: none; }

#nav-anfahrt a { background-image: url(../images/layout/nav-anfahrt.gif); }

#nav-kontakt a { background-image: url(../images/layout/nav-kontakt.gif); }

#nav-impressum a { background-image: url(../images/layout/nav-impressum.gif); }

#nav-sitemap a { background-image: url(../images/layout/nav-sitemap.gif); }

#inhalt { margin: 0 50px 80px 80px; }

#inhalt p { margin: 1.5em 0; }

.substitute { text-indent: -10000%; background-repeat: no-repeat; background-position: left top; }

#inhalt h2 { clear: both; padding-top: 30px; }

#inhalt h2.substitute { background-position: left 30px; }

h2.substitute { height: 25px; margin-bottom: 5px; }

h2.padding { margin-bottom: 30px; }

h2.sub-headline { height: 11px; margin-bottom: 10px; }

h3 { margin: 2em 0 1em 0; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color:#4B0000; }

.initial { float: left; margin: -10px -5px -10px -10px; }

.show-subnavi#wrapper-subnavi { background: url(../images/layout/subnavi-bg.png) 398px 364px no-repeat; }

#bereichs-navigation { xborder: 1px solid blue; float: right; margin: 0; padding: 21px 0 5px 40px; width: 434px; background: url(../images/layout/subnavi-bg.png) top left no-repeat; }

#bereichs-navigation li { float: left; margin-left: 20px; color: #750606; }

#bereichs-navigation a { color: #1C1C18; color: #fff; color: #3c0000; text-decoration: none; font-size: 11px; text-transform: uppercase; }

#bereichs-navigation a:hover { color: #9C0303; color: #fff; }

.gfx-button span { display: none; }

#button-uebernachtung-buchen { background: url(../images/layout/button-uebernachtung-buchen.png) top left no-repeat; width: 203px; height: 43px; display: block; margin: 10px 0 0 250px; }

#button-uebernachtung-buchen:hover { background: url(../images/layout/button-uebernachtung-buchen-hover.png) top left no-repeat; }

dl { xmargin-left: 20px; }

dl dt { font-size: 12px; font-weight: bold; color: #6c6645; margin: 1em 0 3px 0; }

/*
////////////////////////////////////////////////////////////
//
// Seitenspezifische Änderungen 
//
////////////////////////////////////////////////////////////
*/

/* 
// Navigation Highlight 
////////////////////////////////////////////////////////////////////////////////
*/

#page-index #nav-startseite a,
#page-historie #nav-historie a,
#page-hotel #nav-hotel a,
#page-hotel-pauschalangebote #nav-hotel a,
#page-restaurant #nav-restaurant a,
#page-restaurant-veranstaltungen #nav-restaurant a,
#page-restaurant-gruppenangebote #nav-restaurant a,
#page-restaurant-aktionen #nav-restaurant a,
#page-freizeitangebote #nav-freizeitangebote a,
#page-freizeitangebote-wandern-radwandern #nav-freizeitangebote a,
#page-anfahrt #nav-anfahrt a,
#page-kontakt #nav-kontakt a,
#page-impressum #nav-impressum a,
#page-sitemap #nav-sitemap a { background-position: right -40px; }

/*
// Highlight Bereichs-Navigation 
////////////////////////////////////////////////////////////////////////////////
*/

#page-hotel-pauschalangebote #nav-hotel-pauschalangebote a,
#page-restaurant-aktionen #nav-restaurant-aktionen a,
#page-freizeitangebote #nav-ausflugsziele a,
#page-freizeitangebote-wandern-radwandern #nav-wandern-radwandern a,
#page-restaurant #nav-restaurant-2 a,
#page-restaurant-veranstaltungen #nav-restaurant-veranstaltungen a,
#page-restaurant-gruppenangebote #nav-restaurant-gruppenangebote a,
#page-hotel #nav-hotel-2 a { xfont-weight: bold; color: #fff; }

#page-index #inhalt h2 { background-image: url(../images/layout/h2-index.gif); }

#page-index #inhalt h3.sub-headline { background-image: url(../images/layout/h3-sub-index.gif); }

#page-historie #inhalt h2 { background-image: url(../images/layout/h2-historie.gif); }

#page-hotel #inhalt h2 { background-image: url(../images/layout/h2-hotel.gif); }

/*#page-hotel h3#unsere-zimmerpreise { background-image: url(../images/layout/h3-hotel-zimmerpreise.gif); display: none; }*/

#page-hotel-pauschalangebote #inhalt h2 { background-image: url(../images/layout/h2-hotel-pauschalangebote.gif); height: 25px; }

/*
////////////////////////////////////////////////////////////
// Austausch Überschriften 
////////////////////////////////////////////////////////////
*/


#page-restaurant #inhalt h2 { background-image: url(../images/layout/h2-restaurant.gif); }

#page-restaurant-gruppenangebote #inhalt h2 { background-image: url(../images/layout/h2-gruppenangebote.gif); }

#page-restaurant-aktionen #inhalt h2 { background-image: url(../images/layout/h2-aktionen.gif); }

#page-sitemap #inhalt h2 { background-image: url(../images/layout/h2-sitemap.gif); }

#page-impressum #inhalt h2 { background-image: url(../images/layout/h2-impressum.gif); }

#page-freizeitangebote #inhalt h2 { background-image: url(../images/layout/h2-freizeitangebote.gif); }

#page-freizeitangebote-wandern-radwandern #inhalt h2 { background-image: url(../images/layout/h2-wandern-radwandern.gif); }

#page-kontakt #inhalt h2 { background-image: url(../images/layout/h2-kontakt.gif); }

#page-kontakt h3#ihre-anfrage { background-image: url(../images/layout/h3-kontakt-ihre-anfrage.gif); }

#page-restaurant-veranstaltungen #inhalt h2 { background-image: url(../images/layout/h2-veranstaltungen.gif); }

#page-anfahrt #inhalt h2 { background-image: url(../images/layout/h2-anfahrt.gif); }

h3#per-fahrrad { background-image: url(../images/layout/h3-per-fahrrad.gif); height: 33px; }

/* Seite restaurant-angebote-fuer-gruppen.html */

.speisekarte h3 { margin-top: 0 !important;  }
#speisekarte-mittagessen h3 { background: url(../images/layout/h3-speisekarte-mittagessen.png) 11px 11px no-repeat; height: 40px; text-indent: -10000%; }

#speisekarte-karneval h3 { background: url(../images/layout/h3-speisekarte-karneval.png) 11px 11px no-repeat; height: 40px; text-indent: -10000%; }

#speisekarte-schlachtfest h3 { background: url(../images/layout/h3-speisekarte-schlachtfest.png) 11px 11px no-repeat; height: 40px; text-indent: -10000%; }



#box-silvestertanz h3 { background: url(../images/layout/h3-silvestertanz.gif) center top no-repeat; height: 20px; text-indent: -10000%; }



/* Seite hotel-pauschalangebote.html */

.pauschalangebot h3 {  margin-top: 0 !important;  }
#pauschalangebot-kleeblatt h3 {background: url(../images/layout/h3-pauschalangebote-kleeblatt.gif) 11px 26px no-repeat; height: 53px; text-indent: -10000%; }

#pauschalangebot-kleeblatt .details-kleeblatt { background: url(../images/layout/angebot-kleeblatt-bg.png) 50px 0px no-repeat; }

#pauschalangebot-eisenbahn h3 {background: url(../images/layout/h3-pauschalangebote-eisenbahnfreunde.gif) 11px 36px no-repeat; height: 53px; text-indent: -10000%; }

#pauschalangebot-kegelwochenende h3 { background: url(../images/layout/h3-pauschalangebote-kegelwochenende.gif) 11px 36px no-repeat; height: 53px; text-indent: -10000%; }

#pauschalangebot-kegelwochenende .details { background: url(../images/layout/angebot-kegeln-bg.png) 60px 30px no-repeat; }


#pauschalangebot-sternwandern h3 { background: url(../images/layout/h3-pauschalangebote-sternwandern.gif) 11px 36px no-repeat; height: 53px; text-indent: -10000%; }

#pauschalangebot-karneval h3 { background: url(../images/layout/h3-pauschalangebote-karneval.gif) 11px 36px no-repeat; height: 53px; text-indent: -10000%; }

/*
// Seite Freizeitangebote
///////////////////////////////////////////////////////////////////////////////
*/
/*#page-freizeitangebote #inhalt dl dt {  font-size: 14px; color: #6c6645; margin: 1em 0 3px 0;  }*/
/*#page-freizeitangebote #inhalt dl dd {  }*/

dt.ausfluege-nach-polen { padding-top: 20px; }

.ausfluege-nach-polen img { float: right; margin: -20px -20px 0 0; }

.ausfluege-nach-polen { text-align: right; }

dd.ausfluege-nach-polen { padding-bottom: 20px; }

dt.ausfluege-nach-tschechien { padding-top: 20px; }

.ausfluege-nach-tschechien img { float: left; margin: -25px 0 0 -30px; }

#box-zimmerpreise { background: url(../images/layout/zimmerpreise-bg.png) top left no-repeat; margin: 0 0 0 20px; xpadding-top: 20px; }

#box-zimmerpreise table { width: 300px; margin: 0 0 10px 20px; padding-top: 16px; padding-bottom: 20px;}

#box-zimmerpreise table td { text-align: right; vertical-align: top; color: #3e3620; line-height: 120%; }

#box-zimmerpreise table td.zusatz { font-size: 11px; padding: 2px 0 7px 0; }

#box-zimmerpreise table td.preis { font-weight: bold; color: #79631f; }

.box-preise { background: url(../images/layout/box-preise.png) left top no-repeat; width: 454px; height: 155px; }

.box-preise dl { width: 200px; xborder: 1px solid blue; float: left; }

.box-preise dt { margin: 0 !important; }

.box-preise p { margin: 0 !important; text-align: center; color: #3e3620; }

.box-preise .preis { text-align: right; padding: 5px 20px 5px 0; font-size: 14px; }

.box-preise .preis em { font-size: 20px; font-style: normal; color: #79631f; }

.box-preise #rustikales-buffet .preis { padding-top: 8px; padding-bottom: 10px; }

.box-preise #festpreismenues { margin: 0 0 0 15px; }

.box-preise #rustikales-buffet { margin: 0 0 0 20px; }

.box-preise #festpreismenues dt { background: url(../images/layout/subst-unsere-festpreismenues.png) 0px 30px no-repeat; width: 220px; height: 70px; text-indent: -10000%; }

.box-preise #rustikales-buffet dt { background: url(../images/layout/subst-rustikales-buffet.png) 0px 15px no-repeat; width: 199px; height: 63px; text-indent: -10000%; }

ul.ausflugsziele li { float: left; }

dl.speisenkarte { margin-left: 40px; }

dl.speisenkarte dt { font-size: 14px; color: #6c6645; margin: 1em 0 3px 0; }

ul#sitemap { margin: 2em 0 0 2em; }

ul#sitemap,
ul#sitemap ul { list-style-type: none; }

ul#sitemap li { background: url(../images/layout/sitemap-seite.png) left top no-repeat; padding: 5px 0 8px 30px; xfont-weight: bold; }

ul#sitemap li ul { margin: 10px 0 0 0px; }

ul#sitemap li ul li { background: url(../images/layout/sitemap-unterseite.png) left top no-repeat; padding: 2px 0 4px 100px; margin-left: -21px; font-weight: normal; font-size: 11px; }

ul#sitemap li ul li.last-child { background: url(../images/layout/sitemap-letzte-unterseite.png) left top no-repeat; }

ul#sitemap li a { color: #3e3620; text-decoration: none; }

ul#sitemap li li a { color: #6c664f; }

ul#sitemap li a:hover { color: #79631f; text-decoration: underline; }

.zentriert { text-align: center; }

.clear { clear: both; }

#kleeblatt-touren { background: url(../images/layout/kleeblatt-bg.png) 50px 100px no-repeat; padding-bottom: 30px; }

#h4-menue-1 { text-indent: -10000%; background: url(../images/layout/h4-menue-1.gif) center top no-repeat; height: 21px; margin: 0 0 5px 0 !important; }

#h4-menue-2 { text-indent: -10000%; background: url(../images/layout/h4-menue-2.gif) center top no-repeat; height: 21px; margin: 15px 0 5px 0 !important; }

#h4-menue-3 { text-indent: -10000%; background: url(../images/layout/h4-menue-3.gif) center top no-repeat; height: 21px; margin: 15px 0 5px 0 !important; }

.spalte-1 { width: 170px; float: left; }

.spalte-2 { width: 270px; float: left; }

/*
////////////////////////////////////////////////////////////
//
// Formularelemente
//
////////////////////////////////////////////////////////////
*/

.label { padding: 3px 10px 0 0; text-align: right; vertical-align: top; width: 130px; line-height: 100%; }

label { font-size: 10px; font-weight: bold; color: #45443D; }

.eingabe { vertical-align: top; }

.eingabe input,
.eingabe textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: 1px solid #c70000; background: #FAF9F0 url(../images/layout/formular-input.png) top left no-repeat; padding: 4px 5px; }

.checkbox input { width: 20px; }

.eingabe.schmal input,
.eingabe.schmal textarea { width: 70px; }

.eingabe.mittel input,
.eingabe.mittel textarea { width: 140px; }

.eingabe.breit input,
.eingabe.breit textarea { width: 230px; }

.formular-wrapper h4 { font-weight: bold; text-transform: uppercase; font-size: 11px; letter-spacing: 3px; margin: 0 !important; border-bottom: 1px dotted #B0A46B; }

.formular-wrapper p { margin: 0 !important; font-size: 11px; }

.formular .text { padding: 0 0 1em 0; }

.formular table td { font-size: 11px; vertical-align: top; padding-bottom: 10px; }

.formular table td label { font-size: 11px; }

.formular table td input { margin-top: 3px; }

.formular-sektion { border: 1px dotted #B0A46B; padding: 10px; margin-bottom: 1em; background-color: #e2dcb5; margin-left: 10px; }
.formular-sektion-padding { padding: 10px; margin-left: 11px; }

a.toggle-sektion { margin: 1em 0 0.5em 10px; display: block; color: #444; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../images/layout/toggle-pfeil.gif) left 58% no-repeat; padding-left: 10px; }

/*
////////////////////////////////////////////////////////////
// Datepicker
////////////////////////////////////////////////////////////
*/
#ui-datepicker-div { width: 160px; }

.ui-datepicker-calendar { line-height: 90%; }

.ui-datepicker-title { line-height: 90%; font-size: 11px; }

.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td { line-height: 90%; font-size: 11px; }

/* Button Image */
.ui-datepicker-trigger { margin: 0 0 -2px 3px; }

/* Formularelement */
.hasDatepicker { }




#counter { color: #991F1A; text-align: center; }



.impressum-meta { font-size: 11px; line-height: 140%; }
ul#bildquellen { margin-left: 14px; }











.align-right { text-align: right; }






ul.veranstaltungen { margin-left: 30px; }
ul.veranstaltungen a { color: #79631F; text-decoration: none; font-weight: bold; font-size: 11px; }
ul.veranstaltungen a:hover { color: #3E3620; }

.schlachtfest { margin-top: 20px; margin-bottom: 20px; }
.schlachtfest td { vertical-align: top; padding-bottom: 10px; }
.schlachtfest .angebot { padding-right: 30px; }
.schlachtfest .angebot em { display: block; font: normal 16px Georgia, "Times New Roman", Times, serif}
.schlachtfest .preis { white-space:nowrap; }


.karneval { margin-top: 2em; }
.karneval .Datum { font:  normal 16px Georgia, "Times New Roman", Times, serif; padding-right: 20px; vertical-align: top; }
.karneval .Aktion {font: bold normal 16px Georgia, "Times New Roman", Times, serif; padding-bottom: 0.7em; }
.karneval .Aktion em {font: normal 14px Georgia, "Times New Roman", Times, serif;}