html { height: 100%; min-height: 100%; }
body { background-color: #ffffff; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif }
#rahmen {
background-color: #ffffff; text-align: left; position: relative; top: 0; bottom: 0; width: 940px;
min-height: 30em; margin-right: auto; margin-left: auto; margin-bottom: 160px;
}
#inhalt {
background-color: #ffffff; position: relative; width: 940px; top: 0px; right:0; left:0; bottom: 0;
padding-top: 1.2em; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px;
min-height: 210px !important;
}
#inhalt li { font-size: 0.9em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; list-style-type: circle; }
#bilderleiste {
background-image: url("/bilder/header/Header_Seite.png"); text-align: right; position: relative; width: 940px; height: 165px; vertical-align: top; top: 0; left: 0; padding-top: 10px;
background-color: #ffffff; backgeound-size: 940px; border-radius: 15px;
}
#bilderleiste.bilderleiste_1 {
background-image: url(/bilder/header/Header_Startseite.png); text-align: right; position: relative; width: 940px; height: 460px; vertical-align: top; top: 0; left: 0; padding-top: 10px;
background-color: #ffffff; backgeound-size: 940px; border-radius: 15px;
}
.bilderleiste_logo {float:left;}
/* --------------------------------- Navigation ------------------------------------------------------ */
#navigation {
display: none;
background-color: #ffffff; text-align: center; position: fixed;
width: 100%; bottom: 0; left: 0; overflow: hidden; padding: 2px 8px 2px 8px; height: 52px;
font-size: 0.99em; z-index: 20; border-top: 1px solid #bfbfbf;
}
.navi_markiert { background-image: url(/bilder/);}
.navi_markiert_unten { background-image: url(/bilder/);}
#navigation li.navi_markiert_unten { top: 0px; background-image: url(/bilder/);}
#navigation ul { position: relative; height: auto; margin: 0 0; padding: 0; z-index: 1;}
#navigation li {
text-align:center; padding-top: 3px; margin: 0px; list-style-type: none; display: inline-block;
height: 21px; width: auto; z-index: 2;
background-color: transparent;
}
#navigation ul li:hover {
top: 0px;
height: 21px;
background-color: transparent;
background-image: url(/bilder/);
}
#navigation ul li {
background-image: url(/bilder/);
border-bottom: 3px solid #ffffff;
margin-left: -5px;
}
#navigation ul li ul li {
background-image: none;
}
/*
#navigation ul li ul li:hover {
top: 0px;
height: 21px;
background-color: transparent;
background-image: url(/bilder/);
}
*/
#navigation ul li ul {
position:absolute;
top:27px;
margin-top: 0;
min-width:0px;
white-space: nowrap;
height: 21px;
padding: 0 0 0 0;
display: inline;
text-align: center;
background-color: transparent; z-index:1;
}
#navigation ul ul li {
color: #000000; width: auto; height:21px;
margin: 0px; padding: 2px 0px 0; border-style: none; background-color: transparent;
display: inline; background-image: none; background-color: none;
}
#navigation li a {
padding: 0px 8px 0px 8px; color: #000000; font-size: 1.05em;
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; position:relative; z-index:2;
}
#navigation li a.aktiv { top:-1px;
color: #000000; font-weight: bold;
background-color: transparent;
}
#navigation span { color: #000000; font-size: 0.8em; margin-right:-3px; margin-left:-1px;}
.navi_ebene2_sichtbar {
visibility: visible;
opacity:1;
filter:alpha(opacity=100);
-moz-transition: visibility 0ms linear 0ms , opacity 350ms ease-in;
-webkit-transition: visibility 0s linear , opacity 0.3s ease-in;
-ms-transition: visibility 0s linear , filter 0.3s ease-in;
-o-transition: visibility 0s linear , opacity 0.3s ease-in;
transition: visibility 0s linear , opacity 0.3s ease-in;
}
.navi_ebene2_unsichtbar {
visibility: hidden;
filter:alpha(opacity=0);
opacity:0;
-moz-transition: visibility 0.5s linear , opacity 350ms ease-out;
-webkit-transition: visibility 0.5s linear , opacity 0.3s ease-out;
-o-transition: visibility 0.5s linear , opacity 0.3s ease-out;
-ms-transition: visibility 0.5s linear , filter 0.3s ease-out;
transition: visibility 0.5s linear , opacity 0.3s ease-out;
}
/* --------------------------------- Navigation ENDE ------------------------------------------------------ */
.nurbild_global .nurbild_einzelbildkasten {display: inline-block; }
h1 {
color: #000000;
font-size: 1.2em;
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
border-bottom: 2px dotted transparent;
margin-bottom: 14px;
}
h2 {
color: #000000;
font-size: 1.2em;
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
margin-top: 0;
}
h3 { margin: 0px 20px 0px -1px; }
p, td { color: #000000; font-size: 0.9em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; text-align: left; color:#000000; text-decoration: underline;}
/*a:hover { font-weight: bold; }*/
.kurztext_global {border-radius: 15px;}
#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: Corbel, Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin-top: 3px; }
#fuss {
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
width: 100%;
height: 143px;
position: fixed;
bottom: 0;
padding-top: 15px;
padding-right: 0;
padding-bottom: 0;
border-top: 1px solid #053782;
}
#fuss a div { display: inline-block; margin: 0 12px 0 12px; padding: 88px 0px 0px 0px; text-align: center; vertical-align: middle; }
/* #fuss a:hover svg { box-shadow: 5px 5px 5px #7A7A7A; }*/
#fuss a div.navi_button { height: 20px; width: 144px; }
#fuss a div.b1 { background-image: url('/bilder/Das_Landhaus.png'); background-position: center top; background-repeat: no-repeat;}
#fuss a:hover div.b1 { background-image: url('/bilder/Das_Landhaus-mouse.png'); color: #053782; }
#fuss a div.b2 { background-image: url('/bilder/Ferienwohnung.png'); background-position: center top; background-repeat: no-repeat;}
#fuss a:hover div.b2 { background-image: url('/bilder/Ferienwohnung-mouse.png'); color: #053782; }
#fuss a div.b3 { background-image: url('/bilder/Apartments.png'); background-position: center top; background-repeat: no-repeat;}
#fuss a:hover div.b3 { background-image: url('/bilder/Apartments-mouse.png'); color: #053782; }
#fuss a div.b4 { background-image: url('/bilder/Umgebung.png'); background-position: center top; background-repeat: no-repeat;}
#fuss a:hover div.b4 { background-image: url('/bilder/Umgebung-mouse.png'); color: #053782; }
#fuss a div.b5 { background-image: url('/bilder/Preise.png'); background-position: center top; background-repeat: no-repeat;}
#fuss a:hover div.b5 { background-image: url('/bilder/Preise-mouse.png'); color: #053782; }
#fuss a div.b6 { background-image: url('/bilder/Anfahrt_Kontakt.png'); background-position: center top; background-repeat: no-repeat; width: 155px;}
#fuss a:hover div.b6 { background-image: url('/bilder/Anfahrt_Kontakt-mouse.png'); color: #053782; }
.fusslogo { position: relative; bottom: -3px; margin-right: 50px; }