@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(grafik/bg.gif);
	margin: 0;
	padding: 0;
	color: #004171;
}

ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	padding-left: 20px;
	margin: 0;
	list-style: disc;
}

h1, h2, h3, h4, h5, h6, {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
}

p {
	margin: 0px;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding: 0px;
	padding-bottom: 10px;
}

/* ~~ Dieser Container mit fester Breite umschließt alle anderen div-Tags. ~~ */
.container {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	margin-bottom: 40px;
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
}


/* ~~ Beginn Eine Spalte ~~ */
div#OneCol {
	float: left;
	width: 830px;
	padding-left: 60px;
	padding-right: 60px;
	background: #ffffff;
	margin-bottom: 10px;
}

div#OneCol_headline {
	float: left;
	width: 830px;
	padding-left: 60px;
	padding-right: 60px;
	background: #ffffff;
	margin-bottom: 10px;
	margin-top: 25px;
}


/* ~~ Beginn Zwei Spalten ~~ */
div#TwoColsCol1 {
	float: left;
	width: 540px;
	padding-left: 60px;
	margin-bottom: 40px;
}
div#TwoColsCol2 {
	float: left;
	width: 250px;
	padding-left: 40px;
	margin-bottom: 40px;
}
/* ~~ Ende Zwei Spalten ~~ */

/* ~~ Beginn Zwei Spalten gleichmäßig verteilt ~~ */
div#TwoCols2Col1 {
	float: left;
	width: 395px;
	padding-left: 60px;
	margin-bottom: 40px;
}
div#TwoCols2Col2 {
	float: left;
	width: 395px;
	padding-left: 40px;
	margin-bottom: 40px;
}
/* ~~ Ende Zwei Spalten ~~ */


/* ~~ Beginn Drei Spalten ~~ */
div#ThreeColsCol1 {
	float: left;
	width: 250px;
	background: #ffffff;
	padding-left: 60px;
	margin-bottom: 40px;
}
div#ThreeColsCol2 {
	width: 250px;
	float: left;
	background: #ffffff;
	padding-left: 40px;
	margin-bottom: 40px;
}
div#ThreeColsCol3 {
	float: left;
	width: 250px;
	background: #ffffff;
	padding-left: 40px;
	margin-bottom: 40px;
}
/* ~~ Ende Drei Spalten ~~ */


/* ~~ Stile für die Fußzeile ~~ */
.footer {
	background: #ffffff;
	position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
	text-align: center;
	border-bottom: 5px #004171 solid;
}


/* ~~ Verschiedene float/clear-Klassen ~~ */

.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende 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. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ~~ Beginn Metanavigation ~~ */
#metanav {
	position:absolute;
	width:945px;
	height:auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	text-decoration: none;
}

.metanav			{
	list-style: none;
   	overflow: visible;
   	vertical-align: right;
   	font-size: 9px;
   	font-weight: normal;
   	color: #004171;
   	text-align: right;
   	text-decoration: none;
	vertical-align: top;
	margin-right: 30px;
}
	
.metanav:hover 	{
	list-style: none;
    overflow: visible;
    vertical-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #004171;
    text-align: right;
    text-decoration: underline;
	vertical-align: top;
	margin-right: 30px;
}
					
.metanav_a	{
	list-style: none;
    overflow: visible;
    vertical-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #004171;
    text-align: right;
    text-decoration: underline;
	vertical-align: top;
	margin-right: 30px;
}
/* ~~ Ende Metanavigation ~~ */


/* ~~ Beginn Hauptnavigation horizontal ~~ */
div#mainnav {
    height: 26px;
    width: 893px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 47px;
    background-color: #004171;
}

div#mainnav ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: bold;
    color: #ffffff;
    line-height: 26px;
    white-space: nowrap;
	text-transform: uppercase;
}

div#mainnav li {
    list-style-type: none;
    display: inline;
}
div#mainnav li a {
    text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
    color: #ffffff;
}

div#mainnav li a:link {
    color: #ffffff:
}

div#mainnav li a:visited {
    text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
    color: #ffffff;
}

div#mainnav li a:hover {
	text-decoration: none;
	position: relative;
}

.mainnav 	{
	background: #004171;
	text-decoration: none;
	position: relative;
    text-decoration: none;
    padding-top: 4px;
	padding-bottom: 3px;
	margin-right: 14px;
    color: #ffffff;
}

.mainnav:hover 	{
	background: #ee7f01;
	text-decoration: none;
	position: relative;
    text-decoration: none;
    padding-top: 4px;
	padding-bottom: 3px;
	margin-right: 14px;
    color: #ffffff;
	background: #ee7f01;
}


.mainnav_a 	{
	border-bottom: 5px solid #ee7f01;
	background: #ee7f01;
	text-decoration: none;
	position: relative;
    padding-top: 4px;
	padding-bottom: 5px;
	margin-right: 14px;
    color: #ffffff;
}


.mainnav_a2 	{
	background: #ee7f01;
	text-decoration: none;
	position: relative;
    text-decoration: none;
    padding-top: 4px;
	padding-bottom: 3px;
	margin-right: 14px;
    color: #ffffff;
	background: #ee7f01;
}

/* ~~ Ende Hauptnavigation horizontal ~~ */


/* ~~ Beginn Unternavigation horizontal ~~ */
div#subnav {
    height: 20px;
    width: 884px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 56px;
    background-color: #ee7f01;
	margin-top: 5px;
}

div#subnav ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
    color: #ffffff;
    line-height: 20px;
    white-space: nowrap;
}
div#subnav li {
    list-style-type: none;
    display: inline;
}

div#subnav li a {
	padding-top: 7px;
	margin-right: 20px;
	padding-bottom: 7px;
	padding-left: 0px;
    color: #ffffff;
}

div#subnav li a:link {
    color: #ffffff:
}

div#subnav li a:visited {
    color: #ffffff;
}

div#subnav li a:hover {
text-decoration: underline;
}

.subnav 	{
	text-decoration: none;
}

.subnav:hover 	{
	text-decoration: underline;
}

.subnav_a 	{
	text-decoration: underline;
}

/* ~~ Ende Unternavigation horizontal ~~ */


/* ~~ Beginn Textdefinitionen ~~ */
.text12_normal {
	font-size: 12px;
	font-weight: normal;
	color: #004171;
	letter-spacing: normal;
	line-height: 20px;
}

.text12_bold {
	font-size: 12px;
	font-weight: bold;
	color: #004171;
	letter-spacing: normal;
	line-height: 20px;
}


.links12_normal	{
	list-style: none;
	overflow: visible;
	vertical-align: left;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #004171;
	text-align: left;
	text-decoration: none;
}
	

.links12_normal:hover 	{
	list-style: none;
	overflow:visible;
	vertical-align: left;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #004171;
	text-align: left;
	text-decoration: underline;
}
/* ~~ Ende Textdefinitionen ~~ */


.images 	{
	padding-bottom: 10px;
}

.float_right	{
	float: right;
}