﻿body {
	margin: 0px;
	padding: 0px;
	/*background-color: #E7E8EC;*/
	background-color: #180604;
}
/* -------------------------------- UmschlieÃŸende Box -------------------------------- */
#container {
	width: 850px;
	overflow: visible;
	border: 1px solid #180604;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: 1;
}
/* -------------------------------- Innenliegende Box -------------------------------- */
#content {
	position: relative;
	width: 824px;
	overflow: auto;
	background-color: #FFFFFF;
	z-index: 2;
	left: 13px;
	margin-top: 10px;
	margin-bottom : 10px;
	top: 0px;
}
/* -------------------------------- Navigation und eigentlicher Inhalt -------------------------------- */
#navigation {
	position: relative;
	width: 155px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #63453B;
	overflow: visible;
	z-index: 2;
	left: 0px;
	top: 0px;
	float: left;
}
#inhalt {
	position: relative;
	width: 600px;
	padding: 10px 15px 5px 15px;
	border: 1px solid #63453B;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 2;
	left: 0px;
	top: 0px;
	float: right;
}
/* -------------------------------- Linien -------------------------------- */
hr {
	height: 1px;
	color: #A4A3BE;
	clear: both;
}
/* -------------------------------- allgemein -------------------------------- */
p {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
p.rechts {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	text-align: right;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
li {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
td {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
h1 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 25px;
	font-weight: bold;
	color: #63453B;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 19px;
	font-weight: bold;
	color: #63453B;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}
h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #63453B;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}

h4 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #63453B;
	margin: 0px 0px 10px 0px;
	line-height: 125%;
}

/* -------------------------------- Navigation linker Bereich -------------------------------- */
p.navi {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 125%;
	margin: 7px 0px 7px 0px;
	color: #000000;
}
.navi a:link {
	color: #0000CC;
	text-decoration: none;
}
.navi a:visited {
	color: #0000CC;
	text-decoration: none;
}
.navi a:hover {
	color: #0000CC;
	text-decoration: underline;
}
.navi a:active {
	color: #0000CC;
	text-decoration: none;
}

p.navim {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 110%;
	margin: 4px 0px 4px 0px;
	color: #000000;
}
.navim a:link {
	color: #0000CC;
	text-decoration: none;
}
.navim a:visited {
	color: #0000CC;
	text-decoration: none;
}
.navim a:hover {
	color: #0000CC;
	text-decoration: underline;
}
.navim a:active {
	color: #0000CC;
	text-decoration: none;
}

/* -------------------------------- Navigation oberer Bereich -------------------------------- */
#hauptnavi {
	position: absolute;
	width: 664px;
	height: 20px;
	z-index: 3;
	left: 15px;
	top: 180px;
}
p.hauptnavi {
	font-family: Verdana, Arial, Helvetica;
	color: #FFD002;
	font-size: 14px;
}
.hauptnavi a:link {
	font-family: Verdana, Arial, Helvetica;
	color: #FFD002;
	font-size: 14px;
	text-decoration: none;
}
.hauptnavi a:visited {
	font-family: Verdana, Arial, Helvetica;
	color: #FFD002;
	font-size: 14px;
	text-decoration: none;
}
.hauptnavi a:hover {
	font-family: Verdana, Arial, Helvetica;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
}
.hauptnavi a:active {
	font-family: Verdana, Arial, Helvetica;
	color: #FFD002;
	font-size: 14px;
	text-decoration: none;
}
#h1_hauptnavi {
	position: absolute;
	width: 825px;
	height: 29px;
	z-index: 1;
	left: 10px;
	top: 135px;
}
h1.hauptnavi {
	font-family: Verdana, Arial, Helvetica;
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	text-align: right;
	color: #FFD002;
	margin-top: 2px;
}
#kategorie {
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;
	font-weight: bold;
	color: #553E36;
	position: absolute;
	width: 348px;
	height: 30px;
	z-index: 4;
	left: 488px;
	top: 14px;
	text-align: right;
}
/* -------------------------------- Bilder im Text und Karten im Text -------------------------------- */
img.links {
	float: left;
	margin: 5px 15px 10px 0px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
img.rechts {
	float: right;
	margin: 5px 5px 10px 15px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
img.mitte {
	float: none;
	clear: both;
	margin: 10px 10px 10px 10px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
img.webcam {
	float: none;
	margin: 10px 10px 10px 10px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
.ohnerand {
	border-width: 0px;
}
.maplinks {
	float: left;
	margin: 5px 15px 10px 0px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
.maprechts {
	float: right;
	margin: 5px 5px 10px 15px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
.mapmitte {
	clear: both;
	float: none;
	margin: 5px 0px 10px 0px;
	border: 1px solid #63453B;
	padding: 3px 3px 3px 3px;
}
.harzlogo {
	vertical-align: middle;
	margin: 2px 15px 2px 0px;
}
/* -------------------------------- sonstiges -------------------------------- */
p.footer {
	margin: 5px 15px 5px 5px;
	text-align: right;
	color: #666666;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}
.footer a:link {
	color: #666666;
	text-decoration: none;
}
.footer a:visited {
	color: #666666;
	text-decoration: none;
}
.footer a:hover {
	color: #666666;
	text-decoration: none;
}
.footer a:active {
	color: #666666;
	text-decoration: none;
}
p.top {
	text-align: right;
	clear: both;
}
p.bildlinks {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	line-height: 110%;
	clear: both;
}
p.bildrechts {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666666;
	text-align: right;
	margin: 0px 0px 10px 0px;
	line-height: 110%;
	clear: both;
}

p.bildlinksneben {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	line-height: 110%;
	clear: none;
}
p.bildrechtsneben {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666666;
	text-align: right;
	margin: 0px 0px 10px 0px;
	line-height: 110%;
	clear: none;
}
.rot {
	color:#CC0000;	

}

/* -------------------------------- Startseite -------------------------------- */
#start_links {
	position: relative;
	width: 265px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #63453B;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 4;
	left: 0px;
	top: 0px;
	float: left;
}
#start_rechts {
	position: relative;
	width: 265px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #63453B;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 4;
	left: 0px;
	top: 0px;
	float: right;
}
#start_mitte {
	position: relative;
	width: 578px;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	border: 1px solid #63453B;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 4;
	left: 0px;
	top: 0px;
	clear: both;
	float: left;
}
/* -------------------------------- Google Fehlerseite -------------------------------- */
#goog-wm {
	width: 550px;
	padding: 1em;
	border: 1px solid #63453B;
	background-color: white;
}
#goog-wm h3.closest-match {
	color: #63453B;
	border-bottom: 1px dashed #63453B;
	padding-bottom: 0.5em;;
	font-size: 170%;
	margin: 0;
}
#goog-wm h3.closest-match a {
	color: #63453B;

}
#goog-wm h3.other-things {
	color: #63453B;
}
#goog-wm ul li {
	color: #000000;
}
#goog-wm li.search-goog {
	display: none;
}