/* Hintergrund, Scrollbalken */
body, html {
background-color: #086515;
margin: auto;
font-variant: normal;
color: #3A4012;
font-family: "arial";
text-align: center;
scrollbar-face-color: #faebd7;
font-size: 100.01%
}
.rahmen {
position: relative;
width: 1000px;
height: 100%;
margin: auto;
text-align: center;
border: 0px solid #00008B;
}
.ansicht {
position: relative;
top: 0pix;
left: 0pix;
box-sizing: content-box;
background-color: #fff5e6;
font-family: arial;
font-size: 9pt;
float: left;
width: 1000px;
height: 900px;
margin: auto;
text-align: center;
padding: 0px;
padding-bottom: 0px;
border: 1px solid #6a0000;
z-index: 1;
}
.header {
position: absolute;
top: 2px;
left:0px;
width: 1000px;
height: 160px;
background-image: url("../pix/back_header.jpg");
margin: 0px;
padding: 0px;
border-top: 1px solid silver;
border-bottom: 0px solid silver;
}
.ueberschrift {
position: absolute;
top: 35px;
left:255px;
width: 437px;
height:76px;
background-image: url("../pix/ueberschrift.png");
}
#ueberschrift_2 {
position: absolute;
top: 110px;
left:250px;
width: 450px;
height:25px;
border : 0px solid silver;
z-index: 5;
}
.foto_r {
position: absolute;
top: 10px;
right:50px;
width: 162px;
height:133px;
background-image: url("../pix/lindenblatt_r.png");
border : 0px solid silver;
z-index: 5;
}
.foto_l {
position: absolute;
top: 10px;
left:50px;
width: 162px;
height:133px;
background-image: url("../pix/lindenblatt_l.png");
border : 0px solid silver;
z-index: 5;
}
/* Links */
a:link {
color : #00008b;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:visited {
color : #6495ed;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:hover {
color: #b0b0b0;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:active {
color: red;
font-family: arial;
text-align: center;
text-decoration: none;
}
.left { position: absolute;
top: 163px;
left:0px;
width: 170px;
height: 800px;
background-color: #ffffff;
background-image:url('../pix/back_seiten.jpg');
background-repeat:repeat-x;
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
border-bottom: 1px solid #006400;
z-index: 5;
}
.menue {
position: absolute;
top: 20px;
left: 4px;
width: 160px;
text-align: center;
border: 0px solid #483d8b;
display:block;
font-family: arial;
font-size: 9pt;
z-index: 5;
}
.menue ul li a, .menue li a:link
{
text-decoration: none;
display: block;
color: #ffffff;
width: 160px;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #dcdcdc;
background-color: #006400;
background-image:url('../pix/back_button_1.jpg');
z-index: 5;}
.menue ul li.active a:visited
{
color: #ffd700;
z-index: 5;
background: #228b22;
}
.menue ul li a:visited
{
color: #ffd700;
z-index: 5;
}
.menue ul {
list-style-type: none;
padding: 0px;
margin: auto;
text-align: center;
z-index: 5;
margin-top: 15px;
margin-bottom: 5px;
}
.menue ul li {
float:left;
margin-right:1px;
position:relative;
}
.menue ul li ul {
display: none;
}
.menue ul li:hover a, .menue li a:active, .menue li a:focus, .menue li.active a
{
color: #a9a9a9;
font-weight: normal;
border-top: 1px solid #000000;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #000000;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
background: #228b22;
background-image:url('../pix/back_button_1.jpg');
z-index: 5;
margin: 0px 0px 0px 0px;
width: 160px;
}
.homepage {
position: relative;
top: 540px;
width: 100px;
height: 40px;
font-family: arial;
font-size: 8pt;
margin: auto;
text-align: center;
color: #a9a9a9;
text-decoration: none;
padding: 0px 0px 0px 0px;
border : 0px solid silver;
}
.inhalt {
position: absolute;
top: 163px;
left:170px;
width: 660px;
height: 800px;
background-color: #ffefd5;
text-align: center;
margin: auto;
border-bottom : 1px solid #006400;
z-index: 1;
}
.right {
position: absolute;
top: 163px;
right:0px;
width: 170px;
height: 800px;
background-color: #ffffff;
background-image:url('../pix/back_seiten.jpg');
background-repeat:repeat-x;
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
border-bottom: 1px solid #006400;
}
#wetter {
position: absolute;
top: 20px;
left:23px;
width: 120px;
height: 280px;
border: 1px solid #006400;
display: inline;
}
.kontakt {
position: relative;
top: 350px;
width: 150px;
height: 190px;
font-family: "arial";
font-size: 9pt;
text-align: center;
background: white;
filter:alpha(opacity=75); /* IE */
opacity:.75;
color: #000000;
border : 1px solid #006400;
margin: auto;
text-align: left;
}
#kontakt {
position: relative;
top: 00px;
margin: auto;
margin-top: 0px;
width: 140px;
color: #000000;
font-size: 9pt;
border : 0px solid silver;
}
h1 {
color: #ffdf8d;
font-family: arial;
font-size: 14pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h2 {
color: #006400;
font-family: arial;
font-size: 10pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 2px;
margin-bottom: 2px;
}
h3 {
color: #006400;
font-family: arial;
font-size: 10pt;
font-weight: bold;
text-align: center;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h4 {
color: #676767;
font-family: arial;
font-size: 9pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 0px;
margin-bottom: 0px;
}
h5 {
position: relative;
color: #006400;
font-family: arial;
font-size: 9pt;
font-weight: bold;
font-style:none;
text-align: center;
text-decoration: normal;
display: inline;
margin: auto;
top: 7px;
}
h6 {
color: #ffd700;
font-family: arial;
font-size: 10pt;
font-weight: bold;
font-style:none;
text-align: center;
text-decoration: normal;
margin-bottom: 5px;
margin-top: 5px;
}
p {
color: #191919;
font-family: arial;
font-size: 9pt;
text-align: left;
font-weight: normal;
text-decoration: normal;
margin: 2px 2px 2px 10px;
}
ul {
list-style-type:circle;
list-style-position:outside;
margin: 0px 0px 0px 30px;
padding: 0px;
display: block;
}
li {
margin: 0px 0px 0px 0px;
padding: 0px;
display: list-item;
}
.groesse {
font-size:8pt;
}
.foto {
position: relative;
left: 7px;
top: 5px;
width: 312px;
height: 237px;
background-image: url(../pix/foto_back.jpg);
margin-bottom:5px;
}
.foto_fewo {
position: relative;
left: 0px;
top: 0px;
width: 300px;
height: 225px;
background: url(../pix/loader.gif) no-repeat center;
border : 1px solid #a9a9a9;
}
.foto_h {
position: relative;
left: 7px;
top: 5px;
width: 312px;
height: 412px;
background-image: url(../pix/foto_back_h.jpg);
margin-bottom:5px;
}
.foto_fewo_h {
position: relative;
left: 0px;
top: 0px;
width: 300px;
height: 400px;
background: url(../pix/loader.gif) no-repeat center;
border : 1px solid #a9a9a9;
}
.mitte {
margin: auto;
text-align: center;
}
/* the overlayed element */
.overlay {
/* growing background image */
background-image:url(../pix/white.png);
/* dimensions after the growing animation finishes */
width:540px;
height:470px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely */
padding:45px;
border : 0px solid #a9a9a9;
}
/* default close button positioned on upper right corner */
.overlay div.close {
background-image:url(../pix/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}
/* black */
.overlay.black {
background:url(../pix/transparent.png) no-repeat !important;
color:#fff;
border : 0px solid #ffffff;
}
/* petrol */
.overlay.petrol {
background:url(../img/overlay/petrol.png) no-repeat !important;
color:#fff;
}
/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(../pix/transparent.png);
color:#efefef;
height:400px;
border : 0px solid #000000;
}
/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
height:441px;
overflow-y:auto;
border : 0px solid #dc143c;
margin-top: 0px;
}
.menue_belegung {
position: relative;
left: 70px;
width: 160px;
font-size: 9pt;
display:block;
z-index: 5;
color:#FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
}
.menue_belegung li {
margin: auto;
}
.menue_belegung ul li a, .menue_belegung li a:link
{
text-decoration: none;
display: block;
color: #ffffff;
width: 138px;
padding: 5px;
margin: 0px 0px 0px 3px;
text-align: center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
background-color: #BEDBEB;
background-image: url('../pix/back_button_1.jpg');
z-index: 5;}
.menue_belegung ul li.active a:visited
{
color: #ffd700;
z-index: 5;
}
.menue_belegung ul li a:visited
{
color: #ffd700;
z-index: 5;
}
.menue_belegung ul {
list-style-type: none;
padding: 0px;
margin: auto;
text-align: center;
z-index: 5;
}
.menue_belegung ul li {
float:left;
margin-right:1px;
position:relative;
}
.menue_belegung ul li ul {
display: none;
}
.menue_belegung ul li:hover a, .menue_belegung li a:active, .menue_belegung li a:focus, .menue_belegung li.active a, .menu ul li a:hover
{
color: #ffffff;
font-weight: normal;
border-top: 1px solid #000000;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #000000;
padding-top: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 6px;
text-decoration: none;
background-color: #00008b;
z-index: 5;}