/* ---  Allgemein  ---
 Autor: Norbert Regniet
 letzte Änderung: 31.10.12
-----*/

body {
 margin: 0;
 padding: 0;
 text-align: center;
}
div.Container, #Container {
 width: 78em;
 margin: 0 auto;
 padding: 0;
 background-color: #FC0;
 font: 80.01% verdana, arial, hevetica, sans-serif;
 text-align: left;
}
a {
 color: maroon;
 background-color: transparent;
 text-decoration: none;
}
a:hover {
 color: #000000;
 background-color: #FFFF00
}
#Rand {
 border-width: 1px;
 border-color: black;
}
img {
 margin: 0;
 padding: 0;
 border-width: 0;
 vertical-align: middle;
}
input[type="checkbox"] {
 vertical-align: middle;
}
div.right, p.right {
 text-align: right;
}

/*--- Trennt die Bereiche, damit Inhalt und Info wieder auf einer Ebene beginnen ---*/
#Trenner { clear: both; }
#center { text-align: center; }
#left   { float: left; }
#right  { float: right; }

/* ---  Titelbereich  --- */
div.Header {
 min-height: 85px;
 margin: 0;
 padding: 0;
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: #FC0;
 background-color: #FC0;
 text-align: left;
}
div.Header img {
 margin: 5px 0 5px 0;
 padding: 0;
 border-width: 0;
 color: transparent;
 z-index: 100;
}

div.Footer {
 margin: 0;
 padding: 0;
 background-color: #FC0;
 text-align: left;
}
/* ---  Boxen  --- */
div.MinWidth {
 min-width: 133px;
}
div.LeftBox {
 float: left;
 clear: left;
 width: 12.5em;
 min-height: 85px;
 margin: 0;
 padding: 0;
 background-color: #FC0;
 text-align: center;
}
div.LeftBox2 {
 float: left;
 clear: left;
 width: 13em;
 margin: 0 5px 0 0;
 padding: 0;
 background-color: #FC0;
}
div.RightBox0 {
 float: right;
 clear: right;
 width: 12.5em;
 margin: 0;
 padding: 0;
 background-color: #FC0;
}
div.RightBox {
 float: right;
 clear: right;
 margin: 0;
 padding: 0;
}
div.RightBox2 {
 float: right;
 clear: right;
 width: 13.2em;
 margin: 0;
 padding: 0;
 background-color: #FC0;
}
div.MiddleBox0 {
 height: 85px;
 margin: 0 1em 0 13em;
 padding: 0;
 background-color: #FC0;
 text-align: left;
}
div.MiddleBox0 h1 {
 height: 56px;
 margin: 5px 0 0 0;
 font-size: 2.8em;
 font-weight: 100;
 letter-spacing: 0.2em;
 color: #FFF;
}
div.MiddleBox {
 margin: 0 13.2em 0 13em;
 padding: 0;
 background-color: #FC0;
 text-align: left;
}
div.MiddleBox h1 {
 height: 56px;
 margin: 5px 0 0 0;
 font-size: 2.8em;
 font-weight: 100;
 letter-spacing: 0.2em;
 color: #FFF;
}
div.MiddleBox h2 {
 height: 56px;
 margin: 10px 0 0 0;
 font-size: 1.8em;
 font-weight: 100;
 color: #FFF;
}
div.MiddleBox2 {
 margin: 0 1em 0 1em;
 padding: 0;
 background-color: #FC0;
 text-align: left;
}
div.here {
 min-height: 10px;
 margin: 3px 0 0 0;
 font-size: 0.75em;
}
/* ---  Loginbereich  --- */
form.Login {
 margin: 0.5em 0.5em 0 0.5em;
 font-size: 0.8em;
 text-align: left;
}
form.Login #input {
 font-size: 0.9em;
 padding: 0 0.2em 0 0.2em;
 margin: 0 0.5em 0 0.5em;
}
form.Login #button, form.Vgl #button {
 font-size: 0.9em;
 letter-spacing: 0.2em;
 padding: 0 0.5em 0 0.5em;
 margin: 0.2em 0 0 0;
}

/* ---  HeadMenü  --- */
#HeadMenu {
 height: 1.4em;
 margin: 0;
 padding: 0;
 background-color: #FD1;
 font-size: 0.8em;
}
#HeadMenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 white-space: nowrap;
}
li.MenuLevel0 {
 float: left;
 padding: 0.1em 1em 0.1em 1em;
 background-color: #FD1 /*#FFA*/;
}
li.MenuLevel0 a {
 color: #999;
}
li.MenuLevel1 {
 float: left;
 padding: 0.1em 0.5em 0.1em 0.5em;
 background-color: #FD1 /*#FFA*/;
}
li.MenuLevel1:hover {
 background-color: #FFFF00;
}
li.MenuLevel1 a {
 margin: 0.1em 0.2em 0.1em 0.2em;
 color: maroon;
}
li.MenuLevel1 a:hover {
 background-color: #FFFF00;
}
div.MenuLevel2 {
 font-size: 0.8em;
 position: relative;
}
div.MenuLevel2 li {
 /*display: block;*/
 /*clear: both;*/
}
#HeadMenu ul li:hover ul {
 display: block;
}
ul.MenuLevel2 {
 list-style: none;
 position: absolute;
 left: -0.4em;
 top: 0;
 margin: 0;
 padding: 0;
 float: none;
 border-color: black;
 border-style: solid;
 border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 3px;
 border-bottom-width: 3px;
 display: none;
 z-index: 100;
}
ul.MenuLevel2 li {
 padding: 0.3em 1em 0.3em 1em;
 font-size: 0.8em;
 background-color: #FFDD11;
}
ul.MenuLevel2 li:hover {
 background-color: #FFFF00;
}
ul.MenuLevel2 a {
 white-space: nowrap;
}

/* ---  Menübereich  --- */
div.Menu {
 width: 12em;
 margin: 0 0 1.5em 0;
 font-size: 0.8em;
 text-align: left;
}
div.MenuR {
 width: 14em;
 margin: 3;
 padding: 2;
 font-size: 0.8em;
 text-align: left;
}

div.li {
 margin: 0;
 padding: 1px 5px 1px 5px;
}
div.liact {
 margin: 0;
 padding: 1px 5px 1px 5px;
 background-color: #FFFFAA;
}
div.li0 {
 font-family: arial;
 font-weight: bold;
 margin: 0 0 0.2em 0;
 padding: 0 0.5em 0.4em 0.5em;
 border: solid 0 black;
 border-bottom-width: 1px;
}
div.li1 {
 font-family: arial;
 font-weight: bold;
 margin: 0 0 0.2em 0;
 padding: 0 0.5em 0.4em 0.5em;
 border: solid 0 black;
 border-bottom-width: 1px;
}
div.li2, div.li3 {
 font-family: arial;
 margin: 0;
 padding: 0 0.5em 0 0.5em;
}
div.li2act, div.li3act {
 font-family: arial;
 margin: 0;
 padding: 0 0.5em 0 0.5em;
 background-color: #FFFF88;
}
div.li4 {
 font-family: arial;
 margin: 0;
 padding: 0 0.1em 0 0.1em;
}
div.li4act {
 font-family: arial;
 margin: 0;
 padding: 0 0.1em 0 0.1em;
 background-color: #FFFF88;
}
div.li:hover, div.liact:hover, div.li2:hover, div.li2act:hover, div.li4:hover, div.li4act:hover, div.li1:hover {
 background-color: #FFFF00;
}
div.liG {
 margin: 0;
 padding: 0.4em 0.5em 0.4em 0.7em;
}
div.liGact {
 margin: 0;
 padding: 0.4em 0.5em 0.4em 0.7em;
 background-color: #FFFF88;
}
div.liG:hover, div.liGact:hover {
 background-color: #FFFF00;
}

/* ---  Kalender  --- */
div.calender {
 margin: 0.5em 0 0.5em 0;
 padding: 0;
 text-align: center;
}
table.calender {
 margin: 0;
 padding: 0;
 background-color: white;
 border-color: silver;
 border-collapse: collapse;
}
table.calender tr {
 margin: 0;
 padding: 0;
 border-width: 0;
}
table.calender th {
 background-color: #FFA;
 border-color: silver;
 border-style: solid;
 border-width: 0;
 border-bottom-width: 1px;
 margin: 0.1em 0.1em 0.1em 0.1em;
 font-weight: 300;
 text-align: center;
}
table.calender td {
 background-color: white;
 border-width: 0;
 margin: 0.1em 0.1em 0.1em 0.1em;
 text-align: center;
}
table.calender td.today {
 font-weight: bold;
 background-color: #FFFFAA;
}
table.calender td.last {
 background-color: #EEEEEE;
}
table.calender td.caption {
 background-color: #FFFFAA;
 border-color: silver;
 border-style: solid;
 border-width: 0;
 border-top-width: 1px;
 border-bottom-width: 1px;
 text-align: center;
}
table.calender td:hover, table.calender td:hover a {
 background-color: #FFFF00;
}
table.calender td.caption:hover {
 background-color: #FFFFAA;
}
table.calender #other {
}
table.calender #empty {
 background-color: white;
}
table.calender #empty:hover {
 background-color: white;
}

/* ---  InDate-Bereich  --- */
div.InDate {
 margin: 0;
 padding: 0;
 font-size: 0.8em;
 text-align: center;
}
div.InDate form {
 margin: 0;
 padding: 0;
}
div.InDate img {
 margin: 0;
 padding: 0;
 border-width: 0;
 color: transparent;
 vertical-align: middle;
}
div.InDate a:hover {
 background-color: #FFFF00;
}
#edit {
 margin: 0;
 padding: 0;
 text-align: center;
 vertical-align: middle;
}

/* ---  Infobereich  --- */
div.Info {
 width: 12em;
 padding: 0;
 margin: 0 0 0.5em 0;
 background-color: #EEEEEE;
}
div.Info p {
 margin: 0.3em 0.5em 0.3em 0.5em;
 font-size: 1em;
}
div.Info a {
 margin:0;
 padding:0;
}

/* ---  Counterbereich  --- */
div.Counter {
 width: 11em;
 font-size: 0.8em;
 padding: 0.5em 0.5em 0.5em 0.5em;
 margin: 0 0 0.5em 0;
 background-color: transparent;
 text-align: center;
}
div.Counter ul {
 list-style: none;
 margin: 0 0 0 1em;
 padding: 0;
}

/* ---  Inhaltsbereich  --- */
div.Inhalt0 {
 margin: 0 1em 0 1em;
 padding: 0.4em 0.6em 0.4em 0.6em;
 min-height: 460px;
 background-color: white;
 text-align: left;
}
div.Inhalt {
 margin: 0 13.2em 0 13em;
 padding: 1em 0.6em 0.4em 0.6em;
 background-color: white;
 text-align: left;
}
div.Inhalt0 h1, div.Inhalt h1 {
 font-weight: 100;
 margin: 1em 5px 1em 5px;
}
div.Inhalt0 h2, div.Inhalt h2 {
 font-size: 1.25em;
 font-weight: 100;
 margin: 1em 5px 1em 5px;
}
div.Inhalt0 h3, div.Inhalt h3 {
 font-size: 1em;
 font-weight: 700;
 margin: 1em 5px 1em 5px;
}
div.Inhalt0 p, div.Inhalt p {
 margin: 1em 5px 1em 5px;
}

div.Inhalt div.footnote {
 margin: 0.3em 0 1em 0;
 font-size: 0.7em;
 color: #808080;
}

div.AnlgData {
 margin: 0 1em 0 1em;
}
div.AnlgData table {
 vertical-align: top;
 text-align: left;
 margin: 0;
}
div.AnlgData td {
 padding: 0.2em 0 0.2em 0.3em;
 white-space: nowrap;
}
div.AnlgData td.first {
 padding: 0.2em 0 0.2em 1em;
}
div.AnlgData td.right {
 width: 100%;
 padding: 0 0.5em 0 0;
 text-align: right;
}
div.AnlgData img {
 margin: 0 0 0.04em 0;
 padding: 0;
}
div.AnlgData div.nrm {
 padding: 0.3em;
}
div.AnlgData div.sel, div.AnlgData div.nrm:hover {
 padding: 0.3em;
 background-color: #FFFF88;
}
div.AnlgData div.nrm:hover {
 background-color: #FFFF00;
}

div.point1 {
 font-size: 1.5em;
 font-weight: 100;
 margin: 3.5em 0 0 6em;
}
div.point2 {
 font-size: 1.5em;
 font-weight: 100;
 margin: 3.5em 0 0 12em;
}
div.point3 {
 font-size: 1.5em;
 font-weight: 100;
 margin: 3.5em 0 0 18em;
}
div.text {
 font-size: 1.25em;
 margin: 4.5em 0 1em 3.6em;
}

div.pop {
}
div.pop ul {
 list-style-position: outside;
 /*left: -0.4em;
 top: 0;*/
 margin: 0 0 0 1em;
 padding: 0;
}
div.pop span {
 display: none;
}
div.pop:hover span {
 display: block;
 position: absolute;
 max-width: 35em;
 border: solid 1px silver;
 padding: 0.5em 0.5em 0.5em 1em;
 background-color: #EEEEEE;
 font-size: 0.7em;
 font-weight: 300;
}

div.small {
 font-family: arial;
 margin: 0;
 padding: 1px 5px 1px 5px;
}

#ctrl, img.ctrl {
 border-width: 0;
 vertical-align: middle;
}

#Inhalt2 {
 margin: 1em;
 padding: 5px;
 min-height: 500px;
 text-align: center;
}
#Inhalt2 p {
 margin: 0.5em 0;
}
#Inhalt2 img {
 margin 1em;
}

div.Anlg {
 margin: 0;
 padding: 0.1em 0 0.3em 0;
 border: solid 0 #FD1;
 border-width: 1px 0 0 0;
 font-size: 0.8em;
 text-align: left;
}
div.Anlg1 {
 margin: 0;
 padding: 0.1em 0 0 0;
 border: solid 0 #FD1;
 border-width: 1px 0 0 0;
 font-size: 0.8em;
 text-align: left;
}
div.Anlg2 {
 height: 42em;
 overflow: auto;
 margin: 0;
 padding: 0;
 border: solid 0 #FD1;
 border-width: 1px 0 1px 0;
 font-size: 0.8em;
 text-align: left;
}
div.titleline {
 font-family: arial;
 font-weight: bold;
 margin: 1px 5px 1px 1px;
 padding: 0 0 0 0.2em;
}
div.titleline2 {
 font-family: arial;
 font-weight: bold;
 margin: 8px 5px 1px 1px;
 padding: 0;
}
div.Anlg form {
 font-size: 0.9em;
 margin: 0;
 padding: 0;
}
div.Anlg table, div.Anlg1 table, div.Anlg2 table {
 width: 13.8em;
 margin: 0;
 padding: 0;
 border-width: 0;
}
/* --- linke unf rechte Seite von Inhalt --- */
div.InhaltLeft {
 float: left;
 width: 47%;
 margin: 0 0 1.5em 0;
 padding: 0;
}
div.InhaltLeft h1 {
 font-size: 1em;
 width: 100%;
 height: 1.5em;
 padding: 0.2em 0.5em 0 0.5em;
 border: solid 1px silver;
 background-color: #FFA;
}
div.InhaltLeft p, div.InhaltRight p {
 margin: 0 0 0 0.7em;
}
div.InhaltLeft li, div.InhaltRight li {
 list-style: none;
 margin: 0 0 0 0.7em;
}
div.InhaltRight {
 float: right;
 width: 47%;
 margin: 0 1.5em 1.5em 0;
 padding: 0;
}
div.InhaltRight h1 {
 font-size: 1em;
 width: 100%;
 height: 1.5em;
 padding: 0.2em 0.5em 0 0.5em;
 border: solid 1px silver;
 background-color: #FFA;
}

div.Balken {
 margin: 2em 0 0 0;
 padding: 0.2em 0.5em 0 0.5em;
 border: solid 1px silver;
 background-color: #FFA;
}
div.Balken h1 {
 font-size: 1em;
 margin: 0;
 padding: 0.2em 0 0.3em 0;
 /*height: 1.5em;
 padding: 0.2em 0.5em 0 0.5em;
 border: solid 1px silver;
 background-color: #FFA;*/
}

table.anlagen2 {
 border-width: 0;
 width: 630px;
 margin: 0;
 font-weight: bold;
}
table.anlagen2 td {
 padding: 0 0.6em 0 0.6em;
 text-align: left;
 white-space: nowrap;
}
table.anlagen2 td.right {
 width: 100%;
 padding: 0 0.6em 0 0.6em;
 text-align: right;
}
table.anlagen2 td.right2 {
 width: 100%;
 padding: 0 0.6em 0 0.6em;
 text-align: right;
 font-size: 0.8em;
 font-weight: 300;
}

/* --- Anlagenübersicht --- */
table.anlagen {
 display: inline;
 margin: 0;
 padding: 0;
 border-collapse: collapse;
 font-size: 0.8em;
 empty-cells: show;
 text-align: left;
}
table.anlagen th, table.anlagen td {
 background-color: #FFF;
 border-width: 0;
 margin: 0;
 padding: 0;
}
table.anlagen td:hover div.liZ a {
 color: 0;
 background-color: #FFA;
}

/* --- Karte --- */
div.MapMenu {
 width: 300px;
 margin: 0;
 padding: 0;
 background-color: #FD1;
}
table.zoom {
 margin: 0 0.5em 0 0.5em;
 padding: 0;
 border-collapse: collapse;
 text-align: left;
}
table.zoom td {
 border-width: 0;
 margin: 0;
 padding: 0;
 background-color: #FD1;
}
div.liZ, div.liZact {
 margin: 0;
 padding: 2px 0.7em 2px 0.7em;
 color: #000000;
}
div.liZact {
 background-color: #FFA;
}
div.liZ:hover {
 background-color: #FF0;
}
div.liZ:hover a, div.liZ a:hover {
 background-color: #FF0;
}
div.liZact a {
}

/* ---  Ergebnistabelle  --- */
div.result {
 text-align: center;
}

table.result, table.csv {
 margin: 0 auto;
 border-collapse: collapse;
 font-size: 0.8em;
 text-align: center;
}
table.result th {
 background-color: #FFFFAA;
 border-width: 0 0 1px 0;
 border-color: black;
 border-style: solid;
 padding: 0.1em 0.3em 0.1em 0.3em;
 font-family: arial;
 text-align: center;
 vertical-align: bottom;
}
table.result td, table.csv td {
 background-color: #EEEEEE;
 border-width: 0;
 padding: 0.1em 0.3em 0.1em 0.3em;
}
table.result td.first, table.result th.first, table.csv td.first, table.csv th.first {
 background-color: #FFFFAA;
 border-color: black;
 border-style: solid;
 border-right-width: 1px;
 text-align: right;
}
table.result td.last, table.result th.last, table.csv td.last, table.csv th.last {
 border-color: black;
 border-style: solid;
 border-left-width: 1px;
}
table.result td.first0 {
 background-color: #FFFFAA;
 border-color: black;
 border-style: solid;
 text-align: right;
}
table.result #id {
 border-color: black;
 border-style: solid;
 border-top-width: 1px;
}
table.csv td {
 padding: 0;
}
table.csv div {
 padding: 0.1em 0.3em 0.1em 0.3em;
}
table.csv td.link:hover, table.csv a:hover {
 color: #000000;
 background-color: #FFFF00;
}

/*
table.csv td.link:hover {
 background-color: #FFFF00;
}
div.Link {
 margin: 0 0.5em 0 0.5em;
}
div.Link a {
 margin: 0;
 padding: 0.1em 1em 0.1em 1em;
 white-space: nowrap;
}
div.Link a:hover {
 background-color: #FFFF00;
}
*/
/* ---  Fusszeilenbereich  --- */
div.FootMenu {
 margin: 0 0 10px 0;
 padding: 0.1em 0 0 0;
 height: 1.5em;
 background-color: #FD1;
 font-size: 0.8em;
 text-align: center;
 word-spacing: 4em;
}
div.FootMenu a {
 height: 1.4em;
 padding: 0.1em 1em 0.1em 1em;
 background-color: #FD1;
}
div.FootMenu a:hover {
 background-color: #FF0;
}
#a0 {
 padding: 0.1em 1em 0.1em 1em;
 color: #888
}
#a0:hover {
 background-color: #FD1;
}

#Footer {
 min-height: 1.5em;
 font-size: 0.8em;
 text-align: center;
}