html,body {
	margin : 0px;
	padding : 0px;
	height : 100%;
	} 

body {
	background-color : #000000;
	background-repeat : repeat-x;
	background-image : url(/181/i/bg-verlauf.jpg);
	} 

body, p, div, td, a, input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 1.3em;
	font-weight : normal;
	font-style : normal;
	} 

body, p, div, td {color : #7b7b7b;} 
a, input {color : #ffffff;} 

img {border : 0px;}

h1,h2 {color : #ffffff;}
h1 {font-size : 14px;}
h2 {font-size : 12px;}

a.menu:link, a.menu:visited, a.menu:active {color : #cdcdcd;}

a.subnaviLink:link, a.subnaviLink:visited, a.subnaviLink:active, a.subnaviLink1:link, a.subnaviLink1:visited, a.subnaviLink1:active {color : #7f7f7f;}
a.subnaviLink:link, a.subnaviLink:visited, a.subnaviLink:active, .subnaviLinkA {margin-left : 16px;}
a.menu:hover, a.subnaviLink:hover, a.subnaviLink1:hover, .subnaviLinkA, .subnaviLinkA1, .linkMehr {
	color : #ffffff;
	text-decoration : none;
	}

.linkMehr:hover {
	color : #ffffff;
	text-decoration : underline;
	}

#outer {
	height : 100%;
	width : 100%;
	}

#outer[id] {
	display : table;
	position : static;
	}

#middle[id] {
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	position : static;
	}

#inner, #mainNavi, .navHome:link, .navHome:active, .navHome:visited, .navRestaurant:link, .navRestaurant:active, .navRestaurant:visited, .navAktionen:link, .navAktionen:active, .navAktionen:visited, .navReservierung:link, .navReservierung:active, .navReservierung:visited, .navGutschein:link, .navGutschein:active, .navGutschein:visited, .navOttoKoch:link, .navOttoKoch:active, .navOttoKoch:visited, .navKontakt:link, .navKontakt:active, .navKontakt:visited, .navHome:hover, .navRestaurant:hover, .navAktionen:hover, .navReservierung:hover, .navGutschein:hover, .navOttoKoch:hover, .navKontakt:hover, .navHomeImg, .navRestaurantImg, .navAktionenImg, .navReservierungImg, .navGutscheinImg, .navOttoKochImg, .navKontaktImg {
	background-repeat : no-repeat;
	} 

#subnavi, #reservierung, #restaurantText, #aktionenText, #scrollContent, #scrollContentR, #reservierungText, #anfahrtsText {
	float : left;
	}

#topContainer {
	position : relative;
	top : 21px;
	left : 708px;
	width : 200px;
	}

#contentContainer {
	position : relative;
	left : 115px;
	width : 885px;
	}

#subnavi {
	width : 295px;
	height : 10px;
	text-align : left;
	margin-left : 176px;
	margin-top : -2px;
	}

#contentContainer {
	top : 40px;
	height : 121px;
	}

#mainNavi {	width : 582px; height : 9px; position : relative; top : 32px; z-index:100; line-height: 0px;}

.navRestaurant:hover, .navRestaurantImg {background-image : url(/181/i/nav_restaurant.png); line-height: 9px;}
.navAktionen:hover, .navAktionenImg {background-image : url(/181/i/nav_aktionen.png); line-height: 9px;}
.navReservierung:hover, .navReservierungImg {background-image : url(/181/i/nav_reservierung.png); line-height: 9px;}
.navGutschein:hover, .navGutscheinImg {background-image : url(/181/i/nav_gutschein.png); line-height: 9px;}
.navKontakt:hover, .navKontaktImg {background-image : url(/181/i/nav_kontakt.png); line-height: 9px;}
.navOttoKoch:hover, .navOttoKochImg {background-image : url(/181/i/nav_ottokoch.png); line-height: 9px;}

#reservierung {
	width : 465px;
	text-align : right;
	height : 15px;
	}

#content {position : relative;}

.scroll-pane {
	width: 290px;
	height: 380px;
	overflow: auto;
	background : transparent;
	text-align : left;
	}

.holder {
	float : left;
	z-index : 19;
	width : 290px;
	text-align : left;
	}

.scroll-paneP {
	width: 360px;
	height: 330px;
	overflow: auto;
	background : transparent;
	text-align : left;
	}

.holderP {
	float : left;
	z-index : 19;
	width : 360px;
	text-align : left;
	}

.scrollCont .jScrollPaneTrack {background : transparent;}
.scrollCont .jScrollPaneDrag {background: url(/181/i/scrollDrag.png) no-repeat 0 50%;}
.scrollCont .jScrollPaneDragTop {
	background: url(/181/i/scrollDragTop.png) no-repeat;
	height: 13px;
	}
.scrollCont .jScrollPaneDragBottom {
	background: url(/181/i/scrollDragBottom.png) no-repeat;
	height: 13px;
	}
.scrollCont a.jScrollArrowUp {
	height: 8px;
	background: url(/181/i/scrollTop.png) no-repeat 0 0;
	}
.scrollCont a.jScrollArrowDown {
	height: 8px;
	background: url(/181/i/scrollBottom.png) no-repeat 0 0;
	}

a.mainL:link, a.mainL:visited, a.mainL:active, a.mainL:hover {
	color : #ffffff;
	font-weight : bold;
	}
a.mainL:link, a.mainL:visited, a.mainL:active {text-decoration : underline;}
a.mainL:hover {text-decoration : none;}
	
input, textarea, select {
	margin-top : 2px;
	margin-bottom : 4px;
	background-color : #000000;
	color : #ffffff;
	}

input.all, input.fax, input.ort {border : 1px solid #7b7b7b;}
select.plz, input.plz, input.tel  {
	border-left : 1px solid #7b7b7b;
	border-top : 1px solid #7b7b7b;
	border-bottom : 1px solid #7b7b7b;
	border-right : 0px;
	}
#resform {width : 260px;}

UL.imp {padding:0px;margin:0px;}

#menu {list-style-type:none; margin:0; padding:0; background-repeat : no-repeat; width : 584px; height:9px; margin-bottom:2px; background-image : url(/181/i/mainNaviBG.png); line-height: 9px; }
#menu li.restaurant {float:left; padding:0; margin:0; position:relative; width:92px; height : 9px;}
#menu li.aktionen {float:left; padding:0; margin:0; position:relative; width:81px; height : 9px;}
#menu li.reservierung {float:left; padding:0; margin:0; position:relative; width:107px; height : 9px;}
#menu li.gutschein {float:left; padding:0; margin:0; position:relative; width:88px; height : 9px;}
#menu li.kontakt {float:left; padding:0; margin:0; position:relative; width:96px; height : 9px;}
#menu li.ottokoch {float:left; padding:0; margin:0; position:relative; width:118px; height : 9px;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none; font-size:1em;}
#menu li dd.gaultO {display:block; line-height: 8px;}
#menu li dd.firstO {display:block; line-height: 8px;}
#menu li dd.bizzzO {display:block; line-height: 8px;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {margin: 0; padding: 0; background-image : url(/181/i/t.gif);}
#menu dt {margin:0; padding: 0;}

#menu dt a, #menu dt a:visited {display:block; color: #fff; text-align:left; padding:0;}

#menu li:hover dt a, #menu a:hover dt a {color:#fff;}

#menu dd a, #menu dd a:visited {color:#fff; padding:0; text-decoration:none; display:block; text-align:left;}
#menu dd a:hover {color:#fff;}

#menu dd.first a {color:#fff; background-repeat : no-repeat;background-image : url(/181/i/first.png);}
#menu dd.bizzz a {color:#fff; background-repeat : no-repeat;background-image : url(/181/i/business.png);}
#menu dd.firstO a {color:#fff; background-repeat : no-repeat;background-image : url(/181/i/first.png);}
#menu dd.bizzzO a {color:#fff; background-repeat : no-repeat;background-image : url(/181/i/business.png);}
#menu dd.gault a {color:#fff; background-repeat : no-repeat;background-image : url(/181/i/gault.png);}
#menu dd.first a:hover {background-image : url(/181/i/first_over.png);}
#menu dd.bizzz a:hover {background-image : url(/181/i/business_over.png);}
#menu dd.firstO a:hover {background-image : url(/181/i/first_over.png);}
#menu dd.bizzzO a:hover {background-image : url(/181/i/business_over.png);}
#menu dd.gault a:hover {background-image : url(/181/i/gault_over.png);}