﻿body {
	font-family: Arial, Helvetica, sans-serif;
	color: #DCDCDC;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #443322;
}


a {
	color: #DCDCDC; /* gilt für alle Zustände, wird aber von den anderen überschrieben */
	text-decoration: none;
	}

a:visited {
	color: #000000; /* verändert alle Linktexte permanent?? */
	}

a:link {
	text-decoration: none; /* verändert nichts??? */
	color: #000000;
	}

a:hover {
	text-decoration: none; /* beim Drüberfahren */
	color: #FFFFFF;
}

a:active {
	color: #FFFFFF; /* beim Drücken */
	background: #006666;
}

.kopftext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 6px;
	color: #DCDCDC;
}

.kopftext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 6px;
	color: #DCDCDC;
}

.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #DCDCDC;
}

.schwarztext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}
.bilduntertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 10pt;
	color: #000000;
}

.ueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #DCDCDC;
}

.menuetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.accord #container_div {
	width: 970px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #DCDCDC;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #DCDCDC;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height: 780px;
	z-index: 1;
	margin-top: 10px;
    } 
.accord #kopf_div {
	width:950px;
	height:100px;
	z-index:2;
	background-color: #D49F55;
	left: 0px;
	top: 0px;
	padding-left: 20px;
	padding-top: 10px;
	background-image: url(images/back_kopf_start.jpg);
}
.accord #menu_div {
	width:200px;
	height:630px;
	z-index:3;
	top: 142px;
	left: 0px;
	background-color: #FFBF55;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	margin-top: 0px;
	background-image: url(images/back_menu_start.jpg);
}
.accord #content_div {
	width:770px;
	height:630px;
	z-index:4;
	left: 0px;
	top: 0px;
	background-color: #FFBF55;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	float: right;
	background-image: url(images/back_content_start.jpg);
}
.accord #fuss_div {
	width:920px;
	height:32px;
	z-index:5;
	top: 0px;
	background-color: #D49F55;
	left: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	margin-top: 0px;
	float: left;
	background-image: url(images/back_fuss_start.jpg);
}

