html, body {height: 100%;font: 12px/1.3em Verdana, sans-serif; padding: 0; margin: 0;}
p {padding: 0; margin: 0 0 8px 0;}
a {text-decoration: none; color: #000;}
h1, h2, h3 {padding: 0; margin: 0;}


h2 {padding: 10px 0 21px 0;}

/* ------------------------ */
/* basic styles */

#logo {
height: 120px;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: gray;
}


#center {
position: relative;
top: 7px;
margin: auto;
width: 810px;

}

#container{
/*height: 500px;*/
border-style: solid;
border-width: 1px;
}

#content {
margin-left: 165px;
width: 600px;
padding: 15px 0 15px 15px;
}

#top{
height: 100px;

}

#navigation{
height: 440px;
width: 150px;
float: left;
padding: 60px 0px 0px 0px;
}

#navigation a {
display: block;
font-size: 9pt;
margin-bottom: 10px;
padding: 8px 0 8px 15px;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: gray;
}
#navigation a.active {
font-weight: bold;
}
#gennav a.active {
font-weight: bold;
}
#link1 {
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-color: gray;
}

#gennav {
position: relative;


}

#gennav a {
position: relative;
left: 474px;
width: 200px;
padding: 0 10px 0 10px;
line-height: 1.8em;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-color: gray;
}
#bildarea{
height: 650px;
width: 200px;
float: right;
}
#footer {
padding: 5px 0 20px 0;
text-align: center;
}
#gruss{
position: relative;
float: left;
top: 25px;
margin-right: 50px;
}
#schriftzug {
margin-top: 0px;
}
#wappen{
position: relative;
float: right;
margin-top: -230px;
}
#haus1{
position: relative;
left: 0px;
margin-top: 10px;
}
#innen1 {
position: relative;
float: left;
margin: 0 20px 25px 0;
}
#innen2 {
position: relative;
float: right;
padding-top: 80px;
padding-right: 20px;
margin: 0px 0px 0px 0;
}
#zimmer3{
position: relative;
float: left;
margin: 0px 10px 0px 0;
}
#zimmer1{
position: relative;
float: left;
margin: 35px 175px 0px 0;
}
#zimmer2{
position: relative;
float: left;
margin: 35px 20px 0px 0;
}
#herz{
position: absolute;
top: 40px;
left:630px;
}
#garten1{
position: relative;
float: right;
margin: 0 0 0 10px;
}
#garten2{
position: relative;
margin: -80px 10px 10px 0px;
}
#garten3{
position: relative;
float: right;
margin: -180px 0 10px 0px;
}
#historie1{
position: relative;
float: left;
margin: 0px 10px 40px 0px;
}
#historie2{
position: relative;
float: left;
margin: 0px 10px 0px 0px;
}
/* ------------------------ */
/* color */

html, body {color: #000;}

a {color: #000;}
a:hover {color: #012D00;}
a.active {color: #012D00;}


#gennav a {color: #000;}
#gennav a:hover {color: #012D00;}
#gennav a.active {color: #012D00;}


#navigation a {color: #000;}
#navigation a:hover {color: #012D00;}
#navigation a.active {color: #012D00;}


/*#logo {background: #012D00;}*/
#logo {background-image: url(img/backlogo.gif); background-repeat: repeat-x; }
#center {background: #FFFFCC;}
#navigation a {background: #E9E9B6; opacity:0.8;}
#navigation a.active {background: #fff;}
#gennav a {background: #E9E9B6;}
#gennav a.active {background: #fff;}
#gennav a:hover {background: #fff;}
#gennav a:hover.active {background: #E9E9B6;}
#navigation a:hover {background: #fff;}
#navigation a:hover.active {background: #E9E9B6;}

#navigation {background-image: url(img/backnav2.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

body {background: #FFFFCC;}

/* ------------------------ */
/* layout */

/*



/* ------------------------ */
/* background images */




/*#content {background: orange;}
#footer  {background: yellow;}
#gennav {background: gray;}*/