html 
{ 
 	margin:0px; 
 	padding:0px;
}
body 
{ 
 	height: 100%;
 	margin: 0px; 
 	padding: 0px;
 	background: #C5C5C4 url(zelle.gif) repeat;

}
div#hintergrund_oben
{
  	height: 1200px;
	background: url(hg_streifen.gif) repeat-x;
  	z-index: 2;
}
div#steuerung
{
	position:absolute;
	left: 50%;
	top: 0px;
	margin-left: -485px;
  	z-index: 2;
}
div#oben
{
  	width: 970px;
	height: 426px;
	background: url(oben.jpg) no-repeat;
	z-index: 3;
}
div#mitte
{
  margin-left: 102px;
  width: 749px;
  min-height: 500px;
  padding: 20px;
  background: #F2F2F2;
  border-left: 5px solid #A7A5A6;
  border-right: 5px solid #A7A5A6;
  border-bottom: 5px solid #A7A5A6;
  font: 12px/14px "Trebuchet MS";
  color: #7A7579;  
  z-index: 3;
}
div#mitte a
{
  text-decoration: none;
  color: #7A7579;
}
div#mitte a:hover
{
  color: #000000;
}
div#unten
{
  width: 928px;
  height: 70px;
  padding-top: 50px;
  padding-left: 150px;
  background: url(unten.gif) no-repeat;
  font: 12px/14px Arial, Helvetica, sans-serif;
  color: #ffffff;
  z-index: 3;
}
div#inhalt
{
  width: 700px;
  z-index: 4;
}
div#zierlelement_links
{
  width: 190px;
  height: 430px;
  margin-left: -120px;
  margin-top: -310px;
  float: left;
  z-index: 6;
}
div#zierlelement_rechts
{
  width: 155px;
  height: 180px;
  margin-left: 600px;
  margin-top: -150px;
  float: left;
  z-index: 6;
}
div#navigation
{
  position:absolute;
  top: 350px;
  left: 347px;
  width: 540px;
  height: 29px;
  font: 12px/32px "Trebuchet MS";
  font-weight:bold;
  color:#000000;
  background: url(hg_navi.gif) repeat-x;	 
  z-index: 4;
}
div#navigation a
{
  padding-left: 7px;
  padding-right: 7px;
  text-decoration:none;
  color:#000000;
  height: 29px;
  display:block;
}
div#navigation a:hover
{
  color: #808080;
  background: url(hg_aktiv.gif) repeat-x;	
}
div#navigation .sel
{
  color: #808080;
  background: url(hg_aktiv.gif) repeat-x;
}
div#ueberschrift
{
	font: 24px/32px "Trebuchet MS";
	color: #A7A5A6;
	height: 40px;
}
div#playerrahmen
{
	border: 5px solid #A7A5A6;
	width: 316px;
	height: 200px;
}
div#bild
{
	position:relative;
	left: -20px;
	width: 320px;
	height: 320px;
	float: right;
}
div#buttons
{
	padding-left: 20px;
	float: right;
}
.bilderrahmen
{
	border: 5px solid #A7A5A6;
}
.icons
{
	width: 36px;
	height: 34px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: -10px;
	float: left;
}
table.gaestebuch
{
	border: 1px solid #A7A5A6;
}
td.spalte1
{
	background:#E2E2E2;
	padding: 10px;
}
td.spalte2
{
	border-left: 1px solid #A7A5A6;
	padding: 10px;
}

.thumbnail
{
	width: 180px;
	height: 220px;
	padding: 25px;
	background:url(hg_thumbnails.jpg) no-repeat;
}
.fehlermeldung
{
  font-weight: normal;
  color:#7A7579;
  width: 500px;
  padding: 10px;
  border: 1px solid #ff0000;
  background: #FFCCCC;
  display: block;
}
.error
{
  color:#ff0000;
  font-weight: bold;
}
input
{
	font: 12px/14px "Trebuchet MS";
  	color: #7A7579;  
	width:250px;
	padding-left: 2px;
	border: 1px solid #A7A5A6;
}
textarea
{
	font: 12px/14px "Trebuchet MS";
  	color: #7A7579;  
	width:520px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #A7A5A6;
}
input#submit
{					
   font: 12px/14px "Trebuchet MS";
    font-weight:bold;
    color:#575757;	
	width:93px;
	height: 25px;
	border: none;
	background: #E2E2E2;
	border: #A7A5A6 3px double;
	cursor:pointer; 
}
table#formular td
{
  padding-bottom: 7px;
}
.subline
{
  font-weight:bold;
}
div#hinweis
{
	position:relative;
	top: -40px;
}