* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0; padding: 0; background: #E7E7E4; }

/* Überschriften, Absätze, Auflistung */
h1 { font: bold 36px 'Trebuchet MS', Tahoma, Verdana; color: #000; margin: 5px 0 15px 0; }
h2 { font: bold 24px 'Trebuchet MS', Tahoma, Verdana; color: #990000; margin: 25px 0 3px 0; }
p { font: 16px/150% 'Trebuchet MS', Tahoma, Verdana; color: #333; text-align: justify; margin: 0 0 10px 0; }
ul { margin: 0 15px 10px 15px; }
li { font: 16px/150% 'Trebuchet MS', Tahoma, Verdana; color: #333; text-align: justify; }

/* allgemeine Textlinks */
#inhalt a:link, #inhalt a:active, #inhalt a:visited, #footer a:link, #footer a:active, #footer a:visited { color: #000; font-weight: bold; }
#inhalt a:hover, #footer a:hover { background: #336600; color: #E7E7E4; text-decoration: none; }

/* Logo Banner */
#logo { width: 728px; font: bold 36px 'Trebuchet MS', Tahoma, Verdana; color: #800000; font-style: italic; letter-spacing: 2px; word-spacing: 7px; margin: 30px auto; }
#logo_in { line-height: 90px; background: #fff; border: 1px solid #000; text-align: center; }

/* horizontales Navigationsmenü */
#navi_rahmen { width: 100%; border-top: 10px solid #fff; border-bottom: 10px solid #fff; background: #336600; }
#navi_oben a:link, #navi_oben a:active, #navi_oben a:visited { display: block; width: 90px; font: bold 16px/30px 'Trebuchet MS', Tahoma, Verdana; text-decoration: none; color: #fff; background: #000; text-align: center; border-left: 1px solid #fff; }
#navi_oben a:hover { text-decoration: none; color: #fff; background: #336600; }

/* Inhalt-Content */
#inhalt { padding: 10px 20px 20px 20px; border-right: 10px solid #fff; }

#abs { margin-left: 20px; }

/* vertikales Navigationsmenü */
#navi_li_rahmen { padding: 0px 10px; background: #fff; }

/* Überschrift Submenü */
.navi_ue { display: block; width: 200px; color: #fff; margin: 0px 0px 5px 0px; padding: 5px; font: bold 18px 'Trebuchet MS', Tahoma, Verdana; background: #000; border-bottom: 1px solid #fff; }
.navi_li { background: #336600; }
.navi_li_2 { background: #234502; }
.navi_li_3 { background: #003300; }

.navi_li a:link, .navi_li a:active, .navi_li a:visited, .navi_li_2 a:link, .navi_li_2 a:active, .navi_li_2 a:visited, .navi_li_3 a:link, .navi_li_3 a:active, .navi_li_3 a:visited
      { display: block; width: 130px; font: bold 16px/22px 'Trebuchet MS', Tahoma, Verdana; text-decoration: none; color: #fff; margin: 5px 0px 5px 8px; padding-left: 10px; }
.navi_li a:link, .navi_li a:active, .navi_li a:visited { border: 1px solid #336600; }
.navi_li_2 a:link, .navi_li_2 a:active, .navi_li_2 a:visited { border: 1px solid #234502; }
.navi_li_3 a:link, .navi_li_3 a:active, .navi_li_3 a:visited { border: 1px solid #003300; }
.navi_li a:hover, .navi_li_2 a:hover, .navi_li_3 a:hover { background: #000; border: 1px solid #fff; }

/* Fußzeile */
#footer { font: 12px/40px 'Trebuchet MS', Tahoma, Arial; color: #fff; font-style: italic; text-align: center; letter-spacing: 3px; word-spacing: 7px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; background: #336600; }