/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
created by agentur etcetera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- PC-Font fix ----- */

* html h1{
	word-spacing:-0.04em;
}

/* ----- HTML und BODY ----- */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	text-align:left;
}

/* ----- galerie ----- */
div.horizon{
	width:100%;
	height:1px;
	overflow:visible;
	visibility:visible;
	display:block;
	margin:0px;
	/* Hides from IE-mac \*/
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-268px;
	/* End hide from IE-mac */
	padding:0px 0px 0px 0px;
}

/* ----- complete ----- */

#container{
	display:block;
	width:788px;
	min-height:536px;
	margin:0px auto 0px auto;
	padding:0px;
}
#sitehead{
	display:block;
	width:788px;
	height:139px;
	margin:0px 0px 7px 0px;
	padding:0px;
	background-color:#445052}
#sitebody{
	display:block;
	width:788px;
	height:365px;
	margin:0px;
	padding:0px;
	background: right bottom url('/htdocs/_img/bottom.gif') no-repeat #87bf4f;
}
#sitefoot{
	display:block;
	clear:both;
	width:788px;
	height:25px;
	margin:0px;
	padding:0px;
}
/* ----- Head ----- */

#logo{
	display:block;
	float:left;
	width:650px;
	height:139px;
	margin:0px;
	padding:0px;
}
#logo a img{
	display:block;
	width:650px;
	height:139px;
	margin:0px;
	padding:0px;
	border:0px none #fff;
}
#men{
	display:block;
	float:left;
	width:138px;
	height:139px;
	margin:0px;
	padding:0px;
}
#men ul{
	display:block;
	width:112px;
	height:72px;
	margin:35px 0px 0px 26px;
	padding:0px;
	list-style:none outside none;
}
#men ul li{
	display:block;
	width:112px
	height:18px;
	margin:0px;
	padding:0px;
}
#men ul li a{
	display:block;
	width:95px;
	height:18px;
	margin:0px;
	padding:0px 0px 0px 17px;
	text-align:left;
	text-decoration:none;
	font:normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#ffffff;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:none;
}
#men ul li a:hover{
	color:#87bf4f;
	background-image:url('/htdocs/_img/punkt.gif');
}
#men ul li a.on{
	display:block;
	width:95px;
	height:18px;
	margin:0px;
	padding:0px 0px 0px 17px;
	text-align:left;
	text-decoration:none;
	font:normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#87bf4f;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url('/htdocs/_img/punkt.gif');
}

/* ----- Body ----- */


#submen{
	display:block;
	float:left;
	width:138px;
	height:365px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:left top;
}
#submen ul{
	display:block;
	width:112px;
	height:72px;
	margin:29px 0px 0px 26px;
	padding:0px;
	list-style:none outside none;
}
#submen ul li{
	display:block;
	width:112px
	height:18px;
	margin:0px;
	padding:0px;
}
#submen ul li a{
	display:block;
	width:95px;
	height:18px;
	margin:0px;
	padding:0px 0px 0px 17px;
	text-align:left;
	text-decoration:none;
	font:normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#ffffff;
}
#submen ul li a:hover{
	color:#445052;
}
#submen ul li a.on{
	display:block;
	width:95px;
	height:18px;
	margin:0px;
	padding:0px 0px 0px 17px;
	text-align:left;
	text-decoration:none;
	font:normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#445052;
}

#content{
	display:block;
	float:left;
	overflow:auto;
	width:650px;
	height:365px;
	margin:0px;
	padding:0px;
}
#content div.galerie{
	display:block;
	width:610px;
	margin:0px;
	padding:0px 0px 20px 20px;
	background-color:#87bf4f;
}
#content div.galerie a img{
	display:block;
	margin:0px;
	padding:0px;
	border:0px none;
}
#content h1{
	margin:30px 0px 16px 40px;
	padding:0;
	font:normal 18px/24px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#445052;
}
#content h1 a.top{
	display:block;
	width:400px;
	min-height:24px;
	margin:0;
	padding:0;
	font:normal 18px/24px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	text-decoration:none;
	color:#445052;
	background-position:right 9px;
	background-repeat:no-repeat;
	background-image:url('/htdocs/_img/pfeil-hoch.gif');
}
#content p{
	margin:0px 0px 16px 40px;
	padding:0px;
	color:#445052;
	font:normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
}
p span.row{
	display:block;
	float:left;
	width:100px;
	height:16px;
	margin:0px;
	padding:0px;
}
p a{
	color:#445052;
	text-decoration:underline;
}
p a:hover{
	color:#ffffff;
	text-decoration:underline;
}
p a.free{
	color:#445052;
	text-decoration:none;
}
p a.free:hover{
	color:#ffffff;
	text-decoration:none;
}
p a.free img{
	border:0px none #fff;
}
div.clear,span.clear{
	display:block;
	clear:both;
	width:100%;
	height:1px;
	margin:0px 0px -1px 0px;
	padding:0px;
	font:normal 1px/1px Sans-Serif;
}

/* ----- Foot ----- */
#sitefoot a{
	display:block;
	width:139px;
	height:25px;
	margin:0px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	font:normal 9px/25px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#445052;
}
#sitefoot a:hover{
	color:#87bf4f;
}
#sitefoot a.on{
	display:block;
	width:139px;
	height:25px;
	margin:0px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	font:normal 9px/25px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color:#87bf4f;
}
