body {
	background-image: url(./images/background.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	font-family: "Times New Roman",Arial,Tahoma,Verdana;
	overflow: hidden;
}

h1,h3,p,ul.liste li {
	color: #000000;
}

ul.infoliste li {
	color: #ffffff;
}

h1 {
	font-size: 18pt;
}

h2 {
	color: #00869E;
	font-size: 14pt;
	font-style: italic;
}

h3 {
	font-size: 12pt;
}

u {
	color: #00869E;
	font-weight: bold;
}

small {
	font-size: 10pt;
}

a {
	text-decoration: none;
	color: #00869E;
}

a.navilink {
	font-weight: bold;
}

a:hover {
	color: #000000;
}

p,h1,h2,h3 {
	margin: 10px 30px 10px 30px;
}

p, span {
	text-align: justify;
	word-wrap: break-word;
}

ul.liste li {
	margin: 0 5px 0 30px;
}

ul.infoliste li {
	margin: 0 5px 0 5px;
}

ul.liste {
	list-style-type: disc;
	list-style-position: outside;
}

ul.infoliste {
	list-style-type: circle;
	list-style-position: outside;
}

ul.navilinks {
	margin: 150px 0px 0px 0px;
	list-style-type: none;
	list-style-position: outside;
}

hr.anfang {
	background-color: #CCCCCC;
	height: 1px;
	border: 0px;
}

hr.ende {
	border: none 0;
	border-top: 1px dashed transparent;
	width: 50%;
	height: 0px;
	margin: 0px 0px 25px 0px;
}

div#zierbox {
	background-image: url(./images/zier.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;
}

div#contentbox {
	background-image: url(./images/cont_bg.png);
	background-repeat: repeat-y;
	position: relative;
	left: 175px;
	top: 125px;
	margin: 0;
	padding: 0;
	width: 675px;
	/*min-height: 400px;*/
	z-index: 2;
}

div#scrollbox {
	height: 400px;
	/*min-height: 400px;*/
	overflow: auto;
	z-index: 3;
}

div#impressumlink {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index:10;
	font-size: 10pt;
}

.leiste_oben {
	width: 675px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.endleiste {
	margin: 0;
	padding: 0;
	width: 675px;
	height: 20px;
	background-image: url(./images/cont_bottom.png);
}
div#stcol {
	position: absolute;
	left: 15px;
	bottom: 1px;
	z-index:99;
}

.textfeld {
	width: 160px;
	height: 18px;
	margin: 5px;
}

p#eingabefelder {
	float: left;
	width: 180px;
	margin: 10px 0 10px 30px;
}

p#nachricht {
	float: right;
	width: 330px;
	margin: 10px 30px 10px 0;
}

/* Overlay-Funktion */

.overlay span.infobox,.overlay span.bildbox {
	position: absolute;
	left: -1000px;
	top: 0;
	visibility: hidden;
	z-index: 0;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
	background-color: #00869e;
	margin: 0;
}

.overlay:hover {
	background-color: transparent;
}

.overlay:hover span.infobox {
	left: 350px;
	top: 85px;
	visibility: visible;
	z-index: 5;
	padding: 10px;
	width: 380px;
	/*height: 120px;*/
}

.overlay img.vorschau {
	width: 130px;
	height: 90px;
	border: 1px solid #00869e;
	margin: 5px 0 5px 30px;
}

.overlay img.vorschau2 {
	width: 130px;
	height: 90px;
	border: 1px solid #00869e;
	margin: 5px 0 5px 10px;
}

.overlay img.vorschau3 {
	width: 77px;
	height: 90px;
	border: 1px solid #00869e;
	margin: 5px 0 5px 10px;
}

.overlay img.vorschau4 {
	width: 77px;
	height: 90px;
	border: 1px solid #00869e;
	margin: 5px 0 5px 30px;
}

.overlay:hover span.bildbox {
	background-color: #00869e;
	left: 350px;
	top: 85px;
	margin: 0;
	padding: 10px;
	width: 380px;
	height: 350px;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
	visibility: visible;
	z-index: 10;
}

.overlay span.bildbox img {
	border: 1px solid #ffffff;
	width: 380px;
	height: 270px;
	z-index: 6;
}

.overlay span.bildbox img.hochkant {
	border: 1px solid #ffffff;
	width: 295px;
	height: 350px;
	z-index: 6;
}