/*** general styles ***/

* {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;
	margin: 0px; padding: 0px;
	line-height: 150%;
}

body { background-color: #FFFFFF; }

a, a:active {
	color: #46AC22;
	text-decoration: none;
}
a:visited {
	color: #005A00;
}
a:hover {
	color: #FFFFFF;
	background-color: #46AC22;
}

a img { border: none; }

img { border: 0px; }

hr {
	border: solid gray 1px; height:1px;
	border: 0px; /* Firefox, Opera */
	border-top: solid 1px #666666;
	border-bottom: solid 1px #FFFFFF; /* I.Explorer (Seiten-Hintergrundfarbe) */
}

strong { font-weight: bold; }

td { vertical-align: top; padding: 4px; padding-left: 0px; }

p { padding-top: 5px; padding-bottom: 5px; }


.linespacer {
	margin-top: 14px; margin-bottom: 10px; border-top: solid #CDE554 2px;
}

.spacer { height: 20px; }

.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; }

/*** container ***/

#container {
}

/*** page header ***/

#pageheader {
	background-color: #C9E3F4;
	height: 128px;
}

/*** left sidebar ***/

#left {
	float: left;
	margin-top: 43px; margin-left: 53px; padding-bottom: 50px;
	width: 204px;
	border-right: solid 1px #A9A9A9;
}

/*** mainnav ***/

/* 1st level */

#mainnav h2 { margin-bottom: 10px; margin-top: 10px; }

#mainnav a {
	display: block;
	font-weight: bold; font-size: 14px; color: #000000;

	padding-left: 5px; background-color: #FFFFFF;
	border-left: solid 3px #FFE500;
}
#mainnav a:hover {
	border-left: solid 3px #E30014;
	color: #E30014;
	text-decoration: none;
}

#mainnav a.active {
	border-left: solid 3px #E30014;
	color: #E30014;
	text-decoration: none;
}

/* 2nd level */

#mainnav ul { list-style-image: none; list-style-position: inside; list-style-type: none; }

#mainnav li a {
	margin: 3px; margin-left: 28px;
	_margin-left: 10px;
	*margin-left: 10px;
	font-weight: normal;
	border-left: solid 3px #FFFFFF;
	height: 21px;
}

#mainnav li a:hover {
	color: #000000;
	margin: 3px; margin-left: 28px;
	_margin-left: 10px;
	*margin-left: 10px;
	font-weight: normal;
	border-left: solid 3px #20B1E3;
	height: 21px;
}

#mainnav li a.active {
	color: #000000;
	margin: 3px; margin-left: 28px;
	_margin-left: 10px;
	*margin-left: 10px;
	font-weight: normal;
	border-left: solid 3px #20B1E3;
	height: 21px;
}

/*** contact info ***/

#contactinfo {
	font-size: 10px;
	margin-top: 50px;
}

#contactinfo a {
	font-size: 10px;
}

/*** maincontent ***/

#content {
	float: left;
	width: 490px;
	margin: 86px; margin-top: 50px; margin-right: 0px;
}

#content h1 {
	font-size: 20px; font-weight: bold; color: #666666;
	padding-top: 15px; padding-bottom: 9px;

position: relative; left: -50px;
}

#content h2 {
	padding-top: 15px; padding-bottom: 15px;
	font:	bold 18px Arial; color: #CDE554;
}

#content ul {
	padding-left: 15px;
}

#content img { border: solid 1px #666666; }

#content a img { border: none; }






/*** forms ***/

/* Formular Definition */

/* Div das das Formular umschließt */

.formgen { width: 100%; }
.formgen form { width: 100%; }

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock {
	padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px;
}

/* Verhalten von br-Tags */
.formgen br { clear: both; }

/*  --------- FORMULAR-OBJEKTE ------------ */

/* text field */
.formgen .formtext {
	margin-left: 4px; padding: 4px;
	width: 60%;
	border: solid silver 1px;
}

/* text area */
.formgen .formtextfield {
	margin-left: 4px; padding: 4px;
	width: 60%; height: 250px;
	border: solid silver 1px;
}

/* Trennelement , Abstand */
.formgen .formtrenn {
  display: block;
  height: 30px; 
}

/* Hinweistext */
.formgen .formhinweis {
	font-weight: bold; color: #003366; font-size: 1.2em;
}

/* headline */
.formgen .formheadline {
	font-weight: bold; color: #003366;
}

/* password field */
.formgen .formpassword {
	margin-left: 4px;
	width: 200px;
}

/* label */
.formgen label {
	width: 135px; height: 40px;
	padding: 0px;
	clear: left; float: left;
}

/* send button */
.formgen .formsubmit {
	padding: 2px; margin-top: 10px;
	color: #000000;
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	padding: 10px;
	border: 1px solid #006633;
}

/* fieldset legend */
.formgen legend {
	width: 140px;
	margin: 0px; padding: 5px;
}

/* messages */

.formgen .forminfo {
	margin: 5px; padding: 5px;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
}

/* label desigin in case of errors */
.formgen .formerror { color: red; }

.forminfo {
	color: #000000;
	background-color: #FFFF66;
	margin: 2px; padding: 4px;
	border: 1px solid #FF0000;
}

