body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100,01%;border-width: 3px; background-color: #fff; background-repeat: repeat-x; } /*cc0000*/
h1 { font-size: 14px; font-weight: bold; color:#c00; background-image: url(../images/backh1.gif); background-repeat: repeat-y; border:solid 1px #e24222; text-align:center; width:200px; text-align: center; 
     padding: 2px 0 2px 0; margin:5px 0 20px 0;}
h2 { font-weight: bold; color:#ff3; font-size: 100%;margin:0 0 2px;padding:0; }
h3 { font-size: 13px; font-weight: bold; color:#660000;   }
p { }
ul{ text-align: left; }
li{ padding: 0 0 0 2px; text-align: left;}
td {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link { color: #ac0234; }

a:visited { color: #ac0234; }

a:hover { }

a:active { }
#main
{position:absolute;width:810px;height:695px;background-color:#fff;float:left;} // float:left

#menu
{height: 124px; width: 115px; left: 50px; top: 170px; position: relative; z-index: 4; visibility: visible; }
.backtable
{ background-image: url(../images/backverlauf.gif); background-repeat: repeat-y; }
.backtableleft
{ background-image: url(../images/backverlaufleft.gif); background-repeat: repeat-y; 
text-align: left;vertical-align: top; padding: 10px 5px 5px 10px;}
#titel
{position:relative;top:11px;left:306px;width:600px;height:92px;text-align: center;}
#logo
{position:absolute;top:23px;left:12px;width:160px;height:73px;}
#TopLogo 
{ 
padding: 0; float: right; width:140px; height:141px; 
background-image: url(../images/logo.gif); background-color:#e24222;
background-repeat: no-repeat; text-align: center; vertical-align: middle; 
}
#TopLogo img 
{visibility: hidden; }
#TopSlogan
{ 
padding: 0;  width:412px; height:100px; 
background-image: url(../images/slogan.gif); background-color:#e24222;
background-repeat: no-repeat; text-align: center; vertical-align: middle; 
}
#TopSlogan img 
{visibility: hidden; }
/*############ Navigation ############################*/
.outer {display:block; position:relative; background:#fff; padding:2px 2px 1px; margin:2px 0;border-bottom:2px solid #e24222;}
.outer ul {margin:0; padding:0; list-style-type:none; background:transparent; height:3em;}
.outer li { display:block; float:left; margin: 0 3px 0 0; }
.backorange {background-color:#e24222;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:bold; padding-bottom:0.5em;}
.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#669966/*dd7*/; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent { display:block; background:#336633/*cc6*/; border:0 solid #fff; border-width:0 1px 1px 1px;}
a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent { background:#fff; border-bottom:1px solid #eee; border-top-color: #888; border-right-color: #888; border-left-color: #888; }
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}


.xboxcontentd {display:block; background:#cc6; border:0 solid #fff; border-width:1px 1px 0 1px; padding-top:5px;}
a.xmenu2:hover .xboxcontentd { background:#f63; border-top:1px solid #eee; border-right-color: #888; border-bottom-color: #888; border-left-color: #888; }

a.xmenu2ON, a.xmenu2ON:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2ON {background:#fff; cursor:pointer;}
a.xmenu2ON span {color:#000;}
a.xmenu2ON .xboxcontent { background:#fff; border-bottom:1px solid #eee; border-top-color: #888; border-right-color: #888; border-left-color: #888; }
a.xmenu2ON .xb1 {background:#888;}
a.xmenu2ON .xb2, a.xmenu2ON .xb3, a.xmenu2ON .xb4 {background:#f63; border-color:#888;}
/*############ end Navigation ############################*/
#navlist
{ color: #fff; margin: 0; padding: 20px 0 0 5px; text-align: left; border:solid 0 blue;background-color:#e24222;}

#navlist ul
{
margin: 0;
padding: 0;color:#fff;
list-style-type: none;background-color:#e24222;
}
#navlist li{ color: #fff; list-style-type: none; width:130px; height:20px; 
padding: 2px 5px; margin:0; text-align: left; color: #fff; background-color:#e24222;border-bottom: 1px solid #ffc; }

#navlist a:link, #navlist a:visited
{ width:100%;text-decoration:none; color: #fff; background-color:#e24222; }

#navlist a:link#current, #navlist a:visited#current
{
/*border-bottom: 4px solid #cccccc;*/
padding: 0 10px 2px 2px;
margin:0 4px 0 0;
background-color:#e24222;
color: #fff;
text-decoration:none;
}

#navlist a:hover { color: #fff; text-decoration: none; font-weight:bold;}

#navlist-shop
{ color: #000; background-color: #fff; margin: 0; padding: 20px 0 0 5px; text-align: left; border:solid 0px #f00; }

#navlist-shop ul
{
margin: 0;
padding: 0;

list-style-type: none;
}
#navlist-shop li{ color: #cc0000; background-color: #fff; list-style-type: none; width:130px; height:20px; padding: 1px 5px; margin:0; text-align: left; border-bottom: 1px dotted #c00; }

#navlist-shop a:link, #navlist-shop a:visited
{ width:100%;text-decoration:none; color: #cc0000;  }

#navlist-shop a:link#current, #navlist-shop a:visited#current
{
/*border-bottom: 4px solid #cccccc;*/
padding: 0 10px 2px 2px;
margin:0 4px 0 0;
background: transparent;
color: #cc0000;
text-decoration:none;
}

#navlist-shop a:hover { color: #cc0000; text-decoration: none; font-weight:bold;}


#maincontent{ padding:0 0 0 10px; text-align:center; }


 
a.nav_on
{color: #fff; text-decoration: none; font-weight:bold;}
 
a.nav_off
{
  }
  
 .backmain {
 background-color: #ffe172;
  }
.price { border-bottom: 1px solid #ffe172; }


.adress{
color:#666;white-space: nowrap; }

/*--- SPEISEKARTE ---*/

/*--- MENUE ---*/
.menue
{ width: 180px; 
padding: 0; 
margin-bottom: 10px;

 }

.menue ul
{
list-style: none;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
border: none;
}

.menue li, .menue li a
{ padding: 2px 0; text-decoration: none; display: block; white-space: nowrap; color:#660000; border: solid 1px orange; }
.menue_active
{
 font-weight: bold;display: block;
}

.menue ul ul 
{
list-style: none;
margin: 0 0 0 0 ;
padding: 0 0 0 5px;
border:1px solid #660000;
}
.menue ul ul li a
{

padding: 2px 0px 2px 0px;
margin: 0 0 0 0 ;
text-decoration: none;
display: block;
white-space: nowrap;
}