/*800_3col.css*/


body {
	background : #FFFFFF url(../images/umraumverlauf.jpg) repeat-x; /*es wird eine generelle Farbe eingerichtet in die der kurze vertikale Verlauf von oben übergeht*/
	font-family: Arial, Helvetica, sans-serif; /*Definition der generellen Schriftfarbe*/
	font-size: 100%; /*Definition der generellen Schriftgröße; wird von anderen Schriftangaben 1.5em als Basis genommen */
	/*color: #000000; Definition der generellen Schriftfarbe */
	margin: 20px; /*Rand des gesamten Seiteninhaltes zu allen Seiten*/
	padding: 0; /*  Inhalt ohne Abstand zum Rand des Seiteninhalt*/
}

a:link {color:#002BB8; text-decoration:none}
a:visited {color:#002BB8; text-decoration:none}
a:active {color:#002BB8; text-decoration:none}
a:hover {color:#000000; text-decoration:underline}


/* Definitionen für Tabellen mit der id "table" */
#table {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	/*border: 1px solid #CCCCC; Tabellenrand, grau*/
	border-collapse: collapse;
}

#table td{
	border: thin solid #DCDCDC; /*Zellenrand, grau*/
}

/*Hauptrahmen (äußere Hülle des gesamten Inhalts*/
#wrapper {
	width: 800px; /*Breite des gesamten zentrierten Inhaltes*/
	margin: 0 auto; /*zentriert den gesammten Inhalt*/
}

/*Header*/
#masthead {
	/*color: #999999; Schriftfarbe im Header
	background-color: #FFFFFF; Farbe des Header-Hintergrundes*/
	padding: 0px; /*Inhalt des Headers ohne Abstand zum Rand des Containers*/
	margin: 0; /*dto*/
}

#masthead .content {
	padding: 12px;
}

/*Spaltenrahmen (äußere Hülle aller Spalten)*/
#column_wrapper {
	background-image: url(../images/contentverlauf_800_3col.gif); /*bestimmt Spaltenhintergrund!*/
	background-repeat: repeat-y; /*wiederholt das Hintergrundbild nur vertikal*/
	border-top: 1px solid #000000; /*oberer Rand des Spaltencontainers*/
	border-bottom: 1px solid #000000; /*unterer Rand des Spaltencontainers*/
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/* gibt ein im Quelltext "nachfolgendes" DIV frei, es ist selbstständig nachfolgend angeordnet 
statt in dem vorherigen Container zu "floaten" */





/*linke Spalte*/
#left {
	width: 140px; /* Breite der linken Spalte*/
	float: left; /* Lage der linken Spalte*/
}

/*Mittlere Spalte*/
#center {
	width: 500px; /* Breite der mittleren Spalte*/
	float: left; /* Lage der mittleren Spalte*/
}

/*rechte Spalte ist leer */

#right {
	width: 160px; /* Breite der rechten Spalte (technisch)*/
	float: left; /* Lage der rechten Spalte*/
}

/*die Klasse [<div class="content">] ist hier für alle Container einzeln definiert und damit variabel
Sie wird als div-TAG eingefügt*/

/*Inhalt linke Spalte*/
#left .content {
	padding: 15px 5px; /*Abstände des Menüs u.a. vom oberen und linken Rand der linken Spalte*/ 
	font-size: 0.7em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	line-height: 1.5em; /*Zeilenabstand*/
}
/* Das Menue und seine Ebenen werden im einzelnen ab Zeile 172 definiert */

/*Inhalt mittlere Spalte*/
#center .content {
	padding: 24px 15px 5px 10px; /*Abstände des Inhaltes. vom oberen, rechten, unteren und linken Rand der mittleren Spalte*/ 
	font-size: 0.75em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	line-height: 1.4em; /*Zeilenabstand*/
	/*text-align: justify;*/
}

#center .text{
	text-align:justify;
}

/*Inhalt rechte Spalte*/
#right .content {
	padding: 24px 16px; /*Abstände des Inhaltes vom oberen und linken Rand der rechten Spalte*/ 
	font-size: 0.6em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	line-height: 1.1em;
}

#right .important {
	font-size: 9pt;
	font-weight:bold;
	color:#990000;
}


/* Footer */
#footer {
	color: #F5F5F5;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
	background-color: #2F547F;
}

/*Inhalt Footer*/
#footer .content {
	padding: 12px 16px;
}

/*Linkformatierungen Footer*/

#footer a:link {color: #F5F5F5; text-decoration:none;}
#footer a:visited {color: #F5F5F5; text-decoration:none;}
#footer a:hover {color: #F5F5F5; text-decoration:underline;}





/*Formatierung des Textmenüs linke Spalte mit drei Ebenen */



#menulist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menulist li { margin: 0; }

#menulist a {
	display: block; /*Stellt alle Links in Blockform dar*/
	/*width: 9em; bestimmt die Gesamtbreite der Blocks inklusive der Linktexte*/	
	padding: 2px 2px 2px 8px; /* Bestimmt die Größe des Blockes um den Linktext: oben, rechter Rand von links gemessen, rechts innen */ 
	background-color: #356F8F; /* Hintergrundfarbe Ebene 1 */
	border-bottom: 1px solid #fff; /*Rand unter den Blocks der 1. Ebene*/
	color: #FFFFFF; /*Schriftfarbe Links in Ebene 1*/
	font-weight: bold; /*Schriftschnitt fett*/	
	text-decoration: none; /*keine Unterstreichung der Linknamen*/
}

#menulist a:hover
{
	background-color: #00275C;
	color: #FFF;
}

#menulist li li a
{
	display: block; /*Stellt alle Links in Blockform dar*/
	/*width: 9em; bestimmt die Gesamtbreite der Blocks inklusive der Linktexte*/	
	padding: 2px 2px 2px 8px; /* Bestimmt die Größe des Blockes um den Linktext: oben, rechter Rand von links gemessen, rechts innen */ 
	background-color: #cdd3dc; /* Hintergrundfarbe Ebene 2 */
	border-bottom: 1px solid #fff; /*Rand unter den Blocks der 1. Ebene*/
	color: #000000; /*Schriftfarbe Links in Ebene 2*/
	font-weight: normal; /*Schriftschnitt fett*/	
	text-decoration: none; /*keine Unterstreichung der Linknamen*/
}

#menulist li li a:hover
{
	background-color: #dbe1e7;
	color: #000000;
	/*font-weight:bold;*/
}

#menulist li li li a
{
	display: block; /*Stellt alle Links in Blockform dar*/
	/*width: 9em; bestimmt die Gesamtbreite der Blocks inklusive der Linktexte*/	
	padding: 2px 2px 2px 8px; /* Bestimmt die Größe des Blockes um den Linktext: oben, rechter Rand von links gemessen, rechts innen */ 
	margin-left: 6px;	
	background-color: transparent; /* Hintergrundtransparenz Ebene 3 */
	border-bottom: 1px solid #fff; /*Rand unter den Blocks der 1. Ebene*/
	color: #000000; /*Schriftfarbe Links in Ebene 3*/
	font-weight: normal; /*Schriftschnitt normal*/	
	text-decoration: none; /*keine Unterstreichung der Linknamen*/
}

#menulist li li li a:hover
{
	background-color: transparent;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}

/* Formatierung des Menüs für Userportal*/

#menulist_red  {
padding-right: 5px; padding-left: 5px; line-height: 1.5em; font-size: 0.7em; 
}

#menulist_red ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menulist_red li { margin: 0; }

#menulist_red a {
	display: block; /*Stellt alle Links in Blockform dar*/
	/*width: 9em; bestimmt die Gesamtbreite der Blocks inklusive der Linktexte*/	
	padding: 2px 2px 2px 8px; /* Bestimmt die Größe des Blockes um den Linktext: oben, rechter Rand von links gemessen, rechts innen */ 
	background-color: #FFCC99; /* Hintergrundfarbe Ebene 1 */
	border-bottom: 1px solid #fff; /*Rand unter den Blocks der 1. Ebene*/
	color: #000000; /*Schriftfarbe Links in Ebene 1*/
	font-weight: bold; /*Schriftschnitt fett*/	
	text-decoration: none; /*keine Unterstreichung der Linknamen*/
}

#menulist_red a:hover
{
	background-color: #FFFF99;
	color: #000000;
}




/*Formatierung der Headlines*/
h1 {
	font-size: 1.8em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	margin: 0;
	}
h2 {
	font-size: 1.6em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	margin: 30px 0 0 0;
}
h3 {
	font-size: 1.25em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	margin: 30px 0 0 0;
	}
h4 {
	font-size: 1.1em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	margin: 20px 0 0 0;
}

/*entfernt den oberen Abstand*/
.nomargintop {margin-top: 0;} 

/*definiert den Randabstand der [<p>...</p>] Tags für alle Container*/
.content p {
	margin: 5px 0;
}

/* horizontale Navigation*/

.content_nav {
	margin: 2px 0;
	font-size: 0.75em; /*Schriftgröße bezogen auf die 100% in der Definition body*/
	line-height: 1.5em;
	color:#000000;
}

.content_nav a:link {
	color: #000000;
	text-decoration:none;
}
.content_nav a:active {
	color: #000000;
	text-decoration:none;
}
.content_nav a:visited {
	color: #000000;
	text-decoration:none;
}
.content_nav a:hover {
	color: #002BB8;
	text-decoration:underline;
}