@charset "utf-8";
body  {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: lightsteelblue;
    }
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 22px;
	 color: #003366;}

h1#hsInhalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #003366;
	float: left;
	margin: 10px;
	text-align: center;
}

h1#hsInhalt  a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	font-style: normal;
}
	 
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #003366;}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #003366;
}
    #container {
	width: 797px;
	text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-color: lightsteelblue;
	margin-top: 0;
	margin-left:0;
    }
    #titelbild {
	width: 805px;
	text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-color: lightsteelblue;
	margin-top: 0;
	margin-left:0;
    }
    #logo_rc {
	width: 96px;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
	z-index:10;
	float: left;
	visibility: visible;
    }
    #quick {
	width: 60px;
	margin-top: 1px;
	margin-left: 720px;
	position: absolute;
	z-index:11;
	float: left;
	visibility: visible;
    }
    #logo {
	width: 66px;
	margin-top: 1px;
	margin-left: 666px;
	position: absolute;
	z-index:11;
	float: left;
	visibility: visible;
    }
    .hauptseite #linkeSpalte {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 152px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #4682B4;
	padding-top: 10px;
	padding-right: 1px;
	padding-bottom: 30px;
	padding-left: 1px;
    }
	#video   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 100;
	background-color: lightsteelblue;
	height: 125px;
	width: 134px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: steelblue;
	border-right-color: steelblue;
	border-bottom-color: steelblue;
	border-left-color: steelblue;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-decoration: none;
} 

    .hauptseite #hauptseiteInhalt {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 151px;
	padding: 0px;
	text-align: right;
	width: 640px;
    } 
	
h1#hsTitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:lighter;
	font-variant: small-caps;
	text-transform: capitalize;
	position: absolute;
	z-index: 0;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	left: 321px;
	top: 195px;
}
	
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
/* __________________________________________________________________________________*/

body#corn {
	background-color: cornsilk;
	font-family: "100% Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: 300;
}

body#hgsteel {
	background-color: steelblue;
	font-family: "100% Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: 300;
}

body#hglightsteel {
	background-color: lightsteelblue;
	font-family: "100% Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: 300;
}

body#hglavender {
	background-color: lavender;
	font-family: "100% Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: 300;
}

p, li, div, ul, i, u, td, th, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: 300;
}

p#kl, li#kl, div#kl, span#kl, a#kl, td#kl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #003366;
	font-weight: 300;
}

a:link, a:hover, a:active, a:focus {
	font-size: 12px;
	color: #1D4188;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-decoration:none;
}

a:visited {
	font-size: 12px;
	color: #1D4188;
	text-decoration:none;
	font-weight: 300;
}

/*form {
	background-color: #CCCC99;
}*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 26px;
	color: #003366;
	font-weight: 300;}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #003366;
	font-weight: 300;}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #003366
	font-weight: 300;;
}

body#navigation {
	background-color: steelblue;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: 200;
}

body#navigation p, li, div, ul, i, u, td, th, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: 200;
}	

body#navigation a:link, a:hover, a:active, a:focus {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-decoration:none;
}

body#navigation a:visited {
	font-size: 11px;
	text-decoration:none;
	font-weight: 200;
}	

		
#dateformat {
	color: #FFFFAA;
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	background-color: #0063FE;
	text-indent: 5px;
	float: left;
	height: 13px;
	width: 805px;
	text-align: left;
	}
	

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* Der äußerste Behälter von der Menüleiste, eine Box mit fester Breite und keinem Außen- und Innenabstand*/
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 13.5em;
}
/* Setzen Sie die aktive Menüleiste mit dieser Klasse, den gegenwärtigen gesetzten  z Index an den IE anzupassen  siehe bugs: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html  */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Kinderbehältern haben im Verhältnis zu den Menüpunktbehälter die gleiche feste Breite wie das Elternteil */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 13.5em;
}
/* Untermenüs sollten sichtbar und leicht nach rechts (95%ig) überlappen und auf (-5%ig) mit einem höheren z Index, aber sie fangen von der linken Seite des Bildschirms an(-1000em) */
ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 13.7em;
	left: -1000em;
	top: 0;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 100%;
}
/* DasUntermenü, das mit class MenuBarSubmenuVisible ausgezeichnet ist, setzen wir auf left 0, so dass es auf den Bildschirm angezeigt wird */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menüpunktbehälter haben die gleiche feste Breite wie das Elternteil */
ul.MenuBarVertical ul li
{ width: 13.7em; }

/*******************************************************************************

 DESIGN INFORMATION: beschreibt  color scheme, borders, fonts

 *******************************************************************************/

/* Äußerster Menübehälter hat Rand an allen Seiten */
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Der Menüpunkt  ist ein mittelgrauer Block mit Innenabstand, Schrift ohne underline */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: lightsteelblue;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}
/* Menüpunkte, mit mouseover oder focus haben einen blauen Hintergrund und weißem Text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: steelblue;
	color: #FFF;
}
/* Menüpunkte, derenmit Untermenüs geöffnet sind, werden mit MenuBarItemHover mit einem blauen Hintergrund und weißem Text ausgezeichnet */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: steelblue;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: Stile, wie ein Submenue mit eigenen Menuepunkten dargestellt werden soll

 *******************************************************************************/

/* Menupunkte mit weiteren Submenues werden der class MenuBarItemSubmenu zugewiesen und ein Hintergrundbild mit der Position gesamte Weite left (95%) und vertikal zentriert (50%) zu benutzen */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(../imageshaupt/NavigationRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menupunkte im Modus a hover mit weiteren Submenues werden der class MenuBarItemSubmenu zugewiesen und ein anderes Hintergrundbild mit der Position gesamte Weite left (95%) und vertikal zentriert (50%) zu benutzen */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../imageshaupt/NavigationRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: Die hacks unten sollten nicht gewechselt werden, außer wenn du Experte bist

 *******************************************************************************/

/* HACK FOR IE: um sicherzustellen, dass die sub menus angezeigt über form controls, jedes submenu wird mit einem iframe  unterlegt*/
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}