body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #333;
background-color: #D6D6D6;
}

a:link, a:visited { 
color: #CC2C07; 
text-decoration: none;
}

a:hover, a:active
{
color: #ffffff;
background-color: #B52C07;
margin: 10px 0 2px 0;
text-decoration: none;
}

#absender
{
text-align: right;
width: 100%;
font: 145% arial, helvetica, sans-serif;
font-weight: bold;
position: absolute;
}

#mainnav
{
position:absolute;
top: 282px;
left: 20px;
color: #000000;
padding: 8px 1px 1px 1px;
text-decoration: none;
font: bold 13px arial, verdana, sans-serif;
}

#mainnav a
{
padding: 7px 2px 2px 2px;
color: #FF0000;
text-decoration: none;
}

#mainnav a:hover
{
border-bottom: 2px solid #000000;
background-color: #FFD700;
text-decoration: none;
}

#wwwimbild
{
color: #fff;
font: 145% arial, helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1px;
position:absolute;
top: 5px;
left: 8px;
text-align:center
}

.imagefloat
{
padding: 2px;
border: 1px solid #9FA41D;
margin: 6px 10px 10px 0px;
float: left; 
}

small
{
font: 80% arial, hevetica, sans-serif;
margin: 0;
padding:0;
}

h2 + small
{
position:relative;
top:-10px;
}

hr {
 color : #CC0000;
 height : 1px;
padding:0 0 2px 0;
 border-color : #CC0000;
 border-width : 1px 0 0 0;
 border-style : dotted;
margin: 25px 0 0 0;
}

ul {
list-style-image: url(design_list_dot.gif);
margin: 0px;
padding: 15px;
}

ol {
margin: 0px;
padding: 30px;
}

#container
{
margin: 1em auto;
position: relative;
width: 700px;
text-align: left;
background-color: #fff;
}

#container_content
{
margin: 30px 0 10px 10px;
}

#banner
{
margin: 0px 0px 0px 0px;
}

#banner h1
{
README: Haupt-Ueberschrift;
margin: 0px 0px 5px 0px;
color: #000033;
font: 27px arial, hevetica, sans-serif;
font-weight: bold;
}

#banner p
{
README: Haupt-Ueberschrift;
margin: 5px 0px 10px 0px;
font: 92% arial, hevetica, sans-serif;
font-weight: bold;
}

#content 
{ 
README: Startseite Artikel komplett;
margin: 0px 200px 0px 0px;
line-height: 130%;
}

#content ul
{ 
list-style-image: url(design_dot.gif) no-repeat;
}

.componentheading
{
README: Startseite Artikel Ueberschrift;
margin-top: 10px;
font: 145% arial, helvetica, sans-serif;
font-weight: bold;
}

.contentheading
{
README: Startseite Artikel Ueberschrift;
font: 125% arial, helvetica, sans-serif;
font-weight: bold;
}

#content p
{
margin: 0px 0px 8px 0px;
README: Haupt-Text Startseite oben;
font: 92% arial, hevetica, sans-serif;
line-height: 130%;
}

.readon
{
margin: 0px 0px 0px 0px;
font: 85% arial, hevetica, sans-serif;
}

span.article_seperator 
{
README: artikel seperator startseite;
position: relative;
top: -4px;
display: block;
color : #CC0000;
height : 1px;
padding: 0 0 2px 0;
border-color : #CC0000;
border-width : 0 0 1px 0;
border-style : dotted;
min-width: 500px;
}

#column {
README: Block mit roter Box;
padding:0px 10px 40px 10px;
top: 373px;
margin-left: 503px;
position: absolute;
width:172px;
}

#column .caption
{
margin: 10px 0 5px 0;
}

#columnbox {
README: rote Box;
padding:12px;
overflow: hidden;
background: #cc0000;
}

#columnbox * td 
{
README: alle normal-Schrift darin;
font: 80% arial;
}

#columnbox h1
{
color: #fff;
margin:10px 0 0 0;
padding:0;
}

#columnbox h1 a:hover
{
text-decoration:none;
color: #ffdada;
background-color: transparent;
}

#columnbox h4
{
margin:18px 0 2px 0;
padding:0;
color: #000;
font: bold 100%/120% arial, Helvetica, Tahoma, sans-serif;
}

#columnbox p
{
font: 90%/140% arial, Helvetica, Tahoma, sans-serif;
margin: 0; 
}

#columnbox img
{
margin: 0;
padding:0;
}

#columnbox a
{
color: #fff;
text-decoration:none;
}

#columnbox a:hover
{
color: #B52C07;
text-decoration:none;
background: #fff;
}

#footer
{
clear: both;
color: #ffffff;
text-align: right;
font-size: 90%;
background-color: #cc0000;
padding: 5px 10px 5px 5px;
}