@charset "UTF-8";
/* CSS Document */

/* ##### CI ####### 
Farbschema
- Überschrift					rgb(70,75,140)
								rgb(70,160,85)
- Schrift						rgb(40,40,50)
- Hintergrund					rgb(240,242,255)

*/

/* #### Standardeinstellungen #####*/
*										{ padding: 0px; margin: 0px; border: solid 0px transparent; background-color: transparent; }

html									{ background-color: rgb(240,242,255); }
body									{ font-family: "Trebuchet MS", Verdana, sans-serif; color: rgb(40,40,50); text-align: left; font-size: 11pt; line-height: 140%; margin: 0px auto; width: 75%; max-width: 950px; vertical-align: middle; background-color: rgb(255,255,255); cursor: default  }
@media screen and (max-width: 900px) {
body									{ width: 90%; }
}
@media screen and (max-width: 520px) {
body									{ width: 100%; }
}
table									{ font-size: 11px; line-height: 14px; border-spacing: 0px; border-collapse: collapse; }
td										{ vertical-align: top; }
p										{ margin-bottom: 8px; margin-left: 0px }

h1										{ color: rgb(70,75,140); font-weight: bold; text-transform: uppercase; font-size: 250%; line-height: 125%; letter-spacing: 0.01em; margin: 0px 0px 5px 0px; }
h2										{ color: rgb(70,75,140); font-weight: bold; text-transform: uppercase; font-size: 150%; line-height: 125%; letter-spacing: 0.025em; margin: 40px 0px 25px 0px; }
h3										{ color: rgb(70,160,85); font-weight: bold; font-size: 135%; line-height: 125%; letter-spacing: 0.015em; margin: 15px 0px 10px 0px; }
h4										{  }
h5										{  }

a										{ color: rgba(70,75,140,1); text-decoration: none; cursor: pointer; }
a[href ^="http"]						{ background: url("Bilder/link_extern.png") center right no-repeat; padding-right: 0; }
a[href ^= "http"]:visited				{ background: url("Bilder/link_extern.png") center right no-repeat; padding-right: 0; }
a[href ^= "http"]:hover					{ background: url("Bilder/link_extern.png") center right no-repeat; padding-right: 0; }

a:visited								{ color: rgba(70,75,140,0.8); }
a:hover, a:focus						{ text-decoration: underline; opacity: 0.8}
sup, a:hover sup						{ font-size: 0.8em; line-height: 0.5em; text-decoration: none; vertical-align: 75%; padding-left: 1px }
sub, a:hover sub						{ font-size: 0.8em; line-height: 0.5em; text-decoration: none; vertical-align: -75%; padding-left: 0px }

caption									{ color: rgb(40,40,50); font-size: 10px; text-align: left; padding-top: 5px; caption-side: bottom }
hr										{ color: rgb(40,40,50); background-color: rgb(40,40,50); border: 0px; height: 1px }

object									{ overflow: hidden; }


/* #### Einrückung und Aufzählung #### */
blockquote, ul, ol						{ margin: 0px 8px 12px 18px; padding: 0px }
blockquote, ol							{ text-align: justify }
ol, ul									{ color: rgb(40,40,50); margin-top: 10px; }
ol										{ list-style-image: none; list-style-position: outside; list-style-type: decimal; }
ul										{ /*list-style-image: url();*/ list-style-position: outside; list-style-type: disc; }
li										{ margin: 0px 0px 8px 0px; padding: 0px; }



/* #### Formulare #### */
label									{ font-size: 10px; margin: 0px 0px 5px 0px; float: left; cursor: pointer; }

input, textarea, select					{ font-family: Verdana, sans-serif; color: rgb(40,40,50); font-size: 11px; background-color: rgb(255,255,255); vertical-align: inherit; margin: 0px 5px 0px 0px; padding: 1px 2px 0px 2px; border: solid 1px rgb(40,40,50); cursor: pointer  }

input[type=radio], input[type=checkbox], input[type=image]
										{ background-color: transparent; border: solid 0px rgb(40,40,50); }
input[type=text], input[type=password]
										{ height: 14px }
input[type=image]						{ margin-right: 0px; padding: 0px; }
input[type=submit], input[type=button], input[type=reset]
										{ background: rgb(179,172,156) url() repeat-x; padding: 3px 6px; }
input[type=submit]:active, input[type=button]:active, input[type=reset]:active
										{ background: rgb(235,101,23) }
input.nurText							{ height: 13px; color: rgb(40,40,50); vertical-align: baseline; border: solid 0px transparent; padding: 0px; margin: 0px; background-color: transparent; cursor: default; }

select									{ height: 17px; padding: 0px; }
option									{ font-family: Verdana, sans-serif; color: rgb(40,40,50); font-size: 10px; padding: 1px 6px 0px 2px; margin: 0px 0px 0px 0px; border: solid 0px rgb(40,40,50); cursor: pointer  }
optgroup								{ font-family: Verdana, sans-serif; color: rgb(40,40,50); font-size: 10px; font-weight: bold; font-style: normal; background-color: transparent; padding: 1px 2px 0px 2px; margin: 2px 0px 1px 0px;  }
optgroup option							{ margin-left: 10px; }

input[readonly], textarea[readonly], input[disabled], textarea[disabled], select[disabled], option[disabled]
										{ background-color: transparent; cursor: default }


/* #### Tabellenformate #### */
table.daten								{ text-align: left; border: solid 0px rgb(102,51,51); margin: 12px 0px 18px 0px; }

table.daten tr.dyn1						{ background-color: rgba(179,172,156,0.1) }
table.daten tr.dyn1:hover				{ background-color: rgba(179,172,156,0.5) }
table.daten tr.dyn2						{ background-color: rgba(179,172,156,0.3) }
table.daten tr.dyn2:hover				{ background-color: rgba(179,172,156,0.5) }

table.daten th							{ font-weight: bold; padding: 2px 8px 3px 2px; white-space: nowrap; overflow-x: hidden; }
table.daten td							{ background-color: transparent; vertical-align: top; padding: 1px 8px 2px 2px; border-style: dotted; border-width: 0px 0px 0px 0px; border-color: rgb(40,40,50); overflow-x: hidden; }

*.Zeilenmarkierung						{ background-color: rgb(235,101,23) !important; color: rgb(40,40,50); }

div.Popup								{ font-size: 11px; position: fixed; top: 0px; padding: 10px 15px 10px 15px; border: solid rgb(179,172,156) 12px; background-color: rgb(255,255,255); max-width: 835px; margin-top: 150px; display: block; z-index: 1001; }
div.Popup h1							{ line-height: 20px; margin: 0px 5px 10px 0px }
div.Popup div							{ overflow: auto; }
*.Hauptbox								{ border: 1px solid rgba(40,38,38, 0.5);  padding: 5px 8px; margin-bottom: 10px;}
*.Box									{ border: 1px solid rgb(40,40,50); padding: 5px 8px; margin-bottom: 10px; }
*.Box:hover								{ border: 5px solid rgb(40,40,50); padding: 5px 8px; margin-bottom: 10px; }


/* #### Layout-Klassen und -ID’s #### */
#Kopf									{ background-color: rgb(70,75,140); /*background-image: url(Bilder/Logo.png);*/ background-repeat: no-repeat; background-size: 105px; padding: 10px; position: relative; display: flex; }

#Inhalt									{ min-height: 485px; margin: 0px 0px 20px 0px; padding: 20px 20px 20px 20px; position: relative; }

#Inhalt-Links							{ background-image: url(Bilder/hochFarbe.jpg); background-repeat: no-repeat; background-size: 120%; background-position: -25px 0px; text-align: center; text-transform: uppercase; padding: 0px 10px 0px 0px; margin: 2px 25px 0px 0px; width: 35%; height: 1000px; overflow: hidden; float: left; }
#Inhalt-Links > img:first-child			{ margin-bottom: 30px; }
#Inhalt-Links a							{ display: block; margin-top: 9px; }
#Inhalt-Links a:hover					{ font-weight: bold; font-size: 12px }
#Inhalt-Links a.aktiv					{ font-weight: bold; cursor: default; }
#Inhalt-Links a.aktiv:hover				{ font-size: 13px }
#Inhalt-Links > div.Karte				{ position: absolute; bottom: 0px; left: 0px; width: 210px; display: block; }
#Inhalt-Links > div.Karte #kleineKarte	{ width: 220px; height: 150px; }

#Inhalt-Rechts							{ padding: 0px 10px 0px 0px; overflow: hidden; }

#Navigation								{ text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; width: 100%; display: table-column; }
#Navigation a							{ color: rgb(255,255,255); font-weight: bold; letter-spacing: 0.1em; padding: 0px 10px; border: 0px solid; display: inline-block; }
#Navigation a:hover						{ opacity: 0.5; text-decoration: none; }
#Navigation a.inaktiv					{ color: rgba(40,40,50,0.7); font-weight: normal; background-color: transparent; }
#NavigationHandy						{ color: rgb(255,255,255); font-size: 300%; padding-top: 5px; width: 100%; display: none !important }

#Hauptillustration						{ color: rgb(255,255,255); text-align: right; letter-spacing: 0.1em; white-space: nowrap; margin: 0px 0px 0px 0px; display: table-column; opacity: 0.5; }
@media screen and (max-width: 440px) {
#Hauptillustration:last-child			{ white-space: normal }
}
@media screen and (max-width: 370px) {
#Navigation								{ display: none }
#NavigationHandy						{ display: table-column !important }
#Hauptillustration:last-child			{ white-space: nowrap }
}
#Hauptillustration > img:last-child		{ margin-left: 15px; }

#Haupttext								{ font-family: "Trebuchet MS", Verdana, sans-serif; border: 1px solid rgb(179,172,156); padding: 20px 25px 15px 15px; min-height: 216px; position: relative; }
#Haupttext a							{ text-decoration: underline; }
#Haupttext a:hover						{ text-decoration: none; }
#Haupttext > div:first-child			{ text-align: center; width: 175px; padding: 15px 50px 25px 15px; float: left; }	
#Haupttext > div						{ overflow: hidden; }
#Haupttext *.Fußnote					{ font-size: 10px; margin: 30px 0px 0px 0px; }

#Copyright								{ color: rgb(255,255,255); font-size: 80%; letter-spacing: 0.05em; text-align: center; background-color: rgb(70,75,140); padding: 10px 0px 10px 0px; }
#Copyright > p							{ margin: 0; }
#Copyright a							{ color: rgb(255,255,255); }

#Vordergrund							{ width: 100%; background-color: rgba(0,0,0,0.6); height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; }


/* #### Pflichtfeldmarkierung #### */
*.required, *.required a				{ color: rgb(204,14,14); }
*.required input, input.required, *.required textarea, textarea.required, *.required select, select.required
										{ color: rgb(204,14,14); border: solid 1px rgb(204,14,14) }



/* ############################### */
/* ######## SVG-Styles ########### */
/* ############################### */

svg										{ fill: rgb(40,40,50); background-color: none; }
text									{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 7pt; }