:link,:visited { color: #000; text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0; margin:0; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:6px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	color: #000000;
	font-family:arial, helvetica, verdana, "Lucida Grande", sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: x-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:890px;
}

/* ### Header ##################################################################### */

#header { position:relative; margin:0; padding:0; height:247px; }
/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content { display:block; clear:both; position:relative; padding:0; }


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content { font-size: 1.2em; line-height: 1.3em; }

#main { background-image: url(background.jpg); background-repeat: no-repeat; float:right; width:860px; }

#main_sub { background-image: url(background.jpg); background-repeat: no-repeat; float:right; width:660px; }

/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	color: #000000;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer_pdf { display:block; width:860px; margin-left: 30px; }

#footer_pdf  p {
	padding: 10px 0;
	color:#000000;
	background:inherit;
}

#footer_pdf  p a,
#footer_pdf  p a:link {
	color:#000000;
	text-decoration: underline;
	background:inherit;
}

#footer_pdf  p a:hover {
	color:#000000;
	text-decoration: none;
	background:inherit;
}

#footer { background-color: #000000; display:block; width:860px; height: 24px; margin-left: 30px; }
#footer p { color:#ffffff; background:inherit; padding-top: 6px; padding-left: 6px; }

#footer p a,
#footer p a:link {
	color:#ffffff;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#ffffff;
	text-decoration: none;
	background:inherit;
}

#footer_copy { display:block; width:860px; margin-left: 30px; }

#footer_copy p {
	padding: 20px 0;
	color:#000000;
	background:inherit;
}

#footer_copy p a,
#footer_copy p a:link {
	color:#000000;
	text-decoration: underline;
	background:inherit;
}

#footer_copy p a:hover {
	color:#000000;
	text-decoration: none;
	background:inherit;
}



.m_formular {
	background-color: #ECF0E6;
	width: 540px;
	border: 1px solid red;
	padding: 10px;
}

.m_headline {
	color: #FFFFFF;
	background-color: #333333;
	display: block;
	padding-left: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg { clear: left; }
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext { font-size: 1em; line-height: 1.4em; }

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 0 transparent; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Fˆºr Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.2em;}
.wysiwygimg td {vertical-align:middle; font-size:1.2em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol { padding-right:1em; border-right: 20px solid transparent; }

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol { padding-left:1em; border-left: 20px solid transparent; }



#site-content { color:#000000; text-align:left; background: inherit; }

/* ### breadcrump ############################################################ */

#p#breadcrumb {
font-size: 1em;
color: #90B0BF;
margin-bottom: 30px;
}


/* ### headlines ############################################################ */

h1 { color:#000000; background: inherit; font-size:1.4em; font-weight:normal; line-height:1.8em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 10px; }

h2 { color:#000000; font-size:1.3em; line-height:1.6em; margin-bottom: 10px; }

h3 {
	color:#90B0BF;
	background: inherit;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}

#h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}

#h5 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.0em;
}

#h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.0em;
}


/* ### Images ############################################################ */

#img {
	display:block;
	margin:4px 0;
}

#img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}



/* ### Hyperlinks ######################################################### */

#a, 
#a:link {
	color:#000000;
	background: inherit;
	text-decoration:underline;
}

#a:hover {
	color:#000000;
	background: inherit;
	text-decoration: none;
}

#a.faq, 
#a.faq:link {
	color:#eee;
	background: inherit;
	font-size:1.4em;
	text-decoration:none;
	text-transform:none;
	line-height: 2.0em;
}

#a.faq:hover {
	color:#000000;
	background: inherit;
	text-decoration:underline;
}


/* ### Paragraphs ########################################################## */

#p {
	margin-bottom:1.6em;
	font-size:1em;
	line-height:1.3em;
}

#nav p {
	margin-bottom:1.2em;
}



/* ### Tables ############################################################## */

#table { font-size:1em; line-height:1.3em; }

#td { padding:4px; }


/* ### Blockquotes ########################################################## */

#blockquote {
	margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#ul, 
#ol {
	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}

#ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#ul li {
	margin:0 0 0 20px;
	list-style-type:square;
}


/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
	float:left;
	margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
	float:right;
	margin:4px 0 4px 40px;
}

#main-content-block a.more {
	clear:left;
	position: relative;
	left: 120px;
}

/* ### Team ### */

#main-content-block div.txt-img {
	clear: both;
	padding: 12px 0;
}


/* ### Team ### */

#main-content-block div.team {
	clear: both;
	padding: 12px 0;
	margin-bottom: 0px ;
}

#main-content-block div.team div{
	width:100px;
}

#main-content-block div.team p {
	font-size: 1.3em;
	letter-spacing: 0.05em;
	margin-top: 0px;
}

#main-content-block div.team div.floatLeft img {
	margin:4px 0px 4px 0;
}

/* ### Bildgalerie ### */

#div.galerie {
	clear: both;
}
#div.galerie div.image { float: left; width: 180px; height: 225px; }

#div.galerie div.image img { padding-left: 6px; }

#div.galerie div.image p { padding-left: 6px; }

/* ### Formular ################################################################ */

label.text{
	width: 80px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	padding-top:5px;
}

label.textarea{
	width: 80px;
	height: 25px;
	display:block;
	clear: left;
	padding-top:5px;
}
input.text {
	float:left;
	width: 370px;
	height:20px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

textarea.textarea {
	width: 450px;
	height:100px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

.submit{
	background-color: #90b0bf;
	color:#fff;
	margin-top: 10px;
	border: none;
}

/*/////////////////////////////////////////////////////////////////////////////
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, ist ja auch nicht wirklich hˆºbsch ;-) 

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


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


.formgen .formblock
{ margin-bottom: 6px; background-color: #d8e6fc; padding: 3px 2px 3px 5px; }


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

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


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


/* Textfeld */
.formgen .formtext
{
	height: 18px;
                width: 400px;
	background-color: #eeeeee;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Radio-Button */
.formgen .formradio
{ margin-right: 10px; }
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #000000;
	font-size: 1.2em;
}
/* ˆúberschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #000000;
}


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

/* 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: 400px;
	background-color: #eeeeee;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{ color: #fff; background-color: #000000; width: 60%; margin-left: 120px; border-color: #fff; border-width: 1px; }


/* Definition des Fieldsets, das das ganze Formular umschlieˆüt */
.formgen fieldset { width: 580px; margin-left: 80px; padding: 10px;; }


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

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

/* Fehlermeldung nach Versand */

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


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

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