/* Screen layout: */



body {

margin: 0 auto;

padding: 0;

font: 76% Verdana,Tahoma,Arial,sans-serif;

background: #446D8C;

}



#wrap {

background: #ffffff;

color: #303030;

margin: 0 auto;

width: 950px;

}



#header {

clear: both;

margin: 20px 0 0 0;

padding: 0;

height: 30px;

}



#header h1 {

width: 950px;

margin: 0 0 10px 0;

float: left;

}



#header p {

width: 950px;

float: right;

text-align: center;

color: #a0a0a0;

margin: 0 0 10px 0;

font-size: 0.8em;

line-height: 1.2em;

}



#frontphoto {

margin: 0 0 10px 0;

border: 0;

}



#avmenu {

clear: left;

float: left;

width: 150px;

margin: 0 0 10px 0;

padding: 0;

font-size: 0.9em;

}



#avmenu ul {	

list-style: none;

width: 150px;

margin: 0 0 20px 0;

padding: 0;

font-size: 1.1em;

}	



#avmenu li {

margin-bottom: 4px;

}



#avmenu li a {

font-weight: bold;

height: 20px;

text-decoration: none;

color: #505050;

display: block;

padding: 6px 0 0 10px;

background: #f4f4f4;

border-left: 4px solid #cccccc;

}	

	

#avmenu li a:hover {

background: #eaeaea;

color: #286ea0;

border-left: 4px solid #286ea0;

}



.announce {

margin: 10px 0 10px 0;

padding: 10px;

width: 130px;

color: #505050;

background-color: #f4f4f4;

line-height: 1.3em;

}



#extras {

float: right;

width: 100px;

margin: 0 0 10px 0;

padding: 0;

font-size: 0.9em;

line-height: 1.5em;

}



#extras p {

margin: 0 0 1.5em 0;

}



#content {

margin: 0 110px 20px 160px;

border-left: 1px solid #f0f0f0;

border-right: 1px solid #f0f0f0;

padding: 0 10px 0 10px;

line-height: 1.6em;

text-align: left;

}



#content h2 {

font-size: 1.5em;

margin: 0 0 0.5em 0;

}







h3 {

font-size: 1.3em;

margin: 0 0 10px 0;

}



a {

text-decoration: none;

color: #286ea0;

}



a:hover {

text-decoration: underline;

color: #286ea0;

}



a img {

border: 0;

}



#footer {

clear: both;

margin: 0 auto;

padding: 10px 0 20px 0;

border-top: 4px solid #f0f0f0;

width: 950px;

text-align: center;

color: #808080;

font-size: 0.9em;

}



#footer a {

color: #808080;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

}



.left {

margin: 10px 10px 5px 0;

float: left;

}



.right {

margin: 10px 0 5px 10px;

float: right;

}



.textright {

text-align: right;

}



.center {

text-align: center;

}



.small {

font-size: 0.8em;

}



.bold {

font-weight: bold;

}



.hide {

display: none;

}

/* Tabelle als Excel einfügen */


.daten { 
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.daten caption { 
	margin-top: 30px;
	padding: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #000000;
	border: 1px solid #000000;
}

.daten td { 
	border: 1px solid #000000;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.daten th { 
	border: 1px solid #000000;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
	background-color: #f4f4f4;
	font-weight: bold;
	color: #000000;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-color: #e5eef6;
	font-weight: bold;
}

.daten tfoot td { 
	padding: 8px;
	background-color: #e5eef6;
}



/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



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


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


.formgen .formblock
{
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 100px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	height: 16px;
    width: 350px;
	background-color: #eeeeee;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 400px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 500px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 160px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 50%;

}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 630px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

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

/* Fehlermeldung nach Versand */

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

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