body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background-image:url(pics/back_tile.gif);
		background-repeat:repeat-x;
    	background-color: #d4deea;
    	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: #000000;
    }
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#194f8f;
	font-size:11px;
	margin:0;
	padding:0;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#194f8f;
	margin:0;
	padding:0;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#194f8f;
	margin:0;
	padding:7px 0 0 0;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#194f8f;
	margin:0;
	padding:7px 0 0 3px;
}


h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#194f8f;
	margin:0;
	
}


p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#194f8f;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#bead80;
} 

img{
	border:0;
}

a:focus {
	outline: none
}	
    .col #container {
		width:900px;
		min-height:265px;
  		height:auto !important;  /* für moderne Browser */
  		height:265px;  /*für den IE */
		background: none;
		padding:0;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
    .col #header {
		display:block;
		width:290px;
    	background: #ffffff;
		height:230px;
		margin:0; 
    	padding: 0 0 0 550px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    } 
    .col #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    
    
	
    .col #sidebar1 {
    	float: left; 
    	width: 198px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
		min-height:450px;
  		height:auto !important;  /* für moderne Browser */
  		height:450px;  /*für den IE */
    	background:#e8edf4; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		border-left:1px solid #194f8f;
		border-right:1px solid #194f8f;
		border-bottom:1px solid #194f8f;
		margin-top:-230px;
    	padding: 15px 0 55px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
    }
    .col #sidebar1 h3, .col #sidebar1 p {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
		line-height:11px;
    }
    
    .col #startpic { 
    	margin-top:20px;
		width:100%;
		background:#194f8f;
		padding:0px;
    }
	
    .col #mainContent { 
    	margin: 0 20px 0 200px;
		padding:0px;
    }
	
	.col #mainContentHome {
	
    	margin: 0 20px 0 12px;
		padding:0px;
    }
	
	.col #mainContent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font:11px;
	margin: 20px 20px 0 12px;
		
    } 
	
	.col #mainContent li {
	   	margin: 0px 20px 0 0px;
		font-size:11px;
		list-style-type:square;
		color:#194f8f;
		
    } 
	
	.col #mainContentHome p { 
    	margin: 20px 20px 0 12px;
		
    }
	
	
	
	.col #mainContent h1, .col #mainContent h2 { 
    	margin: 40px 20px 0 12px;
		
    }
	
	.col #mainContentHome h1, .col #mainContentHome h2 { 
    	margin: 30px 20px 0 12px;
		
    } 
	 
	
	.link {
	color:#11355f;
	border-bottom: 1px dotted;
	}
	
	.link:hover {
	color:#d4deea;
	background-color:#194f8f;
	border-bottom: 1px dotted;
	}
	
	.linkkursiv {
	font-style:italic;
	color:#11355f;
	border-bottom: 1px dotted;
	}
	
	.linkkursiv:hover {
	color:#d4deea;
	background-color:#194f8f;
	border-bottom: 1px dotted;
	}
	

/*	---------------------------------------------------------------------------------------
	Fussnoten
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	 
    .col #footer { 
    	margin:20px auto;
		padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		border-top:1px solid #194f8f;
		border-left:1px solid #194f8f;
		
    } 
    .col #footer p {
	font-size:9px;
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	
	.col #footer a {
    	color:#194f8f;
    }
	 
    .col #footer a:hover {
    	color:#11355f;
		border-bottom:1px dotted;
    }
	
	
/*	---------------------------------------------------------------------------------------
	Fussnoten Startseite
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	 
    .col #startfooter {
	width:750px; 
    	margin:20px auto;
		padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		
		
    } 
    .col #startfooter p {
	font-size:9px;
	text-align:center;
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	
	.col #startfooter a {
    	color:#194f8f;
    }
	 
    .col #startfooter a:hover {
    	color:#11355f;
		border-bottom:1px dotted;
    }
    

/*	---------------------------------------------------------------------------------------
	Verschiedene Klassen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
    .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;
    }
	
	.pic { /* 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. */
	margin:73px 9px 0 9px;
    	
    }
	
    .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;
    }
	
	/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
    .col #sidebar1 { padding-top: 30px; }
    .col #mainContent { padding-top: 15px; }
    /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
	
	
	
/*	---------------------------------------------------------------------------------------
	Horizontale Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
#navcontainer ul
{
padding-left: 0;
margin: -15px 0 0 0;
border-top: 1px solid #194f8f;
float: left;
width: 97%;
height:41px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#194f8f;
padding: 8px 10px 6px 10px;
background-color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #194f8f;
border-bottom: 1px solid #194f8f;
}

#navcontainer ul li a:hover
{
background-color: #e8edf4;
color: #194f8f;
border-right: 1px solid #194f8f;
text-decoration: none;

}

#navcontainer ul li a.current
{
background-color: #d4deea;
color: #194f8f;
border-right: 1px solid #194f8f;
border-bottom:1px solid #d4deea;
text-decoration: none;

}


/*	---------------------------------------------------------------------------------------
	Horizontale Navigation 2zeilig
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
#navcontainer2z ul
{
padding-left: 0;
margin: -15px 0 0 0;
border-top: 1px solid #194f8f;
float: left;
width: 97%;
display:block;
line-height:11px;
height:41px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer2z p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#navcontainer2z ul li {
display: inline;
}

#navcontainer2z ul li a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#194f8f;
padding: 1px 10px 2px 10px;
background-color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #194f8f;
border-bottom: 1px solid #194f8f;
}

#navcontainer2z ul li a:hover
{
background-color: #e8edf4;
color: #194f8f;
border-right: 1px solid #194f8f;
text-decoration: none;

}

#navcontainer2z ul li a.current
{
background-color: #d4deea;
color: #194f8f;
border-right: 1px solid #194f8f;
border-bottom:1px solid #d4deea;
text-decoration: none;

}


/*	---------------------------------------------------------------------------------------
	Verticale Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	

#vnavcontainer ul
{
padding-left:0;
margin-top:0;
float:left;
width:260px;
margin-left:80px;
list-style-type: none;
text-align: left;
}

#vnavcontainer ul li a
{
padding-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#194f8f;
background: transparent url(pics/square1.gif) left center no-repeat;
text-align: left;
line-height:23px;
text-decoration: none;
}

#vnavcontainer ul li a:hover
{
background: transparent url(pics/square1_over.gif) left center no-repeat;
line-height:23px;
color:#194f8f;
}

#vnavcontainer ul li a.current
{
background: transparent url(pics/square1_over.gif) left center no-repeat;
line-height:23px;
color:#194f8f;
}



/*	---------------------------------------------------------------------------------------
	Verticale Navigation Bildleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	




#vertical-nav {
	width:199px;
	float:left;
	margin-left: 0px;
	margin-top:20px;
}

#vertical-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#vertical-nav li {
	margin: 0 0 0 0;
}

#vertical-nav a { /*Links erster Ordnung*/
	display: block;
	margin:0;
	padding: 5px 0px;
	width: 198px;
	color: #ffffff;
	border-top:1px solid #194f8f;
	border-bottom:1px solid #194f8f;
	background-color: #194f8f;
	text-align:center;
	text-decoration: none;
}

#vertical-nav a:hover {
	background-color:#FFFFFF;
	color: #194f8f;
}

#vertical-nav ul ul li {
	margin: 0 0 1px 0;
}

#vertical-nav ul ul a { /*Links zweiter Ordnung*/
	display: block;
	padding: 10px 15px 10px 20px;
	width: 125px;
	color: #564b47;
	background-color:#efefef;
	text-decoration: none;
}

#vertical-nav ul ul a:hover {
	color: #564b47;
	background-image:none;
	background-color:#CCCCCC;
	text-decoration: none;
}

#vertical-nav ul li a.current:hover, #vertical-nav ul li a.current {
	background-color:#FFFFFF;
	color: #194f8f;
	}
	
#vertical-nav ul li a.subcurrent {
	color: #ffffff;
	background-color:#999999;
	}	


/*	---------------------------------------------------------------------------------------
	Verticale Navigation Rechtsbegiete
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	




#rechtsgebiete-nav {
	width:198px;
	height:550px;
	background-image:url(pics/back_rechtsgebiete_22x550.jpg);
	float:left;
	margin-left: 0px;
	margin-top:75px;
}

#rechtsgebiete-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#rechtsgebiete-nav li {
	margin: 0 0 0 0;
}

#rechtsgebiete-nav a { /*Links erster Ordnung*/
	display: block;
	padding: 5px 5px;
	margin-top:4px;
	border-bottom:1px solid;
	border-top:1px solid;
	width: 188px;
	font-size:9px;
	color:#194f8f;
	background-color: #ffffff;
	text-align:left;
	text-decoration: none;
}

#rechtsgebiete-nav a:hover {
	background-color: #e8edf4;
	color: #194f8f;
}

#rechtsgebiete-nav ul ul li {
	margin: 0 0 1px 0;
}


#rechtsgebiete-nav ul ul a:hover {
	color: #564b47;
	background-image:none;
	background-color:#CCCCCC;
	text-decoration: none;
}

#rechtsgebiete-nav ul li a.current {
	background-color:#e8edf4;
	color: #194f8f;
	}
	
#rechtsgebietel-nav ul li a.subcurrent {
	color: #ffffff;
	background-color:#999999;
	}