html {
 margin:0;
 padding:0;
}
body {
	color:#000;
	background:#fff;
	font-size:85%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;

	background-image:url(../img/verlauf.gif);
	background-repeat:repeat-x;
	background-position:0 8ex;
}

code {
	font-family:"Courier New",Courier,monospace;
}

#Inhalt {
	padding-left:1ex;
	padding-right:1ex;
	margin-top:11ex;
	margin-left:11em;
	margin-right:11em;
}
#rechts {
	position:absolute;
	right:0ex;
	top:10ex;
	width: 10.5em;
}
#rechts .teaser {
	padding:1ex;
	margin-left:0;
	margin-bottom:2ex;
	margin-right:2ex;
	border-style:dashed;
	border-width:thin;
	border-color:#ddd;
	font-size:90%;
}
#rechts .teaser h2 {
	margin-top:0;
}
#links {
	position:absolute;
	left:0;
	top:10ex;
	width: 10.5em;
	margin: 0;
}
ul#Menu {
	margin: 0;
	padding: 1px;
	list-style-type:none;
	text-align: left;
}

ul#Menu li {
	width: 10em;
}

ul#Menu li a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	width: 9em;
	margin-top:0.5ex;
	margin-bottom:0.5ex;
}

ul#Menu li a:link, ul#Menu li a:visited {
	color:#000;
	background-color:#fff;
	background-image:url(../img/pfeil-g.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

ul#Menu li.selected a:link, ul#Menu li.selected a:visited {
	color:#000;
	background-color:#fff;
	background-image:url(../img/pfeil-b.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

ul#Menu li a:hover, ul#Menu li a:active,
ul#Menu li.selected a:hover, ul#Menu li.selected a:active {
	color:#000;
	background-color:#fff;
	background-image:url(../img/pfeil-r.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#kopf, #fuss {
	padding:1ex;
	margin:0;
	clear:both;
	color:#000;
}
#kopf {
	position:absolute;
	top:0;
	left:0;
	height: 8ex;
}
#fuss {
	bottom:0;
	font-size: 80%;
	background-image:url(../img/verlauf.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#kopf a:link, #fuss a:link {
	color: #00a;
}

#kopf a:visited, #fuss a:visited {
	color: #808;
}

#kopf a:hover, #fuss a:hover, #kopf a:active, #fuss a:active {
	background: #ffa;
}
#kopf h1 {
	padding:0;
	margin:0;
}
#kopf .subtitel {
	text-decoration:none;
	margin-bottom:2ex;
	font-size:100%;
}

/* tatsächlicher Inhalt */
a:link { 
	color:#00a;
}

a:visited { 
	color:#808;
}

a:hover, a:active { 
	color:#800;
}

a.extern:after, a.postlink:after
{
	content:"\2197";
}

h1 {
	padding-top:1ex;
	clear:both;
	font-size:3ex;
}

h2 { 
	clear:both;
	font-size:2.5ex;
}

h3 { 
	clear:both;
	font-size:2ex;
}

.error {
	color:#a00;
}
.flush {
	clear:both;
}
.rightDyn {
	width:50%;
	clear:right;
	float:right;
	margin-top:0ex;
	margin-bottom:0ex;
}
.rightFixed {
	width:30em;
	clear:right;
	float:right;
	margin-top:0ex;
	margin-bottom:0ex;
}
.example {
	padding:0;
	margin:1ex;
	background-color:#eee;
	border:1px solid #000;
}
.example .rowNo {
	color:#aaa;
	border-right:1px solid #aaa;
	padding-right:1ex;
}
.newsblock {
	float:left;
	width:45%;
	min-width:20em;
	max-width:100%;
	border:1px dashed #888;
	padding-left:1ex;
	padding-right:1ex;
	padding-bottom:1ex;
	margin:0.5ex;
}
.newsblock h2, .newsblock p {
	margin-top:1ex;
	margin-bottom:0;
}

/* Tabellen */
table {
	padding:0;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
}
tr {
	padding:0;
	margin:0;
}
tr.odd {
	background-color:#eef;
}
th, td {
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0.5ex;
}

/* Formulare */
form {
	clear:both;
}
fieldset {
	margin-top:2ex;
	margin-bottom:2ex;
	border-style:solid;
	border-color:#aaaacc;
	border-width:1px;
	color:#000000;
}

fieldset.blank {
	border-color:#fff;
	margin:0;
	padding:0;
}

legend {
	font-size:120%;
	font-weight:bold;
	color:#000000;
	padding:2pt;
	border-style:none;
}

fieldset hr {
	clear:both;
	border-style:none;
	height:1px;
	margin:1ex;
	background-color:#aaaacc;
}

label, select, input[type=radio], input[type=checkbox], input[type=button], input[type=submit] {
	cursor: pointer;
}

select, textarea, input[type=text], input[type=password], input[type=radio], input[type=checkbox] {
	background-color:#eeeeee;
}

select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
	background-color:#ffffff;
}

@media screen, projection {
	/* vor Netscape 4.7 versteckte CSS-Anweisungen */
	.form .labelleft, .formerror .labelleft{
		padding: 0.7ex 0.5ex 0.5ex 0.5ex ;
		width:9em;
		text-align:right;
		float:left;
		clear:left;
		margin-top:0.2ex;
	}
	.form .info, .formerror .info {
		padding: 0.5ex 0.5ex 0.5ex 0.5ex ;
		float:right;
		text-align:right;
		margin-top:0.2ex;
	}
	.form .infosimple, .formerror .infosimple {
		padding-left: 1ex;
		padding-top: 1ex;
		padding-right: 0.5ex;
		padding-bottom: 0ex;
		margin-top:0.2ex;
	}
	.form .input, .formerror .input {
		padding-left: 0.5ex;
		padding-top: 0.5ex;
		padding-right: 0.5ex;
		padding-bottom: 0.5ex;
		float:left;
	}

	.form, form {
		clear:both;
	}
}
.formerror .labelleft{
	color:#000000;
	background-color:#ffeeee;
	font-weight:bold;
}
.formerror .input{
	color:#000000;
	background-color:#ffeeee;
}
.formerror .error {
	color:#ff0000;
	font-weight:bold;
}

@media print {
	.interaktiv {
		display:none;

	}
}
@media screen, projection {
	.versteckt {
		display:none;
	}
}

.hinweis {
	border-left:dashed 0.3ex red;
	border-right:dashed 0.3ex red;
	padding:1ex;
}


