@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
ul {
	padding-left: 30px;
	line-height: 25px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 0px;
	padding-left: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #008ee0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #008ee0;
}
/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
#container {
	width: 860px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	height: 1070px;
}
#logo {
	position: absolute;
	height: 66px;
	width: 860px;
	left: 0px;
	top: 5px;
}
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	position: absolute;
	left: 760px;
	top: 5px;
	z-index: 2;
	width: 110px;
}
#slideshow {
	position: absolute;
	height: 320px;
	width: 860px;
	left: 0px;
	top: 90px;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #f1f0f0;
	position: absolute;
	height: 430px;
	width: 860px;
	left: 0px;
	top: 420px;
}
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	position: absolute;
	height: 200px;
	width: 860px;
	left: 0px;
	top: 870px;
}
#footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	position: absolute;
	height: 180px;
	width: 320px;
	left: 20px;
	top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#footerrechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	position: absolute;
	height: 190px;
	width: 450px;
	left: 400px;
	top: 20px;
}
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 210px;
	width: 470px;
	left: 20px;
	top: 30px;
	z-index: 2;
}
#impressum table tr td p a {
	color: #000;
	text-decoration: none;
}
#impressum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 390px;
	width: 800px;
	left: 20px;
	top: 30px;
	z-index: 2;
}
#anfahrt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 50px;
	width: 200px;
	left: 20px;
	top: 30px;
	z-index: 2;
}
#refotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 50px;
	width: 820px;
	left: 20px;
	top: 30px;
	z-index: 2;
}
#kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 50px;
	width: 200px;
	left: 380px;
	top: 30px;
	z-index: 2;
}
#maps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 300px;
	width: 300px;
	left: 20px;
	top: 80px;
	z-index: 2;
}
#kofo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 340px;
	width: 300px;
	left: 380px;
	top: 80px;
	z-index: 2;
}
#refo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 280px;
	width: 600px;
	left: 20px;
	top: 150px;
	z-index: 2;
}
#refohinweis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 195px;
	width: 255px;
	left: 500px;
	top: 150px;
	z-index: 2;
	padding: 15px;
	border: 1px solid #999;
}
#datenschutz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 390px;
	width: 820px;
	left: 20px;
	top: 30px;
	z-index: 2;
	text-align: justify;
	padding-right: 20px;
	overflow: auto;
}
#shopzugang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	position: absolute;
	height: 230px;
	width: 230px;
	left: 605px;
	top: 70px;
	z-index: 2;
	text-align: left;
}
#footerlinks table tr td a {
	color: #999;
	text-decoration: none;
}
#shopzugang p a {
	color: #000;
}
#footerrechts table tr td a {
	color: #999;
	text-decoration: none;
}
#topnav a {
	color: #000;
	text-decoration: none;
}
#shopblau {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	position: absolute;
	height: 25px;
	width: 255px;
	left: 595px;
	top: 30px;
	background-color: #008ee0;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #008ee0;
}
#logos {
	position: absolute;
	height: 128px;
	width: 860px;
	left: 0px;
	top: 290px;
}
.footerbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.fontblau {
	color: #008ee0;
}
#datenschutz p em a {
	color: #000;
	text-decoration: none;
}