body
{
font-family: Tahoma, Arial, Verdana;
background-color: #666;
margin: 10px 0 10px 15px
}

/* Überschiften und Absätze allgemein */
h1
{
font-size: 20px;
color: #660000;
letter-spacing: 2px
}
h2
{
font-size: 13px;
color: #660000;
letter-spacing: 1px;
margin: 25px 0 5px 0
}
p
{
font-size: 13px;
text-align: justify;
line-height: 150%;
margin: 0 0 25px 0
}

/* allgemeine Links */
a:link, a:active, a:visited
{
font-weight: bold;
text-decoration: none;
color: #660000
}
a:hover
{
color: #990000;
text-decoration: underline
}

/* Tabelle für Rahmen */
#rahmen
{
width: 900px
}

/* Header, Slogan und Footer */
#header, #footer
{
background-color: #E6E6E6;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
#header
{
padding: 0 20px 0 49px
}
#header img
{
border: none
}
.slogan
{
float: right;
margin-top: 38px;
font-size: 13px;
letter-spacing: 1pt;
font-weight: bold;
color: #660000
}
#footer
{
font-size: 11px;
padding-left: 15px;
line-height: 24px
}

/* linke Spalte und Navigations-Menü */
#navi
{
padding-top: 10px;
border-right: 1px solid #666;
width: 170px;
background-color: #E6E6E6
}
#navi h1
{
letter-spacing: 2px;
background-repeat: no-repeat;
background-position: 5px center;
margin: 7px 0;
font-size: 14px;
line-height: 24px;
padding-left: 25px;
background-color: #fff;
color: #000;
border-top: 1px solid #666;
border-bottom: 1px solid #666
}
.menue1
{
background-image: url('../images/quad-rot.gif')
}
.menue2
{
background-image: url('../images/quad-gruen.gif')
}
.menue3
{
background-image: url('../images/quad-blau.gif')
}
.menue4
{
background-image: url('../images/quad-gelb.gif')
}
.menue5
{
background-image: url('../images/quad-orange.gif')
}
#navi a:link, #navi a:active, #navi a:visited
{
letter-spacing: 1px;
font-size: 12px;
font-weight: bold;
display: block;
text-decoration: none;
line-height: 20px;
padding-left: 15px;
color: #660000
}
#navi a:hover
{
text-transform: uppercase;
color: #990000
}

/* Inhaltsspalte */
#inhalt
{
padding: 10px 15px;
background-color: #fff;
border-right: 1px dotted #666
}

/* rechte Spalte */
#spalte_re
{
width: 170px;
padding: 10px;
background-color: #E6E6E6
}
#spalte_re h2
{
font-size: 12px;
margin: 0 0 5px 0
}
#spalte_re p
{
font-size: 11px;
margin: 5px 0 20px 0
}

/* Formatierung Beispiel-Suchformular */
form
{
margin: 0 0 15px 0
}
.suchbox
{
font-family: Arial, Tahoma, Verdana;
font-size: 11px
}
.suchbutton
{
font-family: Arial, Tahoma, Verdana;
font-size: 11px
}


#menu { width: 170px; background: #eee; } 

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

    #menu a, #menu h2 {
      font: bold 11px/16px arial, helvetica, sans-serif;
      display: block;
      border-width: 0px; border-style: solid; border-color: #ccc #888
    #555 #bbb;
      margin: 0; padding: 0px 0px; }

    #menu h2 { color: #660000; background: #e6e6e6; text-transform: uppercase;
    } 

    #menu a { color: #000; background: #e6e6e6; text-decoration: none; } 

    #menu a:hover { color: #a00; background: #fff; } 

     #menu li { position: relative; }

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}