/* Grundeinstellungen */
*		{margin:0;padding:0;}
body 	{overflow-y:scroll;background:#2765AF;color:#000000;margin:20px 0;font-family:verdana, arial, "Times New Roman", serif;font-size:0.8em;}
p		{padding:0 0 15px 0;}
a		{color:#225799;text-decoration:none;}
a:hover	{color:#000000;}

/* Layout */
#wrapper	{margin:0px auto;text-align:center;width:760px;}
#wrap		{width:100%;padding:20px 20px 5px 20px;background:#FFFFFF;text-align:left;}

/* Kopfbereich */
#logo			{/*background:url('../images/logo.gif') no-repeat 220px 0*/;border-bottom:1px solid #225799;padding:5px 30px 15px 0px;}
#logo h1		{font-weight:bold;font-size:1.7em;color:#444444;}
#logo h1 span	{color:#225799;}
#headerimage	{background:#DADADA url('header_home.jpg') no-repeat 10px 10px;padding:10px;height:150px;}

/* Inhalt */
#content, #contenthome			{float:left;/*width:750px;*/padding:13px 10px 0 0;line-height:1.6em;}
#content h1, #contenthome h1	{font-size:1.7em;font-weight:normal;line-height:1.3em;padding:0 0 10px 0;}
#contenthome					{width:490px;}
#content						{width:570px;}
#content ul						{margin:0 0 20px 20px;}

/* Info-Bereich */
#info		{float:right;width:250px;padding:20px 0;line-height:1.5em;text-align:justify;}
.news		{padding:10px 10px 5px 10px;background:#EEEEEE/*FEFFD5*/;border:1px solid #225799/*FFEB70*/;font-size:0.9em;margin-bottom:20px;}
.news h1	{color:#000;margin:0 0 10px 0;font-size:1.4em;font-weight:normal;}
.news a		{display:block;text-align:right;margin-left:180px;width:50px;}
.news p		{padding-bottom:10px;text-align:left;}
a img		{border:none;}

/* Navigation */
#navigation					{padding:15px 0 15px 0;}
#navigation li				{margin:0 20px 0 0;list-style:none;display:inline;}
#navigation a, #navigation span	{color:#225799;text-decoration:none;}
#navigation a:hover			{color:#000000;}
#navigation span			{color:#000000;cursor:default;}

/* Sub-Navigation */
#subnavigation					{float:left;width:180px;padding-top:18px;}
#subnavigation ul 				{width:160px;}
#subnavigation ul li 			{list-style:none;}
#subnavigation ul li a 			{border:1px solid #225799;border-left:5px solid #225799;margin-bottom:5px;display:block;height:25px;padding:8px 2px 0px 5px;}
#subnavigation ul li a:hover	{background:#4d87cd;color:#fff;}
#subnavigation ul li span		{border:1px solid #225799;border-left:5px solid #225799;margin-bottom:5px;display:block;height:25px;padding:8px 2px 0px 5px;background:#4d87cd;color:#fff;}


/* Footer */
#footer			{clear:both;font-size:0.8em;/*background:#DADADA;*/ padding:5px;text-align:center;/*border-top:2px solid #2765AF;*/border-top:1px solid #225799;}
#footer a		{color:#225799;/*padding:0 5px 0 0;*/ text-decoration:none;}
#footer a:hover	{color:#000000;text-decoration:none;}

/* Styles from http://www.positioniseverything.net/easyclearing.html */
#wrap:after 	{content:".";display:block;height:0;clear:both;visibility:hidden;}
#wrap 			{display:inline-block;}
/* Hides from IE-mac \*/
* html #wrap 	{height:1%;}
#wrap 			{display:block;}
/* End hide from IE-mac */


/* Formular Definition */

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]
{
	cursor:pointer;
}

.formgen form
{
	line-height:120%;
}


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


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 3px 15px 0px 0px;
	padding: 3px 2px 3px 5px; /*DAU*/
}

.forminfo  /*DAU*/
{
	width: 360px;
	margin-bottom: 25px;
	background-color: #FFF;
	color:#990000;
}

.formgen br
{
	clear:both;
}



/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 345px;
	width: 400px; /*DAU*/
	height: 200px;
	margin-left: 4px;
	border: 1px solid #CCC;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #CCC;
}

/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 110px;
	text-align: center;
	background-color: #225799;
	border: 1px solid #CCC;
	float: left;
	margin-top:20px;
	margin-bottom:15px;
	margin-left:140px;
	padding:5px;
	color:#FFFFFF;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 1px solid #CCC;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


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



/* Textfeld */

#content textarea
{
	width: 325px;
	background-color: #FFFFFF;
	margin-left: 4px;
	border: 1px solid #CCC;
}

/* Label */
#content label 
{
width: 140px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}



/* Definition des Fieldsets, das das ganze Formular umschlie§t */
#content fieldset 
{
	width: 510px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background-color:#FFFFFF;
	border:1px solid #DADADA;
}

#content fieldset legend
{
	font-weight:bold;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */