body {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 101%;
margin: 0;
padding:0;
color: #000066;
background: #ffffea url(/c125707b0029daf9/files/dot_gelb.gif/$file/dot_gelb.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: block;
}
#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;
	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%; 
}
#kopf #kopfunsichtbar, .unsichtbar {
position: absolute;
top: -5000px;
left: -5000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
/* Navigation */
#navigation { 
width: 220px;
font-size: 70%;
color: #000066;
background: #ffffea; /* 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?openelement) 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?openelement) 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?openelement) 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?openelement) 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?openelement) 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?openelement) 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?openelement) 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?openelement) 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: #ffffea;
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: #ffffea;
margin:0;
margin-top: 30px;
margin-left: 220px;
margin-right: 240px;
}
* html #hauptinhalt {
height: 1em;  /* Hack zum 3-Pixel-Bug im IE */
}
#hauptlinks {
font-size: 0.75em;
margin:0;
width:99%;
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 ul 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 { /* bisher nur für die Einleitung in werkzeuge.html */
color: #000066;
background: #fff0a4;
font-size: 105%;
padding: 4px;
letter-spacing: 0.04em;
border-bottom: 1px solid #ffba10;
}
.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;
}
/* 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: 70%;
line-height: 130%;
background: #ffffea;
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 form {
display: inline;
}
#suchfunktion fieldset {
width: 190px;
border: 1px solid #ffffea;
}
#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 #ffffea;
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: #000066;
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 5px no-repeat;
}
#kalender table {
clear: both;
font-size: 90%;
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: #ffffea;
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: 90%;
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: 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%;
}
#vorschlag label.left {
width: 12.1em;
}
#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;
}
ul.punktlos {
   list-style-image: 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: #DEE8F4;
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: #DEE8F4;
border: 1px solid #919191;
font-size: 90%;
}
#hauptlinks .blogcomment0{
margin:  0px 0px 10px 0px;
padding: 10px 4px 10px 4px;
//background:#ACC5E3;
background:#EFF4FA;
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: #FFE4C4;
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 *******************************/