/* generic - Beginn */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }

table {
	border-collapse: separate;
	border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* generic - Ende */
/* styles - Beginn */

html {
	height: 100%;
}

body {
	background: #eaebf0 url('bodyBG.png') repeat-x top;
	padding: 0;
	text-align: center;
	font-family: verdana;
	color: #595959;
	height: 100%;
	font-size: 12px;
	color: black;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;	
	height: 100%;
}

#head {
	width: 1000px;
	position: relative;
	background: #ffcc66;
	height: 280px;
}

#logo {
	position: absolute; 
	top: 20px;
	left: 20px;
}

#uppernav {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 10px;
	color: #072D64;
}

#uppernav A:link, 
#uppernav A:visited {
	color: #072d64;
	text-decoration: none;
}

#uppernav A:hover {
	text-decoration: underline;
}


.keyvisualbanner {
	background: #072d64;
	width: 1000px;
	position: absolute;
	top: 120px;
	height: 143px;
	border-bottom: 1px solid white;
}

.keyvisualbanner P.c1 {
	color: white;
	font-size: 22px;
	position: absolute;
	top: 20px;
	left: 430px;
	left: 430px;
}

.keyvisualbanner P.c1 {
	color: white;
	font-size: 22px;
	position: absolute;
	top: 20px;
	left: 430px;
	left: 430px;
	line-height: 1.1em;
}

.keyvisualbanner P.c1 SPAN {
	font-size: 42px;
	display: block;
	margin-top: 10px;
}

#keyclaim {
	text-transform: uppercase;
	color: #072d64;
	position: absolute;
	right: 10px;
	top: 94px;
	font-size: 25px;
}

.clearer {
	clear: both;
}

#col1 {
	float: right;
	margin-right: 50px;
	width: 650px;
}

#col2 {
	float: left;
	width: 264px;
}

div#mainnav {
	margin: 20px 0 30px 0;
	width: 230px;
	float: right;
	border-bottom: 1px solid white;
}

div#mainnav UL LI A:link,
div#mainnav UL LI A:visited {
	text-decoration: none;
	font-size: 14px;
	color: #072d64;
	display: block;
	border-top: 1px solid white;
      padding-right: 5px;
	line-height: 22px;
}

div#mainnav UL LI A:hover,
div#mainnav UL LI.active A { font-weight: bold; color: #900; }

/* Subnav */
div#mainnav UL LI UL {
	border-top: 1px solid white;
}

div#mainnav UL LI UL LI A:link,
div#mainnav UL LI UL LI A:visited {
	font-size: 11px;
	background: url('whitearrow.png') no-repeat left 8px;
	padding-left: 10px;
	line-height: 20px;
	border: none;
}

table.footer td.right { text-align: right; }

.footerline { font-size: 11px; text-align: center; margin-bottom: 20px; }
.adresse { font-weight: bold; padding-left: 35px; }


.inhaltsverzeichnis {
	display: block;
	width: 100%;
	line-height: 18px;
      margin-top: 15px	
}

.inhaltsverzeichnis .schnellnavigation,
.inhaltsverzeichnis .schnellnavigation A:link,
.inhaltsverzeichnis .schnellnavigation A:visited {
	text-align: center;
	font-weight: bold;	
	color: #900;
}

.inhaltsverzeichnis H3 {
	padding: 5px 0;
}

.inhaltsverzeichnis UL LI .selected { font-weight: bold; color: #900; }

#content .teaser { font-weight: bold; font-size: 10pt; }
#content .teaserot { font-weight: bold; font-size: 10pt; color: #990000; }
#content .teaserhead { font-weight: bold; font-size: 14px; color: #990000; }
#content .teaserhead span { display: block; font-weight: bold; font-size: 10pt; color: #990000; }

#content {
	float: left;
	width: 100%;
	display: block;
	background: url('contentBG.png') repeat-y;
	padding-bottom: 10px;
}

#content P {
	line-height: 16px;
	margin-top: 3px; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


.margin {
	margin: 0 10px 0 33px;
}

.margin P {
	color: navy;
}

.margin H1, .margin H2, .margin H3, .margin H4 { font-size: 14px; color: #990000; font-weight: bold; margin: 10px 0 5px 0 }
.margin .ol { font-size: 14px; color: #990000; font-weight: bold; margin: 10px 0 5px 0 }
.margin H5, .margin H6 { font-size: 10pt; color: #990000; font-weight: bold; margin: 10px 0 7px 0 }
.margin { line-height: 1.2em; }


.breadcrumb  { font-size: 10px; color: #072d64; margin: 10px 0 50px 0;}
.breadcrumb A:link, .breadcrumb A:visited {	color: #072d64; text-decoration: none; margin-right: 3px;}
.breadcrumb A:hover { text-decoration: underline; }
.breadcrumb>DIV { float: left; margin-right: 3px; }
	
	
/* Content Styles */

.inhalt    { font-family: Verdana, Arial, Helvetica, sans-serif;  color :  Navy;  line-height: 1.2em; }
.inhalt h3, .inhalt h4, .inhalt h5, .inhalt h6 { font-family: Verdana, Arial, Helvetica, sans-serif; color: Navy; font-size: 10pt; line-height: 1.2em; text-align: left; font-weight: bold; margin: 10px 0 0 0;}
.inhalt h3 span { font-size:10pt; color: #990000; font-weight: bold; margin: 20px 0 6px 0; line-height: 1.2em; }
.inhalt h2.sh2 { font-size:16pt;  color :  #FFCC66;  }
.inhalt h2.gros { font-size : 12pt; color: #990000; font-weight : bold}  /* Bewirkt, dass die Überschrift h2 aussieht wie die Überschrift h1. */
.inhalt h2.elf { font-size : 11pt; color: #990000; font-weight : bold}  /* Bewirkt, dass die Überschrift h2 Schriftgröße 11pt hat. */
.inhalt h2.pro105 { font-size : 105%; color: #990000; font-weight : bold}  /* Bewirkt, dass die Schrift bei h2 105% groß ist. */
.inhalt h2.margbot0 { font-size:10pt; color: #990000; font-weight: bold; margin: 20px 0 0 0; line-height: 1.2em; }  /* Bewirkt, dass die Überschrift h2 aussieht wie ein Absatz (keinn Abstand nach unten). */
.inhalt h2.bblau { font-size : 10pt; color: navy; font-weight : bold}  /* Bewirkt, dass die Überschrift h2 aussieht wie die Überschrift h3. */
.inhalt h3.xmp,.inhalt h3.xpl,.inhalt h3.inf,.inhalt h3.tip { font-size:12pt; color: #990000; }
.inhalt h3.mb { margin-bottom: 20px; }  /* Mit dieser class kann man den Abstand zum nachfolgenden Absatz regulieren. */
.inhalt h3.light { font-weight: normal; margin: 10px 0 10px 0;}  /* Mit dieser class wird h3 nicht fett. */
.inhalt H1 { line-height: 1.3em; margin-bottom: 10px; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
.inhalt h2 { font-size:10pt; color: #990000; font-weight: bold; margin: 20px 0 6px 0; line-height: 1.2em; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
.inhalt h3{ 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
.inhalt P { margin: 10px 0 10px 0; text-align: left; }
.inhalt P.re { margin: 30px 0 10px 0; text-align: right; } /* Wird auf "index.html" verwendet. */
.inhalt UL LI { list-style: disc; margin-left: 30px; margin-bottom: 10px; font-size:10pt; line-height: 1.2em; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.inhalt UL UL LI { list-style: none; font-size: 8pt; margin-left: 35px; padding-left: 1em; } /* Die Unterüberschriften haben keinen Kreis (sonst: circle) und die Schrift ist kleiner. */
.inhalt UL { margin: 10px 0}
.inhalt OL LI { list-style: decimal; margin-left: 30px; margin-bottom: 10px; font-size:10pt; line-height: 1.2em; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; }
.inhalt OL { margin: 10px 0}
.inhalt LI.lowa { list-style: lower-alpha; }  /* Aufzählung mit kleinen Buchstaben - "lower-alpha"*/
.inhalt LI.lowabold { list-style: lower-alpha; font-weight: bold; }  /* Aufzählung mit kleinen Buchstaben - "lower-alpha" und Schrift fett*/
.inhalt pre { font-family:Courier New,Courier; font-size:10pt; color: #996600; }

.inhalt .code { background-color:#FFFFE0; }
.inhalt .stand { text-align: right; font-size: 10px; }  /* Der Text der Zeile "aktueller Stand" am Ende einer jeden Seite befindet sich rechts. */

.inhalt .rot { color: #900; font-size: 12pt; font-weight : bold; }  /* große rote Schrift */

/* Hiermit kann ein Bild genau in der Mitte zentriert werden. */
#zentriert {
	width: 40em; 
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

/* Tabelleninhalte mit Quellcode */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* Farbe sollte gleich sein wie bei td.xmpcode */

.inhalt td.xplcode { background-color:#EEEEFF; }

/* Tabelleninhalte mit Erklaerungen */
/* background-color = Hintergrundfarbe */
/* #EEEEFF = helles Blau, Wert aenderbar */

.inhalt .doc { background-color:#EEEEEE; }

/* Layout-Elemente mit hellgrauem Hintergrund */
/* background-color = Hintergrundfarbe */
/* #EEEEEE = helles Grau, Wert aenderbar */

.inhalt pre.normal { color:#000000; }

/* normale praeformatierte Bereiche, nicht fuer Quelltexte */
/* color = Farbe */
/* #000000 = schwarz, Wert aenderbar */


.inhalt a { outline:none; }
.inhalt a:link { color: navy; text-decoration: underline; }
.inhalt a:visited { color: #B07700; text-decoration : underline; }
.inhalt a:active { color: Gray; text-decoration: none; }
.inhalt a:hover { color: #990000; text-decoration: underline }

.inhalt a.an { text-decoration : none; }

.inhalt h1 { font-size : 12pt; color: #990000; font-weight : bold} 
.inhalt h1 span { display: block; font-size: 80%; margin-bottom: 2px; }
.inhalt em {  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.inhalt strong {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #990000}
.inhalt b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: navy}

.inhalt .skiplink {  display: none}

.inhalt .link a:link {  text-decoration: none; color: navy}
.inhalt .link a:active {  text-decoration: none;  color: navy}
.inhalt .link a:visited {  text-decoration: none;  color: navy}

.inhalt .rink a:link {  text-decoration: none;  color: #990000}
.inhalt .rink a:active { text-decoration: none;  color: #990000}
.inhalt .rink a:visited { text-decoration: none;  color: #990000}

.inhalt .gink a:link { text-decoration: none; color: navy}
.inhalt .gink a:active {  text-decoration: none; color: navy}
.inhalt .gink a:visited {  text-decoration: none; color: navy}

.inhalt .gint a:link {  text-decoration: none; color: #666 }
.inhalt .gint a:active { text-decoration: none; color: #666 }
.inhalt .gint a:visited { text-decoration: none; color: #666 }
.inhalt .gint a:hover { text-decoration: none; color: #990000 }

.inhalt .gind a:link {  text-decoration: none; color: #0000B7 }
.inhalt .gind a:active { text-decoration: none; color: #0000B7 }
.inhalt .gind a:visited { text-decoration: none; color: #0000B7 }
.inhalt .gind a:hover { text-decoration: none; color: #990000 }

.inhalt .rotlink a:link { text-decoration: underline; font-weight: bold; color: #990000 }
.inhalt .rotlink a:active { text-decoration: underline; font-weight: bold; color: #990000 }
.inhalt .rotlink a:visited { text-decoration: underline; font-weight: bold; color: #990000 }
.inhalt .rotlink a:hover { text-decoration: underline; font-weight: bold; color: #990000 }

.inhalt .blaulink a:link { text-decoration: underline; font-weight: bold; color: navy }
.inhalt .blaulink a:active { text-decoration: underline; font-weight: bold; color: navy }
.inhalt .blaulink a:visited { text-decoration: underline; font-weight: bold; color: navy }
.inhalt .blaulink a:hover { text-decoration: underline; font-weight: bold; color: navy }

.inhalt .rechts { text-align: right }
.inhalt .links { text-align: left }
.inhalt .mitte { text-align: center }
.inhalt .klein { font-size: 7pt }
.inhalt .blau { color: navy }
.inhalt .rich { font-weight: bold; font-size: 10pt }
.inhalt .gros { font-size : 12pt; color: #990000; font-weight : bold }  /* Bewirkt, dass ein Absatz die gleiche Schriftgröße hat wie h1. */
.inhalt .strong { font-size: 10pt; color: #990000; font-weight : bold }  /* Bewirkt, dass ein Absatz aussieht wie mit <strong> formatiert. */
.inhalt .elf { font-size : 11pt; color: #990000; font-weight : bold }  /* Bewirkt, dass ein Absatz eine Schriftgröße von 11pt hat. */
.inhalt .pro105 { font-size : 105%; color: #990000; font-weight : bold }  /* Bewirkt, dass ein Absatz eine Schriftgröße von 105% hat. */

.inhalt .rahmen {  font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; visibility: visible; height: 300px; width: 1100px; left: 50px; top: 3200px; clip:               rect(   )}

.inhalt .ra {  font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; visibility: visible; height: 300px; width: 1100px; left: 50px; top: 1500px; clip:               rect(   )}

.inhalt h2.no_margin { margin-top: 0; }
.inhalt SPAN.small_header { margin-top: 20px; font-size: 11px; display: block;}
.inhalt A.inline { display: inline; }

.margin DIV.left_box_teaser { border: 2px solid navy; padding: 10px; background: #FFEBBF; margin-top: 10px; }

.margin A.teaser_link { display: block; font-weight: bold; margin-top: 10px; color: navy; }
.margin A.teaser_link:hover { text-decoration: underline; color: #990000}

.margin UL { margin-top: 5px; list-style-type: square; color: navy; margin-left: 16px;}

.margin UL LI { margin: 4px 0;}

.inhalt DIV.teaser_box { border: 2px solid #0000D2; background: #FFF6DA; margin-top: 12px; margin-bottom: 12px; }
.inhalt DIV.teaser_boxlist { border: 2px solid #0000D2; background: #FFF6DA; margin-top: 12px; margin-bottom: 12px; margin-left: 39px; }
.inhalt SPAN.teaser_box_header { background: #FFD988; display: block; padding: 10px 8px; font-weight: bold;}
.inhalt DIV.teaser_box_wrap { margin: 8px; }
.inhalt .teaser_box_header H3 {margin: 0; color: #990000;}
.inhalt DIV.teaser_box OL { list-style-type: decimal; margin-left: 20px;}
.inhalt DIV.teaser_box OL LI { margin: 10px 0;}

.inhalt .rechtsdist { margin-right: 10px ;}  /* Schafft rechts von dem Objekt einen Abstand, sowohl beim Text als auch bei Bildern */
.inhalt .linksdist { margin-left: 10px ;}  /* Schafft links von dem Objekt einen Abstand, sowohl beim Text als auch bei Bildern */
.inhalt .links25 { margin-left: 15px; font-weight: bold; font-size: 10pt; }  /* Für Über- und Unterschrift Inhaltsverzeicnis*/
.inhalt .li15 { margin-left: 15px; } 
.inhalt .li17 { margin-left: 17px; } 
.inhalt .li25 { margin-left: 25px; } 
.inhalt .li35 { margin-left: 35px; } 
.inhalt .li50 { margin-left: 50px; } 
.inhalt .links100 { margin-left: 100px ;}  /* Schafft links von dem Objekt einen Abstand von 100 px */
.inhalt .topdist { margin-top: 10px ;}  /* Schafft obon von dem Objekt einen Abstand, nur bei Bildern */
.inhalt .ld { margin-left: 20px ;}  /* wie zuvor */
.inhalt .float { float: left; width: 200px; margin: 5px 18px 10px 0 ; font-weight: bold; color: #990000; }  /* vgl. Datei Muster */
.inhalt .float2 { float: left; width: 270px; margin: 5px 15px 10px 0 ; font-weight: bold; color: #990000; }  /* Wie zuvor nur breiter. */
.inhalt .float3 { float: left; width: 100px; margin: 5px 15px 10px 0 ; font-weight: bold; color: #990000; }  /* Wie zuvor nur schmaler. */
.inhalt .float4 { float: left; width: 155px; margin: 5px 15px 10px 0 ; font-weight: bold; color: #990000; }  /* Wie zuvor nur schmaler. */
.inhalt .kasten { margin: 1px 0 1px 0; font-size: 10pt; color: #990000; font-weight : bold }
.kreis { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }  /* Macht das Bild rund. */

.box1 { float: left; width: 40%; }  /* linke Spalte */
.box1a { float: left; width: 40%; margin-top: 20px; }  /* linke Spalte - größerer margin-top */
.box2 { float: left; width: 60%; margin-top: 6px; }  /* rechte Spalte */
.box2a { float: left; width: 60%; margin-top: 20px; }  /* rechte Spalte - größerer margin-top */
.box2b { float: left; width: 60%; margin-top: 0; }  /* rechte Spalte - kleinerer margin-top */
.box2c { float: left; width: 60%; margin-top: 18px; }  /* rechte Spalte - margin-top 18 */
.pad10 { padding-top: 10px; }  /* Schafft einen Abstand nach oben. */
.pad15 { padding-top: 15px; }  /* Schafft einen Abstand nach oben. */
.pad5 { padding-top: 5px; }  /* Schafft einen Abstand nach oben. */
.bot5 { padding-bottom: 5px; }  /* Schafft einen Abstand nach unten. */
.bot10 { padding-bottom: 10px; }  /* Schafft einen Abstand nach unten. */
.bot15 { padding-bottom: 15px; }

.negrot { font-weight: bold; color: #900; padding-left: 25px; text-indent: -25px; }
.negblau { font-weight: bold; padding-left: 25px; text-indent: -25px; }
.neg27 { padding-left: 28px; text-indent: -27px; }  /* Negativeinzug */
.neg17 { padding-left: 28px; text-indent: -17px; }  /* Negativeinzug */
.neg38 { padding-left: 37px; text-indent: -38px; }  /* Negativeinzug */