/* um die gesamte Farbinfo der Seite zu verändern, müssen folgende Elemente 
angepaßt werden:

-- body: 							 background-color, color (Textfarbe)
-- h1, h3, h4, h5:				 background-color, color 
-- h2:								 color 
-- a:link, a:hover, a:active:  color 
-- #banner:							 background-color
-- #outer:							 border-left Farbe (#...)
-- #content a:hover:				 color
-- .right a:						 color
-- .right a:hover, a:focus		 background-color
-- #left li:						 background-color
-- #left ul li a:					 color, border-left-color
-- #left ul	li a:link+a:focus: color
-- #left ul li a:hover:			 color, background-color
-- #left ul	li a:active:		 color
-- #left li ul li:				 background-color
-- #left li ul li a:				 background-color, border-left-color
-- #left li ul li a:hover:		 background-color
 */


body {
background-color: #00478A; 
font-size: 100.01%;			
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0em;
margin:0em;
}


h1 {
font-size: 1.3em; 			 
background-color: #A1146C;
color:#ffffff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:0.31em 0.94em;		
margin:0; }

h2 {
font-size:1.25em;				
font-weight: normal;
color: #A1146C;
border-bottom: 2px #ddd solid;
padding: 0.31em 0.94em;		
margin: 0 0.5em 0 0.5em;
}

h3 {
font-size: 0.69em; 			 
text-transform:uppercase;
background-color: #A1146C;
color:#ffffff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:0.31em 0.94em;		
margin:0; }

h4 {
font-size: 0.75em; 			 
text-transform:uppercase;
background-color: #A1146C;
color:#ffffff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:0.31em 0.94em;		
margin: 0.5em 0.5em 0em 0.5em;
}

h5 {
font-size: 1em; 			 
background-color: #A1146C;
color:#ffffff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:0.31em 0.94em;		
margin: 3em 0 0 0;
}


.mehr {margin: 2em 0.5em 0em 0.5em;} /*folgt ein h4 auf ein h4, so wird der Abstand damit reguliert*/

a:link {color: #00478A; text-decoration : none;}
/*a:visited {color: #fff; text-decoration : none;}
a:focus {color: #00478A; text-decoration : none;}*/
a:hover {color: #fff; text-decoration : none;}
a:active {color: #00478A; text-decoration : none;}


/* ----------container zentriert das layout-------------- */
#container {
width: 50em;
padding:1em 0em 0em 1em;
/*margin: 0;*/
margin-left: auto;
margin-right: auto;
font-size: 0.90em;
} 


/* ----------banner for logo-------------- */
#banner {
line-height: 3em;
text-align: left;
background-color: #A1146C;
padding: 0em;
margin: 0em; }

#banner img {margin: 0em 0em -1em 0em;}

/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 12.5em #1E90FF;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 } 

#inner{ margin:0em; width:100%; } /* die IE PC schlaufe */ 
		  
		  
		  
/* -----------------Inhalt--------------------- */
#content{
position: relative;
height: 30em;
width: auto;
overflow: scroll;
background-image: url(images/logo_klein2_rahmen.gif);
background-repeat: no-repeat;
background-position: top right; 
margin: 0em;
padding: 1em 0em 0em 0em;
z-index: 50;
 }
 
 
#content p{
padding: 1em 1em 0em 1em;
margin:0em;
 }
 

 #content img{padding: 0em 0em 0em 3em;}
 
 #content img.symb {padding: 0em 0em 0em 1em;}
 
 #content img.bild {padding: 0em;}

 #content a:hover{color: #A1146C;}
 
 td {
 width: 50%;
	text-align: center;
	font-size: 0.9em;
}

td ul {
	padding: 0em 0em 0em 1em;
	margin: 0em 0em 0em 1em;
}

.links {									/*Bilder positionieren in tritta.html*/
	text-align: left;
	padding: 0em 0em 0em 3em;
	font-size: 0.8em;
}

.links2 {								/*Bilder positionieren in tritta.html*/
	text-align: left;
	padding: 0em 0em 0em 5em;
	font-size: 0.8em;
}

.links3 {								/*Bilder positionieren in themen.html*/
	text-align: left;
	padding: 0em 0em 0em 0em;
	font-size: 0.8em;
}

td.pict {								/*Bilder positionieren in themen.html*/
 width: 50%;
	text-align: left;
	font-size: 0.9em;
}

td ul.themen {							/*Bilder positionieren in themen.html*/
	padding: 0em 0em 0em 1.5em;
	margin: 0em 0em 0em 1.5em;
	font-size: 1.1em;
}
 
 /*Klassen für den 'nach oben' Link*/
.right {padding: 0; padding-right: 1em; float: right; width: auto; text-align: right;}
.right a{color: #669; text-decoration: underline; font-size: 0.7em;}
.right a:hover, a:focus {background-color: #eef; text-decoration: underline;} 
 

#content span {text-decoration: underline;}
.aufzaehlung { list-style-type: disc;} 
.klein {font-size: 0.9em;}

/*nur für Startseite*/
#content_index{
position: relative; 
margin: 0em;
padding: 1em 0em 0em 1.5em;
background-color: #FFF; 
z-index: 50;
}

.index {margin: 2em 1em 4em 1em;}
.index2 {margin: 2em 1em 4em 1em; font-size: 1.0em;}




/* ----------------------Inhaltsblöcke ----------------- */

.subcolumns { 
		width: 99%; /* statt 100% zwecks Anpassung der Inhaltsblöcke für den IE */
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; font-size: 1.2em;} 
	.subcl { padding: 0 1em 0 0em; overflow: hidden; background-color: #FFF;}
	.subcr { padding: 0 0em 0 1em; overflow: hidden; background-color: #FFF;} 

	.subcl a {
		color: White;
	}


	
/* --------------left navigavtion------------- */
#left {
 width:12.5em; 
 float:left; 
 position:relative; 
 margin-left:-12.5em; 
 margin-right:0.06em;
 /*background-color:#ffaf1a;		1px*/
 z-index: 70;
 }
 
#left img {
margin: 0 0 0 1em;
}

#left p {margin:4em 0em 0em 0em;}




#left ul { 
		margin: 0;
		padding: 0;
		list-style: none;
		width : 12.5em;
}

	
#left li { 	
		position : relative;
		float : left;
		line-height : 2em;
		margin-bottom : -1px;
		width: 12.5em;
		background-color: #1E90FF;
		z-index: 80;	
}
	
	
#left ul li a {
		display : block;
		padding : 0.5em;
		width: 12.5em;
		w\idth : 11.5em;
		color : #00478A;
		text-decoration : none;
		border : 1px solid #fff;
		border-left-color: #1E90FF;
}

#left ul	li a:link {color: #00478A;  text-decoration : none;}	
/*#left ul li a:visited {color: #fff; text-decoration : none;}*/
#left ul li a:focus {color: #00478A; text-decoration : none;}

#left ul li a:hover {
		color: #fff; 
		text-decoration : none;
		background-color : #A1146C;
	}

#left ul	li a:active {color: #00478A; text-decoration : none;}


#left ul li ul { 
		position : absolute;
		display: none;
		/*left: -999em;		zweite Ebene wird dadurch nach links aus dem Bild verschwinden, geht jedoch bei IE 7 nicht*/
		margin-left : 12.55em;
		margin-top : -9.15em;  /*Standardwert= -2.15em; neuer Wert wg zu langer Linkliste*/
		z-index: 100;
}

#left ul li:hover ul { 
		/*left: auto;*/
		display: block;
	}
	
#left ul li.sfhover ul { 
		/*left: auto;*/
		display: block;
	}

#left ul li ul li {
	background-color:	#95CBFF;
	line-height: 1em;
	font-size: 1em;
	}

#left ul li ul li a {
	background-color: #95CBFF;
	border-left-color: #ffffff;
	width: 14.5em;
	w\idth : 13.5em;
	}
	
#left ul li ul li a:hover {
	background-color : #A1146C;   /*#EB73BF;*/
	}
	

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0em;
margin:0em;
text-align: center; } 

.rechts  {
	text-align: right;
}