* {
margin: 0;
padding: 0;}

body{
background:#ffffff;
font-family:verdana, arial, san-serif;
font-size:x-small;
margin-top:15px;
padding-top:10px;}

#container{
width:800px;
height:600px;
margin:0 auto;
border-style: solid;
border-width: 1px;
border-color: #557538;}

#container2{
width:800px;
height:600px;
margin:0 auto;
border-style: solid;
border-width: 1px;
border-color: #557538;
background-image:url(bilder/hg_2.jpg);
background-repeat:no-repeat;
background-position:top left;}

/*png fix */
a, div, area, img { behavior: url(iepngfix.htc) }

#oben {
width: 100%;
text-align: right;
margin-top: -15px;}

*html #oben {
position: relative;}

.linkklein {
color: #6e4313;
text-decoration:none;}

.linkklein:hover {
text-decoration: none;}

/* Klammert die beiden Boxen links und rechts */
#main {
clear: both;
width: 100%;
padding: 0;
margin: 0;;
}

#main2 {
clear: both;
width: 100%;
padding: 0;
margin: 0;}

/* IE6 Korrektur */
*html #main {
margin-top: -2px;
}

.clearfix {
display: block;
}

/* klammert alles linke */ 
#linksrum {
width:320px;
float: left;
z-index: 3;
}

#left {
z-index: 4;
}

#content{
height:600px;
margin-top:0;}

*html #content {
position: relative;}

/* aehnlich linksrum in rechts */
#rechtsrum {
width: 470px;
float: right;
z-index: 1;}

#right {
z-index:2;
padding: 0; 
margin:0;}

#left, #right {position: relative;}

a{
text-decoration:none;}

a:hover, a:active{
text-decoration:underline;}

.textrechts{
width:430px;
margin-left:0px;
padding-top:100px;
color:#000000;
font-size:small;
line-height: 150%;}

.text{
text-align: justify;}

.text2{
font-size: 11px;}

.fett{
font-weight:bold;}

.gruen{
color: #628137;
font-size: 18px;;
font-weight: bold;}

.gruen2{
color: #628137;
font-size: small;
font-weight: bold;}

.braun{
color: #6e4313;
font-size: small;
font-weight: bold;
}

.klein{
font-size:x-small;
line-height: 100%}

.bild{
border: 0;
float: left;
margin: 0 15px 15px 0;}

.bild2{
border: 0;
float: right;
margin: 0 15px 0px 15px;}