/****************************
+++ HTML-Standards +++
****************************/

body {
	margin:0;
	padding:0;
	font-family: arial, Helvetica, sans-serif;
	font-size:75%;
/*	color:#808081; */
	color:#5b6060;
	min-width:976px;
	background:white;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#5b6060;
	font-size:100%;
	display:inline;
}

p {
	margin-top:0;
}

a {
	color:#99CC33;
}

#head h1 {
	font-size:20px;
	line-height:1.3em;
	font-weight:lighter;
	letter-spacing:0.05em;
	display:block;
}

#head h2{
	padding-top:9px;
	font-size:14px;
	line-height:1.5em;
	font-weight:lighter;
	display:block;
}


/****************************
+++ Grundstruktur +++
****************************/

#container {
	position:relative;
	width:889px;
	margin:30px auto;
}

#header {

}

#hilfsnavigation{
	position:absolute;
	top:18px;
	left:305px;
	width:560px;
	color:white;
	text-align:right;
}

#hghauptnavigation {
	z-index:3;
}

#hauptnavigation {
	position:absolute;
	top:156px;
	width:200px;
	color:white;
}

#head{
	position:absolute;
	top:151px;
	left:305px;
	width:560px;
	color:white;
	text-align:right;
	z-index:1;
}

#unternavigation {
	color:#666666;
	background:#DCB5CC;
}

#inhaltsbereich {
	background:#FDF6DC;
	padding: 30px 0 0 35px;
}

#grossesbild{}

#inhaltlinks, #inhaltrechts {
	float:left;
	width:300px;
	padding-right:20px;
	line-height:1.3em;
}


#bildbereich {
	width:214px;
	float:right;
}

#bilder img {
	padding-bottom:20px;
}

#fusszeile{
	height:57px;
	background: white url(../upload/design/fusszeile.gif) no-repeat bottom left;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

/****************************
+++ Haupt-Navigation +++
****************************/

#hauptnavigation ul {
	margin:0 0 0 0px;
	padding:0 0 3px 18px;
	font-size: 12px;
}

#hauptnavigation ul li {
	display:block;
	list-style: none;
	padding-left:18px;
}

#hauptnavigation ul li.act {
	font-weight:bold;
	background:url(../upload/design/rufzeichen-navi.gif) no-repeat;
}

#hauptnavigation a {	
	display:block;
	height:18px;
	color:white;
	text-decoration:none;
width:100%;
border:0;
}

#hauptnavigation a:hover {
	font-weight:bold;
}

/****************************
+++ Unter-Navigation +++
****************************/

#unternavigation ul {
	font-size:97%;
	margin:0 0 0 36px;
	padding:0;
	line-height:1.5em;
}

#unternavigation ul li {
	display:inline;
	padding-right:18px;
	list-style: none;
}

#unternavigation ul li.act {
	padding-left:18px;
	font-weight:bold;
	background:url(../upload/design/rufzeichen-unternavi.gif) no-repeat;
}

#unternavigation a {
	color:#666666;
	text-decoration:none;
}

/****************************
+++ Hilfs-Navigation +++
****************************/

#hilfsnavigation ul {
	list-style: none;
	margin:0 0 0 18px;
	padding:0 0 3px 18px;
	font-size: 12px;
}

#hilfsnavigation a {	
	display:block;
	height:15px;
	text-decoration:none;
	color:black;
}

#hilfsnavigation a:hover {
	font-weight:bold;
}

/****************************
+++ Übersicht / Newsletter +++
****************************/

#uebersicht .text {
	display:block;
	padding-bottom:0.5em;
}

#uebersicht .seiten{
	display:none;
}

#uebersicht .datum{
	display:block;
}

#uebersicht ul li {
	padding-bottom:0.7em;
}



/****************************
+++ Formular +++
****************************/

#kformular form {
  margin:0;
  padding-bottom:3em;
  width:98%;
}

#kformular form fieldset {
  border: #445384 solid 0px;
  padding: 0px;
}

#kformular form fieldset legend {
  display:none;
}

#kformular input, #kformular select, #kformular textarea {
}

#kformular textarea {
  overflow: auto;
}

#kformular form div {
  width: 100%;
  margin: 0px 0% 0px 0px;
  padding: 3px 0%;
  clear:both;
}


#kformular form div label {
  display: block;
  clear:left;
  float: left;
  width: 30%;
  padding: 3px 2%;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

#kformular form div.required label {
  font-weight: bold;
}

#kformular form div input, #kformular form div select, #kformular form div textarea {
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

#kformular form div input, #kformular form div textarea, #kformular form div select {
  width: 60%;
}


#kformular form div.submit {
  clear:both;
  width: 30%;
  padding: 0px 0px 0px 38%;
}

#kformular form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

#kformular form div.submit input {
  width:auto;
}

#kformular form div small {
  display: block;
  margin: 0px 0px 5px 142px;
  padding: 1px 3px;
  font-size: 100%;
}


#kformular form div fieldset {
  border: #445384 solid 1px;
  margin: 0% 0% 0% 0%;
  padding: 2px 2%;
}

#kformular form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
  font-weight:bold;
}


#kformular form div fieldset .inputSelect {
width:3em;
margin:0;
padding:0;
}

#kformular form div fieldset label{
  display:block;
  width:50%;
  padding:0;
  margin-top:3px;
  float:left;
  text-align:left;
}

#kformular form span.radio input{
  width:auto;
  margin-top:3px;
}

