html { height: 100%; min-height: 100%; }
body { background-color: #E8E7D4; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; }
#rahmen { background-color: #ffffee;
text-align: left; position: relative; top: 0; bottom: 0; width: 100%;
min-height: 30em;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px 0 240px 0;
background-repeat: no-repeat;
}
#rahmen.rahmen_navigation_abstand { margin-top: 50px; }
#inhalt { background-color: #ffffee;
position: relative;
width: 1060px; top: 0px; bottom: 0;
padding: 20px 20px 0px 20px;
margin-left: auto; margin-right: auto;
}
#inhalt li { font-size: 14px; color: #000000; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; list-style-type: square; margin: 0 0 4px 15px; }
#bilderleiste { text-align: right; position: relative; width: 1100px; height: 215px; vertical-align: top; padding-top: 0px; margin-left: auto; margin-right: auto;
background-color: #ffffff;
z-index:1;}
#kontaktformular { font-size: 12px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; min-width: 43em; max-width: 60em; }
#kontaktformular label { width: 11em; }
/*---- Suche im Kopf + Symbol -----------------------------------------------------------------------------*/
#div_site_suche_eingabe_id { position: absolute; bottom: 130px; left:0px; }
.sucheingabe_symbol { background-image: url(/individuell/bilder/suche_symbol_neu.png); height: 25px; width: 25px; }
.sucheingabe_symbol:hover { cursor: pointer; background-image: url(/individuell/bilder/suche_symbol_neu_hover.png); }
#site_suche_eingabe_text_id { margin-right: 5px !important; width: 300px; height: 21px; vertical-align: middle; border: 1px solid #e0e0e0; padding: 2px !important; color: #e0e0e0 !important; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
#navi_22_breadcrump {
position:relative;
width:auto;
text-align:left;
font-size:13px;
color: #787878;
margin: 0px 0 0px 0;
padding: 8px 0 0px 0;
text-decoration: none;
height: 22px;
}
#navi_22_breadcrump span a {font-size:13px; color: #787878; text-decoration: none; font-weight: normal; }
#navi_22_breadcrump span a:hover { text-decoration: underline; }
#navigation { background-color: #660000;
text-align: left;
position: static;
width: 100%;
height: 49px;
top: 0px; bottom: 0;
left: 0; overflow: visible;
padding: 0px;
z-index: 11;
box-shadow: 0px 4px 8px #3c3c3c;
}
.navi_erste_ebene {
}
.navi_erste_ebene_a_tag {
display: inline-block;
height: 25px;
overflow: hidden;
}
.navi_zweite_ebene_a_tag {
display: inline-block;
overflow: hidden;
}
#navigation ul {
height: 36px;
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 12px 0 0 0;
z-index: 100;
}
#navigation li {
position: relative;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 35px 0 0;
list-style-type: none;
display: inline-block;
vertical-align: middle;
height: 25px;
font-size: 15px;
font-weight: normal;
z-index: 2;
}
#navigation ul li:hover {
color: #660000;
}
#navigation ul li ul li {
position: relative;
font-size: 13px;
font-weight: normal;
text-align: left;
padding: 6px 8px 3px;
color: #ffffff;
height: auto;
margin: 0px;
display: block;
}
#navigation ul li ul li:hover {
color: #660000;
}
#navigation ul li ul {
position: absolute;
top: 36px;
padding: 0 0 0 0;
margin-top: 0;
margin-left: -6px;
width: auto;
min-width: 160px;
height: auto;
text-align: center;
background-color: #660000;
text-align: left;
z-index: 100;
}
#navigation li a {
font-weight: normal;
padding: 0 0 0 0;
color: #ffffff;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-decoration: none;
position:relative;
z-index:2;
}
#navigation li a.aktiv {
color: #660000;
}
#navigation li.navi_markiert_unten {
top: 0px;
color: #660000;
}
#navigation li.navi_markiert_oben { color: #660000; }
#navigation a:hover {
font-weight: normal;
color: #660000;
}
/*---- Bootstrap Andock-Navi + Fuß -----------------------------------------------------------------------------*/
#navigation.affix {
position: fixed !important;
top: 0 !important;
border-top: 15px solid #fff;
-webkit-transition: top 1s ease !important;
transition: top 1s ease !important;
}
#navigation.affix-top {
-webkit-transition: top 1s ease, height 1s ease, background-position 1s ease !important;
transition: top 1s ease, height 1s ease, background-position 1s ease !important;
}
/* --------------------------/*
/*
Diese Funktionalitäten kann man nutzen, wenn man ein Logo im Navibereich einsetzen und bei aktivierung von Bootstrap verkleinern möchte.
Dazu den Quelltext:
in die Datei /individuell/navi_logo.php kopieren.
*/
/*
#navigation .indiv_navi_logopositionierer { width: 1100px; margin-right: auto; margin-left: auto; position: relative; height: 1px; z-index: 1; overflow: visible; }
#navigation.affix img.indiv_logo_navi { position: absolute; top: -140px; }
#navigation .logozuschnittrahmen { position: absolute; top: -155px; right: 1px; overflow: hidden; width: 340px; height: 315px; }
#navigation.affix .logozuschnittrahmen { position: absolute; top: -15px; overflow: hidden; height: 80px; }
-----------------------------*/
/* ---- Unternavi Contentbereich links --------------------------------------------------------------*/
#vorlage115.v316nbv #v316_unternavi_links ul {
text-align: left;
width: 185px;
height: auto;
margin: 0px 0 0 0;
padding: 0 10px 0 10px;
vertical-align: top;
}
#vorlage115.v316nbv #v316_unternavi_links ul ul { width: auto; }
#vorlage115.v316nbv #v316_unternavi_links li {
text-align: left;
padding: 10px 8px 5px 8px;
margin: 0px 0px;
list-style-type: none;
min-height: 25px;
width: auto;
vertical-align: top;
color: #3c3c3c;
border-bottom: 1px solid #e1e1e1;
}
#vorlage115.v316nbv #v316_unternavi_links li ul { margin: 8px 0 0 6px; padding: 0 0 0 0; }
#vorlage115.v316nbv #v316_unternavi_links li ul li {
position: relative;
text-align: left;
padding: 0px 0px 0px 8px;
color: #3c3c3c;
height: 20px;
margin: 0 0 0 0;
display: block;
border-bottom: 0px;
}
#vorlage115.v316nbv #v316_unternavi_links li ul li a { font-size: 15px; }
#vorlage115.v316nbv #v316_unternavi_links li a {
padding: 0px 0px 0px 0px;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 14px;
font-weight: normal;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-decoration: none; position:relative;
}
#vorlage115.v316nbv #v316_unternavi_links li ul li a {
padding: 0px 0px 0px 0px;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 12px;
font-weight: normal;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-decoration: none;
position:relative;
}
#vorlage115.v316nbv #v316_unternavi_links li a:hover { color: #660000; cursor: pointer; }
#vorlage115.v316nbv #v316_unternavi_links li ul li a:hover { color: #660000; cursor: pointer; }
#vorlage115.v316nbv #v316_unternavi_links li a.aktiv { color: ; }
#vorlage115.v316nbv #content { display: flex; }
#vorlage115.v316nbv #content .h1_input { width:400px; }
#vorlage115.v316nbv #content #v316_unternavi_links { width: 225px; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; margin-right: 15px; display: inline-block; }
#vorlage115.v316nbv #content .v316_gruppierungsdiv_content { display: inline-block;}
#vorlage115 #v115_bilder_neben_text { width: 20px; }
#vorlage115 #baustein_unterm_text { margin: 0 0 0 10px; }
#vorlage115 .button_vertikal { height: 20px; right:17px; }
/* --- Bausteine -------------------------------------------------------------------------------------- */
.nurtext_global .nurtext_text_div p, .kurztext_global .nurtext_text_div p, .nurtext_global .nurtext_text_div li, .kurztext_global .nurtext_text_div li { font-size: 14px; color: #000000; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
h1 { color: #660000; font-size: 22px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; border-bottom: 1px solid #e1e1e1; }
h2 { color: #660000; font-size: 18px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; margin-top: 0; }
h3 { color: #660000; font-size: 13px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; margin: 0px 20px 0px -1px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; }
p, td { color: #000000; font-size: 14px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; }
a, a:visited { font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; text-align: left; color:#000000; text-decoration: underline;}
a:hover { font-weight: bold; }
#text { width: 29.5em; float: left; }
.textblock { width: 95%; height: auto; float: left; margin-top: 0; margin-bottom: 0; }
.textblock-gr { width: 95%; height: auto; margin-top: 0; margin-bottom: 0; }
#bildbox { width: 670px; height: auto; clear: both; min-height: 25px; margin-bottom: auto; }
#bildbox img { float: left; clear: left; }
.portrait { width: 150px; float: left; margin-right: 1em; margin-bottom: auto; }
.portrait_neben { width: auto; height: 230px; float: left; margin-right: 0.2em; margin-left: 0.2em; }
.grossbild { width: 350px; margin-left: auto; margin-right: auto; }
.bildunterschrift { color: #000; font-size: 10px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; font-style: italic; margin-top: 3px; }
/* --- Fuß -------------------------------------------------------------------------------------- */
#fuss {
background-color: #660000;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-align: center;
width: 100%;
height: 232px;
padding-top: 8px; padding-right: 0; padding-bottom: 0;
position: fixed;
bottom: -155px;
-webkit-transition: bottom 1s !important;
transition: bottom 1s !important;
overflow: visible;
z-index: 95;
}
#fuss.fuss_hoch { bottom: 0px; }
#fuss .fussinhalt {
color: #fff;
margin: 18px auto 0 auto;
padding: 8px 10px 8px 10px;
width: 1080px; height: 45px;
position: relative;
text-align: left;
z-index: 103;
}
#fuss .fussinhalt a { font-weight: normal; color: #fff; text-decoration: none; }
#fuss .fussinhalt a:hover { color: #660000; cursor: pointer; }
#fuss .fussinhalt .linker_fussinhalt, #fuss .fussinhalt .rechter_fussinhalt { display: inline-block; color: #fff; font-size: 10px; margin: 0 30px 0 0; vertical-align: middle; }
#fuss .fussinhalt img { display: inline-block; margin: 0px 12px 0 0; vertical-align: middle; }
#navigation_im_fuss {
text-align: left;
width: 1100px;
height: auto;
position: relative;
top: 0px; left: 0; right: 0px;
margin: 15px auto 0 auto;
padding: 20px 0 0 0;
border-top: 1px solid #fff;
z-index: 104;
}
#navigation_im_fuss ul {
min-height: 200px;
width: 100%;
margin: 0 0 0 0px;
padding: 0 0 0 0;
vertical-align: top;
display: flex;
justify-content: space-between;
}
#navigation_im_fuss li {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px;
list-style-type: none;
display: inline-block;
height: auto;
width: auto;
vertical-align: top;
color: #fff;
}
#navigation_im_fuss ul li { min-width: 130px; height: auto; margin: 0 0px 0 0px; padding: 0 22px 0 22px; }
#navigation_im_fuss ul li:first-child { display: none; }
#navigation_im_fuss ul li:nth-child(2) { padding-left: 0px; }
#navigation_im_fuss ul li ul { margin: 3px 0 0 0; display: block; }
#navigation_im_fuss ul li ul li {
position: relative;
text-align: left;
padding: 1px 0px 1px 0px;
color: #fff;
height: auto;
line-height: 16px;
margin: 0 0 0 0;
display: block;
border-right: 0px solid transparent;
}
#navigation_im_fuss ul li ul li:first-child { display: block; }
#navigation_im_fuss ul li a {
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 14px;
line-height: 16px;
font-weight: normal;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-decoration: none; position:relative;
}
#navigation_im_fuss ul li ul li a {
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 11px;
font-weight: normal;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
text-decoration: none;
position:relative;
}
#navigation_im_fuss ul li a:hover { color: #660000; cursor: pointer; font-weight: normal; }
#navigation_im_fuss ul li ul li a:hover { color: #660000; cursor: pointer; font-weight: normal; }
/* ---------------------------------------------------------------------------------------------------------------------------- */