* { margin: 0; padding: 0; border: 0; }
html {
}
body {
 color: #000;
 background: #D4F1A2;
 text-align: center;
 font: 100.01%/1.4; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
#wrappage {
 width: 900px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 border: 2px solid white;
 font-size: .75em;
/* height: 400px; */
}

#kopf {
 position: relative;
 height: 234px;
 background: url(images/hainbuchenkarree-kopf.jpg) no-repeat;
}
#navigation {
 position: absolute;
 top: 135px;
 left: 0;
 width: 900px; 
/* border: 1px solid white; */
}
#navigation h4 {
 display: none;
 visibility: hidden;
}
#navigation ul {
 list-style-type: none;
 font-weight: bold;
 text-align: center;
}
#navigation li {
 width: 150px;
 float: left;
 margin: 2px 0;
}
#navigation li ul {
 margin: 4px -10px 0 10px;
/* font-weight: normal; */
 font-size: .95em;
 text-align: left;
 width: 130px;
}
#navigation a {
 text-decoration: none;
 color: #333333;
}
#navigation a:hover {
 color: #000000;
}

#navigation li.active a {
 color: #4A630A;
}
#navigation li.active li a {
 color: #333333;
}
#navigation li.active li a:hover {
 color: #000000;
}

#contentarea {
 position: relative;
 padding: 50px;
 border: 2px solid white;
 background: url(images/page-bg.gif) repeat-y;
 
}
#content {
 margin: 0 50px;
 padding: 10px 20px;
 background: #ffffff;
}

#content p {
 margin: 8px 0;
}
#content table p {
 margin: 4px 8px;
}

#content h1, h2, h3 {
 margin: 11px 0;
}
#content h1 {
 font-size: 1.15em;
}
#content h2 {
 font-size: 1.1em;
 font-style: italic;
}
#content h3 {
 font-size: 1.05em;
}
#content a {
 color: #4A630A;
}
#content a:hover {
 color: #000000;
}
#content ul, ol {
 margin: 20px;
}