@charset "utf-8";
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #FFF;
background-image: url(../images/hg.gif);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: underline;
color: #408080;
}
a:active {
text-decoration: none;
color: #5694A1;
font-size: 12px;
}
#logo {
position:absolute;
left:804px;
top:13px;
width:187px;
height:73px;
z-index:5;
visibility: visible;
}
#treemenu {
position:absolute;
top:285px;
width:288px;
z-index:1;
height: 227px;
left: 0px;
}
#ticker {
position:absolute;
left:292px;
top:480px;
width:596px;
height:34px;
z-index:49;
background-color: #FFFFFF;
visibility: visible;
}
#band {
position:absolute;
left:508px;
top:286px;
height:190px;
z-index:5;
background-color: #CCCCCC;
background-image: url(images/band.gif);
width: 520px;
}
#bild {
position:absolute;
left:288px;
top:256px;
width:740px;
height:220px;
z-index:6;
background-image: url(images/bildband.jpg);
visibility: visible;
background-color: #FFFFFF;
}
#kontaktformular {
position:absolute;
left:288px;
top:256px;
width:660px;
height:380px;
z-index:20;
background-image: url(images/bildband.jpg);
visibility: visible;
background-color: #FFFFFF;
}
#abholformular {
position:absolute;
left:288px;
top:195px;
width:660px;
height:450px;
z-index:20;
background-image: url(images/bildband.jpg);
visibility: visible;
background-color: #FFFFFF;
}
#bild_angebotsanfrage {
position:absolute;
left:288px;
top:195px;
width:660px;
height:380px;
z-index:7;
background-image: url(images/bildband.jpg);
visibility: visible;
}
#bild_impressum {
position:absolute;
left:288px;
top:256px;
width:740px;
height:650px;
z-index:8;
background-image: url(images/bildband.jpg);
visibility: visible;
}
h1 {
font-size: 13px;
color: #5694A1;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
}
h2 {
font-size: 16px;
color: #5694A1;
}
#Menu {
position:absolute;
left:294px;
top:148px;
width:623px;
height:30px;
z-index:7;
}
#NavLeiste_top {
position:absolute;
left: 16px;
top:15px;
width: 241px;
height: 21px;
visibility: visible;
z-index: 4;
}
/*#text {
position:absolute;
left:313px;
top:520px;
width:585px;
height: auto;
z-index:11;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color:#333;
visibility: hidden;
}*/
#footer {
/* position:absolute;
left:0px;
top:715px;
right:0px;
width:100%;
height:25px;
z-index:1;
background-color: #5694A1;
*/
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background-color: #5694A1;
z-index:50;
}
#
html #footer{
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/*multicolorMenu*/
#wrapper {
position:absolute;
text-align: left;
margin: 0 0;
width: 700px;
background: #ffffff;
left: 286px;
top: 150px;
height: 45px;
z-index:45;
}
#main {
padding: 50px 10px 10px 10px;
}
.validate {
position:absolute;
bottom:5px;
right:5px;
}
.validate img {
border:none;
}
/*NAVIGATION*/
/* reset browser defaults for unordered lists, to avoid possible unexpected behavior */
ul {
list-style: none;
padding: 0;
margin: 0;
text-decoration:none;
}
li {
padding:0;
margin:0;
}
/* wrapper helpful for positioning on page without messing with main menu style */
#navwrap {
float:left;
padding-left:2px;
background-color:#FFF;
}
/* it helps to arrange menu styles in order of increasing specificity */
/* first two styles, #nav li and #nav a apply to entire menu, unless over-ridden */
#nav li {
float: left;
position: relative;
cursor: default;
background-color: white;/*line-height: 30px;*/
}
#nav a {
font-weight: bold;
color: #fff;
text-align: left; /* keeps text aligned in block. do not put text-align on or IE7 will put the submenu below the center of the top menu */
border-right: 1; /*border color matches background of wrapper */
text-decoration: none;
width: 155px; /*variable widths can be used too */
padding: 5px 5px 5px 5px; /*preferred to line height if menu items expand to two rows */
display: block; /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
background: #99cccc; /* this sets a default color of the links, but is overridden by more specific background colors assigned later */
}
/* from here down, every style is in some way overriding the base styles */
#nav a:hover {
text-decoration:none; /* text changes from plain to underline on hover */
color: #333;
}
#nav li li {
float: none; /* makes drop downs vertical instead of horizontal */
}
#nav li li a {
width:155px; /* this can be omitted if subs have same width as main headings */
border-right:none; /* this is only really needed if the background color is different than the border color; in most layouts the border wouldn't be visible */
}
#nav li ul {
display: none; /* submenu is not visible until hover or .over (driven by JS) */
position: absolute; /* postioned absolutely, relative to parent on top menu */
top: 100%; /* 100% of containing element height = #nav li, so the top of the submenu ul is at the bottom of the parent li */
left: 0; /* submenu lined up with the left side of the parent li. move this if desired */
font-size:10px;
}
#nav li>ul { /* overrides previous style for browsers that understand selector */
top: auto;
left: auto;
}
#nav li:hover ul, #nav li.over ul {
display: block; /* overrides display:none to make submenu visible NB! the .over class is the thing the javascript generates */
}
/* the following styles give the specific colors to specific li's and cascade down to any elements in the submenus as well */
li#Marktinfos a {
background: #5694A1;
}
li#Online-Services a {
background: #b3b57f;
}
li#Downloads a {
background: #7f7f7f;
}
li#Newsletter a {
background: #99cccc;
}