html,body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   /* position: absolute; // sonst gibbet Probleme mit dem Safari und Lightbox */
   background: white;
   overflow: auto;
}
body, #wrap {
   font: 12px/16px Arial, Helvetica, sans-serif;
   color: #8a8887; 
   SCROLLBAR-FACE-COLOR: #ffffff;  
   SCROLLBAR-HIGHLIGHT-COLOR:#b9b9b9; 
   SCROLLBAR-SHADOW-COLOR: #b9b9b9; 
   SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
   SCROLLBAR-ARROW-COLOR: #b9b9b9; 
   SCROLLBAR-TRACK-COLOR: #FEFAFB;
   SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
   SCROLLBAR-BASE-COLOR: #000000;
}

.urlaub {
	border: 1px solid orange;
	background:#98BF4B;
	color:#fff;
	padding: 4px;
	width: 337px;
	}
a {
   color: #98bf4b;
}
h1,hr {
   display: none;
}
a img { border: none; }

#wrap {
   width: 990px;
   height: 550px;
   border: 1px solid white;
   background: url(bg.jpg) no-repeat;
   position: absolute;
   margin: -275px 0 0 -495px;
   top: 50%;
   left: 50%;
}
#footer {
   position: absolute;
   bottom: 0;
   width: 900px;
   text-align: right;
   margin: 0 45px 5px 45px;
   font-size: 11px;
}
#footer p {
   margin: 0;
   padding: 0;
}
#footer a {
   color: #a19f9d;
}
#footer a:hover {
   color: #98bf4b;
}
#navigation {
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: 50px;
   width: 930px;
   left: 30px;
   border-top: 1px solid #e0dddd;
}
#navigation li {
   list-style: none;
   padding: 0;
   margin: 0 30px 0 0;
   display: block;
   float: left;
   background-repeat: no-repeat;
}
#navigation li.specials {
   margin-right: 0;
}
#navigation a {
   width: 130px;
   height: 0;
   padding: 35px 0 0 0;
   font-size: 0;
   color: #F8F7F5;
   clip: rect(0,130,35,0);
   display: block;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: left top;
}
#navigation a:hover {
   background-position: right top;
}
#navigation .essbar a { background-image: url(nav-essbar.gif); }
#navigation .catering a { background-image: url(nav-catering.gif); }
#navigation .food a { background-image: url(nav-food.gif); }
#navigation .aussen a { background-image: url(nav-aussen.gif); }
#navigation .innen a { background-image: url(nav-innen.gif); }
#navigation .specials a { background-image: url(nav-specials.gif); }

#header address {
   position: absolute;
   top: 58px;
   right: 45px;
   font-style: normal;
   display: none;
}

h2 {
   width: 250px;
   height: 0;
   padding: 30px 0 0 0;
   margin: 0;
   background-repeat: no-repeat;
   clip: rect(0,250,30,0);
   overflow: hidden;
   position: absolute;
   top: 42px;
   left: 55px;
   font-size: 0;
   color: #F8F7F5;
}

.page-essbar h2 { background-image: url(headline-essbar.gif); }
.page-catering h2 { background-image: url(headline-catering.gif); }
.page-food h2 { background-image: url(headline-food.gif); }
.page-aussen h2 { background-image: url(headline-aussen.gif); }
.page-innen h2 { background-image: url(headline-innen.gif); }
.page-specials h2 { background-image: url(headline-specials.gif); }
.page-kontakt h2 { background-image: url(headline-kontakt.gif); }
.page-impressum h2 { background-image: url(headline-impressum.gif); }
.page-gaestebuch h2 { background-image: url(headline-gaestebuch.gif); }

#content .inner {
   width: 505px;
   height: 340px;
   overflow: auto;
   position: absolute;
   top: 95px;
   left: 55px;
   padding-right: 1em;
}
#content .inner p {
   margin: 1.3em 0 1.3em 0;
   padding: 0;
}
#content .inner .big {
   margin: 10px 0 1em 0;
   padding: 0;
   font-size: 21px;
   line-height: 26px;
}
#content .inner .big strong {
   text-transform: uppercase;
   font-weight: normal;
}
#content .inner em {
   font-style: normal;
   color: #98bf4b;
}
#content .inner ul {
  list-style: square;
   }
   
#content .inner li {
	margin-bottom: 0.5em;
	}
	
#content .inner .error span {
   color: white;
   background: red;
   font-weight: bold;
   padding: 1px 5px 1px 5px;
}

#content .sidebar {
   top: 75px;
   right: 45px;
   position: absolute;
   width: 345px;
   _width: 360px;
   height: 350px;
}
#content .sidebar ul.photos {
   padding: 0;
   margin: 0;
}
#content .sidebar ul.photos li {
   padding: 0;
   margin: 0 0 15px 15px;
   list-style: none;
   float: left;
   display: block;
   width: 100px;
   height: 100px;
}
#content .sidebar ul.photos li a img {
   display: block;
}

/* ~~~ intro ~~~ */

.page-intro #content, .page-intro #header address {
   visibility: hidden;
}

.page-intro #navigation {
   border-top: none;
}

.page-intro #navigation .essbar { background-image: url(photo-essbar.jpg); }
.page-intro #navigation .catering { background-image: url(photo-catering.jpg); }
.page-intro #navigation .food { background-image: url(photo-food.jpg); }
.page-intro #navigation .aussen { background-image: url(photo-aussen.jpg); }
.page-intro #navigation .innen { background-image: url(photo-innen.jpg); }
.page-intro #navigation .specials { background-image: url(photo-specials.jpg); }

.page-intro #navigation a {
   padding: 165px 0 0 0;
   background-position: left 130px;
}
.page-intro #navigation a:hover {
   background-position: right 130px;
}

.page-intro h1 {
   display: block;
   width: 608px;
   height: 0;
   padding: 152px 0 0 0;
   margin: 0;
   background: url(essbar.gif);
   font-size: 0px;
   color: #F8F7F5;
   overflow: hidden;
   clip: rect(0,608,152,0);
   position: absolute;
   left: 20px;
   top: 25px;
}


/* ~~~ Kontakt ~~~ */

.page-kontakt .inner form p {
   margin: 1.3em 0 0 0 !important; /* to hide scrollbar */
}

.page-kontakt #header address {
   display: inline;
}

.page-kontakt .sidebar img {
   position: absolute;
   right: 0;
   border: 1px solid #e0dddd;
   top: 20px;
}

/* ~~~ ESSBAR ~~~ */

.page-essbar .sidebar img {
  position: absolute;
  right: 0px;
  top: -12px;
}