html { height: 100%; min-height: 100%; }
body { background-color: #FFF2E9; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif }
#rahmen { background-color: transparent;
text-align: left;
position: relative; top: 0; bottom: 0;
width: 100%;
min-height: auto; margin-right: auto; margin-left: auto; padding-top: 650px; }
#navigation { background-color: #4BA394;
text-align: center;
font-size: 15px;
line-height: 40px;
font-weight: bold;
position: fixed;
width: 100%;
height: 50px;
top: 155px;
bottom: 0;
left: 0;
overflow: visible;
padding: 0px;
/*background-image: url(../../bilder/navi_hgb.png);*/
overflow: visible;
z-index: 4;
-webkit-transition: top 1s; /* Safari */
transition: top 1s;
}
#inhalt {
background-color: transparent;
position: relative; top: 0px; right:0; left:0; bottom: 0;
width: 938px;
padding-top: 30px;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
margin: auto;
}
#inhalt li { font-size: 16px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; list-style-type: circle; }
#bilderleiste { text-align: center;
position: absolute;
width: 100%;
height: 650px;
vertical-align: top;
top: 0; left: 0;
padding: 0px;
background-color: transparent;
z-index:1;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
}
.bilderleiste { float: right; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
.bilderleiste_links { visibility: hidden; margin: 0 0 0 auto; border-width: 0; }
.bilderleiste_rechts { visibility: hidden; margin: 0 auto 0 0; border-width: 0; }
@media (max-width: 1750px) {
#bilderleiste { text-align: center;
position: absolute;
width: 100%;
height: 650px;
vertical-align: top;
top: 0; left: 0;
padding: 0px;
background-color: transparent;
z-index:1;
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------- */
#navi_22_breadcrump {
position:relative;
width:auto;
text-align:left;
font-size:13px;
color: #787878;
margin: -11px 0 17px 0;
padding: 0;
text-decoration: none;
}
#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;
overflow: hidden;
}
.navi_zweite_ebene_a_tag {
display: inline-block;
overflow: hidden;
}
#navigation ul {
height: 50px;
width: 938px; /* Kann raus, wenn ein Logo eingebaut wird, dann wird es bei den affix mit definiert. */
padding: 0 0 0 0; /* Kann raus, wenn ein Logo eingebaut wird, dann wird es bei den affix mit definiert. */
margin: -1px auto 0 auto;
z-index: 100;
display: flex;
}
#navigation li {
position: relative;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 0px 0px;
list-style-type: none;
display: inline-block;
vertical-align: middle;
height: 40px;
z-index: 2;
background-color: transparent;
min-width: 100px;
flex: 1 1 auto;
}
#navigation ul li:hover {
background-color: #009EC8;
}
#navigation ul li {
background-color: transparent;
}
#navigation ul li ul li {
position: relative;
background-image: none;
font-size: 15px;
text-align: center;
padding: 6px 8px 3px;
background-color: #009EC8;
color: #FFF2E9;
height: auto;
min-width: 120px;
line-height: 28px;
margin: 0px;
display: block;
flex: none;
}
#navigation ul li ul li:hover {
text-decoration: bold;
}
#navigation ul li ul {
position: absolute;
top: 50px;
left: 0px;
padding: 0 0 0 0;
margin: 0 0 0 0;
min-width: 0px;
width: auto;
text-align: center;
background-color: #009EC8;
z-index:1000;
text-align: left;
display: block;
}
#navigation li a {
padding: 1px 4px 1px 4px; color: #FFF2E9;
font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration: none; position:relative; z-index:2;
}
#navigation li a.aktiv {
color: #FFF2E9;
font-weight: bold;
}
#navigation li.navi_markiert_unten {
}
#navigation li.navi_markiert_oben { background-color: #009EC8; }
#navigation span {
color: #FFF2E9;
font-size: 15pxm;
margin-right:-3px;
margin-left:-1px;
}
#navigation a:hover {
font-weight: bold;
}
#navigation li.navi_markiert { background-color: #009EC8; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
/*-- CSS für Änderung beim Andockeffekt Bootstrap --------------------------------------------------------------------------- */
#navigation.affix {
position: fixed;
top: 0;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFF2E9;
-webkit-transition: top 1s; /* Safari */
transition: top 1s;
}
/* -- Für ein Logobild im Kopf, Padding z.B. wie folgt einbauen ---
#navigation.affix ul { width: 938px; padding: 0 0 0 0; transition: width 1s, padding 1s; }
#navigation.affix-top ul { width: 870px; padding: 0 0 0 70px; transition: width 1s, padding 1s; }
#navigation.affix ul ul { width: auto; padding: 0px 0px 0 0; }
#navigation.affix-top ul ul { width: auto; padding: 0px 0px 0 0; } */
/*---------------------
Der .indiv_navi_logopositionierer und der div mit .logozuschnittrahmen müssen in der individuell/navi_logo.php angelegt werden:
---------------------*/
#navigation .indiv_navi_logopositionierer { width: 938px; margin-right: auto; margin-left: auto; position: relative; height: 1px; z-index: 2; overflow: visible; }
#navigation .logozuschnittrahmen, #navigation.affix-top .logozuschnittrahmen
{
position: absolute;
top: -156px;
left: -202px;
overflow: hidden;
width: 270px;
height: 310px;
/*background-color: #fff;*/
transition: top 800ms, width 1s, left 800ms, background-image 500ms;
background-image: url(../../../individuell/bilder/maros-Logo.png);
background-size: auto auto;
background-repeat: no-repeat;
background-position: center center;
}
#navigation.affix .logozuschnittrahmen
{
position: absolute;
top: 0px;
left: -102px;
overflow: hidden;
width: 100px;
height: 135px;
transition: top 800ms, width 1s, left 800ms, background-image 500ms;
background-image: url(../../../individuell/bilder/maros-Logo.png);
background-size: 100px auto;
background-repeat: no-repeat;
background-position: center center;
}
/* ---------------------------------------------------------------------------------------------------------------------------- */
.aktivleiste_vorschau {background-color: #d2f0ff;}
#kontaktformular_aktiv {font-size: 12px; }
#kontaktformular_aktiv fieldset {border: medium none; margin-top: 50px; }
#kontaktformular_aktiv legend { font-size: 25px; font-weight: bold; padding: 0; color: #004289; }
#kontaktformular_aktiv label { color: #004289; }
.kontaktformular_aktiv_zusatzfelder_link { color: #004289; }
.kurztext_global { font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
h1 { color: #4BA394; font-size: 30px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; border-bottom: 2px dotted #4BA394; }
h2 { color: #000000; font-size: 24px; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; margin-top: 0; }
h3 { color: #404040; font-size: 20px; margin: 0px 20px 0px -1px; }
p, td { color: #000000; font-size: 16px; 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: 0.8em; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; font-style: italic; margin-top: 3px; }
#fuss { background-color: #4BA394; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; text-align: right; width: 100%; height: 40px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-right: 0; padding-bottom: 0; border-top: 1px solid #4BA394; }
#fuss a { font-weight: normal; color:#000000; text-decoration: none; }
#fuss a:hover { font-weight: bold; color:#000000; text-decoration: none; }
.fusslogo { position: relative; bottom: -3px; margin-right: 50px; }
#fuss_innen {padding-right: 15px; }
/* --- Für die bilderleiste.php um im Kopf für einzelne Seiten spezifische Bilder einzupflegen --- */