html { padding: 0; margin: 0; border: 0; font-family: Arial,Helvetica,Verdana; background-color: #cecece; }

body { width: 998px; margin-left: auto; margin-right: auto; background-color: #cecece; text-align: center; }

a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#000;}
a:active{color:#000;}

#wrapper { float: left; border: none; padding-top: 30px; text-align:left; }

#dnn_ControlPanel { width: 998px; }

#topbox { width: 998px; margin: 0; border: none; overflow: hidden; }
#topbox div { float: left; }
#head { height: 51px; width: 998px; margin: 0; border: none; text-align: center; background-color: #40ae49; }
#nav { padding-top: 5px; height: 7px; margin: 0; border: none; text-align: center; background-color: #77837e; }

div.bierhof { width: 200px; }
div.kantine { width: 200px; }
div.catering { width: 200px; }
div.spacer { width: 162px; }

#nav { padding-left: 37px; padding-right: 37px; }
#nav div { float: left; }
#nav a { display: block; height: 7px; width: 100%; }

#nav div.bierhof { background-color: #438100; }
#nav div.kantine { background-color: #850231; }
#nav div.catering { background-color: #d7be00; }
/*#nav div.catering { background-color: #006b99; }*/

#nav a#bierhof span { visibility: hidden; }
#nav a#kantine span { visibility: hidden; }
#nav a#catering span { visibility: hidden; }

#bottombox { float: left; width: 998px; height: 35px; margin: 0; border: none; overflow: hidden; background-color: #77837e; }
#bottombox div { float: left; }
#links { width: 998px; height: 7px; }
#footer { width: 998px; height: 28px; background-color: #376a00; }

#bodybox { float: left; width: 998px; }
#bodybox div { float: left; }
#bodybox #inner { height: 40em; padding-left: 37px; padding-right: 37px; background-color: Transparent; }

#nav a { display: block; width: 100%; }

#bodybox div.bierhof { background-color: #74a015; }
#bodybox div.kantine { background-color: #ad0240; }
#bodybox div.catering { background-color: #f1d500; }
/*#bodybox div.catering { background-color: #0087bf; }*/

#bodybox span.inner { display: block; height: 40em; width: 100%; }
#bodybox div.inner { display: block; height: 40em; width: 100%; }

#bodybox div#bierhof_content { width: 562px; height: 40em; padding-left: 162px; }
#bodybox div#bierhof_content .SubHead { visibility: hidden; display: none; }
#bodybox div#bierhof_content .c_text { width: 546px; }

#bodybox div#kantine_content_left { width: 362px; height: 40em; }
#bodybox div#kantine_content_left .SubHead { visibility: hidden; display: none; }
#bodybox div#kantine_content_left .c_text { width: 346px; }
#bodybox div#kantine_content_right { width: 362px; height: 40em; }
#bodybox div#kantine_content_right .SubHead { visibility: hidden; display: none; }
#bodybox div#kantine_content_right .c_text { width: 346px; }

#bodybox div#catering_content { width: 562px; height: 40em; padding-right: 162px; }
#bodybox div#catering_content .SubHead { visibility: hidden; display: none; }
#bodybox div#catering_content .c_text { width: 546px; }

/*
.c_head { border:1px solid Gray; background-color: #dedede;}
.c_head div { padding:1px; }
*/

#bodybox .c_text .Normal { font: normal 0.88em Arial,Helvetica,Verdana; color: #000; }
#bodybox .c_text .Normal h1 { color: #000; font-size: 1em; text-decoration: underline; margin: 0 0 20px 0; }
#bodybox .c_text .Normal p { margin-top:0 }

#bodybox .f_table { padding: 0; }
#bodybox .f_cell { font: normal 0.88em Arial,Helvetica,Verdana; color: #000; padding-bottom: 10px; }
#bodybox .f_cell input[type=text] { border:1px solid Gray; }
#bodybox .f_cell textarea { border:1px solid Gray; }

#bodybox div#admin_content { width: 912px; height: 34em; }
#bodybox div#admin_content div { float: none; }

dnnMenu { text-align: left; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menubox { width: 200px; height: 400px; margin: 0 auto; position: relative; }

#menubox ul { margin: 0; padding: 0; list-style: none; white-space: nowrap; text-align: left; }

#menubox.left ul ul { background: url(images/menu_left_opaque.png); }
#menubox.center ul ul { background: url(images/menu_center_opaque.png); }
#menubox.right ul ul { background: url(images/menu_right_opaque.png); }

#menubox li { margin: 0; padding: 0; list-style: none; }
#menubox li { display: inline-block; display: inline; }
#menubox ul { position: absolute; left: -9999px; }
#menubox ul.level0 { position: absolute; left: 0; top: 220px; }

#menubox a { display: block; font: bold 0.75em arial,henvetica,verdana; color: #fff; line-height: 32px; text-decoration: none; padding: 0 10px 0 10px; }
#menubox a.level0 { width: 180px; text-align: center; }
#menubox a.level1 { width: 142px; text-align: left; }

#menubox ul li:hover > ul { visibility: visible; left: 100%; margin-top: -32px; margin-left: 0px; }

#menubox a:hover ul, #menubox a:hover a:hover ul, #menubox a:hover a:hover a:hover ul { left: 100%; visibility: visible; }
#menubox a:hover ul ul, #menubox a:hover a:hover ul ul { left: -9999px; }

#menubox.left li a:hover { background: #74a015; }
#menubox.left li:hover > a { background: #74a015; }

#menubox.center ul li:hover > ul { left: -162px; }
#menubox.center a.level1 { text-align: right; }
#menubox.center li a:hover { background: #ad0240; }
#menubox.center li:hover > a { background: #ad0240; }

#menubox.right ul li:hover > ul { left: -162px; }
#menubox.right a.level1 { text-align: right; }
#menubox.right li a:hover { background: #f1d500; }
#menubox.right li:hover > a { background: #f1d500; }
/*
#menubox.right li a:hover { background: #0087bf; }
#menubox.right li:hover > a { background: #0087bf; }
*/
#menubox table { position: absolute; left: 99%; height: 0; width: 0; border-collapse: collapse; margin-top: -7px; margin-left: -1px; }