body {
	font: 1.5em bold arial, helvetica, serif;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 75em;
	position:absolute;
	left: 2em;
	top:5em;
	z-index:20;
}

#nav a {
	display: block;
	width: 6em;
	color:black;
	text-decoration:none;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav a:hover {
	width: 5.6em;
	background:#940000;
	color:#FFF3D2;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav li { /* all list items */
	float: left;
	line-height : 1.2em;
	border-bottom:1px solid #940000;
	width: 6em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	top:4.5em;
	border:1px solid #940000;
	background:#FFF3D2;
	width: 6em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;}
	
/* MENU HORIZONTAL */

#nav, #nav ul.webcams { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a.webcams {
	display: block;
	width: 18em;
	color:black;
	text-decoration:none;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav a.webcams:hover {
	width: 17.6em;
	background:#940000;
	color:#FFF3D2;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav li.webcams { 
	float: left;
	border-bottom:1px solid #940000;
	width: 18em; }

#nav li ul.webcams { 
	position: absolute;
	border:1px solid #940000;
	background:#FFF3D2;
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.headline{
background:#008200; color:#FFF3D2; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; font-weight: bold; text-align:center;}

#nav li.hl_aktuell{
background:red; color:white; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; text-align:center;}

#nav a.aktuell{
background:red; color:white;}

#nav a.aktuell:hover{
background:white; color:red;}

#nav a.headline{
background:#008200; color:#FFF3D2; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; text-align:center;}

#nav a.headline:hover{
background:#FFF3D2; color:#008200;}

#nav ul.headline { 
	position: absolute;
	background:#FFF3D2;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav a.menubutton{
border:none; width:3em; background:none;}

#nav li.menubutton, #nav a.menubutton:hover{
border:none; background:none;}

#nav li.menubutton_m1, #nav li.menubutton_m1:hover{
border:none; background:none; margin-left:1.1em; margin-top:1.5em; border:none; width:4em;}

#nav li.menubutton_m2, #nav li.menubutton_m2:hover{
background:none; margin-left:2.7em; margin-top:1.5em; border:none; width:4em;}

#nav li.menubutton_m3, #nav li.menubutton_m3:hover{
border:none; background:none; margin-left:3.7em; margin-top:1.0em;border:none; width:4em;}

#nav li.menubutton_m4, #nav li.menubutton_m4:hover{
border:none; background:none; margin-left:3.8em; margin-top:-0.1em;border:none; width:7em;}

#nav li.menubutton_m5, #nav li.menubutton_m5:hover{
border:none; background:none; margin-left:3.1em; margin-top:1.5em;border:none; width:4em;}

#nav li.menubutton_m6, #nav li.menubutton_m6:hover{
border:none; background:none; margin-left:3.7em; margin-top:1.3em;border:none; width:7em;}

#nav li.menubutton_m7, #nav li.menubutton_m7:hover{
border:none; background:none; margin-left:3.0em; margin-top:1.5em;border:none; width:4em;}


/* MENU VERTIKAL */

#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 10em;
	position:absolute;
	left: 20px;
	top:14em;
	z-index:19;
}

#nav2 a {
	display: block;
	width: 6em;
	color:black;
	text-decoration:none;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav2 a:hover {
	width: 5.6em;
	background:#940000;
	color:#FFF3D2;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav2 li { /* all list items */
	float: left;
	line-height : 1.2em;
	border-bottom:1px solid #940000;
	width: 6em; /* width needed or else Opera goes nuts */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	border:1px solid #940000;
	background:#FFF3D2;
	width: 6em;
	margin-left:5.5em; margin-top:-13.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 7em;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;}
	
#nav2, #nav2 ul.webcams { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav2 a.webcams {
	display: block;
	width: 18em;
	color:black;
	text-decoration:none;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav2 a.webcams:hover {
	width: 17.6em;
	background:#940000;
	color:#FFF3D2;
	padding:0.2em 0.0em 0.2em 0.4em;
}

#nav2 li.webcams { 
	float: left;
	border-bottom:1px solid #940000;
	width: 18em; /* width needed or else Opera goes nuts */
}

#nav2 li ul.webcams { 
	position: absolute;
	border:1px solid #940000;
	background:#FFF3D2;
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li.headline{
background:#008200; color:#FFF3D2; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; font-weight: bold; text-align:center;}

#nav2 li.hl_aktuell{
background:red; color:white; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; text-align:center;}

#nav2 a.aktuell{
background:red; color:white;}

#nav2 a.aktuell:hover{
background:white; color:red;}

#nav2 a.headline{
background:#008200; color:#FFF3D2; padding:0.2em 0.2em 0.2em 0.2em; font-size:1.2em; text-align:center;}

#nav2 a.headline:hover{
background:#FFF3D2; color:#008200;}

#nav2 ul.headline { 
	position: absolute;
	background:#FFF3D2;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 a.menubutton, #nav2 a.menubutton:hover{
background:none;}

#nav2 a.menubutton{
border:none; width:3em; background:none;}

#nav2 li.menubutton{
border:none; background:none;}

#nav2 li.menubutton_m1, #nav2 li.menubutton_m1:hover{
border:none; background:none; position:absolute; left:0px; top:0px; width:4em;}

#nav2 li.menubutton_m2, #nav2 li.menubutton_m2:hover{
border:none; background:none; position:absolute; left:-15px; top:55px;  width:4em;}

#nav2 li.menubutton_m3, #nav2 li.menubutton_m3:hover{
border:none; background:none; position:absolute; left:10px; top:145px; width:4em;}

#nav2 li.menubutton_m4, #nav2 li.menubutton_m4:hover{
border:none;  background:none; position:absolute; left:7px; top:212px; width:4em;}

#nav2 li.menubutton_m5, #nav2 li.menubutton_m5:hover{
border:none;  background:none; position:absolute; left:2px; top:276px; width:4em;}

dfn, .unsichtbar{
	display:none;
}