/* Style Januar 2006 von David Zschille www.zschille.net */

/* "Globale" Einstellungen f�r das HTML Dokument */
html
{
	height: 100%; width: 100%;
}
body
{
	height: 100%; width: 100%;
	background-color: #ffffff;
	background-image: url(bilder/hintergrund-links2.gif); background-repeat:repeat-y; background-position: left;
	margin: 0px; padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003399;
}
#page_margins { width: auto;  min-width: 940px; max-width: 90em; }

/* Kopfgrafik oben */
#head
{
	background-color: #97C3E6;
	background-image: url(bilder/headbild1.jpg); background-repeat:no-repeat; background-position: left;
	margin: 0; padding: 0;
	width: 100%; height: 86px;
	color: black;
}

/* horizontaler Block ganz oben mit Tabelle die Navigation enth�lt */
#block-oben
{
	background-color: #7EA2DC;
	height: 38px; width: 100%;
	margin: 0; padding: 0;
	font-size: 13px; color: #FFFFFF; font-weight: bold;
	text-align: left;
}
#block-oben  a
{
	color:#FFFFFF;
	text-decoration:none;
	background-color: transparent;
}
#block-oben  a:visited
{
	color:#FFFFFF;
	text-decoration:none;
	background-color: transparent;
}
#block-oben  a:hover
{
	color:#CB0B1D;
	text-decoration:none;
	background-color: transparent;
}
#block-oben table
{
	width: 75%;
	margin-left: 175px;
	font-size: 13px; color: #FFFFFF; font-weight: bold;
	text-align: center;
	background-color: transparent;
	border:none;
}
#block-oben  a#navi-oben-aktiv
{
	color:#CB0B1D;
	text-decoration:none;
	background-color: transparent;
}
/* --- Ende horizontaler Block ganz oben mit Tabelle die Navigation enth�lt */

/* unterer horizontaler Block oben, der die Unter-Navigation enth�lt */
#oben-sek-navi
{
	width: auto; height: 25px;
	background-color: #A2BBE6;
	margin-left: 200px;
	text-align: left;
}
#oben-sek-navi table
{
	width: 82%; height:25px;
	margin-left: 25px;
	padding: 0;
	border: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000099;
	background-color: transparent;
}
#oben-sek-navi  a {
	color:#000099;
	text-decoration:none;
	background-color: transparent;
}
#oben-sek-navi  a:visited
{
	color:#000099;
	text-decoration:none;
	background-color: transparent;
}
/* Hier k�nnte man einen sch�nen Rollovereffekt einbauen indem man eine andere Hintergrundfarbe definiert */
#oben-sek-navi  a:hover
{
	color:#5181FD;
	text-decoration:none;
	background-color: transparent;
}
#oben-sek-navi a#seknavi-oben-aktiv
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5181FD;
	background-color: transparent;
}
/* --- Ende unterer horizontaler Block oben, der die Unter-Navigation enth�lt */

/* vertikaler Block links der die 2. Navigation enth�lt */
#block-links
{
	float: left;
	background-color: #F5F7FA;
	width: 190px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;	color:#000099;
	margin-top: 55px;
}
#block-links a
{
	display: block;
	color:#000099;
	text-decoration:none;
	margin: 10px 8px 15px 8px;
}

#block-links a:visited
{
	color:#000099;
	text-decoration:none;
}
#block-links a:hover {
	color:#CB0B1D;
	text-decoration:none;
}
#block-links a#navigation-aktiv { color:#CB0B1D; }
#block-links2
{
	float: left;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#4B66C2;
}
#block-links2 a
{
	display: block;
	color:#4B66C2;
	text-decoration:none;
	margin: 20px 8px 10px 8px;
}

#block-links2 a:visited
{
	color:#4B66C2;
	text-decoration:none;
}
#block-links2 a:hover {
	color:#CB0B1D;
	text-decoration:none;
}
#block-links2 a#navigation-aktiv { color:#CB0B1D; }


/* Die Navigationscontainer */
#block-links .navigation
{
	width: 142px;
	margin: 20px 0 7px 11px; padding: 0 0 18px 0;
	background-color: #EAEEF7;
	border: solid 2px #ADC4E9;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099;
}
#block-links .navigation h4
{
	background-color: #7EA2DC;
	font-size: 13px; color: #FFFFFF; font-weight: bold;
	padding: 1px 0 2px 1px; margin: 0;
}
#block-links .navigation  a {
	color:#000099;
	text-decoration:none;
	background-color: #ffffff;
	margin: 2px 2px 0 20px; padding: 1px 1px 5px 3px;
}
#block-links .navigation  a:visited
{
	color:#000099;
	text-decoration:none;
	background-color: #ffffff;
}
/* Hier k�nnte man einen sch�nen Rollovereffekt einbauen indem man eine andere Hintergrundfarbe definiert */
#block-links .navigation  a:hover
{
	color:#5181FD;
	text-decoration:none;
	background-color: #ffffff;
}
#block-links .navigation a#navigation-aktiv
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5181FD;
	background-color: #ffffff;
}
/* --- Ende vertikaler Block links der die 2. Navigation enth�lt */

/* Der Inhaltsbereich und seine Elemente */
#block-inhalt
{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000099;
	margin: 0; padding: 5px 10px 10px 185px;
}
#block-inhalt img
{
	clear: right;
	float: right;
	border: none;
	margin: 10px 10px 10px 10px; padding: 0;
	vertical-align: top;
}
#under1, #under2 {
    width: 180px;
    clear: right;
    float: right;
	border: none;
	margin: 35px 15px 15px 15px; padding: 10px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000099;
	background-color: #F5F7FA;
}
* html #under1, * html #under2 {
    width: 182px;
    margin-right: 7px;
}
.thema
{
	background-color: #F5F7FA;
	vertical-align: top;
	width: 682px;
	margin: 1em 0 1em 3%; padding: 1em;
}
.thema2
{
	background-color: #F5F7FA;
	vertical-align: top;
	width: 57%;
	margin: 1em 0 1em 3%; padding: 1em;
}
.thema3
{
	background-color: #F5F7FA;
	vertical-align: top;
	width: 60%;
	margin: 2em 0 3em 3%; padding: 2em;
}
.thema4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CB0B1D;
	font-size: 12px;
	font-weight: bold;
}
#block-inhalt h1, #block-inhalt h2, #block-inhalt h3, #block-inhalt h4
{
	font-weight: bold;
	color: #003399;
	margin: 0.8em 3% 1em 3%;
}
#block-inhalt h1 { font-size: 16px; }
#block-inhalt h2 { font-size: 15px; }
#block-inhalt h3 { font-size: 14px; }
#block-inhalt h4 { font-size: 13px; }

#block-inhalt a
{
	color:#CB0B1D;
	text-decoration:underline;
}
#block-inhalt a:visited
{
	color:#CB0B1D;
	text-decoration:underline;
}
#block-inhalt a:hover {
	color:#FD0101;
	text-decoration:underline;
}
/* --- Ende Inhaltsbereich */