<style type="text/css">
html, body {
font: 100% arial, helvetica, sans-serif;
}
*{
margin:0;
padding:0;
}
#kopfzeile {
height:114px;
background:url(<!-- m --><a class="postlink" href="http://www.flender-flux.de/0graf/head0_1.gif">http://www.flender-flux.de/0graf/head0_1.gif</a><!-- m -->) no-repeat center;
background-color: #dedede;
border-bottom:2px solid white;
}
#navigation {
background-color: #aab3b6;
border-bottom: 2px solid white;
}
#navigation ul {
text-align: center;
}
#navigation li {
display: inline;
}
#navigation a {
display: inline-block;
text-decoration: none;
color: #ffffff;
list-style: none;
padding: .3em 3em .3em 3em;
}
#navigation a:hover {
background-color: #051cff;
}
#produktnavigator {
float: left;
width: 13em;
background-color: white;
}
#produktnavigator h3 {
padding: 0.5em;
text-align: center;
background-color: #dde1e2;
}
#produktnavigator ul {
list-style: none;
margin: 0;
padding: 0;
}
#produktnavigator li {
text-align:left;
font-size: 80%;
padding: 1px 0 1px 0;
}
#produktnavigator li a {
display:block;
background-color:#dde1e2;
color: #474747;
text-decoration: none;
padding: .2em 1em .2em 1em;
}
#produktnavigator a:hover {
color: #051cff;
}
#news {
float:right;
background-color:#dde1e2;
height: 30em;
width: 13em;
}
#news h3 {
text-align: center;
padding: 0.5em;
border-bottom: solid black 1px;
}
#news ol {
padding-left: 2em;
}
#news li {
padding-left: 20px;
font-size: 80%;
padding: 3px;
}
#slogan {
background: url(<!-- m --><a class="postlink" href="http://www.flender-flux.de/100graf/start_fo.jpg">http://www.flender-flux.de/100graf/start_fo.jpg</a><!-- m -->) no-repeat center top;
height: 120px;
background-color:#dde1e2;
}
#inhalt {
background-color:#dde1e2;
height: 25em;
border-bottom: white solid 2px;
}
#inhalt h1 {
text-align: center;
padding: 1em;
}
#inhalt p {
text-align: center;
margin-left:10em;
margin-right: 10em;
}
#foot {
clear: both;
background-color: #aab3b6;
}
#foot p {
text-align: center;
padding: .3em;
}
</style>