html {height: 100%;}

body {height: 100%; margin: 0; padding: 0; color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 32px; background-color: #4a4a4a; background-image: url(../images/hopfen_bg.gif); text-align: center;}


p { font-size: 13px; line-height: 20px; padding: 0 25px 10px;}
a:link#inline { color: #1f6436; border-bottom: 1px dotted; text-decoration: none; font-weight: bold;}
a:visited#inline { color: #1f6436; border-bottom: 1px dotted; text-decoration: none; font-weight: bold;}
a:hover#inline { color: #1f6436; border-bottom: 1px solid; text-decoration: none; font-weight: bold;}
a:active#inline { color: #1f6436; border-bottom: 1px solid; text-decoration: none; font-weight: bold;}

h1 { color: #1f6436; font-size: 29px; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; padding: 22px 0 10px 25px;}
h2 { color: #1f6436; font-size: 20px; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; padding: 10px 0 0 25px}

#all {width: 820px; margin: 0 auto 0 auto; padding: 0; background-image: url(../images/rm_bg2.jpg); background-repeat: repeat-y; background-position: center; text-align: left; height: 100%;}
#headerbox {width: 800px; height: 205px;}
#menubox { background-color: #a7b79d; width: 750px; height: 62px; margin: 0 0 0 35px;}
#contentbox {width: 750px; margin: 0 0 0 35px;}
.sidebar { color: #1f6436; background-color: #ffedab; width: 350px; float: right; margin: 30px 25px 25px 35px; padding: 0; }
.sidebar p { font-size: 11px; line-height: 17px; }

#imagebox { font-size: 13px; background-color: #fef7dc; width: 350px; height: 275px; }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu { width:749px; height:30px; position:relative; margin:0; font-size:15px; font-weight: bold; margin: 0 0 60px; background:#1f6436; position:relative; z-index:100; letter-spacing: 1px; }
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #a7b79d;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 25px 0 28px; height:30px; line-height:30px; color:#a7b79d; background:#1f6436;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#1f6436; background:#a7b79d;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:749px; background:#a7b79d; color:#1f6436;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#a7b79d; color:#1f6436;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#a7b79d; color:#fef7db;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#a7b79d; color:#fff;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#a7b79d;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#a7b79d; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#a7b79d; color:#fff;}

.menu ul#active {visibility:visible;}
.menu a#active_top {visibility:visible; color:#1f6436; background:#a7b79d;}
.menu a#active_sub {visibility:visible; background:#a7b79d; color:#fef7db;}
.menu a:hover#active_sub {visibility:visible; background:#a7b79d; color:#fff;}
.menu a#active_subchosen {visibility:visible; background:#a7b79d; color:#fff;}
.navi { font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #1f6436; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 1px; position: relative; width: 750px; height: 35px; z-index: 500; margin: 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 Merfach Merfach auto 0 Merfach Merfach 0 Merfach Merfach 0 auto; display: table; }