* {
margin: 0;
padding: 0;
}
body {
background: #D5EDB3;
}
#container {
font-family: Arial, Helvetica, sans-serif;
width: 100%;
background-color: #5C743D;
margin-top: 30px;
border-top: 8px solid #5C743D;
}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 60px; color: FF0000; padding-left: 50px;}
h2 {font-size: 25px; color: 000000;}
h3 {font-size: 25px; color: FF0000;}
h4 {font-size: 20px; color: D5EDB3;}
h5 {font-size: 20px; color: 000000;}
h6 {font-size: 20px; color: FF0000;}
p {font-size: 16px; color: #000000;	text-align: justify;}

.imgleft {float: left; border: 1px solid #000000; margin: 10px 30px 10px 0px;}
.imgcenter {margin: 20px 0px 20px 0px; border: 2px solid #5C743D;}
.imgright {float: right; border: 1px solid #000000; margin: 0px 10px 10px 30px;}

#header {
width: 100%;
height: 200px;
padding-left: 0px;
background-color: #5C743D;
background-image:  url(giersch-weit.jpg);
background-repeat: no-repeat;
background-position: center;
}

#logo {
position: absolute;
right: 50px;
background: #transparent;
}
#main {
margin-left: 160px;
color: #000000;
background: #5C743D;
line-height: 20px; /* to avoid the peekaboo bug */
}
p.mainbot {
clear: both;
height: 28px;
background: #b4a895;
}

#official {
float: right;
width: 165px;
margin: 10px;
padding: 10px;
line-height: 25px;
color: #000000;
background: #D5EDB3;
}
blockquote p {
font-weight: normal;
font-size: 16px;
color: #000000;
}
cite {
display: block;
font-size: 16;
font-style: normal;
font-weight: bold;
padding-left: 20px;
}
#content {
margin-right: 200px;
padding: 20px;
color: #000000;
line-height: 30px;
background: #D5EDB3 url(../images/farbverlauf.gif) repeat-x fixed left top;
border-top: 10px solid #5C743D;
border-left: 10px solid #5C743D;
}
/* Topnavi */
#navtop {
position: absolute;
top: 0px;
left: 0px;
}
#navtop li {
display: inline;
}
#navtop a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #5C743D;
text-decoration: none;
display: block;
float: right;
padding: 5px 30px;
line-height: 20px;
}
#navtop a:hover {
color: #D5EDB3;
font-weight: normal;
background: #5C743D;
}
/* Leftnavi */
#navleft {
position: absolute;
top: 270px;
width: 150px;
left: 10px;
background: #5C743D;	
z-index: 5;
}
#navleft li {
display: inline;
}
#navleft a {
display: block;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 2px 10px 2px 0;
text-align: center;
border: 1px solid #5C743D;
}
#navleft a:link, 
#navleft a:visited {
color: #D5EDB3;
background: transparent;
}
#navleft a:hover, 
#navleft a:active, 
#navleft a:focus {
color: #000000;
background: transparent;
border-color: #D5EDB3;
}
#navleft a:link.akt, 
#navleft a:visited.akt {
color: #9c8861;
background: transparent;
border-color: #BEBCB5;
}
/* Rightnavi */
#navright a {
display: block;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0;
text-align: center;
border: 1px solid #D5EDB3;
}
#navright a:link, 
#navright a:visited {
color: #5C743D;
background: #D5EDB3;
}
#navright a:hover, 
#navright a:active, 
#navright a:focus {
color: #D5EDB3;
text-decoration: none;
background: #5C743D;
border-color: #D5EDB3;
}
#navright a:link.akt, 
#navright a:visited.akt {
color: #5C743D;
background: #D5EDB3;
border-color: #D5EDB3;
}