/*
	#036;		dunkelblau		Hintergrund #body
								Textfarbe #content

	#300;		dunkelweinrot	Hintergrund #body

	#603;		dunkelrot		Alternativ-Hintergrund #body

	#0A0;		grün			Rahmen für Bilder
								Textfarbe #content a:link, a:visited

	#663;		oliv			Überschriften

	#EED;		helloliv		Welle im Header
								Trennlinien

	#CCC;		hellgrau		Textfarbe #footer

	#FFF;		weiß			Hintergrund #container (und weitere Block-Elemente)

	???			???				Textfarbe #menu a:link, a:visited, a:hover und a:active

	???			???				Textfarbe #menu a#menucurrentpage (Farbton für HKH-Logo)
*/

html, body {
	top: 0;
	left: 0;
	padding: 0;
	border: 0;
	color: #FFF;
	background-color: #456;
}

html {
	font-size: .8em;
	font-family:  Verdana, Arial, Helvetica, Sans-Serif, Geneva, Trebuchet MS, Times New Roman;
}

body {
	margin: 20px 0 20px 0; /* hier ändern, falls Rand oben/unten gewünscht ist */
	text-align: center;
	/*background-image:url(bodybackground.jpg);
	background-repeat:repeat-y;
	background-position:30px 20px; */
}

#container {
	width: 740px;
	margin: 0 auto;
	color: #036;
	background-color: #FFF;
	/* border: 1px solid #850; */
	text-align: left;
}

#header {
	width: 740px;
	height: 140px;
}

#headerlinks {
	float: left;
	width: 420px;
	height: 140px;
}

#headerlinks img {
	/* display: block; */
	width: 420px;
	height: 140px;
}

#headerrechts {
	float: right;
	width: 320px;
	height: 140px;
}

#headerrechts img {
	/* display: block; */
	width: 320px;
	height: 140px;
}

#menudiv {
	float: right;
	width: 220px;
	color: #036;
	background-color: #FFF;
}

#menu {
	text-align: left;
}

#menu ul{
	text-align: left;
	margin: 0;
	padding: .25em 0 .25em 0;
	list-style-type: none;
}

#menu a {
	color: #036;
	background-color: #FFF;
	line-height: 1.75em;
	/* border-bottom: 1px solid #FFF; */
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
}

#menu li a {
	position:relative;
	padding: .25em;
	color: #036;
	background-color: #FFF;
	font-weight: bold;
}

#menu li li a, #menu li li li a {
	position:relative;
	color: #036;
	background-color: #FFF;
	font-weight: normal;
}

#menu li li a {
	margin: 0 0 0 1em;
	padding: .25em;
}

#menu li li li a {
	margin: 0 0 0 2em;
	padding: .25em;
}

#menu li a:hover, #menu li li a:hover, #menu li li li a:hover {
	color: #036;
	background-color: #EED;
	text-decoration: none;
}

#menu li.active, #menu li li.active, #menu li li li.active {
	position:relative;
	padding: .25em;
	color: #F00;
	font-weight: bold;
}

#menu li.active {
	position:relative;
	background-color: #FFF;
}

#menu li li.active, #menu li li li.active {
	background-color: #FFF;
}

#menu li li.active {
	margin: 0 0 0 1em;
}

#menu li li li.active {
	margin: 0 0 0 2em;
}

#contentdiv {
	float: left;
	width: 520px;
	color: #036;
	background-color: #FFF;
}

#content {
	width: 470px;
	margin: 0 25px 1em 25px;
	padding: 2em 0 2em 0;
	font-weight: normal;
	text-align: left;
	color: #036;
	background-color: #FFF;
}

#content p {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	color: #036;
	background-color: #FFF;
}

#content p.brotkrumen {
	color: #CCC;
	background-color: #FFF;
	font-size: .8em;
}

#content p.brotkrumen a:link, #content p.brotkrumen a:visited {
	color: #CCC;
	background-color: #FFF;
	text-decoration: underline;
}

#content p.brotkrumen a:hover, p.brotkrumen a:active {
	color: #FFF;
	background-color: #036;
	text-decoration: none;
}

#content p img, #content p a:link img, #content p a:visited img {
	display: block;
	border: 1px solid #CCC;
	margin: 3px;
	padding: 2px;
}

#content p a:hover img, #content p a:active img {
	display: block;
	border: 1px solid #663;
	margin: 3px;
	padding: 2px;
	text-decoration: none;
}

#content p a:link, #content li a:link, .rechts a:link, .mitte a:link {
	color: #663;
	background-color: #FFF;
	text-decoration: underline;
}

#content p a:visited, #content li a:visited, .rechts a:visited, .mitte a:visited {
	color: #663;
	background-color: #FFF;
	text-decoration: underline;
}

#content p a:hover, #content p a:active,
#content li a:hover, #content li a:active {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #036;
	text-decoration: none;
}

#content ul {
	top: 0;
	left: 0;
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
}

#content li {
	top: 0;
	left: 0;
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: disc;
}

#content h1, #content h2, #content .form h1, #content table caption {
	clear: both;
	top: 0;
	left: 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
}

#content h1, #content h2 {
	margin: 1.5em 0 0 0;
	color: #663;
	background-color: #FFF;
}

#content .form h1, #content table caption {
	margin: 0;
	color: #036;
	background-color: #EED;
}

#content h1 {
	padding: 0 0 1em 0;
}

#content h2, .form1 h2 {
	padding: 2em 0 1em 0;
}

#content table caption {
	padding: 1em 0 1em 20px;
}

#content .links {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 130px;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
}

#content ul.mitte {
	top: 0;
	left: 0;
}

#content .rechts {
	float: left;
	position: relative;
	top: 0;
	left: 10px;
	width: 300px;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
}

#content .fussnote {
	font-size: .8em;
	font-style: italic;
}

#content .pfeilnachoben {
	clear: both;
	float: right;
	width: 100%;
	height: 35px;
	text-align: right;
}

#content .pfeilnachoben img {
	width: 26px;
	height: 26px;
	border: 0;
}

/* ############################### Blätterfunktion ############################### */

div.box {
	/* clear: both; */
	display: inline;
	vertical-align: top;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	color: #663;
	background-color: #EED;
}

.page {
	display: inline;
	font-size: 100%;
}

.links {
	display: inline;
	text-decoration: none;
}

.links:hover {
	display: inline;
	text-decoration: underline;
}

.currentpage {
	display: inline;
	color: red;
	font-weight: bold;
}

/* ############################### Kalender ############################### */

#kalender {
	float: right;
	width: 220px;
	margin: 2em 0 0 0;
	text-align: left;
}

#kalender table {
	float: left;
	margin: 0 0 3em 0;
	color: #036;
	background-color: #EED;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: .9em;
}

#kalender caption { /* Monat & Jahr */
	padding: .25em;
	color: #036;
	background-color: #EED;
	font-weight: bold;
}

#kalender thead th { /* Mo, Di, Mi, ... */
	padding: .25em;
	color: #036;
	background-color: #EED;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#kalender thead tr {
	padding: .25em;
	/* padding: .5em; */
	/* color: #036;
	background-color: #EED; */
}

#kalender th {
	/* color: #036; */
	/* background-color: #EED; */
	font-weight: bold;
	font-size: .8em;
}

#kalender tbody {
	/* padding: .25em; */
	/* color: #036; */
	background-color: #EED;
	font-size: .8em;
	font-weight: bold;
}

#kalender td {
	padding: .25em;
	color: #036;
	background-color: #EED;
	/* border: 0; */
	text-align: center;
	font-weight: normal;
}

#kalender .kalenderwochen {
	color: #036;
	background-color: #EED;
	border-right: 1px solid #FFF;
	font-weight: bold;
}

#kalender .leer {
	color: #036;
	background-color: #EED;
	/* border: 0; */
}

#kalender .wochentags {
	color: #036;
	background-color: #EED;
	/* border: 0; */
}

#kalender .samstags {
	color: #693;
	background-color: #EED;
	/* border: 0; */
}

#kalender .sonntags {
	color: #F00;
	background-color: #EED;
	/* border: 0; */
}

#kalender .heute {
	color: #FFF;
	background-color: #F00;
	/* border: 0; */
}

#kalender a:link, #kalender a:visited {
	color: #036;
	background-color: #EED;
	text-decoration: underline;
}

#kalender a:hover, #kalender a:active {
	color: #EED;
	background-color: #036;
	text-decoration: underline;
}

/* ############################### Footer ############################### */

#footer {
	clear: both;
	margin: 1em 20px 0 20px;
	height: 3.5em;
	font-size: .8em;
	line-height: 3em;
	border-top: 1px solid #EED;
}

#footer a:link, #footer a:visited {
	color: #036;
	background-color: #FFF;
	text-decoration: underline;
}

#footer a:hover, #footer a:active, #footer a:hover#footercurrentpage {
	color: #FFF;
	background-color: #036;
	text-decoration: none;
}

#footer a#footercurrentpage {
	color: #F00;
	background-color: #FFF;
	text-decoration: none;
}

.footerdelimiter {
	/* display: none; */
}

#footerlinks {
	float: left;
	color: #036;
	background-color: #FFF;
	text-align: left;
}

#footerrechts {
	float: right;
	/* color: #036;
	background-color: #FFF; */
	text-align: right;
}

#footerrechts img {
	float: left;
	width: 75px;
	height: 15px;
	margin: 1em 0 0 10px;
	border: 1px solid #FFF;
}

#footerrechts a:hover img{
	float: left;
	width: 75px;
	height: 15px;
	margin: 1em 0 0 10px;
	border: 1px solid #036;
}

/* ############################### Formular ############################### */

.form {
	margin: 2em 0 1em 0;
	padding: 20px;
	width: 428px;
	color: #036;
	background-color: #EED;
	border: 1px dotted #036;
}

.form br  {
	clear: both;
}

.form fieldset {
	margin: 0;
	padding: 0;
	border: 0px solid #EED;
}

.form legend {
	font-weight: bold;
}

.columnleft {
	float: left;
	width: 8em;
	text-align: left;
}

.columnright {
	float: left;
	width: 23em;
	text-align: left;
}

.label1, .label2, .label1rot {
	font-weight: bold;
	margin: 0 0 2em 0;
}

.label1, .label2 {
	color: #036;
	background-color: #EED;
}

.label2 {
/* margin: 0; */
	/* color: #036; */
}

.label1rot {
	color: #F00;
}

.chkboxlabel {
	color: #036;
	background-color: #EED;
}

.textbox1, .textbox2, .textarea1 {
	color: #036;
	background-color: #FFF;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px dotted #036;
}

.textbox1 {
	/* float: left;
	display: block;*/
	margin: 0;
}

.textbox2 {
}

.textarea1 {
	width: 424px;
	border: 1px dotted #036;
}

.chkbox1 {
	position: relative;
	display: block;
	float: left;
	margin: 0 .5em 0 0;
}

.button1 {
	margin: 1.5em 1em 0 0;
	color: #036;
	background-color: #EED;
	font-weight: bold;
	border: 1px solid #036;
}

.button1:hover {
	margin: 1.5em 1em 0 0;
	color: #FFF;
	background-color: #036;
	font-weight: bold;
	border: 1px solid #036;
}

/* ############################### Sonstiges ############################### */

abbr {
	cursor: help;
}