* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
font-size: 101%;
color: #000000;
background: transparent;
}
.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;
}
/* Kopfbereich mit Logo, Hintergrund, unsichtbarer Überschrift und unsichtbarem Sprungmenü */
#kopf {
height: 50px;
margin-left: -5px;
}
#kopf img {
border: 0;
}
/* Alle Elemente, die im Druck nicht sichtbar sein sollen. */
#kopfunsichtbar, .unsichtbar, .tastatur, #toolbox, #navigation, #hauptlinks .nachoben, 
#suche fieldset, #hauptrechts ul#bereichsnavi, #formular .submit {
display: none;
}
/* Formatierungsrahmen für Hauptinhalt */
#hauptinhalt {
color: #000000;
background: transparent;
margin: 0;
}
/* Linke Spalte */
#hauptlinks {
font-size: 0.75em;
margin:0;
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: 0 10px 10px 0;
}
#hauptlinks .imgright {
float: right;
display: inline;
margin: 0 0 10px 10px;
}
#hauptlinks .bildfolger {
clear: left;
}
#hauptlinks .bu {
font-weight: 600;
}
#hauptlinks h1 {
font-size: 130%;
font-weight: 600;
color: #ff0000;
background: transparent;
margin-bottom: 15px;
margin-right: 20px;
}
#hauptlinks h2 {
font-size: 115%;
font-weight: 600;
color: #999;
background: transparent;
margin-bottom: 5px;
margin-right: 20px;
}
#hauptlinks h3 {
font-size: 100%;
font-weight: 600;
margin-bottom: 5px;
margin-right: 20px;
}
#hauptlinks p {
font-weight: 500;
line-height: 130%;
margin-bottom: 15px;
margin-right: 50px;
}
/* Definitionsliste */
#hauptlinks dl {
margin: 10px 5px 10px 0px;
}
#hauptlinks dt {
font-weight: 600;
margin: 0 0 5px 0;
}
#hauptlinks dd {
line-height: 130%;
margin-bottom: 5px;
}
/* Sitemap */
#sitemap {
color: #000;
background: transparent;
margin: 0 0 10px 2em;
}
#sitemap ul {
font-weight: 600;
border: none;
}
#sitemap ul li  {
display: inline;
font-weight: 500;
}
#sitemap ul ul ul li {
font-size: .9em;
}
#sitemap ul li a {
display: block;
text-decoration: none;
color: #000;
background: transparent;
font-weight: 600;
margin: 5px 0 0 0;
padding: 2px;
}
#sitemap ul ul li a {
font-weight: 500;
margin: 2px 0 0 3em; 
padding: 0;
}
#sitemap ul ul ul li a {
margin: 0 0 1px 5em; 
}
/* Fusslinks */
#fuss {
clear: both;
width: 100%;
padding-top: 20px;
}
#fuss p {
display: none;
}
#fuss p.copy {
display: block;
font-size: 70%;
}
/* rechte Inhaltsspalte */
#hauptrechts {
width: 200px;
float: right;
margin-left: 20px;
margin-bottom: 50px;
color: #000;
background: transparent;
}
#hauptrechts .bildleiste br {
clear: left;
}
/* Datentabelle */
table {
clear: both;
font-size: 100%;
padding: 0;
margin: 5px 0 20px 0;
border-collapse: collapse;
}
caption {
font-weight: 600;
font-size: 110%;
padding-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.border {
border: 2px solid #999;
}
.border th, .border td {
border: 1px solid #999;
padding: 2px;
text-align: left;
}
.sparborder {
border: 2px solid #999;
}
.sparborder td,
.sparborder th {
border-left: 1px solid #999;
padding: 2px 0 2px 5px;
text-align: left;
}
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 {
font-size: 90%;
line-height:130%;
width: 90%;
}
#formular fieldset {
margin: 0 0 .5em 0;
padding: 0 2% 1em 2%;
border: 1px solid #999;
width: auto;
overflow: visible;
}
#formular fieldset.pflicht {
border: 1px solid #ff0000;
}
#formular legend {
padding: 0.5em 0.3em 1em 0.3em;
font-weight: 600;
}
#formular legend.pflicht {
color: #ff0000;
}
#formular textarea {
width: 95%;
overflow: visible;
}
#formular input, #formular select {
display: inline;
width: auto;
overflow: visible; /* damit er die Feldhöhe auch bei vergrößerter Schrift richtig sitzt */
}
#formular input {
float: left;
margin-bottom: .5em;
}
#formular label {
float: left;
display: block;
width: auto;
margin-bottom: .5em;
margin-right: .5em;
font-weight: 600;
}
#formular label.left {
width: 15em;
}
#formular .alert {
font-size: 90%;
font-weight: 600;
color: #000;
background: transparent;
margin: 0 .5em .5em 0;
}
#formular .alert .feldname {
color: #d40000;
}
/*---------------------------------------------
Achtung neu!!!!
-----------------------------------------------*/
/* Speziallayout für Bildergalerie */
#galerie {
margin-bottom: 20px;
}
#galerie img {
margin: 0 20px 5px 0;
padding: 10px;
border: 1px solid #999;
}
#galerie .imgcontainer img {
margin: 0 6px 5px 0;
}
#galerie #tools, #galerie .visible, #galerie .invisible, #galerie .active, #galerie .inactive {
display: none;
}
#galerie .bildtext {
clear: left;
}
/* Speziallayout für Dropdown-Menü */
form#kategorieauswahl {
display: none;
}
/*+++++++++++++ zusaetzliche Klassen +++++++++++++ */
.unsichtbar{
		 display:none;
		 visibility:hidden;
}