html { height: 100%; min-height: 100%; }
body { background-color: #ffffff; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family: Verdana, Arial, Helvetica, sans-serif; }
#rahmen { background-color: transparent;
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 250px 0;
background-image: url(/individuell/bilder/ipb_grau_kopfnavileiste.jpg);
background-repeat: no-repeat;
}
#rahmen.rahmen_navigation_abstand { margin-top: 50px; }
#inhalt { background-color: transparent; position: relative; width: 1100px; top: 0px; bottom: 0;
padding: 20px 0px 0px 0px;
margin-left: auto; margin-right: auto;
background-image: url(../../../bilder/inhalt_hgb_ecke_or.png); background-repeat: no-repeat;
z-index: 89;
min-height: 450px;
}
#inhalt li { font-size: 14px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; margin: 0 0 4px 15px; }
#bilderleiste { text-align: right; position: relative; width: 1100px; height: 185px; vertical-align: top; padding-top: 0px; margin-left: auto; margin-right: auto;
background-color: transparent;
z-index:1;}
#bilderleiste .bilderleiste_rechteseite { position: absolute; bottom: 28px; right: 0; }
#bilderleiste .bilderleiste_rechteseite a.download_portrait { display: inline-block; width: 482px; height: 120px; }
#bilderleiste #bilderleiste_innen, .bilderleiste_innen_divausrichtung { margin: 0 0 0 0; padding: 0 0 0 0; }
#bilderleiste #bilderleiste_innen .animation_wrap, #bilderleiste #bilderleiste_innen .animation_wrap ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#bilderleiste #bilderleiste_innen #bilderleiste_text
{
color: #959595; padding: 0 0 0 0 !important; position: absolute; top: 0px; left: 0px;
text-align: left !important;
width: 1100px; height: 45px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,ffffff+75 */
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(left, #e3e3e3 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e3e3e3 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e3e3e3 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#bilderleiste #bilderleiste_innen #bilderleiste_text a, #bilderleiste_text p { text-decoration: none; color: #959595; font-weight: normal !important; font-size: 12px !important; letter-spacing: 1px; }
#bilderleiste #bilderleiste_text p { margin: 15px 0 0 0; }
#bilderleiste #bilderleiste_innen #bilderleiste_text a:hover { cursor: pointer; color: #B4152B;}
#kontaktformular { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width: 43em; max-width: 60em; }
#kontaktformular label { width: 11em; }
/*---- Suche im Kopf + Symbol -----------------------------------------------------------------------------*/
#div_site_suche_eingabe_id { position: absolute; top: 50px; 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; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
#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; }
.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 {
// background-image: url(/individuell/bilder/ipb_navi_rotes.png);
// background-repeat: no-repeat;
// background-position: center 10px;
// background-color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+58,0+100 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 10px no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 10px no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 10px no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
text-align: left;
position: static;
width: 100%;
height: 50px;
top: 0px; bottom: 0;
left: 0; overflow: visible;
padding: 10px 0px;
z-index: 90;
}
#navigation ul {
display: flex;
justify-content: space-between;
height: auto;
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0 0 0;
z-index: 91;
}
#navigation li {
position: relative;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 20px 0 0;
list-style-type: none;
display: inline-block;
vertical-align: middle;
height: 40px;
min-width: 130px;
font-size: 15px;
line-height: 18px;
font-weight: normal;
z-index: 92;
background-color: #B4152B;
box-shadow: 3px 3px 6px #4c4c4c;
border-radius: 5px;
overflow: hidden;
-webkit-transition: height 1s ease, overflow 1s ease; /* Safari */
transition: height 1s ease, overflow 1s ease;
}
#navigation ul li:nth-last-of-type(1) { margin: 0px 0px 0 0; }
#navigation ul li:nth-of-type(3) { min-width: 200px; }
#navigation ul li:nth-of-type(1), #navigation.affix ul li:nth-of-type(1) { min-width: 90px; }
#navigation ul li:hover {
font-weight: bold;
height: auto;
overflow: visible;
line-height: 18px;
}
#navigation ul li ul li {
height: auto;
min-height: 20px;
width: auto;
font-size: 12px;
line-height: 14px;
font-weight: regular;
text-align: center;
padding: 3px 3px 3px 3px;
color: #ffffff;
margin: 0px;
overflow: visible;
display: block;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
}
#navigation ul li ul li:hover {
font-weight: bold;
min-height: 20px;
line-height: 14px;
}
#navigation ul li ul li:nth-of-type(2), #navigation ul li ul li:nth-of-type(3), #navigation ul li ul li:nth-of-type(4), #navigation ul li ul li:nth-of-type(5) { min-width: auto; }
#navigation ul li ul {
position: relative;
display: block;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: auto;
height: auto;
text-align: center;
z-index:1000;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
}
#navigation li a {
padding: 0 0 0 0;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; position:relative; z-index:2;
}
#navigation li a.aktiv {
font-weight: bold;
}
#navigation li.navi_markiert_unten {
}
#navigation li.navi_markiert_oben { font-weight: bold; }
#navigation a:hover {
font-weight: bold;
cursor: pointer;
}
#navigation .navi_linkpositionierer_e1 { margin: 10px 10px 5px 10px; padding: 0 0 0 0; width: auto; height: 25px; }
/*
#navigation span { color: #ffffff; font-size: 0.8em; margin-right:-3px; margin-left:-1px;}
*/
/* ---- 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: #3c3c3c;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, 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: #3c3c3c;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
position:relative;
}
#vorlage115.v316nbv #v316_unternavi_links li a:hover { color: #B61F29; cursor: pointer; }
#vorlage115.v316nbv #v316_unternavi_links li ul li a:hover { color: #B61F29; cursor: pointer; }
#vorlage115.v316nbv #v316_unternavi_links li a.aktiv { color: #B61F29; }
#vorlage115.v316nbv #content { display: flex; }
#vorlage115.v316nbv #content .h1_input { width:400px; }
#vorlage115.v316nbv #content #v316_unternavi_links { width: auto; 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,
.kurztext_global .kurztext_text_div p
{ font-size: 15px !important; color: #444444 !important; margin: 0 0 15px 0 !important; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
h1 { color: #B4152B; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #e1e1e1; }
h2 { color: #444444; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; }
h3 { color: #444444; margin: 0px 20px 0px -1px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p, td { color: #444444; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color:#444444; 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: Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin-top: 3px; }
/* --- Fuß -------------------------------------------------------------------------------------- */
.fuss_hg_bild
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 665px;
width: 100%;
background-image:url(/individuell/bilder/ipb_hg-fuss_hoch.png);
background-repeat: no-repeat;
background-position: bottom center;
position: fixed;
bottom: -155px;
-webkit-transition: bottom 1s !important;
transition: bottom 1s !important;
z-index: 1;
}
.fuss_hg_bild.fuss_hg_bild_hoch { bottom: 0px; }
#fuss {
/*background-color: ;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
height: 190px;
padding-top: 8px; padding-right: 0; padding-bottom: 0;
position: fixed;
bottom: -130px;
-webkit-transition: bottom 1s !important;
transition: bottom 1s !important;
z-index: 100;
background-image:url(/individuell/bilder/ipb_hg-fuss_flach.png);
background-repeat: no-repeat;
background-position: bottom center;
overflow: visible;
}
#fuss.fuss_hoch { bottom: 0px; }
#fuss .fussinhalt {
color: #fff;
margin: 0px 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: #6f6f6f; text-decoration: none; }
#fuss .fussinhalt a:hover { color:#b4152b; cursor: pointer; /*text-decoration: underline;*/ }
#fuss .fussinhalt .linker_fussinhalt, #fuss .fussinhalt .rechter_fussinhalt { display: inline-block; color: #6F6F6F; 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; }
.fuss_overlay_positionierer { z-index: 102; height: 0px; width: 1100px; margin: 0 auto 0 auto; overflow: visible; position: relative; }
.fuss_overlay_aktivleiste {
height: 60px;
width: 630px;
position: absolute;
left: -700px;
top: -35px;
background-image:url(/individuell/bilder/ipb_hg-fuss_flach.png);
background-repeat: no-repeat;
background-position: 0px -51px ;
}
.fuss_overlay_aktivleiste_1 {
height: 86px;
width: 1135px;
position: absolute;
right: -700px;
top: -82px;
background-image:url(/individuell/bilder/ipb_hg-fuss_flach.png);
background-repeat: no-repeat;
background-position: -1365px -4px ;
}
#navigation_im_fuss {
text-align: center;
width: 1100px;
height: auto;
position: relative;
top: 0px; left: 0; right: 0px;
margin: 5px auto 0 auto;
padding: 8px 0 0 0;
border-top: 1px solid #6f6f6f;
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: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px;
list-style-type: none;
display: inline-block;
height: auto;
width: auto;
vertical-align: top;
color: #6f6f6f;
}
#navigation_im_fuss ul li { display: none; min-width: 130px; height: auto; margin: 0 0px 0 0px; padding: 0 0px 0 0px; }
/*#navigation_im_fuss ul li:first-child { display: none; }*/
#navigation_im_fuss ul li:nth-child(2) { display: block; padding-left: 0px; }
#navigation_im_fuss ul li ul li:nth-child(2) { display: inline-block; }
#navigation_im_fuss ul li ul { margin: 3px 0 0 0; display: block; }
#navigation_im_fuss ul li ul li {
display: inline-block;
position: relative;
text-align: center;
padding: 1px 0px 1px 0px;
color: #fff;
height: auto;
line-height: 16px;
margin: 0 0 0 0;
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: #6f6f6f;
font-size: 14px;
line-height: 16px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; position:relative;
}
#navigation_im_fuss ul li ul li a {
padding: 0px 0px 0px 0px;
color: #6f6f6f;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
position:relative;
}
#navigation_im_fuss ul li a:hover { color: #B61F29; cursor: pointer; font-weight: regular; }
#navigation_im_fuss ul li ul li a:hover { color: #B61F29; cursor: pointer; font-weight: regular; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
/*---- Bootstrap Andock-Navi + Fuß -----------------------------------------------------------------------------*/
#navigation.affix {
position: fixed !important;
top: 0 !important;
border-top: 15px solid #fff;
height: 100px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+58,0+100 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 45px no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 45px no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: url(/individuell/bilder/ipb_navi_rotes.png) center 45px no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-transition: top 1s ease, height 1s ease, background-position 1s ease !important;
transition: top 1s ease, height 1s ease, background 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;
}
#navigation.affix ul {
margin-top: 35px;
-webkit-transition: margin-top 1s !important;
transition: margin-top 1s !important;
}
#navigation.affix ul ul {
margin-top: 0px;
}
#navigation.affix-top ul {
-webkit-transition: margin-top 1s !important;
transition: margin-top 1s !important;
}
#navigation ul img.logo_bootstrap { display: none; margin: -30px 0px 0px 30px;}
#navigation ul .a_logo_bootstrap { height: 40px; }
#navigation.affix ul img.logo_bootstrap {
display: inline-block;
}
#navigation.affix ul li { min-width: 130px; }
#navigation.affix ul li:nth-of-type(3) { min-width: 200px; }
#navigation.affix ul li ul li:nth-of-type(3) { min-width: auto; }
/*
#navigation.affix ul li:nth-of-type(5) { min-width: 180px; }
#navigation.affix ul li ul li:nth-of-type(5) { min-width: auto; }*/