/* reset */
html, body, p, a, ul, dl, ol, li, h1, h2, h3, h4, h5, h6, hr, img, form, fieldset, label, input, select {
margin: 0;
padding: 0;
vertical-align: middle;
}
img {
border: 0;
}
ul {
list-style-type: none;
}
abbr {
border: 0;
}
body {
color: #000;
background-color: #fcfaef;
font: 12px/15px arial,helvetica,sans-serif;
}
p {
margin: 0 0 0 0;
font: 12px/15px arial,helvetica,sans-serif;
}
h1 {
font: 18px/20px arial,helvetica,sans-serif;
color: #dda201;
}
h2 {
font: 14px/16px arial,helvetica,sans-serif;
}
h3 {
font: 30px/32px arial,helvetica,sans-serif;
color: #6e6e6e;
}
h4 {
font: 18px/20px arial,helvetica,sans-serif;
color: #a4b141;
}
hr {
align: left;
margin: 0 0 0 0;
color: #d4911c;
width: 492px;
height: 1px;
}
a,
a:link,
a:visited,
a:active,
a:hover {
text-decoration: none;
color: #59bee6;
font: 12px/15px arial,helvetica,sans-serif;
}
div#container {
width: 852px;
height: 100%;
background-color: #ffffff;
top: 0px;
}
div#header {
background-color: #fff;
height: 381px;
width: 852px;
position: absolute;
top: 0px;
border-bottom: 2px solid #d4911c;
}
div#top {
height: 95px;
background-image: url(/images/layout/hintergrund-kopf.gif);
background-repeat: no-repeat;
position: relative;
top: 0px;
z-index:1;
}
div#links {
clear: both;
position: absolute;
top: 150px;
z-index:0;
}
div#topgrafik {
width: 852px;
height: 250px;
position: relative;
top: 1px;
z-index:1;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
div#topnavi ul li:hover ul li a,
div#topnavi ul li a:hover ul li a { /* 2nd level unselected items */
border:0;
margin:0;
padding:0;
height: 2.5em; /* this sets the unselected drop-down text color */
background: #eebe29;
width:13.5em;
}
/*========================== TOP OF THE MENU CASCADE =========================*/
div#topnavi {
clear: both; /*fix disappearing menu in IE6 */
position: relative;
bottom: 0;
left: 0;
top: 0px;
border: 0;
width: 100%;
height: 2.4em; /* the menu's overall height */
font-size:1.167em; /* this (and also below) sets the menu's font size */
color: #fff;
background: url(/images/layout/hintergrund-menu.gif) repeat;
border-bottom: 1px solid #fff;
z-index:2;
}
div#topnavi ul {
padding: 0;
margin: 0 0 0 0;
border: 0;
list-style-type: none;
line-height: 1.5em; /* globally set the menu's item spacing. note */
} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
div#topnavi li {
float:left;
position:relative;
margin:0;
}
div#topnavi li a,
div#topnavi li a:hover {
padding: .6em 2.5em .6em 2.5em;
}
div#topnavi ul li table {
margin:-1px 0; /* IE5 needs -1px top and bottom table margins */
m\argin:0; /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse; /* IE5 needs this for the sub-menus to work */
font-size:1.167em; /* this sets the base font size for our entire menu */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
div#topnavi ul li ul {
display: none; /* initially hide the entire list hierarchy */
padding: 1px; /* this is our box border width */
}
div#topnavi ul li ul li { /* unselected top-level menu items */
margin: 0;
background-image: none;
}
div#topnavi ul li a,
div#topnavi ul li a:visited { /* unselected top-level menu items */
display:block;
float:left;
height:19px;
padding: .6em 2.5em .6em 2.5em;
text-decoration:none;
color: #fff;
}
div#topnavi ul li:hover a,
div#topnavi ul li a:hover,
div#topnavi ul li.current a { /* selected top-level menu items */
height:2.5em;
height:18px;
color: #fff;
background: url(/images/layout/hintergrund-menu-hover.gif) repeat;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
div#topnavi ul li:hover ul,
div#topnavi ul li a:hover ul { /* 2nd level drop-down box */
display:block;
position:absolute;
z-index: 100;
margin:0;
padding-left:0;
top: 2.2em; /* place us just up underneath the top-level images */
left: 0px; /* left-align our drop-down to the previous button border */
height: 2em; /* the drop-down height will be determiend by line count */
width: 13.0em; /* this sets the unselected-text color */
background: #fff; /* this sets our menu's effective "border" color */
color: #000; /* this sets the unselected-text color */
}
div#topnavi ul li:hover ul li a,
div#topnavi ul li a:hover ul li a { /* 2nd level unselected items */
border: 1px solid #eebe29;
margin:0;
padding:5px 0 0 5px;
padding-left: 20px;
height: 2em;
background: #fff;
color:#000; /* this sets the unselected drop-down text color */
width:13.5em;
}
div#topnavi ul li:hover ul li:hover a,
div#topnavi ul li a:hover ul li a:hover { /* 2nd level selected item */
background: #eebe29;
color:#fff;
}
div#slogan {
position: absolute;
top: 340px;
left: 580px;
width: 231px;
height: 75px;
z-index:2;
}
div#content {
position: relative;
top: 5px;
left: 0px;
width: 852px;
height: auto;
background-color: #fff;
border-bottom: 2px solid #d4911c;
}
div#inhalt {
float: left;
position: relative;
top: 0px;
left: 0px;
width: 482px;
height: auto;
background-color: #fff;
padding: 20px 20px 0px 20px;
}
div#infobox {
position: relative;
top: -4px;
left: 3px;
width: 280px;
height: auto;
background-color: #f3efd0;
padding: 40px 20px 20px 20px;
z-index: 0;
}
div#footer {
position: relative;
top: 5%;
left: -2px;
width: 852px;
height: 30px;
color: #666666;
margin: 5px 10px 5px 10px;
background-color: #fcfaef;
}
div#footer p {
clear: both;
margin: 5px 10px 5px 10px;
font: 11px/12px arial,helvetica,sans-serif;
}
div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover {
color: #666666;
background-color: transparent;
font: 11px/12px arial,helvetica,sans-serif;
}
div.spacer {
clear: both;
height: 10px;
}