* {
margin: 0;
padding: 0;
font-size: 100%;
}

body {
font: normal 13px/20px verdana, arial, sans-serif;
color: #000;
background-color: #f0ece8;
}

h1 {
text-align: center;
font-size: 15px;
font-weight: bold;
}

h2 {
text-align: left;
font-size: 15px;
font-weight: bold;
color: #800;
position: relative;
top: 10px;
left: -50px;
}

h3 {
text-align: center;
font-size: 13px;
font-weight: bold;
margin: 5px 0 5px 0;
}

#wrapper {
width: 800px;
height: 740px;
margin: 5px auto 0 auto;
}

#wrapper2 {
width: 800px;
height: 840px;
margin: 5px auto 0 auto;
}

/*--- HEADER ---*/

#header{
background-color: #f0dcb0;
height: 85px;
}

/*--- NAVIGATION ---*/

#navi {
width: 160px;
height: 100%;
float: left;
background-color: #f0ece8;
background-image: url("images/background.gif");
font-weight: bold;
}

#navi ul {
margin: 50px 2px 0 2px;
}

#navi ul a:link,
#navi ul a:visited {
color: #800;
text-decoration: none;
}

#navi li a:hover {
color: #f0ece8;
background-color: #800;
}

#navi li a:active {
color: #f0dcb0;
text-decoration: underline;
}

#navi li a:focus {
color: #f00;
text-decoration: underline overline;
}
#navi li {
list-style: none;
font-weight: bold;
text-decoration: none;
margin: 10px 10px 10px 10px;
padding: 5px 5px 5px 5px;
}

#navi li.active {
color: #f0ece8;
background-color: #800;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*--- INHALT ---*/

#content {
width: 640px;
height: 700px;
float: right;
margin-top: 20px;
}

.rightimage {
margin: 0 0 0 0;
float: right;
border: none;
}

.centerimage {
text-align: center;
border: none;
}

#content p {
margin: 10px 20px 0px 20px;
text-align: justify;
}

#content p.center {
margin: 10px 30px 0px 30px;
text-align: center;
}

#content ul {
margin: 0px 0px 0px 30px;
}

#content p.center a:link,
#content p.center a:visited,
#content ul a:link,
#content ul a:visited {
color: #800;
text-decoration: underline;
}

#content p.center a:hover,
#content ul a:hover {
color: #f0ece8;
background-color: #800;
}

#content p.center a:focus,
#content p.center a:active,
#content ul a:focus,
#content ul a:active {
color: #f00;
background-color: #f0ece8;
text-decoration: underline overline;
}

/*--- FUSSZEILEN ---*/

#footer {
clear: both;
height: 20px;
color: #000;
background-color: #f0dcb0;
text-align: center;
}

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

#footer a:hover {
color: #f0ece8;
background-color: #800;
}

#footer a:focus,
#footer a:active {
color: #f00;
text-decoration: underline overline;
}

#footer2 {
clear: both;
height: 15px;
font-size: 75%;
color: #000;
background-color: #f0ece8;
text-align: center;
}

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

#footer2 a:hover {
color: #f0ece8;
background-color: #800;
}

#footer a:focus,
#footer a:active {
color: #f00;
text-decoration: underline overline;
}