body {
margin: 0;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 0px;
}
a {
outline:none;
}
a.mobilelink:link {
text-decoration: none;
}
a.mobilelink:visited {
text-decoration: none;
}
a.mobilelink:hover {
text-decoration: none;
}
a.mobilelink:active {
text-decoration: none;
}
a.mobilelink2:link {
text-decoration: none;
color: #003399;
}
a.mobilelink2:visited {
text-decoration: none;
color: #003399;
}
a.mobilelink2:hover {
text-decoration: none;
color: #000000;
}
a.mobilelink2:active {
text-decoration: none;
color: #000000;
}
a.mobilelink3:link {
text-decoration: none;
}
a.mobilelink3:visited {
text-decoration: none;
}
a.mobilelink3:hover {
text-decoration: none;
}
a.mobilelink3:active {
text-decoration: none;
}

aside {
position: absolute;
top: 28px;
}
#mobilemenu {
position: fixed;
z-index: 3;
font-family: Verdana,Arial;
font-size: 15px;
margin-bottom: 10px;
background-color: #eeeeee;
padding: 4px;
width: 100%;
left:0;
}
#mobilemenu2 {
position: fixed;
z-index: 3;
font-family: Verdana,Arial;
font-size: 15px;
margin-bottom: 10px;
background-color: #eeeeee;
padding: 4px;
width: 100%;
display: none; 
border: 1px solid #C5D8E1;
left:0;
}

#mobilemenu_offen {
background-color: #ffffff;
padding-left: 10px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 30px;
z-index: 2;
margin:0px;
display: none;
position: relative;
left: -5px;
border: 2px solid #C5D8E1;
}

#mobilemenupunkt_desktoplink {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer2.gif);
background-position: 15px 5px;
background-repeat:no-repeat;
list-style-type: none;
margin-left: 0;
padding-left: 32px;
padding-top: 10px;
margin-top: 20px;
}
#mobilemenupunkt_desktoplink:hover {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 15px 0px;
background-repeat:no-repeat;

}

#mobilemenupunkt {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer2.gif);
background-position: 15px 5px;
background-repeat:no-repeat;
list-style-type: none;
margin-left: 0;
padding-left: 35px;
padding-top: 8px;
margin-top: 20px;
}
#mobilemenupunkt:hover {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 15px 0px;
background-repeat:no-repeat;
}

#mobilemenupunktb {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 15px 0px;
background-repeat:no-repeat;
list-style-type: none;
margin-left: 0;
padding-left: 35px;
padding-top: 8px;
margin-top: 20px;
}

#mobilemenupunktc {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 15px 0px;
background-repeat:no-repeat;
list-style-type: none;
margin-left: 0;
padding-left: 35px;
padding-top: 8px;
margin-top: 20px;
}
#mobilemenupunktc:hover {
height: 40px;
width: 200px;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 15px 0px;
background-repeat:no-repeat;
}

#mobilemenupunkt2 {
height: 30px;
font-family: Verdana,Arial;
font-size: 16px;
background-image:url(../bilder/intern/draht.gif);
background-position: 25px 20px;
background-repeat:no-repeat;
margin-bottom: 15px;
font-weight: bold;
list-style-type: none;
margin-left: 30px;
padding-left: 25px;
margin-top: 0px;
}
#mobilemenupunkt2:hover {
height: 30px;
font-family: Verdana,Arial;
font-size: 16px;
color: #000000;
background-image:url(../bilder/intern/draht.gif);
background-position: 25px 20px;
background-repeat:no-repeat;
}
#mobilemenupunkt2b {
height: 30px;
font-family: Verdana,Arial;
font-size: 15px;
background-image:url(../bilder/intern/draht.gif);
background-position: 25px 20px;
background-repeat:no-repeat;
margin-bottom: 15px;
list-style-type: none;
margin-left: 30px;
padding-left: 25px;
margin-top: 0px;
}

#fixeddiv {
margin: 0;
padding: 0;
max-width: 900px;
}

#table1 {
margin: auto;
max-width: 900px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 45px;
position: relative;
}
.impressum_kontakt {
font-family: Verdana,Arial;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
#inhalt {
border-top: 2px solid #C5D8E1;
padding-top: 10px;
line-height: 140%;
font-family: Verdana,Arial;
font-size: 12px;
line-height: 160%;
}
/*Links grundsaetzlich, sofern nicht sonderbehandelt*/
a:link {
color: #003399;
text-decoration: none;
font-family: Verdana,Arial;
}
a:visited {
color: #003399;
text-decoration: none;
}
a:hover {
color: #003399;
text-decoration: underline;
}
a:active {
color: #003399;
text-decoration: none;
}
li {
line-height: 160%;
}
.footer {
clear: both;
margin-top: 10px;
width: 100%;
height: 30px;
border-top: 2px solid #C5D8E1;
margin-bottom: 10px;

}
.bildergalerie_blaettern {
height: 30px;
background-color: #ffffff;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 12px;
}
.blaettern {
font-size: 12px;
font-family: Verdana, Geneva, Arial;
text-decoration: none;
}
/*Formular Ueberschrift*/
.ueberschrift_formular {
color: #808080;
font-family: Verdana,Arial;
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
/*Formular allgemein*/
.formular{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
}
/*Formularfelder-Eingabefelder*/
.formular_input{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 1px solid #C5D8E1;
color: #808080;
}
/*Formularbezeichnungen-Eingabefelder bei Fehler hervorheben*/
.formular_input_error_text{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
color: #ff0000;
}
/*Formularfelder-Eingabefelder bei Fehler hervorheben*/
.formular_input_error{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 2px solid #ff0000;
color: #808080;
}
.button_upload {
text-align: left;
padding-left:30px;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
border: 1px solid #DDDDDD;
width: 120px;
height: 26px;
background-image:url(../bilder/intern/hochladen.png);
background-position: 2px 0px;
background-repeat:no-repeat;
}
/*Formular Button absenden */
.button_formular{
text-align: left;
padding-left:40px;
margin-top: 5px;
width: 165px;
height: 26px;
border: 2px solid #DDDDDD;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 4px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
color: #0000FF;
}
.button_formular:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Formular Button weiterblaettern */
.button_formular_weiter{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/pfeil_rechts.gif);
background-position: 140px 4px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_formular_weiter:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/pfeil_rechts.gif);
background-position: 140px 4px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Formular Button zurueckblaettern */
.button_formular_zurueck{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/pfeil_links.gif);
background-position: 10px 4px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_formular_zurueck:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/pfeil_links.gif);
background-position: 10px 4px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Linien-Layout fuer Formulare*/
.hr_form {
width: 100%;
border-width:0;
color: #999999;
background-color:#999999;
height: 1px;
}
/*Fehlermeldung */
.fehler_meldung {
color: red;
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
}
.fehler_meldung, li {
margin: 0;
padding: 0;
}
.menu {
font-weight: bold;
line-height: 130%;
font-size: 14px;
}
/*Sitemap */
.sitemap {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
padding-left: 4px;
}

.text_blog {
font-size: 12px;
font-family: Verdana, Geneva, Arial;
text-decoration: none;
}
/*Blog-Themenbereichs-Auswahl Frontend ueber Buttons */
.themenlinkbutton {
background-image:url(../bilder/intern/pfeil_rechts.gif);
background-position: 5px 3px;
background-repeat:no-repeat;
color: blue;
background-color:#eeeeee;
border: 1px solid #DDDDDD;
font-weight: bold;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
width: 120px;
text-align: left;
padding-left:20px;
font-size: 12px;
}
.themenlinkbutton:hover {
background-image:url(../bilder/intern/pfeil_rechts.gif);
background-position: 5px 3px;
background-repeat:no-repeat;
color: blue;
background-color:#ffffff;
border: 1px solid blue;
font-weight: bold;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
width: 120px;
text-align: left;
padding-left:20px;
font-size: 12px;
}
/*Blog Themenbereichs-Auswahl Frontend ueber Buttons, wenn Bereich gewaehlt */
.themenlinkbutton_ausgewaehlt {
color: #000000;
background-color:#ffffff;
border: 1px solid #C5D8E1;
font-weight: bold;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
width: 120px;
text-align: center;
font-size: 12px;
}
/*Blog Themenbereichs-Auswahl Button-Links speziell behandeln*/
a.buttonthemenlink:link {
text-decoration: none;
}
a.buttonthemenlink:visited {
text-decoration: none;
}
a.buttonthemenlink:hover {
text-decoration: none;
}
a.buttonthemenlink:active {
text-decoration: none;
}
/*Blaetterfunktion Blog */
.blaettern_blog {
font-size: 14px;
font-family: Verdana, Geneva, Arial;
text-decoration: none;
}
/*Ueberschrift Blog */
.ueberschrift_blog {
color: #808080;
text-align: center;
font-family: Verdana,Arial;
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
/*Rahmen Blog hervorgehoben (wenn von Startseite aus angeklickt) */
.table_blog_red {
border: 2px solid #ff0000;
border-radius: 10px;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
}
/*Rahmen Blog Standard */
.table_blog {
border: 2px solid #C5D8E1;
border-radius: 10px;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
}
.blog_mehr_link {
font-family: Verdana,Arial;
font-size: 12px;
}
/*Seitenwartung */
.wartung {
color: red; font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
line-height: 130%;
text-align: center;
}
img {
max-width: 100%;
height: auto;
clear: both;
}

/*Empfehlung Linkgrafik Position*/
.empfehlung_grafik {
vertical-align: -4px;
}
/*Empfehlungslink Blog*/
.empflink_blog {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
position: relative;
top:24px;
margin-right: 10px;

}
/*wenn Druckengrafik dabei, kann es anders aussehen: Empfehlungslink+Kommentarlink+Drucken Blog*/
.empflink_blog2 {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
position: relative;
top:30px;
margin-right: 5px;
margin-bottom: 5px;
}
/*Empfehlung Ueberschrift*/
.ueberschrift_empf {
color: #808080;
font-family: Verdana,Arial;
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
/*Empfehlung allgemein*/
.empfehlung{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
}
/*Empfehlungstext-Adressfelder*/
.empfehlung_input{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 1px solid #C5D8E1;
color: #808080;
}
/*Empfehlungstext-Intro*/
.empfehlung_text_intro{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
background-color:#ffffff;
border-top: 1px solid #C5D8E1;
border-left: 1px solid #C5D8E1;
border-right: 1px solid #C5D8E1;
border-bottom: none;
padding: 5px;
color: #808080;
}
/*Empfehlungstext-Eingabe*/
.empfehlung_text{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
background-color:#ffffff;
border-top: none;
border-left: 1px solid #C5D8E1;
border-right: 1px solid #C5D8E1;
border-bottom: none;
padding: 5px;
color: #808080;
}
/*Empfehlungstext-Textarea*/
.empfehlung_text_input{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
resize: none;
border:none;
color: #808080;
}
/*Empfehlungstext-Signatur*/
.empfehlung_text_signatur{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
background-color:#ffffff;
border-top: none;
border-left: 1px solid #C5D8E1;
border-right: 1px solid #C5D8E1;
border-bottom: 1px solid #C5D8E1;
padding: 5px;
color: #808080;
}
.empf_empf_hr {
width: 80%;
border-width:0;
color: #999999;
background-color:#999999;
height: 2px;
}
/*Empfehlung Button absenden */
.button_empf_absenden{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_empf_absenden:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Empfehlung Button Vorschau */
.button_empf_vorschau{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/vorschau.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
margin-right: 40px;
}
.button_empf_vorschau:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/vorschau.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
margin-right: 40px;
}
/*Empfehlung Vorschau eMail Rahmen und Hintergrund */
.empf_vorschau_fenster{
border: 1px solid #0033FF;
background-color: #ffffff;
}
/*Empfehlung Button weitere Empfaenger */
.button_empf_mehr{
width: 55px;
height: 20px;
border: 1px solid #DDDDDD;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}
.button_empf_mehr:hover{
width: 55px;
height: 20px;
border: 1px solid Blue;
background-color: #ffffff;
font-family: Verdana,Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}

/*Infoleiste Kommentar und Empfehlungslink*/
.leiste_oben {
font-family: Verdana;
font-size: 12px;
position: relative;
font-weight: bold;
}
/*Infoleiste Autor Zeit*/
.leiste_oben2 {
font-family: Verdana;
font-size: 10px;
position: relative;

}

/*Zusatztext bei Ausdruck Content */
.zusatzdruck {
font-family: Verdana,Arial;
font-size: 10px;
margin-top: 20px;
}
/*Position Druckgrafik fuer Link Seiten*/
.druck_grafik {
vertical-align: -6px;
margin-left: 20px;
}

.druck_grafik_blog {
float: right;
position: relative;
left:-10px;

}

/*Suchen einblenden */
.bildsuche {
vertical-align:-10px;
float:right;
margin-right:20px;
}

/*Suchen Eingabefeld */
.input_suchen{
width: 161px;
border: 1px solid #C5D8E1;
height: 20px;
}
/*Suchen Button */
.button_suchen{
text-align: left;
padding-left:33px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/suchen.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}
.button_suchen:hover{
text-align: left;
padding-left:33px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/suchen.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}
/*Suchergebnis-Ausgabe */
.suchen{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 1px solid #C5D8E1;
margin-bottom: 30px;
}
/*Suchergebnis-Seitentitel (verlinkt) */
.suchentitel{
font-family: Verdana,Arial;
font-weight: bold;
font-size: 12px;
line-height: 130%;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0px;
}
.suchekommtitel{
color: red;
}
.suchentext{
font-family: Verdana,Arial;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 5px;
}
/*Suchergebnis Highlightening */
.wort_hervorheben{
background-color: yellow;
}
/*Tabelle fuer Kommentare */
.kommentar_tab {
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
border-top: 2px solid #C5D8E1;
font-family: Verdana;
font-size: 12px;
line-height: 130%;
}
/*Maximal Tabellenhoehe fuer Kommentare (dann wird gescrollt)*/
.kommentar_overflow {
overflow: auto;
max-height: 10000px;
}
/*Einzelne Kommentare Tabelle */
.kommentar_tabinhalt {
width: 100%;
border: 2px solid #C5D8E1;
padding: 10px;
margin-top: 15px;
margin-bottom: 30px;
padding: 0px;
border-spacing: 0px;

}
/*Einzelne Kommentare Zeile 1: Name (Name Zeit URL)*/
.kommentar_name {
font-weight: bold;
background-color: #C5D8E1;
padding-left: 5px;
padding-top: 5px;
}
/*Einzelne Kommentare Zeile 2: Name (email)*/
.kommentar_mail {
font-weight: bold;
background-color: #C5D8E1;
padding-left: 5px;
padding-bottom: 5px;
}
/*Einzelne Kommentare Text */
.kommentar_text {
font-style: italic;
padding: 5px;
font-family: Verdana,Arial;
font-size: 12px;
}
/*Kommentar Formular-Tabelle */
.kommentar_form {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
font-weight: bold;
border: 2px solid #C5D8E1;
padding: 5px;
width: 100%;
margin-bottom: 40px;
}
/*Kommentar Formular-Inputfelder */
.kommentar_input {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 1px solid #C5D8E1;
color: #808080;
width: 250px;
}
/*Kommentar Formular-Inputfelder */
.kommentar_textarea {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
resize: none;
border: 1px solid #C5D8E1;
color: #808080;
width: 98%;
height: 100px;
}
/*Kommentar Formular-Button */
.kommentar_button {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.kommentar_button:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.kommentar_button_antwort {
text-align: left;
padding-left:35px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.kommentar_button_antwort:hover {
text-align: left;
padding-left:35px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Button zum Kommentar-Formular */
.kommentar_button2 {
text-align: left;
padding-left:38px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.kommentar_button2:hover {
text-align: left;
padding-left:38px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Button zum Kommentar-Formular (bei Antwort auf bestehenden Kommentar!)*/
.kommentar_button3 {
text-align: left;
font-family: Arial;
font-size: 10px;
color: #0000FF;
padding-left:30px;
padding-bottom:1px;
margin-top: 5px;
width: 90px;
height: 20px;
border-top: 1px dotted #C5D8E1;
border-right: 1px dotted #C5D8E1;
border-left: none;
border-bottom: none;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 2px;
background-repeat:no-repeat;
background-color:transparent;
}
.kommentar_button3:hover {
text-align: left;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
padding-left:32px;
padding-bottom:1px;
margin-top: 5px;
width: 90px;
height: 20px;
border-top: 1px dotted blue;
border-right: 1px dotted blue;
border-left: none;
border-bottom: none;
background-image:url(../bilder/intern/kommentar.gif);
background-position: 10px 2px;
background-repeat:no-repeat;
background-color:#ffffff;
}
/*Kommentar Linkgrafik Position zum Linktext*/
.komment_grafik {
vertical-align: -4px;
}
/*Registrierung, Login, Passwortanforderung */
/*Ueberschrift*/
.ueberschrift_reg {
color: #808080;
font-family: Verdana,Arial;
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
/*Text */
.register{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
}
/*email-Adressfeld */
.reg_input{
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
border: 1px solid #C5D8E1;
color: #808080;
}
/*Button absenden */
.button_reg_absenden{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_reg_absenden:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/mail.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Button Login */
.button_login {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/account.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_login:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/account.png);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Button Accountdaten aendern */
.button_account {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #DDDDDD;
background-image:url(../bilder/intern/speichern.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#eeeeee;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
.button_account:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid blue;
background-image:url(../bilder/intern/speichern.gif);
background-position: 10px 3px;
background-repeat:no-repeat;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
color: #0000FF;
}
/*Ende Registrierung, Login, Passwortanforderung */

/*Blog-Teaser Startseite */


/*Blog-Teaser Aktuelles und Meistgelesen ?berschrift */
.teaser_ub {
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
line-height: 130%;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 5px;
}
/*Blog-Teaser Meistgelesen Trenner/Abstand */
.teaser_ub2 {
margin-top: 20px;
border-top:2px solid #C5D8E1;
}
/*Blog-Teaser Pfeil */
.teaser_pfeil {
padding-bottom: 13px;
padding-left: 3px;
padding-top: 6px;
padding-right: 0px;
}
/*Blog-Teaser Inhalt */
.teaser_inhalt {
font-family: Verdana,Arial;
font-size: 12px;
border-top: 1px solid #C5D8E1;
padding-bottom: 13px;
padding-left: 5px;
padding-top: 6px;
padding-right: 7px;
}
.teaser_inhalt:hover {
padding-bottom: 12px;
padding-left: 4px;
padding-top: 6px;
padding-right: 6px;
background-color: #ffffff;
border: 1px solid blue;
}
/*Teaser-Links speziell behandeln*/
a.teaserlink:link {
text-decoration: none;
}
a.teaserlink:visited {
text-decoration: none;
}
a.teaserlink:hover {
text-decoration: none;
}
a.teaserlink:active {
text-decoration: none;
}
/*Grundsaetzliches Linien-Layout*/
hr {
width: 100%;
border-width:0;
color: #999999;
background-color:#999999;
height: 1px;
}
.nach_oben {
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
text-align: center;
}

.nach_oben_grafik {
vertical-align: -5px;
margin-right:5px;
margin-left:5px;
}
/*Nach oben mit JavaScript*/
#back-top {
text-align: center;
font-family: Verdana,Arial;
font-size: 16px;
font-weight: bold;

background-color: #eeeeee;
border: 2px solid #C5D8E1;
border-radius: 10px;
position: fixed;
left: 50%;
transform: translate(-50%, 0);
bottom: 15px;
padding: 5px;
display: none;
}
.startdiv {
padding: 10px;
background-color: #ffffff;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
}
.startdiv img {
width:100% !important;
height:auto !important;
display:block;
}

.datenschutz {
margin: 0 auto;
width: 100%;
background-color: #eeeeee;
border: 1px solid #C5D8E1;
border-radius: 10px;
font-family: Verdana,Arial;
text-align: center;
font-size: 12px;
padding-bottom: 10px;
padding-top: 10px;

color: red;
margin-bottom: 5px;
margin-top: 5px;
}
/*Drittanbieter*/
.button_drittanbieter_einblenden{
margin-top: 5px;
height: 24px;
border: 2px solid #CC0000;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
color: #CC0000;

}
.button_drittanbieter_ausblenden{
margin-top: 5px;
height: 24px;
border: 2px solid blue;
background-color:#ffffff;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
color: #0000FF;
width: 310px;
}

.button_dritt{
width: 95%;
}
.cookietext {
font-size: 12px;
font-family: Verdana, Geneva, Arial;
text-decoration: none;
border:2px solid #CC0000;
width: 95%;
background-color: #eeeeee;
padding: 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-top: 24px;
}
.cookietext:before {
content:"";
position: absolute;
width: 0;
height: 0;
-webkit-transform:rotate(90deg);
border-top: 13px solid transparent;
border-right: 26px solid #CC0000;
border-bottom: 13px solid transparent;
margin: -36px 0 0 90px;
}

.drittausblenden {
position: relative;
content:"";
width: 310px;
border: none;
left: 50%;
transform: translate(-50%, 0);
}
.drittausblenden:before {
content:"";
position: absolute;
width: 0px;
height: 0;
-webkit-transform:rotate(90deg);
border-top: 13px solid transparent;
border-right: 26px solid blue;
border-bottom: 13px solid transparent;
margin: -20px 0 0 141px;
}
/*Ende Drittanbieter*/