/* Hintergrund, Scrollbalken */
body, html {
background-color: #ffffff;
margin: auto;
font-variant: normal;
color: #3A4012;
font-family: "arial";
text-align: center;
scrollbar-face-color: #fff5d5;
font-size: 100.01%
}
.rahmen {
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: #fff5d5;
font-family: "arial";
font-size: 9pt;
float: left;
width: 1000px;
height: 1000px;
margin: auto;
text-align: center;
padding: 0px;
padding-bottom: 15px;
border: 1px solid #deb887;
z-index: 1;
}
.header {
position: absolute;
top: 4px;
left:0px;
width: 1000px;
height: 150px;
background-image: url("../pix/back_head.jpg");
margin: 0px;
padding: 0px;
border-top: 1px solid #deb887;
border-bottom: 0px solid silver;
}
.ueberschrift {
position: absolute;
top: 30px;
left:275px;
width: 495px;
height:53px;
background-image: url("../pix/ueberschrift.png");
z-index: 5;
}
.ueberschrift_2 {
position: absolute;
top: 90px;
left:312px;
width: 376px;
height:30px;
border : 0px solid silver;
z-index: 5;
}
.foto_l {
position: absolute;
top: 0px;
left:20px;
width: 247px;
height:150px;
background-image: url("../pix/kutter.png");
border : 0px solid silver;
z-index: 5;
}
.foto_r {
position: absolute;
top: 0px;
right:20px;
width: 215px;
height:150px;
background-image: url("../pix/strand.png");
border : 0px solid silver;
z-index: 5;
}
ul { margin-top: 5px; margin-bottom: 5px;
}
/* Links */
a:link {
color : #804000;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:visited {
color : #804000;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:hover {
color: #00008b;
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: 155px;
left:0px;
width: 160px;
height: 800px;
background-color: #ffd700;
background-image: url("../pix/back_left.jpg");
display:inline;
z-index: 3;
color:#FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
}
.willi {
position: absolute;
top: 0px;
left:10px;
width: 130px;
height:130px;
background-image: url("../pix/willi.png");
border : 0px solid silver;
z-index: 5;
}
.menue {
position: absolute;
top: 120px;
left:0px;
width: 160px;
display:block;
z-index: 5;
color:#FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
}
.menue ul li a, .menue li a:link
{
text-decoration: none;
display: block;
color: #ffffff;
width: 138px;
padding: 5px;
margin: 0px 0px 0px 4px;
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: #deb887;
z-index: 5;}
.menue ul li a:visited
{
color: #00008b;
z-index: 5;
}
.menue ul {
list-style-type: none;
padding: 0px;
margin: auto;
text-align: center;
z-index: 5;
}
.menue ul li {
float:left;
margin-right:1px;
position:relative;
}
.menue ul li ul {
display: none;
}
/* specific to non IE browsers*/
.menue ul li:hover a, .menue li a:active, .menue li a:focus, .menue li.active a
{
color: #00008b;
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: #d2b48c;
z-index: 5;}
.menue ul li:hover ul {display:block; position:absolute; top:0; left:154px; width:138px;}
.menue ul li:hover ul li a.submenu {
background:#deb887;
color:#000;
}
.menue ul li:hover ul li:hover a.submenu
{
width:138px;
}
.menue ul li:hover ul li ul {display: none;}
.menue ul li:hover ul li a
{
text-decoration: none;
display: block;
color: #ffffff;
width: 138px;
padding: 5px;
margin: auto;
margin-top: 0px;
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: #d2b48c;
z-index: 5;
}
.menue ul li:hover ul li a:hover, .menue ul li ul li.active a
{
color: #00008b;
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: #d2b48c;
z-index: 5;
}
/* Ende Untermenue Fewos */
.homepage {
position: relative;
top: 500px;
margin: auto;
width: 100px;
height: 50px;
font-family: "arial";
font-size: 8pt;
margin: auto;
text-align: center;
text-decoration: none;
padding: 0px 0px 0px 0px;
color: #00008b;
}
.inhalt {
position: absolute;
top: 155px;
left:160px;
width: 680px;
height: 800px;
background-color: #fdefc6;
/* background-image: url("../pix/mitte.jpg"); */
text-align: center;
border : 0px solid silver;
}
.spalte{
position: absolute;
left: 20px;
top: 5px;
width: 640px;
height: 780px;
text-align: center;
border: 1px solid #150186;
padding: 0px;
margin-top: 5px;
display:inline;
background: white;
z-index:1;
}
.right {
position: absolute;
top: 155px;
left:840px;
width: 160px;
height: 800px;
background-color: #ffd700;
background-image: url("../pix/back_left.jpg");
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
}
.kontakt {
position: absolute;
top: 10px;
left:5px;
width: 150px;
height: 180px;
background-color: #ffffff;
border : 1px solid #150186;
margin: 0px;
text-align: left;
}
.kontakt_inhalt {
position: relative;
top: 2px;
left:5px;
width: 145px;
color: #00008b;
line-height:12px;
font-size: 11px;
border : 0px solid silver;
}
#wetter {
position: absolute;
top: 220px;
left:20px;
width: 120px;
height: 282px;
display: inline;
}
h1 {
color: #00008b;
font-family: arial;
font-size: 11pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 15px;
margin-bottom: 5px;
}
h2 {
color: #00008b;
font-family: arial;
font-size: 12pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h3 {
color: #000000;
font-family: arial;
font-size: 9pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 2px;
margin-bottom: 2px;
}
p { font-family: arial;
color: #3A4012 ;
font-size: 9pt;
text-align: left;
text-decoration: none;
margin: 3px 3px 3px 4px;
padding-left: 3px;}
.kopf_spalte {
width: 100%;
height: 22px;
display: block;
text-align: center;
border: 0px solid #00008B;
margin-top: 0px;
margin-left: 0px;
background-image: url(../pix/kopf_spalte.jpg);
font-weight: bold;
color: black;
font-family: arial;
font-size:10pt;
padding-top: 3px;
}