/* nemadesign GbR, Stuttgart, Darmstadt, www.nemadesign.de */
/* --------------------- standard ------------------------ */
html{
	height: 100%;
}
body {
	height: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 101%;
}
table{ 
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: middle;
}
tr{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
td{
	vertical-align: middle;
}
img{
	border: none;
}
h1,h2,h3{
	padding: 6px 10px 0px 10px;
	margin:0px;
	font-size:70%;
}
p{
	padding: 6px 10px 0px 10px;
	margin: 0px;
	font-size: 70%;
}
ul {
	list-style: none;
	line-height: 150%;
}
a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a:hover, a:active, a:focus {
	color: #330033;
	text-decoration: underline;
}
/* --------------------- gesamt ------------------------ */
#seite {
	position:relative; 
	left: 0px; 
	top: 0px; 
	width: 59em;
	text-align: left; 
}
/* --------------------- Logo ---------------------------- */
#logo {
	position: absolute;
	top: 53px;
	left: 4.7em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	z-index: 10;
}
#logo0 {
	position: absolute;
	top: 53px;
	left: 4.7em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	z-index: 10;
}
#copy {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}
/* --------------------- Navigation ------------------------ */
.ebene1 {
	position: absolute;
	top: 364px;
	left: 1px;
	text-align: right;
	font-family: "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
}
#ebene2 {
	position: absolute;
	top: 220px;
	left: 0px;
	width: 14.2em;
	text-align: right;
	font-family: "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	z-index: 4;
}
#start {
	width: 2.3em;
	color: #ffffff;
	background-color: #9999CC;
	z-index: 5;
}
	#start a:link,#start a:visited {
		color: #CCCCFF;
		background-color: #9999CC;
		text-decoration: none;
	}
	#start a:hover,#start a:active,#start a:focus {
		color: #ffffff;
		background-color: #9999CC;
		text-decoration: none;
	}
	.aktivestart {
	color: #ffffff;
	background-color: #9999CC;
	text-decoration: none;
	}
	.aktivestart a:link, .aktivestart a:visited, .aktivestart a:hover, .aktivestart a:active {
		color: #ffffff;
		background-color: #9999CC;
		text-decoration: none;
	}
#start0 {
	width: 2.3em;
	color: #ffffff;
	background-color: #9999CC;
	z-index: 5;
}
#kontakt {
	width: 14.2em;
	position: absolute;
	top: 364px;
	left: 1px;
	text-align: right;
	font-family: "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	z-index: 4;
}
#weiter {
	width: 40.7em;
	position: absolute;
	top: 364px;
	left: 1px;
	text-align: right;
	font-family: "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #ffffff;
	z-index: 2;
}
#impressum {
	position: absolute;
	top: 364px;
	left: 1px;
	text-align: right;
	font-family: "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	width: 22.4em;
	color: #333366;
	z-index: 3;
}
.impressumblau a:link, .impressumblau a:visited {
	color: #CCCCFF;
	text-decoration: none;
}
	.impressumblau a:hover, .impressumblau a:active, .impressumblau a:focus {
		color: #333366;
		text-decoration: none;
	}
.impressumrot a:link, .impressumrot a:visited {
		color: #FF9966;
		text-decoration: none;
	}
	.impressumrot a:hover, .impressumrot a:active, .impressumrot a:focus {
		color: #333366;
		text-decoration: none;
	}
.impressumorange a:link, .impressumorange a:visited {
	color: #FFCC99;
	text-decoration: none;
}
	.impressumorange a:hover, .impressumorange a:active, .impressumorange a:focus {
		color: #333366;
		text-decoration: none;
	}
#impressumaktiv {
	width: 22.4em;
	color: #333366;
	z-index: 2;
}
/* ------------------- navi Farben ------------------------- */

.green a:link, .green a:visited {
	color: #ccCCCC;
	background-color: #003333;
	text-decoration: none;
}
.green a:hover, .green a:active, .green a:focus {
	color: #ffffff;
	background-color: #003333;
	text-decoration: none;
}

.lightgreen a:link, .lightgreen a:visited {
	color: #ffffff;
	background-color: #669933;
	text-decoration: none;
}
.lightgreen a:hover, .lightgreen a:active, .lightgreen a:focus {
	color: #333366;
	background-color: #669933;
	text-decoration: none;
}
.red a:link, .red a:visited {
	color: #FFCC99;
	text-decoration: none;
}
	.red a:hover, .red a:active, .red a:focus {
		color: #ffffff;
		text-decoration: none;
	}
.blue a:link, .blue a:visited {
	color: #CCCCFF;
	text-decoration: none;
	display: inline;
}
	.blue a:hover, .blue a:active, .blue a:focus {
		color: #ffffff;
		text-decoration: none;
	}
.normal a:link, .normal a:visited {
	color: #ffffff;
	text-decoration: none;
}
.normal a:hover, .normal a:active, .normal a:focus {
	color: #333366;
	text-decoration: none;
}
.aktiv {
	color: #ffffff;
	background-color: #330033;
	text-decoration: none;
}
.aktive {
	color: #ffffff;
	text-decoration: none;
}
	.aktive a:link, .aktive a:visited, .aktive a:hover,	.aktive a:active {
		color: #ffffff;
		text-decoration: none;
	}
.aktivgreen {
	color: #ffffff;
	background-color: #003333;
	text-decoration: none;
}
.aktivegreen {
	color: #ffffff;
	background-color: #003333;
	text-decoration: none;
}
	.aktivegreen a:link, .aktivegreen a:visited, .aktivegreen a:hover, .aktivegreen a:active {
		color: #ffffff;
		background-color: #003333;
		text-decoration: none;
	}	
.inaktiv {
	color: #FF9933;
	background-color: #FF6600;
}
.inaktivgreen {
	color: #99CC66;
	background-color: #669933;
}
.inaktivred {
	color: #CC6633;
	background-color: #CC3300;
}

/* ------------------- Inhalt ------------------------- */
#bild {
	position: absolute;
	top: 20px;
	right: 1.05em;
	padding: 1px 0px 0px 0px;
	margin: 0px;
	z-index: 8;
}
#text1 {
	position: absolute;
	bottom: 10px;
	left: 23.6em;
	width: 18.2em;
	z-index: 9;
}
#text2 {
	position: absolute;
	bottom: 40px;
	left: 23.6em;
	width: 14.7em;
	z-index: 9;
}
#text3 {
	position: absolute;
	bottom: 40px;
	left: 25.3em;
	width: 14.1em;
	z-index: 9;
}
#text4 {
	position: absolute;
	bottom: 40px;
	left: 39em;
	width: 15.7em;
	z-index: 9;
}
#text5 {
	position: absolute;
	bottom: 40px;
	left: 43.7em;
	width: 9em;
	z-index: 9;
}
/* ---------- Kommentare für Screenreader --------------- */
.unsichtbar{
	position: absolute;
	left: -3000px;
}
.unsichtbartitel{
	position: absolute;
	left: -3000px;
}
/* -------------- farben ----------------------------- */
.hellblau{
	color: #ffffff;
	background-color: #9999CC;
}
.lichtblau{ 
	color: #ffffff;
	background-color: #CCCCFF;
}
.lichtblau2{ 
	color: #ffffff;
	background-color: #E6E8FF;
}
.orange{
	color: #ffffff;
	background-color: #FF6600;
}
	
.hellorange{
	color: #ffffff;
	background-color: #FFCC99;
}
.hellorange2{
	color: #ffffff;
	background-color: #FF9933;
}
.dunkelorange{
	color: #ffffff;
	background-color: #993300;
}
.blauorange{
	color: #ffffff;
	background-color: #330033;
}
.rostrot{
	color: #ffffff;
	background-color: #CC3300;
}
.gruen {
	color: #ffffff;
	background-color: #669933;
}
.hellgruen {
	color: #ffffff;
	background-color: #99CC66;
}
.lindgruen {
	color: #ffffff;
	background-color: #CCFF99;
}
.dunkelgruen {
	color: #ffffff;
	background-color: #003333;
}
.olivgruen {
	color: #ffffff;
	background-color: #336633;
}
.rot {
	color: #ffffff;
	background-color: #CC3300;
}
.hellrot {
	color: #ffffff;
	background-color: #CC6633;
}
.rosa {
	color: #ffffff;
	background-color: #CC9999;
}
.braun {
	color: #ffffff;
	background-color: #663333;
}
.heim1 {
	color: #ffffff;
	background-color: #000066;
}
.heim2 {
	color: #ffffff;
	background-color: #4B58A7;
}
.heim3 {
	color: #ffffff;
	background-color: #4B58A7;
}
.blau{
	color: #000066;
}
	
	.blau a:link, .blau a:visited {
		color: #663366;
		background-color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	.blau a:hover, .blau a:active, .blau a:focus {
		color: #000066;
		background-color: #ffffff;
		text-decoration: underline;
	}
/* -------------- vertikale gliederung---------------------- */
#feld1{
	position: relative;
	top: 20px;
	left: 0em;
	width: 2.4em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
	border-left: solid 1px #666699;
	border-collapse:collapse;
}
#feld2{
	position: absolute;
	top: 20px;
	left: 2.4em;
	width: 1.3em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld3{
	position: absolute;
	top: 20px;
	left: 3.5em;
	width: 0.9em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld3a{
	position: absolute;
	top: 20px;
	left: 4.4em;
	width: 0.5em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld4{
	position: absolute;
	top: 20px;
	left: 4.7em;
	width: 8.5em;
	height: 368px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld5{
	position: absolute;
	top: 20px;
	left: 13.2em;
	width: 1.7em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld6{
	position: absolute;
	top: 20px;
	left: 14.8em;
	width: 6.4em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld7{
	position: absolute;
	top: 20px;
	left: 21.1em;
	width: 36.9em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld7_h{
	position: absolute;
	top: 20px;
	left: 43.7em;
	width: 9em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld7_i{
	position: absolute;
	top: 20px;
	left: 21.1em;
	width: 3em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld8{
	position: absolute;
	top: 20px;
	left: 57.9em;
	width: 1em;
	height: 368px;
	border-right: solid 1px #666699;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}
#feld9{
	position: absolute;
	top: 20px;
	left: 55em;
	width: 2.9em;
	height: 368px;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #666699;
}