html {
background:#f4eded;
}

body {
color:#4d4d4d;
font:15px/18px sans-serif;
background:#f4eded;
}

#logo {
position:absolute;
left:10%;
top:5%;
height:80px;
width:90%;
background:url(../grafik/werktext.png);
background-repeat:no-repeat;
background-position:10px 10px;
}

#menu {
white-space:nowrap;
overflow:visible;
font:15px/24px sans-serif;
color:#f4eded;
background:#4d4d4d;
margin:80px 10% 0 0;
padding:6px 12px;
}

#content {
margin-right:10%;
overflow:hidden;
color:#4d4d4d;
background:#f4eded;
border:3px solid #cc1f2f;
padding:6px 12px;
}

div.navi {
color:#f4eded;
background:#cc1f2f;
float:left;
margin:6px 12px 6px 0;
padding:3px 6px 6px;
}

ul.navi {
list-style:square;
margin:0;
}

#footer {
margin-right:10%;
margin-bottom:10%;
font:10px/12px sans-serif;
text-align:right;
color:#f4eded;
background:#4d4d4d;
padding:6px 12px;
}

#blank {
height:1px;
}

p {
font:15px/18px sans-serif;
text-align:left;
margin:0 0 9px;
}

li {
font:15px/18px sans-serif;
margin:0 0 6px;
}

ol {
list-style-type:decimal;
font:15px/18px sans-serif;
}

ul {
list-style-type:square;
font:15px/18px sans-serif;
}

h3 {
font:bold 15px/15px sans-serif;
text-align:left;
margin:18px 0 3px;
}

h2 {
font:bold 18px/18px sans-serif;
text-align:left;
margin:18px 0 3px;
}

h1 {
font:bold 18px/18px sans-serif;
text-align:left;
margin:6px 0 3px;
}

a {
color:#4d4d4d;
text-decoration:underline;
}

a:hover {
color:#4d4d4d;
text-decoration:none;
}

a.navi {
color:#f4eded;
text-decoration:underline;
}

a.navi:hover {
color:#f4eded;
text-decoration:none;
}

img.l {
float:left;
border:none;
margin:0 9px 3px 0;
}

img.r {
float:right;
border:none;
margin:0 0 3px 9px;
}

img.txt {
border:none;
margin:0 0 3px 0;
}

div.rahmen-l {
background:#4d4d4d;
float:left;
border:2px solid #cc1f2f;
color:#f4eded;
font:12px/15px sans-serif;
margin:3px 6px 3px 0px;
padding:6px 6px 3px 6px;
}

div.rahmen-r {
background:#4d4d4d;
float:right;
border:2px solid #cc1f2f;
color:#f4eded;
font:12px/15px sans-serif;
margin:3px 0px 3px 6px;
padding:6px 6px 3px 6px;
}