/* CSS der Navigation */

@media screen {

* {
  padding: 0;
  margin: 0;
}
/* Navigation für große Bildschirme */
.nav_gross {
max-width: 900px;
width: 100%;
margin: 0 auto;
padding: 0 30px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: .8em;
line-height: 1.5;
float: left;
z-index: 1; /* dadurch ist die Navigationsleiste immer im Fordergrund */
}

.nav_gross ul {
float: left;
width: 140px;
list-style-type: none;
display: inline;
}

.nav_gross h3 {
font-size: 1.2em;
text-align: center;
color: #0020FF;
border: 1px solid #003366;
background: #EFEFEF;
}

.nav_gross a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: left;
background: #F0F0F0;
color: #000000;
padding: 2px 3px;
}

.nav_gross a:hover {
color: #000000;
background: #E00060;
}

.nav_gross li {
position: relative;
}

.nav_gross ul ul {
position: absolute;
z-index: 2;
display: none;
}

.nav_gross ul li:hover ul {
display: block;
}

* html nav ul li {
float: left;
width: 100%;
}

*+ html nav ul li {
float: left;
width: 100%;
}

*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html nav ul li a {
height: 1%;
}

/* Navigation für kleine Bildschirme */
/* list-style-type: none; es werden die Punkte li nicht angezeigt */
nav ul {
float: left;
width: 180px;
font-size: .5em;
list-style-type: none;
}

nav a {
text-decoration: none;
font-weight: bold;
background: #00A0FF;
display: block;
border: 1px solid #ccc;
}

nav li li {
	text-align: left;
}


} /* } für @media screen Ende */