/*
henn-garten.de
Author: PSD2WEB.de| Fabian Britsch
Version: 1.0
Date: 30.08.2007
*/


* {margin:0px; padding: 0px;}

body {
  background: #fff;
  font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  width:100%;
}
a:link, a:visited {
  color: #6b8e0d;
}

a:visited:hover,
a:hover {
  color: #b2ec15;
  text-decoration: none;
}
h1, h2, h3 {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
h1 {
  font-size: 180%;
  letter-spacing: -0.05em;
  color:#6e910d;

}
h2 {
  font-size: 130%;
    color:#809151;
    margin:10px 0px 10px 0px;
}
h3 {
  color:#c11e1e;
  font-size: 115%;
   margin-bottom:10px;
}
h4 {
  font-size: 110%;
}
p {
  margin-top: .25em;
  margin-bottom: 2em;
  font-size: 1.1em;
  letter-spacing: -0.02em;
  line-height: 1.3em;
}
ul{margin-left:20px;}

#clear {clear:both; height:auto;}

.mark{
	background:#D2E2AE;
}

/* PAGE  */

#page {       
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* header */

#header {
	float:left;
	background:white url(../images/header_bg.gif) left bottom no-repeat;
	height: 160px;
	position: relative;
	width:800px;
	text-align:center;
}

#header img,#header2 img {
/*	position:absolute;
	top:0px;
	left:20px;
*/	border:none;
}

#header2 {
	float:left;
	background:white;
	height: 130px;
	position: relative;
	width:800px;
	text-align:center;
}


/* teaser top */

#flash {
	float:left;	
	width:800px;
	height: 340px;
	position:relative;
}

#flash2{
	float:left;
  width:800px;
  height: 100px;
  position:relative;
  border-bottom:4px solid #a6b089;
}

/* content */

#content {
position:relative;
  width:800px;
  height:auto;
  float:left;
  margin:10px 0px 10px 0px;
}

#gallery{
background:#ddebb7;
margin-top:-10px;
margin-bottom:10px;
padding:40px;
float:left;
width:720px;}
#gallery img{padding:8px; border:none;}

.box{
width:152px;
margin-right:10px;
float:left;}

.end{margin-right:0px;}

.box H1{
padding:4px 0px 5px 5px;
background: url(../images/box_bg.gif) repeat-x scroll top left;
font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#50504f;
text-transform:uppercase;
letter-spacing:0.05em;
}
.box H1 a{ color:#50504f; text-decoration:none;}
.box H1 a:hover{ color:#72970e; text-decoration:none;}

.box img{ float:left; border:none;}

.box2{
width:691px;
padding-left:109px;
height:30px;
overflow:hidden;
float:left;
background:#8EBC11;
text-align:center;
}
.box2 a{
display:block;
float:left;
margin-top:3px;
margin-right:30px;
padding:6px 8px 4px 8px;
font:bold 12px Verdana, Helvetica, Arial, sans-serif; color:#50504f;
text-transform:uppercase;
letter-spacing:0.05em;
}
.box2  a{ color:#fff; text-decoration:none;}
.box2  a:hover{ color:#72970e; text-decoration:none; background:#DDEBB7;}
.box2  a#act{ color:#65860c; text-decoration:none; background:#b4d45b;}
.box2  a#act:hover{ color:#72970e; text-decoration:none; background:#DDEBB7;}

/* footer */

#footer {
	width:800px;
	background:#8ebc11;
	float:left;
	text-align:center;
}
#footer span{padding:5px; display:block; color:#fff; font-size:11px;}
#footer span a:hover{ color:#c1ff17;}
#footer span a{ color:#fff;}