html, body, table, p, hr, ul, li, a, h1, h2, h3 {
}

/*html{height:100.02%}*/
body{
	font-family:Verdana, Arial, sans-serif;
	font-size:0.7em;
	color:#262626;
	margin:0px;
	padding:0px;
	background-color: #ffffff;
	background-position: 0px 80px;
}

.clear{clear:both;}

.mobilversion {display:none;}

table{padding:0px; margin:0px; width:100%; height:100%;}
table td{padding:10px 10px 10px 0; vertical-align:middle;}
a{color:#000; font-weight:bold; text-decoration:none;}

IMG{border:0px;}

.footer{margin:20px 0 0 261px;}
.footerhome{
	text-align:left;
	width:750px;
	margin:auto;
	margin-top: 150px;
}

/* Navi */

.navi{margin:35px 0 0 45px; width:1000px;}
.navi div{float:left;}

.navi .logo{margin:0 50px 0 0;}

.navi .restaurant{margin:62px 30px 0 0; width:165px; height:35px; background:url(images/navi/rest_off.jpg) no-repeat bottom left;}
.navi .restaurant_aktiv{margin:62px 30px 0 0; width:165px; height:35px; background:url(images/navi/rest_on.jpg) no-repeat bottom left;}
.navi .restaurant a{display:block; width:165px; height:35px;}
.navi .restaurant:hover{background:url(images/navi/rest_on.jpg) no-repeat bottom left;}

.navi .speisen{margin:62px 30px 0 0; width:125px; height:35px; background:url(images/navi/speis_off.jpg) no-repeat bottom left;}
.navi .speisen_aktiv{margin:62px 30px 0 0; width:125px; height:35px; background:url(images/navi/speis_on.jpg) no-repeat bottom left;}
.navi .speisen a{display:block; width:125px; height:35px;}
.navi .speisen:hover{background:url(images/navi/speis_on.jpg) no-repeat bottom left;}

.navi .kontakt{margin:62px 30px 0 0; width:120px; height:35px; background:url(images/navi/kont_off.jpg) no-repeat bottom left;}
.navi .kontakt_aktiv{margin:62px 30px 0 0; width:120px; height:35px; background:url(images/navi/kont_on.jpg) no-repeat bottom left;}
.navi .kontakt a{display:block; width:125px; height:35px;}
.navi .kontakt:hover{background:url(images/navi/kont_on.jpg) no-repeat bottom left;}

.navi .reservierung{margin:62px 30px 0 0; width:207px; height:35px; background:url(images/navi/reservierung_off.jpg) no-repeat bottom left;}
.navi .reservierung_aktiv{margin:62px 30px 0 0; width:207px; height:35px; background:url(images/navi/reservierung_on.jpg) no-repeat bottom left;}
.navi .reservierung a{display:block; width:207px; height:35px;}
.navi .reservierung:hover{background:url(images/navi/reservierung_on.jpg) no-repeat bottom left;}


.sub_speisen{position:absolute; top:134px; left:459px; display:none;}
.sub_kontakt{position:absolute; top:134px; left:613px; display:none;}
.sub_restaurant{position:absolute; top:134px; left:265px; display:none;}

.sub_speisen div, .sub_kontakt div, .sub_reservierung div, .sub_restaurant div{float:left; margin:0 15px 0 0; height:13px; }

.sub_speisen .antipasti{width:47px; background:url(images/navi/antipasti_off.jpg) no-repeat bottom left;}
.sub_speisen .antipasti_aktiv{width:47px; background:url(images/navi/antipasti_on.jpg) no-repeat bottom left;}
.sub_speisen .antipasti:hover{background:url(images/navi/antipasti_on.jpg) no-repeat bottom left;}
.sub_speisen .antipasti a, .sub_speisen .antipasti_aktiv a{display:block; width:47px; height:13px;}

.sub_speisen .suppen{width:42px; background:url(images/navi/suppen_off.jpg) no-repeat bottom left;}
.sub_speisen .suppen_aktiv{width:42px; background:url(images/navi/suppen_on.jpg) no-repeat bottom left;}
.sub_speisen .suppen:hover{background:url(images/navi/suppen_on.jpg) no-repeat bottom left;}
.sub_speisen .suppen a, .sub_speisen .suppen_aktiv a{display:block; width:42px; height:13px;}

.sub_speisen .salate{width:33px; background:url(images/navi/salate_off.jpg) no-repeat bottom left;}
.sub_speisen .salate_aktiv{width:33px; background:url(images/navi/salate_on.jpg) no-repeat bottom left;}
.sub_speisen .salate:hover{background:url(images/navi/salate_on.jpg) no-repeat bottom left;}
.sub_speisen .salate a, .sub_speisen .salate_aktiv a{display:block; width:33px; height:13px;}

.sub_speisen .asia{width:23px; background:url(images/navi/asia_off.jpg) no-repeat bottom left;}
.sub_speisen .asia_aktiv{width:23px; background:url(images/navi/asia_on.jpg) no-repeat bottom left;}
.sub_speisen .asia:hover{background:url(images/navi/asia_on.jpg) no-repeat bottom left;}
.sub_speisen .asia a, .sub_speisen .asia_aktiv a{display:block; width:23px; height:13px;}

.sub_speisen .pizza{width:29px; background:url(images/navi/pizza_off.jpg) no-repeat bottom left;}
.sub_speisen .pizza_aktiv{width:29px; background:url(images/navi/pizza_on.jpg) no-repeat bottom left;}
.sub_speisen .pizza:hover{background:url(images/navi/pizza_on.jpg) no-repeat bottom left;}
.sub_speisen .pizza a, .sub_speisen .pizza_aktiv a{display:block; width:29px; height:13px;}

.sub_speisen .pasta{width:31px; background:url(images/navi/pasta_off.jpg) no-repeat bottom left;}
.sub_speisen .pasta_aktiv{width:31px; background:url(images/navi/pasta_on.jpg) no-repeat bottom left;}
.sub_speisen .pasta:hover{background:url(images/navi/pasta_on.jpg) no-repeat bottom left;}
.sub_speisen .pasta a, .sub_speisen .pasta_aktiv a{display:block; width:31px; height:13px;}

.sub_speisen .dessert{width:27px; background:url(images/navi/dolci_off.jpg) no-repeat bottom left;}
.sub_speisen .dessert_aktiv{width:27px; background:url(images/navi/dolci_on.jpg) no-repeat bottom left;}
.sub_speisen .dessert:hover{background:url(images/navi/dolci_on.jpg) no-repeat bottom left;}
.sub_speisen .dessert a, .sub_speisen .dessert_aktiv a{display:block; width:27px; height:13px;}

.sub_speisen .speisekarte{width:108px; background:url(images/navi/speisekarte_off.jpg) no-repeat bottom left;}
.sub_speisen .speisekarte_aktiv{width:108px; background:url(images/navi/speisekarte_on.jpg) no-repeat bottom left;}
.sub_speisen .speisekarte:hover{background:url(images/navi/speisekarte_on.jpg) no-repeat bottom left;}
.sub_speisen .speisekarte a, .sub_speisen .speisekarte_aktiv a{display:block; width:108px; height:13px;}


.sub_kontakt .anfahrt{width:46px; background:url(images/navi/adresse_off.jpg) no-repeat bottom left;}
.sub_kontakt .anfahrt_aktiv{width:46px; background:url(images/navi/adresse_on.jpg) no-repeat bottom left;}
.sub_kontakt .anfahrt:hover{background:url(images/navi/adresse_on.jpg) no-repeat bottom left;}
.sub_kontakt .anfahrt a, .sub_kontakt .anfahrt_aktiv a{display:block; width:46px; height:13px;}

.sub_kontakt .makler{width:98px; background:url(images/navi/makler_off.jpg) no-repeat bottom left;}
.sub_kontakt .makler_aktiv{width:98px; background:url(images/navi/makler_on.jpg) no-repeat bottom left;}
.sub_kontakt .makler:hover{background:url(images/navi/makler_on.jpg) no-repeat bottom left;}
.sub_kontakt .makler a, .sub_kontakt .makler_aktiv a{display:block; width:98px; height:13px;}

.sub_kontakt .jobs{width:28px; background:url(images/navi/jobs_off.jpg) no-repeat bottom left;}
.sub_kontakt .jobs_aktiv{width:28px; background:url(images/navi/jobs_on.jpg) no-repeat bottom left;}
.sub_kontakt .jobs:hover{background:url(images/navi/jobs_on.jpg) no-repeat bottom left;}
.sub_kontakt .jobs a, .sub_kontakt .jobs_aktiv a{display:block; width:28px; height:13px;}

.sub_kontakt .impressum{width:63px; background:url(images/navi/impressum_off.jpg) no-repeat bottom left;}
.sub_kontakt .impressum_aktiv{width:63px; background:url(images/navi/impressum_on.jpg) no-repeat bottom left;}
.sub_kontakt .impressum:hover{background:url(images/navi/impressum_on.jpg) no-repeat bottom left;}
.sub_kontakt .impressum a, .sub_kontakt .impressum_aktiv a{display:block; width:63px; height:13px;}

.sub_restaurant .bilder{width:32px; background:url(images/navi/bilder_off.gif) no-repeat bottom left;}
.sub_restaurant .bilder_aktiv{width:32px; background:url(images/navi/bilder_on.gif) no-repeat bottom left;}
.sub_restaurant .bilder:hover{background:url(images/navi/bilder_on.gif) no-repeat bottom left;}
.sub_restaurant .bilder a, .sub_restaurant .bilder_aktiv a{display:block; width:32px; height:13px;}

.sub_restaurant .philosophie{width:66px; background:url(images/navi/philosohie_off.gif) no-repeat bottom left;}
.sub_restaurant .philosophie_aktiv{width:66px; background:url(images/navi/philosophie_on.gif) no-repeat bottom left;}
.sub_restaurant .philosophie:hover{background:url(images/navi/philosophie_on.gif) no-repeat bottom left;}
.sub_restaurant .philosophie a, .sub_restaurant .philosophie_aktiv a{display:block; width:66px; height:13px;}


.sub_restaurant .webcam{width:48px; background:url(images/navi/webcam_off.gif) no-repeat bottom left;}
.sub_restaurant .webcam_aktiv{width:48px; background:url(images/navi/webcam_on.gif) no-repeat bottom left;}
.sub_restaurant .webcam:hover{background:url(images/navi/webcam_on.gif) no-repeat bottom left;}
.sub_restaurant .webcam a, .sub_restaurant .webcam_aktiv a{display:block; width:48px; height:13px;}


.sub_restaurant .ausgezeichnet{width:120px; background:url(images/navi/ausgezeichnet_off.jpg) no-repeat bottom left;}
.sub_restaurant .ausgezeichnet_aktiv{width:120px; background:url(images/navi/ausgezeichnet_on.jpg) no-repeat bottom left;}
.sub_restaurant .ausgezeichnet:hover{background:url(images/navi/ausgezeichnet_on.jpg) no-repeat bottom left;}
.sub_restaurant .ausgezeichnet a, .sub_restaurant .ausgezeichnet_aktiv a{display:block; width:120px; height:13px;}


.webcam p{float:left; margin:90px 25px 0 0;}


/* Backgrounds */

/*.antipasti{background:url(images/background/erbsen.jpg) no-repeat; margin:0px; padding:0px;}*/

.antipasti{background:url(images/background/ocui_bg_antipasti.jpg) no-repeat 0px 65px; margin:0px; padding:0px;}
.dolci{background:url(images/background/ocui_bg_dolci.jpg) no-repeat 0px 25px; margin:0px; padding:0px;}
.asia{background:url(images/background/ocui_bg_asia.jpg) no-repeat 0px 115px; margin:0px; padding:0px;}
.pizza{background:url(images/background/ocui_bg_pizza.jpg) no-repeat; margin:0px; padding:0px;}
.salat{background:url(images/background/ocui_bg_salat.jpg) no-repeat 0px 35px; margin:0px; padding:0px;}
.suppen{background:url(images/background/ocui_bg_suppen.jpg) no-repeat 0px 100px; margin:0px; padding:0px;}
.pasta{background:url(images/background/ocui_bg_pasta.jpg) no-repeat 185px 17px; margin:0px; padding:0px;}
.kontakt{background:url(images/background/anfahrt.jpg) no-repeat 321px 0px;}
.reservierung{margin:0px;padding:0px;background-image: url(images/txt_reservierung1.jpg);background-repeat: no-repeat;background-position: 900px 60px;background-color: #FFFFFF;}
.jobs{background:url(images/background/024.jpg) no-repeat 750px 90px; margin:0px; padding:0px;}


#interContainer{
position: absolute;
width: 1169x; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #ffffff;
border: 1px solid #ffffff;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: #ffffff;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 100%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid #ffffff;
background-color: #ffffff;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}