﻿body {
background-color:#AAA;
}

p, td, a, {
font-size:12px;
color:#000000;
font-family: Arial,Verdana,sans-serif;
text-align: left;
}

#kleinschwarz {
 font-size: 12px;
 text-decoration: none;
 color:#000;
}

h3 {
font-size:19px;
color:#476091;
font-family: Arial,Verdana,sans-serif;
text-align: left;
}

h4 {
font-size:17px;
color:#476091;
font-family: Arial,Verdana,sans-serif;
text-align: left;
}



table {
border: 0px;
background-color:#f7f7f7;
font-family: Arial,Verdana,sans-serif;
}



* {
margin: 0;
padding: 0;
}

#menu {
width: 800px;
line-height: 35px;
padding: 0px;
background: #476091;
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
float: left;
}

#menuschmal {
width: 200px;
line-height: 35px;
padding: 0px;
background: #476091;
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
float: left;
}

#menu ul {
float: left;
width: 200px;
list-style-type: none;
}

#menuschmal ul {
float: left;
width: 200px;
list-style-type: none;
}


/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 15px;
text-align: center;
color: #000;
border: 0px;
background: #476091;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 0px;
text-align: center;
background: #476091;
color: #ffffff;
}

#menuschmal a {
text-decoration: none;
display: block;
border: 0px;
text-align: center;
background: #476091;
color: #ffffff;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #476091;
background: #ffffff;
}

#menuschmal a:hover {
color: #476091;
background: #ffffff;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 0px;
background: #ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 0px;
}
