* {
margin: 0;
padding: 0;
}
body {
font: 500 101% Arial, Helvetica, Verdana, sans-serif;
color: #fff;
background: #000 url(/c1257138004c8b93/files/top_invers.jpg/$file/top_invers.jpg?openelement) 0% 0% repeat-x;
min-width: 850px;
}
.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;
}
acronym {
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;
}
em {
font-weight: 600;
}
/* Kopfbereich mit Logo, Hintergrund, unsichtbarer Überschrift und unsichtbarem Sprungmenü */
#kopf {
height: 128px; /*Bildhöhe, wenn die Angabe nicht gesetzt wird, richtet diese sich nach dem Inhalt. */
width: 100%;
color: #fff; 
background: transparent url(/c1257138004c8b93/files/logo_s.jpg/$file/logo_s.jpg?openelement) bottom right no-repeat;
}
#kopfunsichtbar, #kopf img, .unsichtbar, .tastatur,
#navigation dfn {
position: absolute;
top: -5000px;
left: -5000px;
width: 0;
height: 0;
}
/* neu eingefügt gemäß Test */
#kopfunsichtbar a:active,
#kopfunsichtbar a:focus {
position: absolute;
width: 14em;
top: 5140px;
left: 5240px;
color: #000;
background: #fff;
font-size: .8em;
font-weight: bold;
display: block;
padding: 3px 5px 3px 5px;
text-decoration: none;
}
/* Toolbox */
#toolbox {
width: 200px;
height: 60px;
margin-bottom: 7px;
padding: 0;
color: #fff;
background: transparent;
}
#toolbox { /*Tantek Hack */
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
min-height: 65px; /* diese Angabe ermöglicht es !IE-Browsern, den Toolbox-Rahmen der Höhe des Inhalts anzupassen. */
}
#toolbox p {
margin-bottom: 5px;
}
#toolbox img {
border: 0;
margin: 0;
padding:0;
}
#toolbox img.toolabstand {
margin-right: 11px;
}
#toolbox .links {
float: left;
display: inline;
}
#toolbox .rechts {
float: right;
display: inline;
}
/* Navigation */
#navigation { 
width: 200px;
margin: 12px 0 20px 10px;
font-size: 70%;
color: #fff;
background: transparent;
float: left;
display: inline;
}
#navigation p {
font-size: .9em;
}
#navigation ul {
list-style: none;
padding: 0;
margin: 0; /* Hier darf nur 0 stehen, da die Navi eine unsichtbare Zwischenüberschrift hat. */
}
#navigation ul ul {
border-left: 5px solid #ffee00;
}
#navigation ul ul ul {
border-left: 5px solid #ffff99;
}
#navigation .last {
border-bottom: 1px solid #fff;
}
#navigation li {
display: inline; /* Hack, damit der IE keine ungewollten Abstände zwischen den Navigationspunkten macht. */
width: 100%;
color: #fff;
background: transparent;
font-weight: 600;
}
#navigation li *.active1,
#navigation li *.active1:visited {
display: block;
color: #000;
background: #ffee00;
border-left: 5px solid #ffee00;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 10px;
}
#navigation li *.active1:hover,
#navigation li *.active1:active,
#navigation li *.active1:focus {
display: block;
color: #000;
background: #fff;
border-left: 5px solid #fff;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 10px;
}
#navigation li a.inactive1,
#navigation li *.inactive1:visited {
display: block;
color: #ffee00;
background: #000;
border-left: 5px solid #ffee00;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 10px;
}
#navigation li a.inactive1:hover,
#navigation li a.inactive1:active,
#navigation li a.inactive1:focus {
display: block;
color: #000;
background: #fff;
border-left: 5px solid #fff;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 10px;
}
#navigation li *.active2,
#navigation li *.active2:visited {
display: block;
font-weight: 600;
color: #ffee00;
background: #000;
border-left: 5px solid #ffee00;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 3px 0 3px 20px;
}
#navigation li *.active2:hover,
#navigation li *.active2:active,
#navigation li *.active2:focus {
display: block;
font-weight: 600;
color: #fff;
background: #000;
border-left: 5px solid #ffee00;
border-top: 1px solid #fff;
text-decoration: underline;
margin: 0;
padding: 3px 0 3px 20px;
}
#navigation li a.inactive2,
#navigation li *.inactive2:visited {
display: block;
font-weight: 500;
color: #fff;
background: #000;
border-left: 5px solid #ffffcc;
border-top: 1px solid #fff;
text-decoration: none;
margin: 0;
padding: 3px 0 3px 20px;
}
#navigation li a.inactive2:hover,
#navigation li a.inactive2:active,
#navigation li a.inactive2:focus {
display: block;
font-weight: 500;
color: #fff;
background: #000;
border-left: 5px solid #fff;
border-top: 1px solid #fff;
text-decoration: underline;
margin: 0;
padding: 3px 0 3px 20px;
}
#navigation li *.active3,
#navigation li *.active3:visited {
font-weight: 600;
display: block;
color: #fff;
background: #000;
text-decoration: none;
border-left: 2px solid #000;
margin: 0;
padding: 2px 0 2px 25px;
}
#navigation li *.active3:hover,
#navigation li *.active3:active,
#navigation li *.active3:focus {
display: block;
font-weight: 600;
color: #fff;
background: #000;
text-decoration: underline;
border-left: 2px solid #000;
margin: 0;
padding: 2px 0 2px 25px;
}
#navigation li a.inactive3,
#navigation li *.inactive3:visited {
display: block;
font-weight: 500;
color: #fff;
background: #000;
text-decoration: none;
border-left: 2px solid #000;
margin: 0;
padding: 2px 0 2px 25px;
}
#navigation li a.inactive3:hover,
#navigation li a.inactive3:active,
#navigation li a.inactive3:focus {
display: block;
font-weight: 500;
text-decoration: underline;
margin: 0;
padding: 2px 0 2px 25px;
}
/* Formatierungsrahmen für Hauptinhalt */
#hauptinhalt {
color: #fff;
background: transparent;
margin: 44px 0 0 240px;
}
* html #hauptinhalt {
height: 0.1em;  /* Hack zum 3-Pixel-Bug im IE, beeinflusst auch die Breite von #hauptlinks */
}
/* Allgemeine Linkformatierungen: Sie müssen nach der Navigation stehen, um dortige Formate zu überschreiben. */
#hauptinhalt a:link, #hauptrechts a:link, #fuss a:link, #navigation a:link {
text-decoration: underline;
color: #ffee00;
background: transparent;
}
#hauptinhalt a:visited, #hauptrechts a:visited, #fuss a:visited, #navigation a:visited {
text-decoration: underline;
color: #fff;
background: transparent;
}
#hauptinhalt a:hover,#hauptinhalt a:active,#hauptinhalt a:focus,
#fuss a:hover, #fuss a:active, #fuss a:focus,
#hauptrechts a:hover, #hauptrechts a:active, #hauptrechts a:focus {
text-decoration: none;
color: #000;
background: #fff;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
text-decoration: none;
color: #fff;
background: #000;
}
/* Linke Spalte */
#hauptlinks {
font-weight: 500;
line-height: 130%;
font-size: 75%;
margin:0;
float: left;  /*brauchen einige Browser z.B. Firefox, damit keine Lücke zwischen den Absätzen entsteht */
display: inline;
width: 100%;
}
#hauptlinks .start {
min-height: 70px;
}
#hauptlinks .bildspalte {
clear: right;
float: right;
display: inline;
margin: 20px 39px 20px 20px;
}
#hauptlinks .bildspalte img {
float: none;
}
#hauptlinks .bildspalte .bu {
text-align: center;
}
#hauptlinks img {
float: left;
display: inline;
margin: 5px 10px 10px 0;
}
#hauptlinks .imgright {
float: right;
display: inline;
margin: 0 0 10px 10px;
}
#hauptlinks .bildfolger {
clear: left;
}
#hauptlinks .bu {
font-size: 90%;
font-weight: 600;
margin: 0 0 20px 0;
}
#hauptlinks h1 {
font-size: 120%;
font-weight: 600;
color: #ffee00;
background: transparent;
margin: 0 20px 20px 0;
}
#hauptlinks h2 {
font-size: 115%;
font-weight: 600;
color: #fff;
background: transparent;
margin: 0 20px 5px 0;
}
#hauptlinks h3 {
font-size: 100%;
font-weight: 600;
margin: 0 20px 5px 0;
}
#hauptlinks p {
margin: 0 50px 15px 0;
}
#hauptlinks .nachoben {
text-align: right;
}
/* Listen */
#hauptlinks ul {
margin: 5px 0 5px 0;
}
#hauptlinks ul li {
list-style-position: outside;
list-style-image: none;
list-style-type: square;
margin: 0 0 5px 30px;
}
#hauptlinks ol li {
list-style-position: outside;
list-style-image: none;
margin: 0 0 5px 30px;
}
/* Definitionsliste */
#hauptlinks dl {
margin: 10px 5px 10px 0px;
}
#hauptlinks dt {
font-weight: 600;
}
#hauptlinks dd {
line-height: 130%;
margin-bottom: 5px;
}
/* Sitemap */
#sitemap {
color: #fff;
background: transparent;
padding: 0 5px 5px 5px;
margin: 0 10px 20px 10px;
}
#sitemap ul {
width: 60%;
margin: 0;
padding: 0;
font-weight: 600;
}
#sitemap ul ul {
width: 100%;
}
#sitemap ul li  {
display: inline;
font-weight: 500;
font-size: 1em;
list-style: none;
margin: 0;
}
#sitemap ul li a:link,
#sitemap ul li a:visited {
display: block;
border-left: 1px solid #ffee00;
border-bottom: 1px solid #ffee00;
text-decoration: none;
color: #ffee00;
background: #000;
font-weight: 600;
margin: 10px 0 0 0;
padding: 2px;
}
#sitemap ul li a:hover,
#sitemap ul li a:active,
#sitemap ul li a:focus {
display: block;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
text-decoration: none;
color: #000;
background: #fff;
font-weight: 600;
}
#sitemap ul ul li {
display: inline;
font-weight: 500;
font-size: 1em;
text-align: left;
color: #000;
background: transparent;
}
#sitemap ul ul li a:link,
#sitemap ul ul li a:visited {
display: block;
font-weight: 500;
color: #fff;
background: #000;
border: none;
text-decoration: none;
margin: 5px 0 0 3em; 
padding: 0;
}
#sitemap ul ul li a:hover,
#sitemap ul ul li a:active,
#sitemap ul ul li a:focus {
display: block;
color: #ffee00;
background: #000;
font-weight: 500;
text-decoration: underline;
border: none;
}
#sitemap ul ul ul li {
display: inline;
font-weight: 500;
font-size: .9em;
}
#sitemap ul ul ul li a:link,
#sitemap ul ul ul li a:visited {
display: block;
border: none;
color: #fff;
background: #000;
font-weight: 500;
margin: 0 0 2px 5em; 
padding: 1px 0 1px 0;
}
#sitemap ul ul ul li a:hover,
#sitemap ul ul ul li a:active,
#sitemap ul ul ul li a:focus {
display: block;
border: none;
color: #ffee00;
background: #000;
text-decoration: underline;
font-weight: 500;
}
/* allgemeine Klassen */
.trenner {
float: none;
display: block;
background-color:#fff; /* Mozilla 1.4 */
color:#fff; /* IE 6 */
border: #fff; /* 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;
}
/* Fusslinks */
#fuss {
clear: both;
font-size: 80%;
color: #fff;
background: transparent;
border-top: 1px solid #ffee00;
padding-top: 10px;
margin-left: 240px;
}
#fuss img {
vertical-align: middle;
}
#fuss p {
float: left;
padding: 3px 0 5px 0;
}
#fuss .print {
float: right;
text-align: right;
padding-right: 60px;
}
#fuss .anker {
color: #fff;
background: transparent;
}
#fuss p.copy {
clear: left;
font-size: 80%;
width: 90%;
text-align: center;
margin-bottom: 20px;
}
/* rechte Inhaltsspalte */
#hauptrechts {
width: 200px; /* Füllt annähernd die restliche Breite aus. Falls es Breitenprobleme gibt, muß hier justiert werden. */
float: right;
display: inline; /* Trick, um doppelt margins im Floating zu verhindern. Natürlich wieder der IE! */
font-size: 90%;
line-height: 130%;
margin: 0 50px 20px 30px;
}
#hauptrechts img {
float: none;
}
#hauptrechts p {
font-size: 100%;
font-weight: 500;
color: #fff;
background: transparent;
padding: 10px;
margin: 0;
}
#hauptrechts .aktuell,
#hauptrechts .bildleiste { /* da die Elemente der rechten Spalte immer unter der Suchfunktion stehen, Abstand über margin-top */
color: #fff;
background: #000;
margin-top: 30px;
border: 1px solid #ffee00;
}
#hauptrechts .bildleiste {
text-align: center;
}
#hauptrechts .aktuell h2,
#hauptrechts .bildleiste h2 {
text-align: left;
font-size: 100%;
font-weight: 600;
color: #000;
background: #ffee00;
border-bottom: 1px solid #fff;
padding: 4px;
margin: 0;
}
#hauptrechts .aktuell p {
font-size: 100%;
font-weight: 500;
color: #fff;
background: transparent;
border-bottom: 1px solid #000;
}
#hauptrechts .bildleiste .bu {
padding: 0;
font-weight: 600;
}
#hauptrechts ul#bereichsnavi {
margin-left: 1em;
}
#hauptrechts #bereichsnavi .aktiv {
color: #fff;
font-weight: 600;
}
/* Formularformate für das Suchformular */
#suche {
margin-bottom: 20px;
}
#suche a {
text-decoration: none;
}
#suche form {
display: inline;
}
#suche fieldset {
width: 200px;
border: 1px solid #ffee00;
}
#suche fieldset h2 {
font-size: 100%;
font-weight: 600;
color: #000;
background: #ffee00;
border-bottom: 1px solid #fff;
margin: 0;
padding: 4px;
}
#suche label {
color: #000;
background: transparent;
}
#suche #suchfeld {
display: inline;
font-size: 100%;
color : #000;
background: #fff;
border: 1px solid #000;
width: 130px;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig setzt */
padding: 5px;
margin: 4px;
line-height: 130%;
}
#suche fieldset input { 
color: #fff; 
background: #000; 
} 
#suche fieldset input:active,
#suche fieldset input:focus { 
color: #000; 
background: #ffe3de; 
} 
#suche #submitbutton {
display: inline;
font-size: 100%;
font-weight: 600;
color: #fff;
background: transparent;
border: 1px solid #ffee00;
width: auto;
margin:4px 0 4px 3px;
padding:2px; 
cursor: pointer; 
}
#suche select {
font-size: 90%;
width: 142px;
margin: 4px;
}
/* Datentabelle */
table {
width: 60%;
font-size: 100%;
padding: 0;
margin: 5px 0 20px 0;
border-collapse: collapse;
}
caption {
font-weight: 600;
font-size: 100%;
color: #fff;
background: transparent;
text-align: left;
padding: 0 0 5px 0;
}
thead {
font-weight: 600;
font-size: 100%;
text-align: left;
margin: 0;
padding: 0;
}
thead th {
color: #000;
background: #ffee00;
text-align: left;
padding: 6px;
}
tfoot {
color: #000;
background: transparent;
}
tfoot td {
color: #000;
background: #ffee00;
text-align: right;
padding: 5px;
}
tbody {
color: #000;
background: transparent;
padding: 0;
}
tbody th {
color: #000;
background: #ffee00;
text-align: left;
padding: 6px;
}
tbody td {
vertical-align: top;
color: #fff;
background: transparent;
margin: 0;
padding: 5px;
}
h1 {
font-size: 110%;
}
.border, .sparborder {
border: 2px solid #ffee00;
}
.border th {
border: 1px solid #ffee00;
}
.border td {
border: 1px solid #ffffcc;
}
.sparborder td,
.sparborder th {
border-left: 1px solid #ffee00;
}
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#formular {
line-height:140%;
width: 90%; /* mehr Breite für die IE 5.xxx und KEIN Float */
}
form#formular { /*Tantek Hack */
voice-family: "\"}\"";
voice-family: inherit;
float: left; /* Float für die Operas, sonst haben die Formulare einen Abstand in Höhe der rechten Spalte. */
width: 58%; /* normale Breite für alle anderen Browser */
}
#formular h2 {
margin: 0 0 5px 0;
font-size: 100%;
}
#formular fieldset {
width: auto;
margin: 0 0 .5em 0;
padding: 0 2% 1em 2%;
border: 1px solid #fff;
}
#formular fieldset.pflicht {
border: 1px solid #ffee00;
}
#formular legend {
padding: 0.5em 0.3em 1em 0.3em;
color: #fff;
font-weight: 600;
}
#formular legend.pflicht {
color: #ffee00;
}
#formular textarea {
width: 95%;
}
#formular input {
font-size: 90%;
float: left;
display: inline;
width: auto;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
margin-bottom: 1em;
}
#formular select {
font-size: 90%;
display: inline;
width: auto;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
}
#formular label {
width: auto;
float: left;
display: block;
font-weight: 600;
font-size: 90%;
line-height: 130%;
margin: 0 .5em .5em 0;
}
#formular label.left {
width: 8.5em;
}
#formular .submit {
font-weight: 600;
float: right;
display: inline;
margin: 0 0 15px 5px;
padding: 3px;
cursor: pointer; 
color: #000;
background: #fff; 
border: 2px solid #fff;
}
#formular .submit:hover,
#formular .submit:focus {
color: #000;
background: #ffee00;
border: 2px solid #ffee00;
}
#formular label, #formular select,
#formular input[type=checkbox],
#formular input[type=radio],
#formular input[type=button],
#formular input[type=submit] 
{
cursor: pointer; 
width: auto;
}
#formular input, #formular textarea { 
color: #000; 
background: #ffffff; 
} 
#formular input:focus, #formular textarea:focus { 
color: #000; 
background: #ffffcc; 
} 
#formular .alert {
font-size: 90%;
font-weight: 600;
color: #fff;
background: transparent;
margin: 0 .5em .5em 0;
}
#formular .alert .feldname {
color: #f8e700;
}
/*---------------------------------------------
Achtung neu!!!!
-----------------------------------------------*/
/* Speziallayout für Bildergalerie */
#galerie {
margin-bottom: 20px;
}
#galerie img {
margin: 0 20px 5px 0;
padding: 10px;
border: 1px solid #ffffcc;
}
#galerie .imgcontainer img {
margin: 0 6px 5px 0;
}
#galerie #tools {
float: none;
margin-bottom: 5px;
}
#galerie #tools img {
margin: 0 6px 5px 0;
padding: 3px;
background: #ffffcc;
border: 1px solid #fff;
}
#galerie #tools span.grau>img {
background: #151515;
border: 1px solid #666;
}
#galerie .visible {
visibilty: visible;
}
#galerie .invisible {
display: none;
}
#galerie .active {
font-weight: 600;
color: #ffee00;
background: transparent;
}
#galerie .inactive {
font-weight: 500;
}
#galerie .bildtext {
clear: left;
}
/* Speziallayout für Dropdown-Menü */
form#kategorieauswahl {
line-height: 140%;
margin-bottom: 10px;
}
#kategorieauswahl p {
margin: 0 0 5px 0;
}
#kategorieauswahl fieldset {
display: inline;
border: none;
}
#kategorieauswahl select {
overflow: visible;
}
#kategorieauswahl select option {
background: #ffee00;
padding: 0 2px 0 2px;
}
#kategorieauswahl .submit {
font-weight: 600;
display: inline;
margin: 0;
padding: 0 1px 0 1px;
cursor: pointer; 
color: #000;
background: #fff; 
border: 1px solid #fff;
}
#kategorieauswahl .submit:hover,
#kategorieauswahl .submit:focus {
color: #000;
background: #ffee00;
border: 1px solid #ffee00;
}
#kategorieauswahl input[type=button],
#kategorieauswahl input[type=submit] 
{
cursor: pointer; 
width: auto;
}
/*+++++++++++++ zusaetzliche Klassen +++++++++++++ */
.unsichtbar{
		 display:none;
		 visibility:hidden;
}