/* Basic Elements */
body{background-color:#eae6d6;font:0.75em Georgia;color:#000;}

/* Generic Classes */
.clear{clear:both;}
.nborder{border:0px;}

/* Header */
#logo{width:448px;height:122px;background-image:url('../images/logo.gif');margin:40px 0px 30px 0px;clear:both;}

/* Content */
#content{width:615px;margin:20px auto;}
#navi li{background-color:#74ad6f;display:block;float:left;padding:2px 10px;font:12pt Arial;color:#fff;margin-left:2px;}
#navi li:hover{background-color:#307f2a;}
#navi ul{float:right;}
#navi a:link, #navi a:hover, #navi a:active, #navi a:visited{text-decoration:none;color:#fff;}
#tafel{width:575px;height:237px;background-image:url('../images/tafel.jpg');color:#fff;font:13px Georgia;padding:10px 20px;}
    /* Schilder */
    #ewald_aktuell,#knusper_knusper, #unsere_gaeste{font-size:0px;display:block;margin-bottom:10px;}
    #ewald_aktuell{width:148px;height:18px;background-image:url('../images/ewald_aktuell.gif');}
    #knusper_knusper{width:223px;height:65px;background-image:url('../images/knusper_knusper.gif');}
    #unsere_gaeste{width:132px;height:20px;background-image:url('../images/unsere_gaeste.gif');margin-top:30px;}
#foto_haus{float:right;}
.kommentar{width:180px;float:left;margin-right:20px;line-height:1.5;}
#last_kommentar{margin-right:0px;}
hr.strich{color:#74ad6f;width:615px;}
.speisekarte{color:#023908;float:left;margin-right:15px;font-size:13px;}
.speisekarte3{color:#023908;float:left;margin-right:15px;font-size:13px;}
.speisekarte2{color:#023908;float:left;margin-right:15px;font-size:13px;}
#bild{float:left; margin:0px 120px 0px 0px;}
#bild2{float:right; margin:0px 0px 0px 0px;}
.preise2{margin:15px 0px 0px 0px;font-size:13px;}
.preise{font-size:13px;}
.speiseplan{margin:15px 0px 15px 90px;display:block;}
.speiseplan2{height:110px;margin:0px 90px 15px 40px;display:block;}
.speiseplan3{margin:15px 0px 15px 90px;display:block;}
#gaffel{float:left;margin-left:65px;}
#veltins{}
#textbier{float:left;padding:18px;}
#bierwerbung{height:50px;width:615px;margin:27px 5px 15px 0px;display:block;}
#GMap{width:500px;height:500px;display:block;}
#zitat{font-style:italic;text-align:center;}
#anfahrttext{text-align:left;}
.Anfahrt{text-align:left;}
#GoogleMaps{padding:0 0 0 60px;}
.kursiv{font-style:italic;}
.klein{font-size:11px;}
.divhahn{float:left;}
#hausalt{margin-left:350px;}
#bilderueberschrift{font-size:16px;font-family:helvetica,Arial;}
#bilder{}
#galerietabelle,td{padding:5px;}
#galerietabelle,a{text-decoration:none;color:#000;}
#impressum{margin-left:550px;}
#impressum a{color:#408535;text-decoration:underline;}
#ewka;{float:left;}
#impress2{float:left;text-align:left;}
#bildkontakt{height:100px;}
#impress{padding: 70px 0 0 0 ;margin: 0 auto;width:400px;}
.titel{font: bold 120% Helvetica, Verdana, Arial,Sans-serif;letter-spacing: 0.1em;margin:0;}
/*Lightbox*/

#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Footer */
hr.footer{border: 0;width:560px;height:62px;margin:0 auto;}
#footer{width:100%; width: 560px; margin: 0 auto; padding: 62px 0 0 0; text-align:center; background:url('../images/footer.gif') center top no-repeat; }
#footer span{color:#353535;}
.link{color:#ff8a0d;}