*{border:0; margin:0; padding:0;}
*:focus{-moz-outline:0; outline:0;}

html, body, #bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}
body{background:#808080; font:normal 12px "Lucida Grande", Arial, Verdana, Sans-Serif;}
h1{text-indent:-9999em; width:269px; height:80px; background:url(img/logo.gif) no-repeat; position:absolute; top:8px; left:0; z-index:11;}
h2{text-indent:-9999em; background:#000; opacity:0.75; height:80px; position:absolute; top:8px; left:271px; z-index:10; width:100%;}

#navigation ul{list-style:none; height:80px; overflow:hidden; position:absolute; top:51px; left:279px; z-index:20;}
#navigation ul li{float:left;}
#navigation ul li a{display:block; line-height:1em; font:normal 16px Gotham, Arial, Sans-Serif; float:left; color:#888; text-decoration:none; padding:0 8px; text-transform:uppercase; height:16px; overflow:hidden;}
#navigation ul li.active a{color:#fff;}
#navigation ul li a:hover{color:#fff;}
#navigation ul li ul{list-style:none; height:60px; overflow:hidden; position:absolute; top:20px; left:0; z-index:20; display:none;}
#navigation ul li.active ul{display:block;}
#navigation ul li.active ul li a{color:#888; font-size:12px;}
#navigation ul li.active ul li a:hover{color:#fff;}
#navigation ul li.active ul li.active a{color:#fff;}

#texts, #texts div, #texts *{position:absolute; top:0; left:0; display:none;}

#content{width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; padding:128px 0;}

#page{opacity:0; width:600px; height:75%; margin:0 0 0 271px; overflow:auto; background:#fff;}
#page div{padding:0 0 16px 0;}

#content h3{text-indent:-9999em; background-repeat:no-repeat; margin:80px 0 40px 80px; width:340px;}
#content h4{color:#9e0030; font-weight:normal; text-transform:uppercase; font-size:20px; background-repeat:no-repeat; margin:40px 0 16px 120px; width:320px; text-align:center;}
#content p{margin:0 0 16px 120px; line-height:1.5em; width:320px;}
#content p.center{text-align:center;}
#content p.highlight{background:#9e0030; color:#fff; padding:16px; width:288px;}
#content ul{list-style:none; margin:0 0 16px 120px; width:320px; border-top:1px solid #ddd;}
#content ul li{display:block; text-align:center; border-bottom:1px solid #ddd; padding:5px 0;}
#content dl{list-style:none; margin:0 0 16px 120px; width:320px;}
#content dl dt{display:block; font-weight:bold; line-height:1.5em;}
#content dl dd{display:block; line-height:1.5em; margin:0 0 16px 0;}
#content address{font-style:normal; line-height:1.5em;}
#content a{color:#9e0030;}
#content a:hover{color:#000;}

#headline_saison{background-image:url(img/saisonale_kueche.gif); height:95px;}
#headline_tradition{background-image:url(img/tradition_erleben.gif); height:95px;}
#headline_alacarte{background-image:url(img/a_la_carte.gif); height:47px;}
#headline_menue{background-image:url(img/menues.gif); height:47px;}
#headline_weine{background-image:url(img/weine.gif); height:35px;}
#headline_kochkurse{background-image:url(img/lernen_sie_beim_chef.gif); height:95px;}
#headline_jobs{background-image:url(img/jobs.gif); height:40px;}
#headline_besondere_abende{background-image:url(img/besondere_abende.gif); height:95px;}
#headline_cateringservice{background-image:url(img/catering_service.gif); height:95px;}
#headline_referenzen{background-image:url(img/referenzen.gif); height:35px;}
#headline_reservieren{background-image:url(img/reservieren.gif); height:35px;}
#headline_impressum{background-image:url(img/impressum.gif); height:35px;}

#gallery{position:absolute; bottom:8px; left:0; z-index:10; background:url(img/rundgang.gif) no-repeat left center; height:20px; width:100%; padding:0 0 0 271px;}
#gallery ul{list-style:none;}
#gallery ul li{float:left; margin:0 2px 0 0;}
#gallery ul li a{display:block; background:url(img/fade_sr.png) repeat-x 0 0; float:left; width:20px; height:16px; text-indent:-9999em; padding:4px 0 0 0; overflow:hidden; text-align:center; color:#fff; text-decoration:none; font-size:10px;}
#gallery ul li a:hover{background-position:0 -160px; text-indent:0;}
#gallery ul li a.active{background-position:0 -160px; text-indent:0;}

#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:2;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display:block;}

#loader{position:absolute; bottom:0; height:6px; overflow:hidden; background:#9e0030; width:1px; display:none; z-index:4;}