body {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 101%;
margin: 0;
padding:0;
color: #000000;
background: #ffffff url(/c125707b0029daf9/files/dot_weiss.gif/$file/dot_weiss.gif?openelement) 0 0 repeat;
min-width:750px; /* Angabe für !IE-Browser */
}
p, img, a, div, ul,li,h1, h2, h3,h4,fieldset {
margin: 0;
padding: 0;
}
.clear {
clear: both;
line-height: 0.1px; /* sorgt dafür, dass das Div keinen Abstand erzeugt. */
height: 1px;
margin:0;
padding:0;
}
hr { /* läßt sich als Bereichstrenner einsetzen, wirkt dabei NUR bei abgeschaltetem CSS, z.B. zwischen Navigation und Inhalt. s. NN4.xx oder Lynx */
display: none;
}
#hauptinhalt hr {
	display: inline;
}
#hauptinhalt hr.nohr {
	display: none;
}

/* Kopfbereich mit Logo, Hintergrund, unsichtbarer Überschrift und unsichtbarem Sprungmenü */
#kopf {
color: #000066;
background: #ffffea url(/c125707b0029daf9/files/panorama.jpg/$file/panorama.jpg?openelement) 0 0 repeat-x;
height: 100px; /*Bildhöhe, wenn die Angabe nicht gesetzt wird, richtet diese sich nach dem Inhalt. */
width: 100%; 
}
#kopf img {
margin-top: 40px;
margin-left: 10px;
}
#kopf a {
	position: relative;
	z-index: 100;
}
#kopf img.leergif {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	height: 100px; /*Bildhöhe, wenn die Angabe nicht gesetzt wird, richtet diese sich nach dem Inhalt. */
	width: 100%; 
}
#kopf #kopfunsichtbar, .unsichtbar {
position: absolute;
top: -5000px;
left: -5000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

/* Navigation */
#navigation { 
width: 220px;
font-size: 75%;
color: #000066;
background: #ffffff; /* hier muss die Hintergrundfarbe stehen, sonst scheint der Hauptinhalt durch */
margin: 0; /* kein margin-top, muss an der obersten Position stehen, sonst ist die Border vom Hauptinhalt nicht abdeckt */
padding: 0;
float: left;
}
#navigation p {
font-size: .9em;
margin-bottom: 5px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 10px;
padding-top: 7ex;
}
#navigation ul li ul {
padding-top: 0;
}
#navigation ul li ul li ul {
padding-top: 0;
}
#navigation li {
display: block;
color: #000066;
background: transparent;
line-height: 180%;
font-weight: 600;
}
#navigation li *.active1 {
background: transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
width: 180px;
display: block;
margin: 0;
padding: 0;
padding-left: 10px; /* muss überall stehen, um Platz für den Stern (s. hover) zu machen */
width: 180px; /* die Breite muss hier stehen, damit der Link im IE über die gesamte Breite aktiv ist */
}
#navigation li *.active1:visited {
background: transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
margin: 0;
padding: 0;
padding-left: 10px;
width: 180px;
display: block;
}
#navigation li *.active1:hover,
#navigation li *.active1:active,
#navigation li *.active1:focus {
background: transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
width: 180px; /* Breite 220px - 20px für den Textabstand, sonst ragt der Hover-Hintergrund in den Inhaltsbereich rein. */
display: block;
margin: 0;
padding: 0;
padding-left: 10px;
}
#navigation li a.inactive1 {
background: transparent;
color: #000066;
text-decoration: none;
width: 180px;
display: block;
margin: 0;
padding: 0;
padding-left: 10px; /* muss überall stehen, um Platz für den Stern (s. hover) zu machen */
width: 180px; /* die Breite muss hier stehen, damit der Link im IE über die gesamte Breite aktiv ist */
}
#navigation li a.inactive1:visited {
background:transparent; 
color: #000066;
text-decoration: none;
margin: 0;
padding: 0;
padding-left: 10px;
width: 180px;
display: block;
}
#navigation li a.inactive1:hover,
#navigation li a.inactive1:active,
#navigation li a.inactive1:focus {
background: transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
width: 180px; /* Breite 220px - 20px für den Textabstand, sonst ragt der Hover-Hintergrund in den Inhaltsbereich rein. */
display: block;
margin: 0;
padding: 0;
padding-left: 10px;
}
#navigation li *.active2 {
display: block;
font-weight: 600;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}
#navigation li *.active2:visited {
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
font-weight: 600;
color: #000066;
text-decoration: none;
margin: 0;
padding: 0;
padding-left: 7px;
width: 180px;
display: block;
}
#navigation li *.active2:hover,
#navigation li *.active2:active,
#navigation li *.active2:focus {
display: block;
font-weight: 600;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}

#navigation li a.inactive2 {
display: block;
font-weight: 500;
background:transparent; 
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px;/* die Breite muss nochmals um 20px reduziert werden, damit die Unternavigation nicht größer wird als der Navigationscontainer */
}
#navigation li a.inactive2:visited {
display: block;
font-weight: 500;
background:transparent; 
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px;
}
#navigation li a.inactive2:hover,
#navigation li a.inactive2:active,
#navigation li a.inactive2:focus {
display: block;
font-weight: 500;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}
#navigation li *.active3 {
display: block;
font-weight: 600;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}
#navigation li *.active3:visited {
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
font-weight: 600;
color: #000066;
text-decoration: none;
margin: 0;
padding: 0;
padding-left: 7px;
width: 180px;
display: block;
}
#navigation li *.active3:hover,
#navigation li *.active3:active,
#navigation li *.active3:focus {
display: block;
font-weight: 600;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}

#navigation li a.inactive3 {
display: block;
font-weight: 500;
background:transparent; 
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px;/* die Breite muss nochmals um 20px reduziert werden, damit die Unternavigation nicht größer wird als der Navigationscontainer */
}
#navigation li a.inactive3:visited {
display: block;
font-weight: 500;
background:transparent; 
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px;
}
#navigation li a.inactive3:hover,
#navigation li a.inactive3:active,
#navigation li a.inactive3:focus {
display: block;
font-weight: 500;
background: transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelem) 0px 5px no-repeat;
color: #000066;
text-decoration: none;
padding-left: 7px;
width: 180px; 
}




/* Toolbox */
#toolbox {
width: 200px;
height: 70px;
margin: 20px 0 40px 8px;
padding: 0;
color: #000066;
}
#toolbox { /*Tantek Hack */
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
min-height:70px; /* diese Angabe ermöglicht es !IE-Browsern, den Toolbox-Rahmen der Höhe des Inhalts anzupassen. */
}

#toolbox p {
font-size: 100%;
margin-bottom: 5px;
}
#toolbox a {
color: #000066;
}
#toolbox a:hover,
#toolbox a:focus {
color: #000066;
}
#toolbox img {
border: 0;
margin: 0;
padding:0;
}
#toolbox .toolabstand {
margin-right: 8px;
float: left;
}
#toolbox .toolhead {
display: none;
}
#toolbox .toolright {
margin: 0;
padding:0;
border: 0;
width: auto;
}

/* Pfadnavigation (Breadcrumb Trail) */
#pfadangabe {
color: #000066;
background: #ffffff;
border-bottom: 3px solid #000066;
font-size: .75em;
font-weight: 550;
margin-top: 75px;
}
#pfadangabe p {
padding-bottom: 3px;
}
#pfadangabe a:link {
background:transparent; 
color: #000066;
text-decoration: underline;
}
#pfadangabe a:visited {
background:transparent; 
color: #000066;
text-decoration: underline;
}
#pfadangabe a:hover,
#pfadangabe a:active,
#pfadangabe a:focus {
background:transparent; 
color: #000066;
text-decoration: none;
}


/* Formatierungsrahmen für Hauptinhalt */
#hauptinhalt {
color: #000066;
background: #ffffff;
margin:0;
margin-top: 30px;
margin-left: 220px;
margin-right: 0px;
}
* html #hauptinhalt {
height: 1px;  /* Hack zum 3-Pixel-Bug im IE */
}
#hauptlinks {
font-size: 0.85em;
margin:0;
padding-right: 0;
float: left; /* brauchen einige Browser z.B. Firefox, damit der Hauptinhalt nicht unter die Unterkante der Navigation rutscht */
}
 
#hauptlinks a:link, #hauptrechts a:link {
text-decoration: underline;
color: #000066;
}
#hauptlinks a:visited, #hauptrechts a:visited {
text-decoration: underline;
color: #000066;
}
#hauptlinks a:hover,
#hauptlinks a:active,
#hauptlinks a:focus, #hauptrechts a:hover, #hauptrechts a:active, #hauptrechts a:focus {
text-decoration: none;
color: #000066;
}
#hauptlinks img {
float: left;
margin: 0 10px 10px 0;
}
#hauptlinks .imgright {
float: right;
margin: 0 0 10px 10px;
}
#hauptlinks .imgneutral {
float: left;
margin: 0;
}
#hauptlinks h1 {
font-size: 120%;
font-weight: 600;
margin-bottom: 20px;
background: transparent;
}
#hauptlinks h2 {
font-size: 100%;
font-weight: 600;
margin-bottom: 5px;
color: #000066;
}
#hauptlinks h3 {
font-size: 95%;
font-weight: 600;
margin-bottom: 5px;
}
#hauptlinks h4 {
font-size: 90%;
font-weight: 600;
margin-bottom: 5px;
}
#hauptlinks p {
font-weight: 500;
line-height: 130%;
margin-bottom: 15px;
}

/* Listen */
#hauptlinks ul {
margin: 5px 0 5px 0;
}
#hauptlinks li {
list-style-position: outside;
list-style-image: none;
list-style-type: square;
margin-left: 30px;
margin-bottom: 5px;
}
#hauptlinks .punktlos li 
{
list-style-type: none;
}
/* Definitionsliste */
#hauptlinks dl {
margin: 10px 0 10px 0;
}
#hauptlinks dt {
font-weight: 600;
margin-bottom: 5px;
}
#hauptlinks dd {
line-height: 140%;
}

/* Klassen für die Verwendung im Hauptbereich */
.vorspann { /* bisher nur für die Einleitung in werkzeuge.html */
color: #000066;
background: #ffffff;
font-size: 105%;
padding: 4px;
letter-spacing: 0.04em;
border-bottom: 1px solid #000066;
}
.trenner {
clear: both;
display: block;
background-color:#000066; /* Mozilla 1.4 */
color:#000066; /* IE 6 */
border: #000066; /* Opera 7.11 */
height: 0.5px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 10px 0 10px 0;
}
.border {
border: 1px solid #000066;
}
/* allgemeine Klassen */
.klein {
font-size: 90%;
}
.fett {
font-weight: 600;
}
.textcenter {
text-align: center;
}
.textright {
text-align: right;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.wichtig {
color: #cc0000;
font-weight: 600;
}
.wenigerwichtig {
color: #000066;
font-weight: 600;
}
acronym {
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;
}

/* Fusslinks */
#hauptlinks #fuss {
clear: both;
color: #000066;
border-top: 3px solid #000066;
padding-top: 3px;
padding-bottom: 5px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
#hauptlinks #fuss ul {
margin: 0;
padding: 0;
}
#hauptlinks #fuss ul li {
display: block;
list-style: none;
margin-right: 5px;
float: left;
text-align: left;
}
#hauptlinks #fuss ul li.first {
margin-left: 0;
}
#hauptlinks #fuss ul li.last {
margin-right: 0;
float: right;
text-align: right;
padding-right: 20px; /* kein margin, weil der IE dann wieder mal spinnt */
}
/* rechte Inhaltsspalte */
#hauptrechts {
width: 210px; /* Füllt annähernd die restliche Breite aus. Falls es Breitenprobleme gibt, muß hier justiert werden. */
float: right;
font-size: 90%;
line-height: 130%;
background: #ffffff;
margin: 0;
padding: 0;
margin-top: 20px;
}
.spaltenschluss {
display: none;
}
#hauptrechts img {
float: none;
}
#hauptrechts h1 {
font-size: 110%;
font-weight: 600;
line-height: 150%;
background: transparent;
color: #000066;
padding: 5px 10px 3px 0;
margin-bottom: 5px;
}
#hauptrechts p.center {
text-align: center;
}
#hauptrechts h2 {
font-size: 100%;
font-weight: 600;
background: transparent;
color: #000066;
margin-bottom: 5px;
}
#hauptrechts p {
font-size: 100%;
font-weight: 500;
background: transparent;
color: #000066;
margin-bottom: 10px;
margin-right: 10px;
}
#hauptrechts .aktuell a:link {
text-decoration: none;
color: #000066;
}
#hauptrechts .aktuell a:visited {
text-decoration: none;
color: #000066;
}
#hauptrechts .aktuell a:hover,
#hauptrechts .aktuell a:active,
#hauptrechts .aktuell a:focus {
text-decoration: underline;
color: #000066;
}

/* Formularformate für das Suchformular */
div #suchfunktion {
padding-bottom: 3ex;
}
#suchfunktion {
float: right;
}
#suchfunktion form {
display: inline;
}
#suchfunktion fieldset {
width: 190px;
border: 1px solid #ffffff;
}
#suchfunktion label {
font-size: 100%;
font-weight: 500;
color: #000066;
}
#suchfunktion #suchfeld {
display: inline;
font-size: 100%;
color : #000066;
background: #ffffff;
border: 1px solid #000066;
width: 130px;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
padding: 5px;
margin-top: 2px;
}
#suchfunktion fieldset input { 
color: #000033; 
background: #ffffff; 
} 
#suchfunktion fieldset input:focus { 
color: #000033; 
background: #000066; 
} 
#suchfunktion #submitbutton {
display: inline;
font-size: 100%;
color: #ffffff;
width:2.4em;
height:2em;
margin:2px 0 0 3px;
background:#ffffff url(/c125707b0029daf9/files/lupe.gif/$file/lupe.gif?openelement) 3px 3px no-repeat;
padding:4px 5px 3px 30px; /* padding-left schiebt die Button-Schrift aus dem Viewport, damit sie das Bild nicht überlagert */
border:1px solid #ffffff;
cursor: pointer; 
}

/* Spezial für Kalender */
#hauptrechts .kalender ul {
padding: 0;
margin: 0;
}
#hauptrechts .kalender li {
display: inline;
list-style: none;
font-weight: 600;
padding: 0;
margin: 0;
}
#hauptrechts .kalender li a:link {
display: block;
background:transparent;
color: #000066;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
}
#hauptrechts .kalender li a:visited {
display: block;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
color: #d8ccb2;
background:transparent;
}
#hauptrechts .kalender li a:hover,
#hauptrechts .kalender li a:active,
#hauptrechts .kalender li a:focus {
display: block;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
color: #000066;
background:transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 0px no-repeat;
}
#hauptrechts .kalender .hier {
display: block;
background:transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 0px no-repeat;
color: #000066;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
}

/* Kalender */
#kalender {
color: #000066;
}
#kalender ul {
margin: 5px 0 5px 0;
}
#kalender li {
list-style-position: outside;
list-style-image: none;
list-style-type: square;
margin-left: 30px;
margin-bottom: 5px;
}
#kalender .start ul{
font-weight: 600;
padding: 0;
margin: 0;
}
#kalender .start li {
display: inline;
list-style: none;
padding: 0;
margin: 0;
}
#kalender .start li a:link {
background:transparent;
color: #000066;
padding: 5px 0 5px 10px;
margin: 0;
display: block;
}
#kalender .start li a:visited {
display: block;
padding: 5px 0 5px 10px;
margin: 0;
color: #d8ccb2;
background:transparent;
}
#kalender .start li a:hover,
#kalender .start li a:active,
#kalender .start li a:focus {
display: block;
padding: 5px 0 5px 10px;
margin: 0;
color: #000066;
background:transparent url(/c125707b0029daf9/files/stern.gif/$file/stern.gif?openelement) 0px 0px no-repeat;
}
#kalender table {
clear: both;
font-size: 100%;
padding: 0;
margin: 10px 0 20px 0;
border-collapse: collapse;
width: 100%;
}

#kalender caption {
font-weight: 500;
font-size: 100%;
padding: 0;
padding-bottom: 15px;
color: #000066;
background: transparent;
text-align: left;
}
#kalender thead {
font-weight: 600;
font-size: 110%;
text-align: left;
margin: 0;
padding: 0;
}
#kalender thead th {
padding: 6px;
color: #000066;
background: #d8ccb2;
text-align: left;
}
#kalender tfoot {
color: #000066;
background: transparent;
}
#kalender tfoot td {
padding: 5px;
color: #000066;
background: #ffffff;
text-align: right;
}
#kalender tbody {
padding: 0;
color: #000066;
background: transparent;
}
#kalender tbody th {
padding: 6px;
color: #000066;
background: #d8ccb2;
text-align: left;
}
#kalender tbody td {
vertical-align: top;
margin: 0;
padding: 5px;
color: #000066;
background: transparent;
}
#kalender h1 {
font-size: 110%;
}
#kalender .fett {
font-weight: 600;
}
#kalender .border {
border: 2px solid #d8ccb2;
}
#kalender .border td,
#kalender .border th {
border: 1px solid #e6ddcc;
}
#kalender .sparborder {
border: 2px solid #d8ccb2;
}
#kalender .sparborder td,
#kalender .sparborder th {
border-left: 1px solid #e6ddcc;
}
#kalender  td.noborder {
border: none;
}



/*------------------------------------------------------------
Die Formularangaben müssen wegen der alternativen Stylesheets
direkt im Haupt-CSS stehen. Sie können sonst nicht von der
gewählten Alternative überschrieben werden.
--------------------------------------------------------------*/
/*formulare */
form#vorschlag {
line-height:140%;
}
form#vorschlag br {
clear: both;
height: 0.1px;
}
#vorschlag fieldset {
margin: 0 0 .5em 0;
padding: 0 2% 1em 2%;
border: 2px solid #d8ccb2;
width: auto;
}

#vorschlag legend {
padding: 0.5em 0.3em 1em 0.3em;
color: #c4b08a;
font-weight: 600;
}
#vorschlag legend.pflicht {
color: #cc0000;
}
#vorschlag textarea {
width: 95%;
}
#vorschlag input {
font-size: 100%;
display: inline;
/*float: left; */                  /*auskommentiert, damit Kommentare unterhalb der Inputfelder auftauchen */
width: auto;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
}
#vorschlag select {
font-size: 100%;
display: inline;
width: auto;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
}
#vorschlag label
{
float: left;
display: block;
width: auto;
margin-bottom: 1em;
margin-right: 0.5em;
font-weight: 600;
font-size: 100%;
}
#vorschlag label.left {
width: 12.5em;
}
#vorschlag .submit {
display: block;
float: right;
width: auto;
margin: 0 0 1em 0.5em;
padding: 3px;
cursor: pointer; 
background: #d8ccb2; 
border-top: 2px solid #e6ddcc;
border-left: 2px solid #e6ddcc;
border-bottom: 2px solid #c4b08a;
border-right: 2px solid #c4b08a;
}
#vorschlag label, #vorschlag select,
#vorschlag input[type=checkbox],
#vorschlag input[type=radio],
#vorschlag input[type=button],
#vorschlag input[type=submit] /* auch wenn IE den Pointer nicht zeigen kann, die anderen Browser können das */
{
cursor: pointer; 
width: auto;
}
#vorschlag input, #vorschlag textarea { 
color: #000033; 
background: #ffffff; 
} 
#vorschlag input:focus, #vorschlag textarea:focus { 
color: #000033; 
background: #d8ccb2; 
} 
#hauptrechts p.termine {
font-size: 100%;
font-weight: 600;
background: transparent;
color: #000066;
margin-bottom: 5px;
}
dfn, dfn * {
 font-style: normal;
border-bottom-style: dotted;
border-bottom-width: 1px;
padding-bottom: 2px;
}
a img {
border-style: none;
}
#hauptlinks img.xmas {
float: none;
display: block;
padding: 0px;
margin-left: auto;
margin-right: auto;
}