/*Breite der Website und Rahmen um Website */
.table {
width: 990px;
border: 2px solid #003399;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 5px;
border-radius: 10px;
background-color: #ffffff;
}
.table_mobilelink {
width: 990px;
border: 2px solid #003399;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 30px;
border-radius: 10px;
background-color: #ffffff;
}
/*wenn kein Format fuer Content/Inhalt vorgeben, diesen als Standard nehmen*/
/*Ferner Abstaende links und rechts fuer Table-Inhalt vorgeben*/
.inhalt {
font-family: Verdana,Arial;
font-size: 12px;
text-align: left;
padding-left: 4px;
padding-right: 10px;
line-height: 140%;
background-image:url(../bilder/intern/backgrd.jpg);
background-repeat:repeat-y;
}
li {
line-height: 160%;
}
/*z.B. fuer scrollbaren Inhalt mit Maximal-Hoehe (bei Scriptauslieferung deaktiviert)*/
.div_inhalt {
/*
max-height:800px;
overflow:auto;
*/  
}
/*Generelles Aussehen von Linien auf den Seiten und Blogs*/
hr {
width: 100%;
border-width:0;
color: #C5D8E1;
background-color:#C5D8E1;
height: 1px;
}  
/* Menu (linke Spalte) */
.menu {
width: 19%;
font-weight: bold;
line-height: 130%;
font-size: 14px;
}
/*an diversen Stellen gebraucht (u.a. Impressum/Kontakt) */
.menu2 {
font-family: Verdana,Arial;
font-size: 13px;
font-weight: bold;
line-height: 130%;
}
/*Login und Registrieren-Links*/
.menu2b {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
}
/* Hauptmenuepunkte unten als Textlinks */
.menu_unten {
background-color: #eeeeee;
height: 30px;
font-family: Verdana,Arial;
font-size: 11px;
padding: 5px;
font-weight: bold;
line-height: 130%;
}
/*linke Spalte */
.spalte_links {
width: 19%;
border-bottom: 2px solid #C5D8E1;
}
/*mittlere Spalte */
.spalte_mitte {
border-bottom: 2px solid #C5D8E1;
}
/*mittlere Spalte Infoleiste oben*/
/*Infoleiste Zeilenhoehe*/
.leiste {
height: 10px;
}
/*Infoleiste Inhalt*/
.leiste_oben {
font-family: Verdana;
font-size: 10px;
height:25px;
position: relative;
top:-20px;
}
/*wenn Ausgabe Infoleiste, Hauptteil nach oben ruecken*/
.korrektur_haupt {
position: relative;
top:-25px;
}
/*rechte Spalte (Blog-Teaser) - nur Startseite Breite und Border*/
.spalte_rechts {
width: 140px;
border-bottom: 2px solid #C5D8E1;
}
/*Footer */
.footer {
border-top: 1px solid #C5D8E1;
}
/*Buttons, wenn Menuleiste LINKS*/
/*Button CSS1 Hauptmenupunkt */
.button_menu1 {
text-align: left;
padding-left:20px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color:transparent;
border: none;
background-image:url(../bilder/intern/bueroklammer2.gif);
background-position: 0px 5px;
background-repeat:no-repeat;
width: 200px;
height: 46px;
}
/*Button CSS1 Hauptmenupunkt, bei Mouse-Over */
.button_menu1:hover {
text-align: left;
padding-left:20px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color:transparent;
border: none;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
width: 200px;
height: 46px;
}
/*Button CSS1 Hauptmenupunkt, wenn Seite geoeffnet */
.button_menu2 {
text-align: left;
padding-left:20px;
color: black;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color:transparent;
border: none;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
width: 200px;
height: 46px;
}
/*Button CSS1 Hauptmenupunkt, wenn Gruppe (Untermenue) geoeffnet */
.button_menu4 {
text-align: left;
padding-left:20px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color:transparent;
border: none;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
width: 200px;
height: 46px;
}
/*Button CSS1 Hauptmenupunkt, wenn Gruppe (Untermenue) geoeffnet bei Mouse OVER*/
.button_menu4:hover {
text-align: left;
padding-left:20px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color:transparent;
border: none;
background-image:url(../bilder/intern/bueroklammer.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
width: 200px;
height: 46px;
}
/*HauptMenu-Links speziell behandeln (z.B. kein Unterstrich bei MouseOver)*/
a.topmenulink:link {
text-decoration: none;
}
a.topmenulink:visited {
text-decoration: none;
}
a.topmenulink:hover {
text-decoration: none;
}
/*Button CSS2 Untermenupunkt */
.button_menu1b {
text-align: left;
padding-left:30px;
padding-bottom:30px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
background-color: transparent;
border: none;
background-image:url(../bilder/intern/draht.gif);
background-position: 30px 17px;
background-repeat:no-repeat;
width: 160px;
height: 30px;
margin-left: 5px;
}
/*Button CSS2 Untermenupunkt, wenn Seite geoeffnet */
.button_menu2b {
text-align: left;
padding-left:30px;
padding-bottom:30px;
color: #000000;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
background-color: transparent;
border: none;
background-image:url(../bilder/intern/draht.gif);
background-position: 30px 17px;
background-repeat:no-repeat;
width: 160px;
height: 30px;
margin-left: 5px;
}

/*Button CSS2 Untermenupunkt, bei Mouse-Over */
.button_menu1b:hover {
text-align: left;
padding-left:30px;
padding-bottom:30px;
color: #000000;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 14px;
background-color: transparent;
border: none;
background-image:url(../bilder/intern/draht.gif);
background-position: 30px 17px;
background-repeat:no-repeat;
width: 160px;
height: 30px;
margin-left: 5px;
}

/*Button CSS2 Untermenupunkt, wenn weiterer NICHT sichtbarer Untermenupunkt geoeffnet und dieser Menupunkt zugeordnet wurde */
.button_menu4b {
text-align: left;
padding-left:30px;
color: #003399;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 10px;
background-color: transparent;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
background-image:url(../bilder/intern/css2_1.gif);
background-position: 5px 4px;
background-repeat:no-repeat;
width: 160px;
height: 28px;
margin-left: 5px;
}

/*Untermenue-Links speziell behandeln (z.B. kein Unterstrich bei MouseOver)*/
a.submenulink:link {
text-decoration: none;
}
a.submenulink:visited {
text-decoration: none;
}
a.submenulink:hover {
text-decoration: none;
}
/*ENDE MENU (LINKE NAVLEISTE)*/

/*NUR, wenn Aufklappmenue OBEN und nicht links */

/*Menue oben*/

.menu_height {
height: 105px; 
}

.menu_oben {
font-family: Verdana,Tahoma,Arial;
font-size:10px;
position:relative;
width: 950px;
border-bottom: 2px solid #C5D8E1 ;
}

/*Listsytle ohne fuehrende Punkte*/
.menu_oben ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}

/*Abstaende rechts und unten der Menubuttons*/
.menu_oben li.topmenu, li.topmenu2, li.topmenu3 {
margin-right: 15px;
margin-bottom: 10px;
}

/*Layout Menubuttons*/
.topmenu, .topmenu2, .topmenu3, .submenu, .submenu2, .submenu3{
float:left;
width: 100px;
height: 23px;
text-align:left;
}

/*Breite fuer Verlinkung: sollte die gleiche Breite und Hoehe haben, wie das Topmenu*/
/*diese Einstellung verlinkt den ganzen Button und nicht nur den Buttontext*/
.toplink, .toplink2, .toplink3 {
width: 100px;
height: 23px;
position: relative;
left: -40px; /*Padding-left korrigieren*/
bottom: 5px; /*Padding-top korrigieren*/
padding-left: 40px; /*wieder Padding-left vergeben*/
padding-top: 5px; /*wieder Padding-top vergeben*/
}

/*diese Einstellung setzt bei Untermenues einen Pfeil unter den Hauptmenuepunkt beim Hovern*/
.toplink:hover:before {
content: ' ';
height: 12px;
position: absolute;
top:28px; /*height+padding-top*/
left: 0px;
width: 140px;
border: 0px solid #000000;
z-index: 4;
}

.toplink:hover:after {
content: ' ';
height: 0;
position: absolute;
top:28px; /*height+padding-top*/
left: 40px;
width: 0;
border: 10px solid transparent;
border-top-color: #003399;
z-index: 3;
}
.toplink2:hover:before {
content: ' ';
height: 12px;
position: absolute;
top:0px;
left: 0px;
width: 140px;
border: 0px solid #000000;
z-index: 4;
}

.toplink2:hover:after {
content: ' ';
height: 0;
position: absolute;
top:0px;
left: 40px;
width: 0;
border: 10px solid transparent;
border-top-color: #003399;
z-index: 3;
}
/*---------------------------Ende Pfeil-Hover------------------------------------------*/

/*Hauptmenuepunkte,wenn Seite nicht geoeffnet*/
.topmenu{
padding-top: 7px;
padding-left: 40px;
background-image:url(../bilder/intern/li1.gif);
background-position: 2px 5px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#003399;
font-weight:bold;
text-decoration:none;
background-color:#eeeeee;
margin:0;
}

/*Hauptmenuepunkt, wenn Untermenuepunkt dieser Gruppe geoeffnet*/
.topmenu2{
padding-top: 7px;
padding-left: 40px;
background-image:url(../bilder/intern/li2.gif);
background-position: 2px 5px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#003399;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
margin:0;
}

/*Hauptmenuepunkt, wenn Hauptmenupunkt geoeffnet*/
.topmenu3{
padding-top: 7px;
padding-left: 40px;
background-image:url(../bilder/intern/li2.gif);
background-position: 2px 5px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#000000;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
margin:0;
}

/*Mouse over Topmenu, wenn Seite und Gruppe nicht geoeffnet*/
.topmenu:hover, .topmenu2:hover{
color:#003399;
background-color:#ffffff;
border: 1px solid #003399;
text-decoration: none;
background-image:url(../bilder/intern/li2.gif);
background-position: 2px 5px;
background-repeat:no-repeat;
}

/*HauptMenu-Links speziell behandeln (z.B. kein Unterstrich bei MouseOver)*/
a.topmenulink2:link {
text-decoration: none;
}
a.topmenulink2:visited {
text-decoration: none;
}
a.topmenulink2:hover {
text-decoration: none;
}

/*Untermenu verstecken */
.topmenu ul, .topmenu2 ul, .topmenu3 ul{
display:none;
}



/*Untermenue Layout und Position*/
.submenu, .submenu2, .submenu3{
font-size:10px;
width: 140px;
position:relative;
left: -40px; /*Padding-left korrigieren*/
bottom:-7px; /*Padding-top korrigieren (padding-top abzgl. height von toplink.before)*/
z-index: 2; /*UeBER evtl. darunterliegende Hauptmenuepunkte darueberlegen*/
}


/*Untermenue klappt auf bei Mouse-Over*/
.topmenu:hover ul, .topmenu2:hover ul, .topmenu3:hover ul{
display:block;
}

/*Untermenuepunkte, wenn nicht geoeffnet*/
.submenu{
padding-top: 5px;
padding-left: 40px;
background-image:url(../bilder/intern/css2_2.gif);
background-position: 8px 4px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#003399;
font-weight:bold;
text-decoration:none;
background-color:#eeeeee;
margin:0;
}

/*Untermenuepunkt, wenn Seite geoeffnet*/
.submenu2{
padding-top: 5px;
padding-left: 40px;
background-image:url(../bilder/intern/css2_1.gif);
background-position: 8px 4px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#000000;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
}


/*Mouse over Submenu, wenn Seite nicht geoeffnet*/
.submenu:hover {
color:#003399;
background-color:#ffffff ;
text-decoration: none;
background-image:url(../bilder/intern/css2_1.gif);
background-position: 8px 4px;
background-repeat:no-repeat;
border-top : 1px solid #003399;
border-bottom : 1px solid #003399;
}

/*wenn weiterer NICHT sichtbarer Untermenupunkt geoeffnet und dieser Menupunkt zugeordnet wurde*/
.submenu3 {
padding-top: 5px;
padding-left: 40px;
background-image:url(../bilder/intern/css2_1.gif);
background-position: 8px 4px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
border-collapse:collapse;
color:#003399;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
}

/*Untermenue-Links speziell behandeln (z.B. kein Unterstrich bei MouseOver)*/
a.submenulink2:link {
text-decoration: none;
}
a.submenulink2:visited {
text-decoration: none;
}
a.submenulink2:hover {
text-decoration: none;
}

/*ENDE MENUe OBEN*/

/*Links grundsaetzlich, sofern nicht sonderbehandelt*/
a:link {
color: #003399;
text-decoration: none;
}
a:visited {
color: #003399;
text-decoration: none;
}
a:hover {
color: #003399;
text-decoration: underline;
}
a:active {
color: #003399;
text-decoration: none;
}
/*Eintraege pro Seite Auswahl */
.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: #003399;
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: #003399;
background-color:#ffffff;
border: 1px solid #003399;
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;
}

/*Blog-Teaser Startseite */
/*Grunds?tzliches */
.bgcolor_teaser {
background-color: #eeeeee;
font-family: Verdana;
font-size: 10px;
padding: 0px;
line-height: 140%;
width: 140px;
}
/*Blog-Teaser Aktuelles und Meistgelesen ?berschrift */
.teaser_ub {
font-family: Verdana,Arial;
font-size: 13px;
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: 4px;
border-top:1px solid #C5D8E1;
}
/*Blog-Teaser Pfeil */
.teaser_pfeil {
padding-bottom: 13px;
padding-left: 3px;
padding-top: 6px;
padding-right: 0px;
}
/*Blog-Teaser Inhalt */
.teaser_inhalt {
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 #003399;
}
/*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;
}

/*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;
}
/*Sitemap */
.sitemap {
font-family: Verdana,Arial;
font-size: 12px;
line-height: 130%;
padding-left: 4px;
}
/*Suchen Eingabefeld */
.input_suchen{
width: 161px;
border: 1px solid #C5D8E1;
}
/*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: #003399;
}
.button_suchen:hover{
text-align: left;
padding-left:33px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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{
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 5px;
}
/*Suchergebnis Highlightening */
.wort_hervorheben{
background-color: yellow;
}
/*Empfehlung Linkgrafik Position*/
.empfehlung_grafik {
vertical-align: -4px;
}
/*Empfehlungslink Blog*/
.empflink_blog {
font-family: Verdana;
font-size: 10px;
position: relative;
top:20px;
margin-right: 5px;
}
/*wenn Druckengrafik dabei, kann es anders aussehen: Empfehlungslink+Kommentarlink+Drucken Blog*/
.empflink_blog2 {
font-family: Verdana;
font-size: 10px;
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;
}
/*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: #003399;
}
.button_empf_absenden:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
margin-right: 40px;
}
.button_empf_vorschau:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
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: #003399;
}
.button_empf_mehr:hover{
width: 55px;
height: 20px;
border: 1px solid #003399;
background-color: #ffffff;
font-family: Verdana,Arial;
font-size: 10px;
font-weight: bold;
color: #003399;
}
/*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: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: #003399;
}
.button_formular:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
}
.button_formular_weiter:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
}
.button_formular_zurueck:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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%;
}
/*Zusatztext bei Ausdruck Content */
.zusatzdruck {
font-family: Verdana,Arial;
font-size: 10px;
}
/*Position Druckgrafik fuer Link Seiten*/
.druck_grafik {
vertical-align: -4px;
}
/*Position Druckgrafik fuer Link Blog*/
.druck_grafik_blog {
vertical-align: -8px;
}
/*Seitenwartung */
.wartung {
color: red; font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
line-height: 130%;
}
/*Fenster ueber Startseite legen */
.startdiv {
border: 1px solid #C5D8E1;
padding: 10px;
background-color: #ffffff;
font-family: Verdana,Arial;
font-size: 12px;
font-weight: bold;
}
/*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: #003399;
}
.button_reg_absenden:hover{
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
}
.button_login:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
}
.button_account:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 165px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*Ende Registrierung, Login, Passwortanforderung */

/*Blaetterfunktion automatisierte Bildergalerie */
.bildergalerie_blaettern {
height: 30px;
background-color: #ffffff;
font-family: Verdana,Tahoma,Arial;
font-weight: bold;
font-size: 12px;
}

/*Tabelle fuer Kommentare */
.kommentar_tab {
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
border-top: 2px solid #C5D8E1;
}
/*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: #003399;
}
.kommentar_button:hover {
text-align: left;
padding-left:50px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
.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: #003399;
}
.kommentar_button_antwort:hover {
text-align: left;
padding-left:35px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*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: #003399;
}
.kommentar_button2:hover {
text-align: left;
padding-left:38px;
margin-top: 5px;
width: 250px;
height: 24px;
border: 1px solid #003399;
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: #003399;
}
/*Button zum Kommentar-Formular (bei Antwort auf bestehenden Kommentar!)*/
.kommentar_button3 {
text-align: left;
font-family: Arial;
font-size: 10px;
color: #003399;
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: #003399;
padding-left:32px;
padding-bottom:1px;
margin-top: 5px;
width: 90px;
height: 20px;
border-top: 1px dotted #003399;
border-right: 1px dotted #003399;
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;
}
.mobile_link {
position: absolute;
width: 100%;
margin: 0 auto;
margin-top: 5px;
font-family: Verdana,Arial;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.mobile_link_grafik {
vertical-align: -10px;
}
#back-top {
	position: fixed;
	bottom: 100px;
	margin-left: 985px;
	display: none;
}
#back-top2 {
	position: fixed;
	bottom: 100px;
	margin-left: -40px;
	display: none;
}
.mobile_link {
position: absolute;
width: 100%;
margin: 0 auto;
margin-top: 5px;
font-family: Verdana,Arial;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.mobile_link_grafik {
vertical-align: -10px;
}

.datenschutz {
margin: 0 auto;
width: 1023px;
background-color: #eeeeee;
border: 1px solid #C5D8E1;
border-radius: 10px;
font-family: Verdana,Arial;
text-align: center;
font-size: 14px;
padding-bottom: 10px;
padding-top: 10px;
font-weight: bold;
color: red;
margin-bottom: 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*