/* standards */
html[xmlns^="http"] {overflow-y: scroll;}
/* css 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
.floatleft {float:left; }
br {margin: 0; padding: 0; line-height: 0.0001em;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
p {padding: 0 0 0.8em 0;}
em {font-style:italic;}
.firmendaten {margin-bottom: 1em;}
.firmendaten .desc,
.firmendaten .value {font-size: 1em; padding: .2em 0; color: #205831;}
.bordered {border-bottom: 1px dashed #515151;}
.firmendaten .desc {width: 14em; font-weight: bold;}
.firmendaten .value {width: 26em;}
.clearblock:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearblock {display: inline-block;}
html[xmlns] .clearblock {display: block;}
* html .clearblock {height: 1%;}
.clear {clear: both;}
.pdf {background:transparent url(../images/pdf.gif) no-repeat scroll 0 0; padding:0 0 3px 20px;}
.print {background:transparent url(../images/printer.png) no-repeat scroll 0 0; padding:0 0 3px 20px;}
iframe {border: 1px solid #205831; padding:3px;}
/* end of standards ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
html, body {min-height: 100%; height: auto; height: 100%; line-height: 1.6em; background:#fff;}
body {font-size: 70%; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #205831;
background: url(../images/layout/bg-body.jpg) repeat-x #fff; }
/* CONTAINER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#container {margin:0 auto; background:url(../images/layout/bg-container.jpg) center top no-repeat; }
#content-container {width:960px; margin:0 auto; }
/* HEADER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#header {height:417px; background:url(../images/layout/bg-head.jpg) no-repeat}
/* --- h1 Branding --- */
h1#branding {padding:0 0 0 0; }
/*---------------------------------------NAVIGATION---------------------------------------------------------*/
#sidebar {width:279; float:left;}
/* --- navigation --- */
ul#navi { padding:58px 27px 0 45px;}
ul#navi li a {text-indent:-9999em; background-position: left !important; width:207px; display: block; text-decoration:none; }
ul#navi li.mueh a { height:38px; background:url(../images/layout/navi/buchenmuehle.jpg) left no-repeat; }
ul#navi li.rest a { height:30px; background:url(../images/layout/navi/restaurant.jpg) left no-repeat; }
ul#navi li.spei a { height:31px; background:url(../images/layout/navi/speisen.jpg) left no-repeat; }
ul#navi li.feie a { height:31px; background:url(../images/layout/navi/feiern.jpg) left no-repeat; }
ul#navi li.kids a { height:29px; background:url(../images/layout/navi/kids.jpg) left no-repeat; }
ul#navi li.hote a { height:30px; background:url(../images/layout/navi/hotel.jpg) left no-repeat; }
ul#navi li.buch a { height:80px; background:url(../images/layout/navi/buchung.jpg) left no-repeat; }
ul#navi li.regi a { height:30px; background:url(../images/layout/navi/region.jpg) left no-repeat; }
ul#navi li.geas a { height:30px; background:url(../images/layout/navi/gaestebuch.jpg) left no-repeat; }
ul#navi li a:hover {background-position:right !important; }
/*----- naviadd-head Active-------*/
body#buchenmuehle li.mueh a, body#feiern-und-veranstaltungen li.feie a, body#kids li.kids a, body#hotel li.hote a, body#region li.regi a {text-decoration:none; background-position:right !important; }
/* navigation - drop down */
ul#navi li ul.subnav {display: none; }
ul#navi li:hover ul.subnav {text-indent:0em; color:#000;}
ul#navi li ul.subnav li a { text-indent:-9999em; background-position: left !important; width:207px; display: block;
text-decoration:none; }
ul#navi li ul.subnav li.rest2 a { height:31px; background:url(../images/layout/navi/restaurant2.jpg) left no-repeat;}
ul#navi li ul.subnav li.kami a { height:31px; background:url(../images/layout/navi/kaminzimmer.jpg) left no-repeat;}
ul#navi li ul.subnav li.gewo a { height:31px; background:url(../images/layout/navi/gewoelbekeller.jpg) left no-repeat;}
ul#navi li ul.subnav li.scha a { height:30px; background:url(../images/layout/navi/schankraum.jpg) left no-repeat;}
ul#navi li ul.subnav li.roma a { height:30px; background:url(../images/layout/navi/romantische-scheune.jpg) left no-repeat;}
ul#navi li ul.subnav li.terr a { height:28px; background:url(../images/layout/navi/terrasse.jpg) left no-repeat;}
ul#navi li ul.subnav li a:hover {background-position:right !important;}
body#kaminzimmer ul#navi li ul.subnav li.kami a, body#gewoelbekeller ul#navi li ul.subnav li.gewo a, body#schankraum ul#navi li ul.subnav li.scha a, body#romantische-scheune ul#navi li ul.subnav li.roma a, body#terrasse ul#navi li ul.subnav li.terr a, body#restaurant ul#navi li ul.subnav li.rest2 a {background-position:right !important;}
ul#navi li ul.subnav2 {display: none; }
ul#navi li:hover ul.subnav2 {text-indent:0em; color:#000;}
ul#navi li ul.subnav2 li a { text-indent:-9999em; background-position: left !important; width:207px; display: block;
text-decoration:none; }
ul#navi li ul.subnav2 li a:hover {background-position:right !important;}
ul#navi li ul.subnav2 li.sais a { height:28px; background:url(../images/layout/navi/saisonale-gerichte.jpg) left no-repeat;}
ul#navi li ul.subnav2 li.spei2 a { height:31px; background:url(../images/layout/navi/speisen2.jpg) left no-repeat;}
body#saisonale-gerichte ul#navi li ul.subnav2 li.sais a, body#speisen ul#navi li ul.subnav2 li.spei2 a {background-position:right !important;}
/* --- naviadd-head --- */
ul#naviadd-head {height:42px; width:293px; margin:0 0 0 600px}
ul#naviadd-head li {float:left;}
ul#naviadd-head li a {text-indent:-9999em; height:42px; background-position: top !important;
display: block; text-decoration:none; }
ul#naviadd-head li a:hover {background-position:bottom !important; }
ul#naviadd-head li.inde a { width:62px; background:url(../images/layout/navi/home.jpg) no-repeat;}
ul#naviadd-head li.kont a {width:73px; background:url(../images/layout/navi/kontakt.jpg) no-repeat;}
ul#naviadd-head li.anfa a {width:71px; background:url(../images/layout/navi/anfahrt.jpg) no-repeat;}
ul#naviadd-head li.impr a {width:87px; background:url(../images/layout/navi/impressum.jpg) no-repeat;}
body#index ul#naviadd-head li a.ind {background-position:bottom !important; }
/*----- naviadd-head Active-------*/
body#index ul#naviadd-head li.inde a, body#kontakt ul#naviadd-head li.kont a, body#anfahrt ul#naviadd-head li.anfa a, body#impressum ul#naviadd-head li.impr a {background-position:bottom !important; }
.galerie { margin:0 0 0 45px;}
/* --- vcl --- */
.vcf-d {height:50px; width:273px; display:block; text-indent:-9999px; text-decoration:none;
background:url(../images/layout/vcf.jpg) no-repeat top; margin:15px 0 25px 0;}
/* CONTENT ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#content-main { width:423px; float:left;}
h2 {text-indent:-9999px; width:423px; height:57px; padding:0 0 15px 0; margin-top:48px}
h2.index {background:url(../images/layout/h2/willkommen.jpg) no-repeat;}
h2.buchenmuehle {background:url(../images/layout/h2/buchenmuehle.jpg) no-repeat;}
h2.restaurant {background:url(../images/layout/h2/restaurant.jpg) no-repeat;}
h2.kaminzimmer {background:url(../images/layout/h2/kaminzimmer.jpg) no-repeat;}
h2.gewoelbekeller {background:url(../images/layout/h2/gewoelbekeller.jpg) no-repeat;}
h2.schankraum {background:url(../images/layout/h2/schankraum.jpg) no-repeat;}
h2.romantische-scheune {background:url(../images/layout/h2/romantische-scheune.jpg) no-repeat;}
h2.terrasse {background:url(../images/layout/h2/terrasse.jpg) no-repeat;}
h2.speisen {background:url(../images/layout/h2/speisen.jpg) no-repeat;}
h2.saisonale-gerichte {background:url(../images/layout/h2/saisonale-gerichte.jpg) no-repeat;}
h2.feiern {background:url(../images/layout/h2/feiern.jpg) no-repeat;}
h2.kids {background:url(../images/layout/h2/kids.jpg) no-repeat;}
h2.hotel {background:url(../images/layout/h2/hotel.jpg) no-repeat;}
h2.galerie2 {background:url(../images/layout/h2/galerie.jpg) no-repeat;}
h2.aktuelles {background:url(../images/layout/h2/aktuelles.jpg) no-repeat;}
h2.region {background:url(../images/layout/h2/region.jpg) no-repeat;}
h2.gaestebuch {background:url(../images/layout/h2/gaestebuch.jpg) no-repeat;}
h2.kontakt {background:url(../images/layout/h2/kontakt.jpg) no-repeat;}
h2.anfahrt {background:url(../images/layout/h2/anfahrt.jpg) no-repeat;}
h2.impressum {background:url(../images/layout/h2/impressum.jpg) no-repeat;}
h2.newsletter {background:url(../images/layout/h2/news.jpg) no-repeat;}
h2.error {background:url(../images/layout/h2/error.jpg) no-repeat;}
h5 {font-size:15px; font-weight:bold; color:#205831; padding:15px 0 10px 0}
/* --- ul li --- */
ul {list-style-type: none; }
/* SIDEBAR2 ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#sidebar-two {width:258px; float:left; background:url(../images/layout/navi/newsletter.jpg) top no-repeat;}
.abstand { padding:120px 10px 0 30px; width:190px }
.abstand2 { padding:10px 15px 0 30px}
#aktu {height:210px; margin:10px 0 0 5px; padding:70px 10px 0 30px; float:left; line-height:1.6em; background:url(../images/layout/navi/aktuelles.jpg) no-repeat; width:190px;}
/*------------Bilder---------------*/
.rahmen {border:1px solid #205831; padding:3px; margin-bottom:15px;}
.rahmen2 {border:1px solid #205831; padding:3px; margin:10px 0 10px 0;}
.rahmen3 {border:1px solid #205831; padding:3px; margin:3px 10px 10px 0;}
.rahmen4 {border:1px solid #205831; padding:3px; margin:3px 0px 10px 0;}
/* --- links --*/
a:link, a:visited { text-decoration: underline; color:#205831; }
a:hover {text-decoration: none; color:#205831;}
/* ewcms ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#ewcms_edit_controller {position: fixed; _position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; font-weight: bold; font-size: 1.1em; z-index: 10;}
#ewcms_edit_controller a{color: #f00;}
.box-left {float:left; width:260px}
/*------------ Angebot ---------------*/
.angebot {float:left; width:370px; margin:0 5px 10px 0 }
.preis {float:left;}
/* FOOTER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
.footer { background: url(../images/layout/bg-footer.jpg) repeat-x; height: 209px; margin:0 auto; /* .push must be the same height as .footer */}
.footer-content {width:960px; height:209px; margin:0 auto; position:relative; background:url(../images/layout/bg-footer-content.png) no-repeat}
.push { height: 209px; /* .push must be the same height as .footer */}
/** html .footer {height:40px;}
* html .push {height:40px;}*/
ul#adress {line-height:18px; padding:90px 0 0 290px; color:#FFFFFF }
ul#adress li {list-style: none; float:left; padding: 0px 25px 0px 0px;}
ul#adress li a:link { text-decoration: underline; color:#fff;}
ul#adress li a:hover { text-decoration: none; color:#fff;}
.speise {width:420px;}
.price {width:80px; float:right; margin-left:20px;}