* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

em {
	color: #666;
}

.hl {
	padding: 20px 20px 5px 20px;
	background: #ffffd5;
	margin-bottom: 15px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#container {
	width: 960px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 100%;
	height: 280px;
	
}

ul#nav1st {
	position: absolute;
	top: 226px;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
}

ul#nav1st li {
	float: left;
}

ul#nav1st li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	border-top: #b6b6b6 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	width: 126px;
	padding-top: 8px;
	
	text-align: center;
	height: 32px;
}

ul#nav1st li a.current {
	background: #ebebeb !important;
	color: #333 !important;
	height: 20px;
	border: 1px solid #b6b6b6 !important;
	padding-top: 8px;
	
	text-align: center;	
	height: 32px;
}

ul#nav1st li a:hover {
	background: #14172b;
	border-top: #8c8c8c 1px solid;
	color: #fff;
	height: 32px;
	
}

ul#nav2nd {
	list-style-type: none;
	margin-bottom: 30px;
}

ul#nav2nd li {
 margin: 0;
}

ul#nav2nd li a {
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	border-left: #d9d8dd 3px solid;
	border-bottom: #7c7c7c 1px dotted;
}

ul#nav2nd li a.current {
	background: #e3e3e3 !important;
	border-left: #262c4c 3px solid !important;
	color: #333 !important;
}

ul#nav2nd li a:hover {
	background: #e3e3e3;
	border-left: #8c8c8c 3px solid;
	color: #666;
}

#content {
	width: 510px;
	float: left;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 60px;
}

#content h1 {
	margin-bottom: 0px;
	color: #1d2146;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	padding-bottom: 22px;
	padding-top: 5px;
}

#content h2 {
	font: bold 16px/26px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	color: #333;
}

#content li {
	margin: 0 0 10px 20px;
}

#content p {
	margin-bottom: 15px;
}

#content a {
	font-weight: normal;
	color: #1d2146;
	text-decoration: underline;
}

#content div.picwrap {
	clear: both;
}

#content div.bigpic div.image {
	width: 100%;
}

#content div.floatRight {
	margin-left: 10px;
}

#content div.image {
	width: 150px;
}

#content div.image img {
	margin-bottom: 1px;
}

#content div.profilzusatz div.picwrap img {
	margin-bottom: 5px;
}

#content div.image p {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
}

#content div.image p span.title {	
	font-weight: bold;
}

#content div.image p span.copy {	
	color: #CCC;
}

#right_col {
	width: 330px;
	float: left;
	margin-top: 30px;
}

#right_col div.profilzusatz {
	display: none;
}

#right_col h1 {
 font: bold 16px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 3px 30px;
	margin-bottom: 10px;
	color: #e50000;
}

#right_col h2 {
	font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: #333 1px dotted;
	display: block;
	width: 90%;
	padding: 20px 0 3px 30px;
	margin-bottom: 10px;
}

#right_col h3 {
	font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 3px 30px;
	margin-bottom: 10px;
	color: #e50000;
}

#right_col h4 {
	font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 3px 30px;
	margin-bottom: 10px;
}

#right_col p {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 30px;
	margin-bottom: 10px;
}

#right_col li {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	margin: 0 0 10px 50px;
}

#right_col a {
	font-weight: normal;
	color: #1d2146;
	text-decoration: underline;
}

#right_col div.floatRight {
	margin-left: 10px;
}

#right_col div.floatLeft {
	margin: 0 10px 0 30px;
}

#right_col div.image {
	width: 125px;
}

#right_col div.image img {

}

#right_col div.image p {
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0;
}

#right_col div.image p span.title {	
	font-weight: bold;
}

#right_col div.image p span.copy {	
	color: #CCC;
}

#footer {
	width: 912px;
	height: 20px;
	clear: both;
	background: url(images/header_bg.gif) no-repeat top left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}

#footer p {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {

	text-decoration: underline;
}

#footer .agenturlink a {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

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


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: 370px;
}


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


.formgen .formblock
{
	margin-bottom: 5px;
	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: 410px;
	height: 250px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	height: 20px;
	width: 280px;
	margin-left: 4px;
	border: thin solid #999999;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


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

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


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	background-color: #999999;
	color:#FFFFFF;
}


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


/* 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: #D88F83;
}

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


textarea {
	border: thin solid #CCCCCC;

}

hr {
	color: #CC0000;
	width: 100%;
	border: 1px solid #999999;
	margin-bottom: 10px;
	height: 3px;
}
.logo {
	vertical-align: bottom;
}

.agenturlink {
	color: #999999;
}

a .agenturlink {
	color: #999999;
}

