@charset "utf-8";
*{margin: 0px;padding: 0px; border: 0px;}

body { 
	background:url(../bilder/hg_gruen_01.gif); 
	text-align:center;
	font-size:90%; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:0; 
}
	  
#body{ position: absolute;width: 960px;}	  
	  
/*=============
     HEAD
=============*/
#head { 
	  width:60em; 
	  text-align:left; 
	  border:1px solid #ecf3f9; 
	  margin:60px auto; 
	  padding-top:2em; 
	  }

/*==========================
    SEITERECHTS & NAVIGATION
==========================*/
#seiterechts {
	position:absolute;
	margin-left:755px;
	margin-top:20px;
	z-index:1;
	width:171px;
	height:230px;
	background:url(../bilder/seitrekant.png) right;
}

#retop{background:url(../bilder/rebgtop.png) no-repeat top;}
#rebottom{
  	width: 171px;
	text-align:left;
	height: 230px;
  	background:url(../bilder/regbottom.png) no-repeat bottom;
}

#seiterechts h2{
  clear: both;
  font-size:14px;
  font-weight:bold;
  padding-top: 2em;
  padding-bottom:1em;
  padding-left:1em;
  padding-right:1em;
}

#seiterechts div{line-height: 1.4em;font-size: 9pt;}

#seiterechts a{ 
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}


#rebutton {width:14em;}
#rebutton li a:hover {
		border-left: 3px solid #8BAD25;
		background-color: #8BAD25;
		color: #fff;
		display: block;
  		width: 95%; 
		}

#relistenmenue {
  list-style-type: none; 
  margin-left:0.5em; 
  padding-left:0.5em;
  
}




/*==========================
    SIDEBAR & NAVIGATION
==========================*/

#seitelinks {
	position:absolute;
	margin-left: -26px;
	margin-bottom: 100px;
	top:112px;
	width:186px;
	height:250px;
	background:url(../bilder/kantli.png) right;
}

#litop{background:url(../bilder/libgtop.png) no-repeat top;}
#libottom{
  	width: 186px;
	text-align:left;
	height: 370px;
  	background:url(../bilder/libgbottom.png) no-repeat bottom;
}

#seitelinks h2{
  clear: both;
  font-size:14px;
  font-weight:bold;
  padding-top: 3.5em;
  padding-bottom:1em;
  padding-left:1em;
  padding-right:1em;
}

#seitelinks div{
  line-height: 1.4em;
  font-size: 9pt;
}



#seitelinks a{ 
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

#button {width:14em;}
#button li a:hover {
		border-left: 10px solid #8BAD25;
		border-right: 15px solid #8BAD25;
		background-color: #8BAD25;
		color: #fff;
		display: block;
  		width: 99%; 
		}

#listenmenue {
  list-style-type: none; 
  margin-left:0.9em; 
  padding-left:0.5em;
  
}


  
/*=============
    INHALT
=============*/
#main
{
  width: 598px;
  margin-left: 160px;
  margin-bottom: 80px;
  background: #FFF url(../bilder/kantre.png) right repeat-y;
}
#main a
{
  text-decoration: underline;
}
#main a:link
{
  color: #8BAD25;
}
#main a:hover, #main a:active, #main a:visited
{
  color: #8BAD25;
}

#main div
{
  line-height: 1.4em;
  font-size: 9pt;
}
#main p
{
  clear: both;
  margin-top: 0.5em;
  margin-left:2.3em;
  margin-right:2.2em;
}
#main .cover
{
  float: left;
  border: 1px solid black;
  margin-right: 10px;
  margin-bottom: 1em;
  width: 134px;
  height: 134px;
}
#main #maintop
{
  width: 599px;
  background:url(../bilder/mainbgtop.png) no-repeat top;
  background-position:-1px 0px;
}
#main #mainbottom
{
  	width: 598px;
	text-align:left;
	height: 30px;
  	background:url(../bilder/mainbgbottom.png) no-repeat bottom;

}
#main h2 
{
  font-size: 12pt;
  margin-top: 0.5em;
  margin-left:2.3em;
  margin-right:2.2em;
  clear: both;
}
#main h2.abstand
{
  margin: 1em;
}
#main div#impressum
{
  font-size: 8pt;
  text-align: justify;
}


/*======================
    GÄSTEBUCH
=========================*/


h2
{
  font-size: 10pt;
  font-weight: bold;
  clear: both;
}
h3
{
  font-size: 8pt;
  line-height: 9pt;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0.5em;
  margin-top: -0.5em;
}
hr
{
  width: 250px;
  height: 1px;
  background-color: #ff8700;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*======================
      FORMULAR
======================*/
input, textarea
{
  background: #eee;
  color: #000;
  border: 1px solid #999;
}



/*================
     FOTOS
=================*/
.galerie
{
  line-height: 1em;
  
}
.galerie a
{
  width: 90px;
  height: 90px;
  margin: 1px;
}
img.fotos
{
 width: 88px;
 height: 88px;
 border: 1px solid black;
}

#img1 {
	position:absolute;
	left:700px;
	top:115px;
	width:207px;
	height:262px;
	z-index:2;
}