/* dark (blau) - Base dunkel (gemeinsame Regeln in ../common.css) */

body { background:#000 url(waben_r_wb.jpg) repeat fixed top center; font: 0.8em Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; color: #fff; text-align: center; }

/* Dropdown (Theme-/Sprachwahl): color-scheme dunkel rendert Popup + Scrollbar
   passend. Native Form bleibt, nur Farben: Textfarbe wie die Hauptmenue-Links
   (#00eaff), schwarzer Grund, Rahmen #00b0ff, Optionsliste mit Akzent. */
html { color-scheme: dark; }
select { color: #00eaff; background-color: #000; border: 1px solid #00b0ff; }
select option { background: #000; color: #fff; }
select option:checked { background: #00eaff; color: #000; }

.page_margins {
	width: 983px;
	min-width: inherit;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0;
	background-image:url(bg_wb.png);
	display: inline-block;
}

a:link {color: #00eaff; text-decoration: none; }
a:visited {color: #00d2ff; text-decoration: none; }
a:hover {color: #00b0ff; text-decoration: underline; }

a.link2 {color: #00eaff; text-decoration: none; }
a.link2:visited {color: #00d2ff; text-decoration: none; }
a.link2:hover {color: #000; background: #00eaff; text-decoration: none; }

#navlist a
{
display: block;
text-decoration: none;
color: #00eaff;
background: #000000;
background-image:url(vistnav_bl.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navlist a:visited
{
display: block;
text-decoration: none;
color: #00d2ff;
background: #000000;
background-image:url(vistnav_bl.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navlist a:hover
{
display: block;
text-decoration: none;
color: #ffffff;
background: #000000;
background-image:url(vistnav_blh.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navlist div
{
display: block;
text-decoration: none;
color: #ffffff;
background: #3399CC;
background-image:url(vistnava.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navlist div.leer
{
display: block;
text-decoration: none;
color: #000;
background: transparent;
background-image:url(vistnav.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navlist div.menup
{
display: block;
text-decoration: none;
font-weight: bold;
color: #ffffff;
background: #000000;
background-image:url(vistnav_bl.jpg);
background-position: right;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
-khtml-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
padding: 0.25em 0.5em 0.4em 0.4em;
}

#navend ul li a
{
margin-left: 3px;
margin-right: 3px;
padding-left: 7px;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
text-decoration: none;
color: #ffffff;
background-color: #505050;
border-width: 1px;
border-style: solid;
border-left-color:#aaaaaa;
border-top-color:#aaaaaa;
border-right-color:#404040;
border-bottom-color:#404040;
}

#navend ul li a:visited
{
margin-left: 3px;
margin-right: 3px;
padding-left: 7px;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
text-decoration: none;
color: #ddddff;
background-color: #505050;
border-width: 1px;
border-style: solid;
border-left-color:#aaaaaa;
border-top-color:#aaaaaa;
border-right-color:#404040;
border-bottom-color:#404040;
}

#navend ul li a:hover
{
margin-left: 3px;
margin-right: 3px;
padding-left: 8px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 2px;
text-decoration: none;
color: #ffffff;
background-color: #505050;
border-width: 1px;
border-style: solid;
border-left-color:#404040;
border-top-color:#404040;
border-right-color:#aaaaaa;
border-bottom-color:#aaaaaa;
}

table {
font-size: 0.9em;
border: 1px solid #fff;
}

td {
border: 1px solid #fff;
text-align: left;
vertical-align: top;
}

/* Clock styles */
.circle {
	fill: none;
	stroke: #fff;
	stroke-width: 9;
	stroke-miterlimit: 10;
}

.hour-marks {
	fill: #fff;
	stroke: #fff;
	stroke-width: 1;
	stroke-miterlimit: 10;
	font-family: Verdana, DejaVu Sans, Bitstream Vera Sans, Kalimati, Tahoma, sans-serif;
	font-size: 50px;
}

.hour-arm {
	fill: #fff;
	stroke: #ddd;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

.minute-arm {
	fill: #fff;
	stroke: #ddd;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

/* Sprachflaggen: auf dunklem Grund wird der Schatten zum hellen Glow.
   Hoehere Spezifitaet (#infoleiste), damit es das spaeter geladene
   format.css (.langflag, dunkler Schatten) ueberschreibt. */
#infoleiste .langflag {
	filter: drop-shadow(0 0 2px rgba(255, 255, 255, .9));
}