*{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:#000; 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; -moz-box-shadow:0 0 1px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.2); box-shadow:0 0 1px rgba(0,0,0,0.2);}
#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 img{margin:0 0 20px 0; display:block; padding:2px; border:1px solid #eee;}
#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 div#LivebookingsDirect{background:#9e0030; color:#fff; padding:16px; width:288px; margin:0 0 16px 120px !important;}
#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:20px; left:0; z-index:10; background:url(img/rundgang.gif) no-repeat left center; height:20px; width:100%; overflow:hidden; padding:0 0 0 271px;}
#gallery ul.images{list-style:none; float:left;}
#gallery ul.images li{float:left; margin:0 2px 0 0;}
#gallery ul.images 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.images li a:hover{background-position:0 -160px; text-indent:0;}
#gallery ul.images li a.active{background-position:0 -160px; text-indent:0;}
#gallery ul.gallerycontrolls{list-style:none; float:left; display:block; position:relative;}
#gallery ul.gallerycontrolls li{float:left;}
#gallery ul.gallerycontrolls li a{position:absolute; top:0; left:0; background-color:#fff; width:100px; height:16px; padding:4px 0 0 20px; overflow:hidden; text-align:center; color:#a0002d; text-decoration:none; font-size:10px;}
#gallery ul.gallerycontrolls li a:hover{color:#fff; background-color:#a0002d;}
#gallery ul.gallerycontrolls li.start a{display:none; background-image:url(img/start.gif); background-repeat:no-repeat;}
#gallery ul.gallerycontrolls li.stop a{ background-image:url(img/stop.gif); background-repeat:no-repeat;}
#gallerypreview{display:none; z-index:2222; position:absolute; bottom:45px; left:200px; margin:0 0 0 -67px; background:url(img/bubble.png) no-repeat; width:135px; height:100px;}
#gallerypreview img{position:absolute; left:17px; top:16px; width:100px; height:67px; display:block; opacity:1; -moz-transition: opacity 0.5s ease 0.2s; -webkit-transition:opacity 0.5s ease 0.2s; -o-transition:opacity 0.5s ease 0.2s; transition:opacity 0.5s ease 0.2s;}
#gallerypreview img.hide{opacity:0;}

#loader{position:fixed; bottom:0; height:10px; overflow:hidden; background:#9e0030; width:0%; display:block; z-index:4;}

#bg.out{opacity:0.25;}
#bg {z-index:-1; position:fixed; background-image:url(../img/backgrounds/1.jpg); top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;  background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity:1; -moz-transition: opacity 0.5s ease 0; -webkit-transition:opacity 0.5s ease 0; -o-transition:opacity 0.5s ease 0; transition:opacity 0.5s ease 0;
	}