/**************************/
/********* basics *********/
/**************************/
* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color:#8BB31E;
	color:#630;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;  /* horizontal centering for IE Win quirks */
}

/********* Textformatierung *********/
p,h1,h2,h3,ul,li {
	color: #5D5B5C;

}
p,h3,ul,li {
	font-size: 12px;
	line-height: 17px;
}
li {
	margin-left:15px;
}
h1,h2 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 20px;
}
h2 {
	margin-top: 40px;
}

h3 {
	font-weight:bold;
}


/********* Links *********/
a:link {
	color:#5D5B5C;
	text-decoration: underline;
}
a:visited {
	color:#5D5B5C;
	text-decoration: underline;
}
a:hover {
	color: #5D5B5C;
	text-decoration: none;
}

/*************************************/
/************ Grundflaeche ***********/
/*************************************/

#distance { 
	width:100%;
	height:50%;
	background-color:#fff;
		margin-bottom:-9em; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
		height:20em;
	width:100%;
	clear:left;
	background-image: url(images/hg.gif);
	background-repeat:repeat-x;
	background-color: #fff;
	/* border:thin solid black; */
}

/*************************************/
/********* Hauptbereich oben *********/
/*************************************/
/********* Centerbox *********/
#centerbox {
	margin:auto;
	width: 600px;	 /* Gesamtbreite = width - padding */
	height: 240px;	 /* Gesamthoehe = heigth - padding */
	text-align:left;
	background-color: #8BB31E;
	/* border:thin solid black; */
}
/********* Logos/Header *********/
#header {
	background-image: url(images/hg.gif);
	background-repeat:repeat-x;
	background-color: #fff;
	text-align: left;
	height: 160px;
	width:600px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* border:thin solid black; */
}


/***************************************/
/********* Fusszeile *********/
/***************************************/

/********* Fusszeile unten *********/
#footer {
	float: left;
	width: 600px;
	height: 130px;
	text-align:left;
	background-color: #8BB31E;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* margin: 10px; */
	/* display:inline;	*/		/* stoppt Verdoppelung der float margins im IE6 */
	/* border:thin solid black; */
}

/*************************/
/********* Popups *********/
/*************************/
.popup {
	text-align: left;
	background: #fff;
	width: 310px;
	height: 430px;
	padding: 40px 30px 0px 30px;
}
.popup_foto {
	background: #fff;
	width: 350px;
	height: 495px;
}

#fancybox-content {
	border: 0px solid #fff;
}