body { background-image: url(../images/hintergrund.gif); margin-right: auto; margin-left: auto; }
p { color: white; font-size: 15px; font-family: Verdana; line-height: 20px; }
td { }

h2 { font-family: Verdana; color: white; font-size: 14px; font-weight: bold; text-decoration: none; }
h3 {  color: white; font-size: 30px; font-weight: bold; font-style: italic; padding-top: 130px; padding-left: 70px; }
h4 { font-family: Verdana; color: white; font-size: 18px; text-decoration: none; text-align: center; }
h5 { font-family: Verdana; color: white; font-size: 14px; font-weight: normal; }
h6 {  color: white; font-size: 24px; font-weight: bold; font-style: italic; padding-top: 80px; padding-left: 70px; }
a:visited { color: white; text-decoration: none; }
a:link { color: white; text-decoration: none; }
a:hover { color: #cd3326; text-decoration: none; }
a:active { color: white; }

/* 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; }

.mittig { float: none; margin-right: auto; margin-left: 20px; }
.rechts { float: right; padding: 10px; }

#rahmen { width: 1250px; }
#oben { background-image: url(../images/pfeile.gif); background-repeat: repeat-x; background-position: right 300px; width: 1250px; height: 340px; border-bottom: 5px double #cd3326; }
#oben1 { background-color: black; background-image: url(../images/kaffeklatsch.JPG); background-repeat: no-repeat; background-position: center; width: 470px; height: 320px; float: left; border: solid 10px #000; }
#oben2 { background-image: url(../images/titel.gif); background-repeat: no-repeat; background-position: center bottom; position: relative; top: 10px; width: 650px; height: 200px; float: right; padding-right: 50px; }
#oben2 h3{ color: white; font-size: 30px; font-weight: bold; font-style: italic; padding-top: 130px; padding-left: 70px; }
#oben2 h5{ color: #89ddf6; font-size: 20px; font-family: Times ; font-style: italic; }
#inhalt { width: 1200px; clear: both ; min-height: 620px; margin: 0; }
#links { width: 250px; height: 300px; float: left; }
#mitte { background-color: black; width: 640px; float: left; min-height: 600px; padding: 30px 0 20px 20px; }
#mitte h1{ color: #fff; font-size: 24px; font-family: Verdana; text-align: center; }
#rechts { width: 278px; float: right; padding-top: 10px; }
#rechts p{ color: #89ddf6; font-size: 16px; font-weight: bold; line-height: 16px; padding-left: 30px; }
#fuss { line-height: 14px; background-color: #b61817; clear: both; height: 20px; padding-left: 250px; }
#fuss ul li{ color: white; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; display: inline; }
#box { background-image: url(../images/reminder.gif); background-repeat: no-repeat; background-position: center top; height: 300px; margin-right: auto; margin-left: auto; padding-top: 70px; color: #000; font-size: 16px; font-weight: bold; line-height: 14px; width: inherit; z-index: 99; }
#box p{ color: #000; font-size: 16px; font-weight: bold; line-height: 14px; padding-right: 20px; padding-left: 40px; }
#navcontainer
{ width: 15.5em; padding: 20px 0 1em 10px; margin-bottom: 0.5em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #333; font-size: 15px; font-weight: bold; border-right-color: #000; border-right-style: solid; }

#navcontainer ul
{ list-style: none; margin: 0; padding: 0; border-style: none; }

#navcontainer li
{ border-bottom: 1px solid #ec0e19; margin: 0; padding-top: 10px; }

#navcontainer li a
{ display: block; padding: 3px 3px 3px 1em; border-right: 10px solid #89ddf6; background-color: #b61817; color: #fff; font-weight: bolder; text-decoration: none; width: 100%; }

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{ border-right: 10px solid #b61817; background-color: #2586d7; color: #fff; }

#navcontainer ul li a#current { border-right: 10px solid #38a4c4; border-bottom: 2px solid #38a4c4; } 

-----------------------------------
#fusscontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#fusscontainer ul li { text-align: right; display: inline; }

#fusscontainer ul li a
{ padding: 0.2em 1em; background-color: #b61817; color: white; text-decoration: none; float: left; border-right: 1px solid #fff; border-left: 1px solid #fff; }

#fusscontainer ul li a:hover
{
background-color: #ec0e19;
color: #fff;
}