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;
}
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: #000000;
background: #ffffff;
height: 80px; /*Bildhöhe, wenn die Angabe nicht gesetzt wird, richtet diese sich nach dem Inhalt. */
width: 100%; 
}
#kopf img {
margin-top: 20px;
margin-left: 10px;
}
#kopf a {
	position: relative;
	z-index: 100;
	font-size:60px; /*Angabe für NN erforderlich, sonst erscheint nur ein Teil vom Logo */
}
#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%; 
	display: none;
}
#kopf #kopfunsichtbar, .unsichtbar {
position: absolute;
top: -5000px;
left: -5000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
/* Navigation */
#navigation { 
/* der Navigationsrahmen muss hier stehen bleiben, da sonst die Toolbox verschwindet! */
}
#navigation ul {
display:none;
}
/* Toolbox */
#toolbox {
width: 550px;
margin-left: 50px;
padding: 2px;
border: none;
}
#toolbox p {
font-size: .7em;
margin-bottom: 5px;
color: #999999;
}
#toolbox a {
color: #999999;
}
#toolbox img {
border: 0;
margin-right: 8px;
}
#toolbox .toolhead {
display: none;
}
#toolbox .toolright {
margin: 0;
padding:0;
border: 0;
}
/* Pfadnavigation (Breadcrumb Trail) */
#pfadangabe {
width: 550px; 
color: #000000;
background: #ffffff;
border-bottom: 3px solid #000000;
font-size: .75em;
font-weight: 550;
margin-left: 50px;
}
#pfadangabe p {
margin-top: 30px;
padding-bottom: 3px;
}
#pfadangabe a:link {
background:transparent; 
color: #000000;
text-decoration: underline;
}
#pfadangabe a:visited {
background:transparent; 
color: #666666;
text-decoration: underline;
}
#pfadangabe a:hover,
#pfadangabe a:active,
#pfadangabe a:focus {
background:transparent; 
color: #999999;
text-decoration: none;
}
/* Formatierungsrahmen für Hauptinhalt */
#hauptinhalt {
background-color: #ffffff;
}
/* Content */
#hauptlinks { 
width: 550px; 
margin-left: 50px;
z-index: 1;
color: #000000;
background: #ffffff;
padding: 20px 0 0 0;
font-size: 0.75em;
}
#hauptlinks a:link, #hauptrechts a:link {
text-decoration: underline;
color: #000000;
}
#hauptlinks a:visited, #hauptrechts a:visited {
text-decoration: underline;
color: #666666;
}
#hauptlinks a:hover,
#hauptlinks a:active,
#hauptlinks a:focus, #hauptrechts a:hover, #hauptrechts a:active, #hauptrechts a:focus {
text-decoration: none;
color: #999999;
}
/* per default sind Bilder mit float:left; eingebunden. 
Andere Positionen werden mit den Klassen erzeugt. Damit das zuverlässig funktioniert müssen alle Bilder
in einem Paragrafen (<p></p>) eingebunden sein. Die Bildklasse gehört dann in das <p>-Tag. */
#hauptlinks img {
float: left;
margin: 0 5px 5px 0;
}
#hauptlinks .imgright {
float: right;
margin: 0 0 5px 5px;
}
#hauptlinks h1 {
font-size: 110%;
font-weight: 600;
margin-bottom: 20px;
background: transparent;
}
#hauptlinks h2 {
font-size: 100%;
font-weight: 600;
margin-bottom: 15px;
}
#hauptlinks h3 {
font-size: 95%;
font-weight: 600;
margin-bottom: 10px;
}
#hauptlinks h4 {
font-size: 90%;
font-weight: 600;
margin-bottom: 7px;
}
#hauptlinks p {
font-weight: 500;
line-height: 130%;
margin-bottom: 10px;
}
/* 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 ol {
margin: 5px 0 5px 0;
}
#hauptlinks ol li {
list-style-position: outside;
list-style-image: none;
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 {
color: #000000;
background: #f8f8f8;
font-size: 105%;
padding: 4px;
letter-spacing: 0.04em;
border-bottom: 1px solid #cccccc;
}
.trenner {
clear: both;
display: block;
background-color:#ccc; /* Mozilla 1.4 */
color:#ccc; /* IE 6 */
border: #ccc; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 20px 0 0 0;
}
.border {
border: 1px solid #000000;
}
.clear {
clear: both;
}
/* allgemeine Klassen */
.klein {
font-size: 90%;
}
.fett {
font-weight: 600;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.wichtig {
color: #000000;
font-weight: 600;
}
.wenigerwichtig {
color: #666666;
font-weight: 600;
}
/* Fusslinks */
#hauptlinks #fuss {
display:none;
}
/* rechte Inhaltsspalte */
#hauptrechts {
font-size: 90%;
margin-left: 80px;
font-size: 75%;
width: 400px;
}
.spaltenschluss /* für Druck extra (s. hauptrechts) */ {
clear: both;
display: block;
background-color:#ccc; /* Mozilla 1.4 */
color:#ccc; /* IE 6 */
border: #ccc; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: -1px 0 20px 0; /* das negative margin legt sich über eine evtl. vorhandene Trennlinie am Ende von #hauptrechts */
}
#hauptrechts h1 {
font-size: 110%;
font-weight: 600;
line-height: 150%;
background: transparent;
color: #000000;
padding: 5px 10px 3px 0;
margin-bottom: 5px;
}
#hauptrechts h2 {
font-size: 100%;
font-weight: 600;
background: transparent;
color: #000000;
margin-bottom: 5px; 
}
#hauptrechts p {
font-size: 100%;
font-weight: 500;
background: transparent;
color: #000000;
margin-bottom: 10px;
}
#hauptrechts .aktuell a:link {
text-decoration: none;
color: #000000;
}
#hauptrechts .aktuell a:visited {
text-decoration: none;
color: #000000;
}
#hauptrechts .aktuell a:hover,
#hauptrechts .aktuell a:active,
#hauptrechts .aktuell a:focus {
text-decoration: none;
color: #000000;
}
#hauptrechts form, #hauptrechts fieldset, #suchfunktion {
display:none;
}
/* Spezial für Kalender */
#hauptrechts .kalender ul, #hauptrechts .kalender li {
display:none;
}
/* Kalender */
#kalender {
color: #000000;
}
#kalender table {
width: 99%;
font-size: 90%;
padding: 0;
margin: 0;
margin-bottom: 20px;
border-collapse: collapse;
}
#kalender caption {
font-weight: 500;
font-size: 100%;
padding: 0;
padding-bottom: 15px;
color: #000000;
background: transparent;
text-align: left;
}
#kalender thead {
font-weight: 600;
font-size: 110%;
text-align: left;
margin: 0;
padding: 0;
}
#kalender thead th {
color: #000000;
background: #cccccc;
text-align: left;
padding: 6px;
margin: 0;
}
#kalender tfoot {
padding:5px;
color: #000000;
background: transparent;
}
#kalender tfoot td {
padding: 5px;
color: #000000;
background: #ffffff;
text-align: right;
}
#kalender tbody {
padding: 0;
color: #000000;
background: transparent;
}
#kalender tbody th {
padding: 6px;
color: #000000;
background: #e1e1e1;
text-align: left;
}
#kalender tbody td {
width: auto;
vertical-align: middle;
margin: 0;
padding: 5px;
color: #000000;
background: #ffffff;
}
#kalender h1 {
font-size: 110%;
}
#kalender .fett {
font-weight: 600;
}
#kalender .border {
border: 2px solid #666666;
}
#kalender .border td,
#kalender .border th {
border: 1px solid #999999;
}
#kalender .sparborder {
border: 2px solid #666666;
}
#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 vom
print.css überschrieben werden.
--------------------------------------------------------------*/
/*formulare */
form#vorschlag
{
	line-height:140%;
}
form#vorschlag br
{
    clear: both;
	height: 0.1px;
}
#vorschlag fieldset
{
	margin: 0 2% 1em 0;
	padding: 0 1% 1em 1%;
	border: 1px solid #999;
}
#vorschlag legend {
padding: 0.5em 0.3em 1em 0.3em;
font-weight: 600;
}
#vorschlag input
{
/*float: left; */                  /*auskommentiert, damit Kommentare unterhalb der Inputfelder auftauchen */
}
#vorschlag input, #vorschlag select {
font-size: 90%;
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: 90%;
	text-align: left;
}
#vorschlag label.left {
	width: 12.1em;
}
#vorschlag .submit {
display: none;
}
#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; 
}
#vorschlag input, #vorschlag textarea { 
color: #000000; 
background: #ffffff; 
}
#hauptrechts p.termine {
font-size: 100%;
font-weight: 600;
background: transparent;
color: #000000;
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;
}
/*********************** Erweiterung Blog *******************************/
/* ++++++++++++ rechter Bereich Blog +++++++++++++++*/
#hauptrechts .themenliste ul {
padding: 0;
margin: 0;
}
#hauptrechts .themenliste li {
display: inline;
list-style: none;
padding: 0;
margin: 0;
}
#hauptrechts .themenliste li a:link {
display: block;
background:transparent;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
}
#hauptrechts .themenliste li a:visited {
display: block;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
background:transparent;
}
#hauptrechts .themenliste li a:hover,
#hauptrechts .themenliste li a:active,
#hauptrechts .themenliste li a:focus {
display: block;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
background:transparent url(/c125707b0029daf9/files/stern_klein.gif/$file/stern_klein.gif?openelement) 0px 5px no-repeat;
}
/* +++++++++++++++ Hauptbereich Blog++++++++++++ */
#hauptlinks .blogthema_infos{
margin:  12px 0px 10px 0px;
padding: 10px 4px 10px 4px;
background: #EDEDED;
border: 1px solid #919191;
font-size: 90%;
}
#hauptlinks .blogthema_datum{
background:url(/c125707b0029daf9/files/document.gif/$file/document.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
#hauptlinks .blogthema_comment{
background:url(/c125707b0029daf9/files/comment.gif/$file/comment.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
#hauptlinks .blogthema_commentnew{
background:url(/c125707b0029daf9/files/commentnew.gif/$file/commentnew.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
#hauptlinks .blogthema_hinweis{
background:url(/c125707b0029daf9/files/warning_red.gif/$file/warning_red.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
#hauptlinks .blogcomment1{
margin:  0px 0px 10px 0px;
padding: 10px 4px 10px 4px;
background: #EDEDED;
border: 1px solid #919191;
font-size: 90%;
}
#hauptlinks .blogcomment0{
margin:  0px 0px 10px 0px;
padding: 10px 4px 10px 4px;
background:#F7F7F7;
border: 1px solid #919191;
font-size: 90%;
}
#hauptlinks .blogcomment0 h3 {
margin: 0px;
padding-top: 10px;
padding-bottom: 2px;
font-size: 100%;
}
#hauptlinks .blogcomment1 h3 {
margin: 0px;
padding-top: 10px;
padding-bottom: 2px;
font-size: 100%;
}
#hauptlinks .blogcomment_autor{
background:url(/c125707b0029daf9/files/person.gif/$file/person.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
#hauptlinks .blogcomment_datum{
background:url(/c125707b0029daf9/files/clock.gif/$file/clock.gif?openelement) no-repeat 0 1px;
padding: 0px 0px 0px 15px;
}
/* +++++++++++++++ Fehlermeldung Blog++++++++++++ */
#vorschlag .blogalert {
margin:  5px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: #F7F7F7;
color: #000;
border: 1px solid #919191;
font-size: 90%;
}
#vorschlag .blogalert h3 {
margin: 0px;
padding-top: 10px;
padding-bottom: 2px;
font-size: 100%;
}
#hauptlinks .blogalert ul {
padding: 0;
margin: 0;
}
#hauptlinks .blogalert li {
display: block;
padding: 0 0 0 15px;
margin:  2px 0 0 0;
background:transparent url(/c125707b0029daf9/files/warning.gif/$file/warning.gif?openelement) 0px 4px no-repeat;
}
/***********************ENDE Erweiterung Blog *******************************/
/***********************Erweiterung BILDERGALERIE *******************************/
#galerie {
	margin-bottom: 20px;
}
#galerie .imgcontainer {
	border: solid 0px;
	margin: 0px;
	padding: 2px;
	position: relative;
	width: 100%;
}
#galerie .imgkachel {
	border: #00017B solid 1px;
	background-color: #EDF3F9;
	float: left;
	height: 260px;
	margin: 0px 15px 10px 0px;
	padding: 0px;
	text-align: center;
	width: 200px;
}
#galerie .imgkachel a:link, #galerie .imgkachel a:visited {
	display: block;
	height: 100%;
	width: 100%;
}
#galerie .imgkachel a:hover {
	background-color: #FFEED9;
}
#galerie .imgkachel img {
	float: none;
	margin: 15px auto auto auto;
	border: none;
}
#galerie .imgkachelbig img {
	border: #00017B solid 1px;
	background-color: #EDF3F9;
	padding: 10px;
}
#galerie .tools {
	float: none;
	margin-bottom: 5px;
	text-align: left;
}
#galerie .tools img {
	border: #00017B solid 1px;
	background-color: #EDF3F9;
	margin: 0 6px 5px 0;
	padding: 3px;
}
#galerie .tools span.grau>img {
	border: #00017B solid 1px;
	background: #D7D7D7;
}
#galerie .visible {
	visibility:visible;
}
#galerie .invisible {
	display: none;
}
#galerie .active {
	font-weight: 600;
	color: #D81B16;
	background: transparent;
}
#galerie .inactive {
	font-weight: 500;
}
#galerie .bildtext {
	text-align: center;
	clear: left;
}
/***********************ENDE Erweiterung BILDERGALERIE *******************************/