body {
	margin:0px; 
	padding:0px;
	background-color:#5b0d7b;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	line-height: 1.4;
}

a:focus {
	outline:none;
}

.bildLinks {
	float: left;
	margin-right: 10px;
}

.bildRechts {
	float: right;
	text-align:left;
	margin-left: 10px;
}

ul {
	list-style-position:inside;
}


#button {
background-color:#f3c716;
width:150px;
padding:5px;
}

#normal {
background-color:#fffff9;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin:0px;
}



/************************************************************************** Schrift **********************************/

h1 {
color:#77a29b;
font-weight:bold;
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
color:#77a29b;
font-size:14px;
}

h4 {
font-weight:bold;
font-size:14px;
}

h5 {
font-size:14px;
font-weigh:bold;
color:#FFFFFF;
}

.hervor {
font-weight:bold;
font-size:12px;
}

.etwas {
color: #567671;
font-weight:bold;
font-size:14px;
}

.datum {
font-size:9px;
}

.text {
font-size:10px;
}

.rot {
color: red;
font-weight:bold;
}

.rechtsbuendig {
padding-left:200px;
}

.kleiner {
	font-size: 0.8em;
}

/************************************************************************** #links **********************************/


#links {
  	margin-left:14px;
	padding:0;
	/*position: relative;*/
	background-color:#fffff9;
	width:160px;
	float:left;
	font-size: 12px;
}

*html #links {  /* nur fuer Internet Explorer */
  width:180px;     /* Version 5.x */
  w\idth:160px;    /* Version 6 */
  margin:0;
  padding:0;
}

/* CSS-Hack für IE7 (wirkt sich auch auf Opera aus): */

*:first-child+html #links {
	margin-left:0;
}

#links ul {
  	margin:0;
  	padding:0;
	list-style:none;
	margin-top: 10px;
}

*html #links ul {
	margin-top: 0;
}

#links li a.navi {
	text-decoration:none;
	display:block;
	width: 150px;
	padding: 0.25em;
	border: 2px solid #5b0d7b;
	margin-top: 5px;
	background-color: #fffff9;
	color:#5b0d7b;
	font-weight:bold;
}

*html li a.navi {
w\idth:144px;    /* Version 6 */
}

#links li .aktiv {
	display:block;
	width: 150px;
	padding: 0.25em;
	border: 2px solid #5b0d7b;
	margin-top: 5px;
	background-color: #5b0d7b;
	color:#fffff9;
	font-weight:bold;
}

*html li .aktiv {
w\idth:144px;    /* Version 6 */
}

#links a.navi:link, a.navi:visited {
	border-color: #5b0d7b;
	color:#5b0d7b;
}
 
#links a.navi:hover, a.navi:active {
	border-color: #A7CAC4;
	color:#77a29b;
}

.rand {
	margin:0;
  	padding:0;
	border: 2px solid #5b0d7b;
}

*html .rand {
  	margin-left:16px;
	width:156px;
}

/* CSS-Hack für IE7 (wirkt sich auch auf Opera aus): */

*:first-child+html .rand {
	margin-left:16px;
	width:156px;
}

.rand li a.unternavi{
	text-decoration:none;
	display:block;
	padding: 0.1em;
	margin-bottom: 5px;
	background-color: #fffff9;
	color:#5b0d7b;
	font-weight:bold;
	font-size: 0.9em;
}



.rand li .unteraktiv {
	display:block;
	padding: 0.1em;
	margin-bottom: 5px;
	background-color: #A7CAC4;
	color:#5b0d7b;
	font-weight:bold;
	font-size: 0.9em;
}

.rand a.unternavi:link, a.unternavi:visited {
	background-color: #fffff9;
	color:#5b0d7b;
}
 
.rand a.unternavi:hover, a.unternavi:active {
	background-color: #A7CAC4;
	color:#fffff9;
}



/************************************************************************** rechts **********************************/



#rechts {
	position:relative;
	background-color:#A7CAC4;
	float:right;
	width:155px;
	margin: 6px 10px 0 10px;;
	padding: 20px;
	overflow:hidden;
}

*html #rechts {  /* nur fuer Internet Explorer */
  width:175px;     /* Version 5.x */
  w\idth:155px;    /* Version 6 */
}


#rechts a:link, #rechts a:visited, #rechts a:hover, #rechts a:active, #rechts a.ext:link, #rechts a.ext:visited, #rechts a.ext:hover, #rechts a.ext:active, #rechts a.mail:link, #rechts a.mail:visited, #rechts a.mail:hover, #rechts a.mail:active {
font-weight:bold;
text-decoration:none;
border-bottom: 1px dotted;
background-position:center left;
background-repeat:no-repeat;
padding-left:15px;
background-color:#A7CAC4;
}

#rechts a:link, #rechts a:visited {
color:#5b0d7b;
background-image:url(../grafik/intern.gif);
border-bottom-color: #5b0d7b;
}

#rechts a:hover, #rechts a:active {
color:#567671;
background-image:url(../grafik/intern_inv.gif);
border-bottom-color: #A7CAC4;
}

#rechts a.ext:link, #rechts a.ext:visited {
color:#5b0d7b;
background-image:url(../grafik/extern.gif);
border-bottom-color: #5b0d7b;
}

#rechts a.ext:hover, #rechts a.ext:active {
color:#567671;
background-image:url(../grafik/extern_inv.gif);
border-bottom-color: #A7CAC4;
}

#rechts a.ohne:link, #rechts a.ohne:visited, #rechts a.ohne:hover, #rechts a.ohne:active {
background-image:none;
text-decoration:none;
padding-left:0px;
}

/************************************************************************** mitte **********************************/



#mitte {
background-color:#fffff9;
padding-top: 10px;
padding-left: 200px;
padding-right: 206px;
padding-bottom: 20px;
margin:0px;
}

*html #mitte {  /* nur fuer Internet Explorer */
  margin-top:-23px;     /* Version 5.x */
  m\argin-top:0px;     /* Version 6 
  background-image:url(../grafik/trans_gr.gif);
  background-repeat:repeat-y;*/

}


#mitte li {
list-style: outside;
list-style-image:url(../grafik/liste.gif);
}



#mitte a:link, #mitte a:visited, #mitte a:hover, #mitte a:active, #mitte a.ext:link, #mitte a.ext:visited, #mitte a.ext:hover, #mitte a.ext:active, #mitte a.mail:link, #mitte a.mail:visited, #mitte a.mail:hover, #mitte a.mail:active {
font-weight:bold;
text-decoration:none;
border-bottom: 1px dotted;
background-position:center left;
background-repeat:no-repeat;
padding-left:15px;
}

#mitte a:link, #mitte a:visited {
color:#5b0d7b;
background-image:url(../grafik/intern.gif);
border-bottom-color: #5b0d7b;
}

#mitte a:hover, #mitte a:active {
color:#567671;
background-image:url(../grafik/intern_inv.gif);
border-bottom-color: #A7CAC4;
}

#mitte a.ext:link, #mitte a.ext:visited {
color:#5b0d7b;
background-image:url(../grafik/extern.gif);
border-bottom-color: #5b0d7b;
}

#mitte a.ext:hover, #mitte a.ext:active {
color:#567671;
background-image:url(../grafik/extern_inv.gif);
border-bottom-color: #A7CAC4;
}

#mitte a.mail:link, #mitte a.mail:visited {
color:#5b0d7b;
background-image:url(../grafik/umschlag.gif);
border-bottom-color: #5b0d7b;
padding-left:20px;
}

#mitte a.mail:hover, #mitte a.mail:active {
color:#567671;
background-image:url(../grafik/umschlag_inv.gif);
border-bottom-color: #A7CAC4;
padding-left:20px;
}

#mitte a.ohne:link, #mitte a.ohne:visited, #mitte a.ohne:hover, #mitte a.ohne:active {
background-image:none;
text-decoration:none;
padding-left:0px;
}

#mitte .mat {
font-size:80%;
}

/* Die Deklarationen mit den eingefuegten Kommentarzeichen sollen vom IE 5 und aelter nicht ausgefuehrt werden */

#mitte input, #mitte textarea/* */{
border: 2px solid #5b0d7b;
}

*html #mitte .submit, #mitte .reset/* */{
cursor:hand;
}

#mitte .submit/* */{
background-color:#A7CAC4;
color:white;
font-weight:bold;
cursor:pointer;
}

#mitte .reset/* */{
background-color:#5b0d7b;
color:white;
font-weight:bold;
cursor:pointer;
}

#mitte .submit:focus, #mitte .submit:hover/* */{
background-color:white;
color:#567671;
}

#mitte .reset:focus, #mitte .reset:hover/* */{
background-color:white;
color:#5b0d7b;
}

#block1 {
position:static; 
padding:10px;
border:1px solid #567671;
}

#block2 {
position:static; 
padding:10px;
border:1px solid #5b0d7b;
}

/************************************************************************** fuss **********************************/


#fuss {
background-color:#5b0d7b;
color:white;
font-style:bold;
clear:both;
font-size: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

#fuss a:link, a:visited {
font-weight:bold;
color:#5b0d7b;
background-color:#fffff9;
background-image:none;
padding-left:0;
text-decoration:none;
}

#fuss a:hover, a:active {
font-weight:bold;
color:#567671;
background-color:#fffff9;
background-image:none;
padding-left:0;
text-decoration:none;
}


.fussaktiv {
color:black;
background-color:#A7CAC4;
font-weight:bold;
text-decoration:none;
}

/************************************************************************** kopf **********************************/

#kopf {
font-size: 14px;
font-weight:bold;
color:white;
margin-top: 6px;
margin-left: 10px;
}

.titel {
color:#77a29b;
font-weight:bold;
font-size: 18px;
}



div.outer01 {
	float:left;
	width: 80px; height: 80px;
	margin: 0;
	margin-right: 5px;
	overflow:hidden;
	background: url(../grafik/bildleiste/logo_ekhn.gif) -80px 0 no-repeat;
	}
	
div.outer02 {
	float:left;
	width: 80px; height: 80px;
	margin: 0;
	margin-right: 5px;
	overflow:hidden;
	background: url(../grafik/bildleiste/bibliothek.gif) -80px 0 no-repeat;
	}
	
div.outer03 {
	float:left;
	width: 80px; height: 80px;
	margin: 0;
	margin-right: 5px;
	overflow:hidden;
	background: url(../grafik/bildleiste/amt.gif) -80px 0 no-repeat;
	}
	
/*div.outer04 {
	float:left;
	width: 80px; height: 80px;
	margin: 0;
	margin-right: 5px;
	overflow:hidden;
	background: url(../grafik/bildleiste/BILD.gif) -80px 0 no-repeat;
	}
	
div.outer05 {
	float:left;
	width: 80px; height: 80px;
	margin: 0;
	margin-right: 5px;
	overflow:hidden;
	background: url(../grafik/bildleiste/BILD.gif) -80px 0 no-repeat;
	}*/

div.outer01 a:link, div.outer01 a:visited {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url(../grafik/bildleiste/logo_ekhn.gif) top left no-repeat;
}
	
div.outer02 a:link, div.outer02 a:visited {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url(../grafik/bildleiste/bibliothek.gif) top left no-repeat;
}

div.outer03 a:link, div.outer03 a:visited {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url(../grafik/bildleiste/amt.gif) top left no-repeat;
}

/*div.outer04 a:link, div.outer04 a:visited {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url(../grafik/bildleiste/BILD.gif) top left no-repeat;
}

div.outer05 a:link, div.outer05 a:visited {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url(../grafik/bildleiste/BILD.gif) top left no-repeat;
}*/
	

div.outer01 a:hover, div.outer02 a:hover, div.outer03 a:hover, div.outer04 a:hover, div.outer05 a:hover {
	background-image: none;
	}



/* Sonstige */

.clearall {
margin-bottom:30px;
clear:both;
}

/***************************************************************************** allgemein ************************/