/* -- Alles wech, was bei media=screen unerwuenscht ist -- */
.skip {
	display: none;
	}

	
/* -- UAs, die nur CSS1 verstehen (bzw. kein Dynamic Page Reflowing 
beherrschen), koennen mit dem Inhalt der naechsten IDs sowieso nix 
anfangen, daher hier weg. Aber nicht vergessen, diese dann im Style 
Sheet fuer CSS2-faehige UAs (chrome.css) wieder anzuschalten! -- */
#fontsizer, #toolbox {
	visibility: hidden;
	display: none;
	}

/* -- Tags ohne besonderen Grund in alphabetischer Reihenfolge -- */
address, abbr, acronym, dfn {
	font-variant: normal;
/* wegen Safari, der ploetzlich alle Abkuerzungen und Akronyme kursiv setzt */
	font-style: normal;
	text-transform: none;
	}

a abbr, a acronym {
	text-decoration: underline;
	}

a, address, blockquote, div, 
caption, cite, dfn, dl, dt, 
fieldset, h1, h2, h3, h4, 
img, input, label, legend, 
li, ol, option, p, q, 
select, textarea, td, th, ul {
	font-family: Verdana, sans-serif;
	}

caption {
	font-size: 9px;
	}

body {
	margin: 1em auto 6em auto;
	padding: 0;
	color: #57595F;
	background: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	}

cite, q {
	font-style: italic;
	}

code {
	font: .95em/140% Monaco, Courier, monospace;
	color: #444;
	}

dd, p {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	}

ul li {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 9px;
	line-height: 14px;
	}

ul {
	list-style: square;
	}

dt, legend, strong, th {
	font-weight: bold;
	}

h1 {
	clear: both;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #112B71;
	text-transform: uppercase;
	margin: 20px 0 8px 0;
	}
	
#spalte-inhalt h1{
	margin: 0px 0 8px 0;
	}
	
	
h2 {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #112B71;
	margin: 16px 0 5px 0;
	line-height: 16px;	
	}

h3 {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #112B71;
	margin: 12px 0 2px 0;
	}

h4 {
	font-size: 10px;
	font-weight: bold;
	color: #112B71;
	}

.text-kleiner {
	font-size: 9px;
	}

.bildunterschrift {
	font-size: 9px;
	}

kbd {
	font: small-caption;
	}

samp {
	font: small/normal Georgia, "Times New Roman", Times, serif;
	color: #000;
	background: #faf9f7;
	}

strong {
	color: #111;
	background: transparent;
	}

table {
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 16px;
	}

th {
	background: #e5efee;
	color: #000;
	font-weight: bold;
	text-align: left;
	}

th p {
	font-weight: normal;
	}

/*	fuer den MS IE, der auch in der aktuellsten Version zu doof ist, 
	irgendwas in Tabellen rein zu vererben */
th, td {
	font-size: 11px;
	}

/* und dann nochmal richtig */
html>body th, html>body td {
	font-size: 11px;
	}

/* -- Linkgedoens -- */
a:link {
	color: #112B71;
	text-decoration:: underline;
	}

a:visited {
	color: #112B71;
	text-decoration:: underline;
	}

a:hover {
	color: #112B71;
	text-decoration:: underline;
	}

a:active {
	color: #112B71;
	text-decoration:: underline;
	}

a:link:hover {
	color: #112B71;
	}

a:visited:hover {
	color: #112B71;
	}

a:hover:active {
	color: #112B71;
	}

a#abstract:link {
	color: #112B71;
	}

/* -- Klassen -- */
#abstract {
	color: #222;
	background: transparent;
	font-weight: bold;
	}

/* specials */
#logo {
	float:right;
	margin: 0 30px 5px 5px;
	border: 0px solid #fff000;
	padding: 0;
	display:block;
	}

#slogan {
	float:left;
	margin: 20px 7px 5px 2px;
	padding: 0;
	display:block;
	}

#klopps-subnavi {
	float:left;
	width: 0.45em;
	height: 0.45em;
	margin: 0.45em 0.5em 0 0;
	padding: 0;
	border: 0 solid #112B71;
	display:block;
	}

#klopps-subnavi2 {
	float:left;
	width: 0.45em;
	height: 0.45em;
	margin: 0.45em 0.5em 0 0;
	padding: 0;
	border: 0 solid #112B71;
	display:block;
	}

#rahmen {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 2em 0 0 0;
	text-align:left;
	border: 1px solid #8B8F9A;
	}

#flaeche-blau {
	clear:both;
	width:100%;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #16317A;
	}

#flaeche-grau {
	margin: 0 0 0 0;
	padding: 0;
	background: #EDEEF1;
	}

#kopfbild {
	float:left;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	display:block;
	}

#spalte-inhalt {
	float: left;
	clear: both;
	width: 440px;
	margin: 30px 0 10px 50px;
	padding: 0;
	border: 0px solid #0000ff;
	}

#einzuege-inhalt {
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	}

div#rightnav {
	float: right;
	padding: 0;
	margin: 120px 0 0 0;
	color: #717173;
	letter-spacing: 0em;
	border: 0px solid #ff0000;
	display: block;
	}

#rightnav ul {
	float: left;
	width: auto;
	margin: 0 16px 0 0;
	padding: 0 0 0 0;
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	list-style: none;
	display: block;
	border: 0px solid #ff0000;
	}

#rightnav ul li {
	width: auto;
	display: inline;
	}

a.rightnav {
	margin: 0 18px 0 0;
	padding: 0;
	font-weight: 500;
	}

a.rightnav:link {
	color: #000000;
	text-decoration: none;
	}

a.rightnav:visited {
	color: #000000;
	text-decoration: none;
	}

a.rightnav:hover {
	color: #112B71;
	text-decoration: none;
	}

a.rightnav:active {
	color: #112B71;
	text-decoration: none;
	}

a.rightnav-aktiv {
	margin: 0 18px 0 0;
	padding: 0;
	font-weight: 500;
	}

a.rightnav-aktiv:link {
	color: #112B71;
	text-decoration: none;
	}

a.rightnav-aktiv:visited {
	color: #112B71;
	text-decoration: none;
	}

a.rightnav-aktiv:hover {
	color: #112B71;
	text-decoration: none;
	}

a.rightnav-aktiv:active {
	color: #ffffff;
	text-decoration: none;
	}

div#hauptnavi  {
	float: right;
	margin: 30px 0 0 0;
	border: 0px solid #ff0000;
	}

#hauptnavi ul {
  
	}

#hauptnavi ul li {
	list-style:none;
	margin: 5px 0 5px 0;
	font-size: 11px;
	line-height: 16px;
	}

	
#hauptnavi ul li div {
	background: #EFF0F2;
	margin: 0;
	padding-left: 3px;
	width: 160px;  
	}
	
#hauptnavi ul li a {
  
	}

	
#hauptnavi ul li ul{
	margin: 0;
	padding: 0;
	}

#hauptnavi ul li ul li div {
	background: #ffffff;
	width: 155px;
	}

#hauptnavi ul li a.hauptnavi-aktiv {
	background-image: url(../pics/punkt.gif);
	background-position: -15px -3px;
	background-repeat: no-repeat;
	z-index:3;
	}

#hauptnavi ul li a:hover {
	background-image: url(../pics/punkt.gif);
	background-position: -15px -3px;
	background-repeat: no-repeat;
	z-index:3;
	}

#hauptnavi ul li ul li{
	list-style:none;
	background: #ffffff;
	font-size: 10px;
	line-height: 12px;
	}

#textfeldhauptnavi {
	float: left;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	display: inline;
	}

a.hauptnavi {
	/*background-image: url(../pics/button-grau.gif);
	width:160px;*/
	margin: 0 12px 0 0;
	padding: 0;
	font-weight: 500;
	}

a.hauptnavi:link {
	color: #112B71;
	text-decoration: none;
	}

a.hauptnavi:visited {
	color: #112B71;
	text-decoration: none;
	}

a.hauptnavi:hover {
	/*background-image: url(../pics/button-grau-aktiv.gif);*/
	color: #112B71;
	text-decoration: none;
	}

a.hauptnavi:active {
	color: #112B71;
	text-decoration: none;
	}

a.hauptnavi-aktiv {
	/*background-image: url(../pics/button-grau-aktiv.gif);*/
	margin: 0;
	padding: 0;
	font-weight: 500;
	}

a.hauptnavi-aktiv:active {
	color: #112B71;
	text-decoration: none;
	}

a.hauptnavi-aktiv:link {
	color: #112B71;
	text-decoration:none;
	}

a.hauptnavi-aktiv:visited {
	color: #112B71;
	text-decoration:none;
	}

a.hauptnavi-aktiv:hover {
	color: #112B71;
	text-decoration:none;
	}

a.hauptnavi-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}

/* Unternavigation */
div#subnavi {
	float:left;
	width: 12.2em;
	height: 30em;
	margin: 1em 0 0 0;
	padding: 0;
	border: 0px solid #ff0000;
	color: #717173;
	text-align:left;
	letter-spacing: 0em;
	display:block;
	}

#subnavi ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style:none;
	border: 0px solid #ff0000;
	display:block;
	}

#subnavi ul li {
	height: auto;
	clear:left;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size:0.85em;
	line-height:1.1em;
	border: 0px solid #ff0000;
	display:block;
	}

#subnavi ul li ul li {
	clear:left;
	margin: 0;
	padding: 0.5em 0 0 0;
	font-size:0.9em;
	line-height:1.1em;
	border: 0px solid #00ff00;
	display:block;
	}

a.subnavi {
	margin: 0 0 0 0;
	padding: 0;
	font-weight:500;
	}

a.subnavi:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:hover {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi:active {
	color: #112B71;
	text-decoration:none;
	}

	
a.subnavi-aktiv {
	margin: 0 0 0 0;
	padding: 0;
	font-weight:500;
	}

a.subnavi-aktiv:link {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi-aktiv:visited {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi-aktiv:hover {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi-aktiv:active {
	color: #112B71;
	text-decoration:none;
	}

#textfeldsubnavi {
	float:left;
	width: 8em;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	display:block;
	}

.subnavi2 {
	margin: 0;
	padding: 0;
	border: 0px solid #D4D9D9;
	display:block;
	}

a.subnavi2 {
	margin:0;
	padding:0;
	font-weight:500;
	}

a.subnavi2:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2:hover {
	color: #112B71;
	text-decoration:none;
	}

	
a.subnavi2:active {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi2-aktiv {
	margin:0;
	padding:0;
	font-weight:500;
	}

a.subnavi2-aktiv:link {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi2-aktiv:visited {
	color: #112B71;
	text-decoration:none;
	}

a.subnavi2-aktiv:hover {
	color: #112B71;
	text-decoration:none;
	}

	
a.subnavi2-aktiv:active {
	color: #112B71;
	text-decoration:none;
	}

/* Servicenavigation Impressum */
div#servicenavispacer {
	float:right;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #ffffff;
	display:block;
	}

div#servicenavi {
	width: 760px;
	height: 21px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: #16317A;
	font-size:0.8em;
	letter-spacing: 0.1em;
	display:block;
	margin: 0 auto 0 auto;
	border-left: 1px solid #8B8F9A;
	border-right: 1px solid #8B8F9A;
	border-bottom: 1px solid #8B8F9A;
	}

#servicenavi ul {
	float:right;
	width: auto;
	height:1.6em;
	list-style:none;
	margin: 0 1em 0 0;
	padding: 0;
	display:block;
	}

#servicenavi ul li {
	width: auto;
	display:inline;
	}

a.servicenavi {
	padding: 0px 1em 0.5em 1em;
	font-weight:500;
	}

a.servicenavi:link {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi-aktiv:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi:hover {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi:active {
	color: #ffffff;
	text-decoration:none;
	}

/* Datum */
div#datum {
	float:left;
	width: 10em;
	margin: 0 0 0 0.5em;
	padding: 0;
	border: 0px solid #ff0000;
	color: #ffffff;
	font-size:0.8em;
	letter-spacing: 0.03em;
	display:block;
	}

input{
	width: 18em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
textarea{
	width: 18em;
	height: 7em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
select {
	width: 18em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
.mailform {
	font-size: 0.8em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}

.mailformrequired {
	font-size: 0.8em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}