/* CSS Document */


/* ****************************************************************************************************/
/* **** TEMPLATE **************************************************************************************/
/* ****************************************************************************************************/

html,
body {
	margin:0;
	padding:0;
	height:100%; 
	color:#000000;
  font-family:verdana, arial, helvetica;
  font-size:10px;
  line-height:20px;
	background-image:url(../img/styles/background.gif);
	background-repeat:repeat;
}

html>body #wrap {
	height:100%;
}

#wrap-back {
	width:1018px;
	margin:0 auto;
	background-image:url(../img/styles/backgroundWrap.gif);
	background-repeat:repeat-y;
	min-height:100%;
}

#wrap {
	width:950px;
	margin:0 auto;
  border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}


#header-wrap {
	width:950px; height:180px;
	background-image:url(../img/styles/header.jpg);
	padding:0;
	margin:0;
}

#header-wrap #blank {
	width:710px; height:140px;
	float:left;
	padding:40px 0 0 240px;
	margin:0;
}

html>body #header-wrap {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}

html>body #content-wrap {
	height:100%;
	background-color:#FFFFFF;
}

#content-wrap #navigation {
	position:fixed;
	width:210px; height:100%;
	padding:205px 0 0 25px;
	background-image:url(../img/styles/backnav.jpg);
	z-index:5;
}

html>body #maincontent {
	background-color:#ffffff;
	padding:180px 20px 40px 260px;
	z-index:3;
} 

#footer-wrap {
	width:950px; height:30px;
	background-image:url(../img/styles/footer.jpg);
	padding:0;
	margin:0;
}

html>body #footer-wrap {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}


/* ****************************************************************************************************/
/* **** TABLE *****************************************************************************************/
/* ****************************************************************************************************/

#user td {
	padding-left:4px;
	border-bottom:1px solid #026B26;
}


/* ****************************************************************************************************/
/* **** TAGS | CLASSES ********************************************************************************/
/* ****************************************************************************************************/

.image,
image a {
 	border:0px;
	border-style:none;
}

.quelle,
.bold {
	font-weight:bold;
}

.hlight {
	background-color:#E5F3E6;
}

.grey {
	color:#999999;
}

.titel {
	font-size:16px;
	font-weight:bold;
	color:#999999;
}

.subtitel {
	font-weight:bold;
}

#maincontent .wrap-aktuelles {
	clear:both;
}

#maincontent ul#aktuelles-titel-top {
	margin:0 0 20px 0;
	border-bottom:1px dashed #999999;
}

#maincontent ul#aktuelles-titel-bottom {
	margin:0 0 20px 0;
	border-top:1px dashed #999999;
}

#maincontent .wrap-aktuelles ul {
	padding:20px 0 0 0;
}

#maincontent .wrap-aktuelles ul li {
	background:url(../img/styles/arrow.gif) 0 8px no-repeat #fff; color:#000; line-height:20px; padding:0 0 0 16px;
}

#maincontent .colRight {
 width:210px; height:auto;
 padding:5px; 
 float:right;
 border:1px solid #dadada;
 display:block;
 visibility:inherit;
}

#maincontent #colRight {
	width:210px;
	padding:2px; 
	float:right;
	border:1px solid #dadada;
}

#maincontent #colRightBack {
	padding:2px;
	background-image:url(../img/styles/collum.gif);
}

#maincontent .colLeft,
#maincontent #colLeft  {
 width:440px;
}

#maincontent .headline {
	font-size:16px;
	font-weight:bold;
	color:#84AA85;
}

#maincontent hr {
	width:100%;
	border:1px solid #84AA85;
}

#maincontent ul, li {
  margin:2px;
	padding:0;
	list-style:none;
}

#maincontent ul#links li:first-letter {
	color:#026B26;
}

#maincontent ul#abc li {
	display:inline;
	margin:3px;
	padding:0;
	border:1px solid #dadada;
	background-color:#DFDFDF;
	font-weight:bold;
	line-height:14px;
	text-align:right;
}


/* ****************************************************************************************************/
/* **** LINKS *****************************************************************************************/
/* ****************************************************************************************************/

#maincontent ul#aktuelles-titel-top li a,
#maincontent ul#aktuelles-titel-bottom li a {
	background:url(../img/styles/arrow-light.gif) 0 4px no-repeat #fff; padding:0 0 0 16px;
}

#maincontent ul#aktuelles-titel-top li a:hover,
#maincontent ul#aktuelles-titel-top li a.active,
#maincontent ul#aktuelles-titel-bottom li a:hover,
#maincontent ul#aktuelles-titel-bottom li a.active {
	background:url(../img/styles/arrow.gif) 0 4px no-repeat #fff; padding:0 0 0 16px;
	color:#026B26;
}

#maincontent ul#abc li:hover,
#maincontent ul#abc li a:hover {
	background-color:#E6F4E7;
	color:#026B26;
}

#maincontent ul#abc li a {
	text-decoration:none;
	color:#000000;
}

#maincontent ul#abc li.active,
#maincontent ul#abc li.active a {
	background-color:#E6F4E7;
	color:#026B26;
}

#maincontent ul li.admin {
	border:1px solid #dadada;
}

#maincontent li a {
	color:#84AA85;
	text-decoration:none;
}

#maincontent li a:hover {
	color:#026B26;
	text-decoration:none;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation li {
	width:200px; height:20px;
	margin:2px;
	padding:0;
	padding-left:5px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	background:#86AC85;
}

#navigation ul#frm li {
	width:198px; height:20px;
	margin:0;
	margin-left:2px;
	padding:0;
	padding-left:5px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	background:#86AC85;
}

#navigation ul#frm li#submit {
	width:198px; height:26px;
	margin:0;
	margin-left:2px;
	padding:0;
	padding-left:5px;
	padding-top:5px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	background:#86AC85;
}

#navigation li a {
	text-decoration:none;
	color:#ffffff;
}

#navigation li.sub {
	text-decoration:none;
	color:#ffffff;
	background-color:#6E906E;
}

#navigation li:hover,
#navigation li.active,
#navigation ul#frm li.active {
 background-color:#026B26;
}

#maincontent a {
 text-decoration:underline;
 color:#86AC85;
}

#maincontent a:hover {
 text-decoration:underline;
 color:#026B26;
}

/* ****************************************************************************************************/
/* **** FORMS *****************************************************************************************/
/* ****************************************************************************************************/

fieldset {
	border:none;
}

ul#kontakt  {
	margin:0; padding:0;
}

ul#kontakt li.label {
	width:120px;
	float:left;
	background-color:#dadada;
	padding-left:3px;
}

ul#kontakt li.labelNachricht {
	width:380px; height:20px;
	background-color:#dadada;
	padding-left:3px;
	float:left;
}

ul#user li.fields,
ul#kontakt li.fields {
 clear:right;
 border:1px solid #ffffff;
}

ul#kontakt li.fieldsNachricht {
 margin:0; padding:0;
 float:left;
}

ul#user li.label {
	width:160px;
	float:left;
}

input {
	width:400px;
}

ul#kontakt input {
	width:250px;
	border:1px solid #999999;
}

#navigation input {
	width:180px; height:18px;
	border:1px solid #000000;
	font-size:10px;
	color:#000000;
	line-height:14px;
}

.checkbox {
	width:20px;
}

textarea {
	width:600px; height:400px;
}

ul#kontakt textarea {
	width:380px; height:150px;
	border:1px solid #999999;
	margin-left:5px;
}

textarea#small {
	width:600px; height:50px;
}

input.submit {
	width:180px; 
	border:1px solid #026B26;
	background-color:#026B26;
	color:#ffffff;
}

input.sbmKontakt {
	width:180px; 
	border:1px solid #999999;
	background-color:#dadada;
	color:#000000;	
}

#navigation input.submit {
	width:100px; height:18px;
	text-align:left; 
	border:1px solid #000000;
	background-color:#dadada;
	color:#000000;
}

input.pflichtfeld {
	background-color:#E5F3E6;
}



