body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	line-height:140%;
	background: #ffffff;
	background-image:url(styles_images/hintergrund_oben.jpg);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

/*allgemein####################################################*/
.clearfloat { 
	clear:both;
	height:0;
	line-height: 0px;
}

/* Link-Definitionen */
a {text-decoration: none;font-weight:bold;}
a:link { color: #003181; }
a:visited { color: #003181; }
a:hover { color: #990000; }
a:active { color: #990000; }


a img{
border:none;
}
.float_left{float:left;}
.float_right{float:right;}

.small{font-size:90%;}


.schwarz{ color:#000000;}
.rot{ color:#990000;}

.twoColFixRtHdr #container { 
	width: 890px;  
	margin: 0 auto; 
	text-align: left; 
} 

/*header####################################################*/
.twoColFixRtHdr #header { 
	height:211px; 
} 


/*rechts####################################################*/
.twoColFixRtHdr #rechts {
	float: right; 
	width: 255px; 
}
/*navigation links ***********/
#nav_rechts{
width: 255px; 
margin-top:1em;
margin-bottom:1em;
font-size:110%;
text-align:left;
}

#nav_rechts ul{
margin:0px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
width: 255px; 
font-size:110%;
background-image:url(styles_images/strichellinie.gif);
background-repeat:repeat-x;
}

#nav_rechts ul li {
background-image:url(styles_images/strichellinie.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-top: 0.3em;
padding-bottom: 0.3em;
}	
#nav_rechts ul li .subline{
font-size:80%;
}

#nav_rechts ul li a{
display: block;
width: 100%;
font-weight:bold;
}


#nav_rechts ul li a:hover,
#nav_rechts ul li a.current{
color: #990000;
}
#nav_rechts ul li ul{
margin-top:0.2em;
}
#nav_rechts ul li ul li {
background:none;
border:none;
padding-left: 15px;
}


#nav_rechts ul li ul li a{
display: block;
width: 245px;
color:#000000;
font-size:85%;
background:none;
border:none;
}


#nav_rechts ul li ul li a:hover,
#nav_rechts ul li ul li a.current{
color: #990000;
background:none;
border:none;
}


/*footer####################################################*/
.twoColFixRtHdr #footer { 
	padding: 0; 
	background-image:url(styles_images/strichellinie.gif);
	background-repeat:repeat-x;
	text-align:right;

} 
.twoColFixRtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}




/*inhalt####################################################*/
.twoColFixRtHdr #mainContent { 
	float: left; 
	width:580px;
	margin: 0; 
	margin-left:30px;
} 

/*Bilder */
#mainContent .img{
	border: 1px solid #cccccc;
	padding:5px;
	background:#ffffff;
	margin-bottom:5px;
}

#mainContent .img .subline{
	padding-top:0.5em;
	font-size:90%;
	text-align:center;
}


#mainContent .img_left{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

#mainContent .img_right{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}



/*Überschriften*/
#mainContent h1{
	padding:0;
	margin:0;
	margin-bottom:0.8em;
	line-height:130%;
	font-size:150%;
	color:#990000;
	font-weight:bold;
}
#mainContent h2{
	padding:0;
	/*margin:0;
	margin-bottom:0.3em;
	font-size:100%;*/
	line-height:130%;
	font-size:150%;
	
	color:#990000;
	font-weight:bold;
}
#mainContent h3, h4{
	padding:0;
	margin:0;
	margin-bottom:0.3em;
	font-size:100%;
	font-weight:bold;
}



#mainContent ul{
	margin-top:0;
	padding-top:0;
}


/*Teaser********************************/
.background_1{background:#dddddd;}
.background_2{background:#f2f5f8;}





#mainContent .anlese{
background:#dddddd;
padding:15px;
width:550px;
margin-bottom:0.5em;
}
#mainContent .anlese h1{font-size:190%; margin-bottom:0.3em;}
#mainContent .anlese h2{font-size:150%; margin-bottom:0.2em;}
#mainContent .anlese h3{font-size:120%;}
#mainContent .anlese .small{font-size:51%;}



#mainContent .teaser{
	padding:0;
	width:580px;
	margin-bottom:0.5em;
	overflow:hidden;
}

#mainContent .teaser .img_left{
	border-right: 10px solid #ffffff;
	padding:0;
	margin:0;
	float:left;
	width:175px;
	overflow:hidden;
}
#mainContent .teaser .text{
	float:left;
	width: 362px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	margin:0;
	overflow:auto;
	
}
#mainContent .teaser .text h2{
	font-size:190%;
	margin-bottom:0.2em;
}
#mainContent .teaser .text h2 a{
	color:#990000;
}
#mainContent .teaser .text h3{
	margin:0;
	margin-bottom:0.7em;
 	padding:0;
	font-size:120%;
}

#mainContent .teaser .text p{
	margin:0;
	margin-bottom:0.3em;
}


/*Formulare*/
form{
	margin:0;
	padding:0;
}

 .form_submit{
	margin:0;
	margin-bottom:0.5em;
	border:1px solid #666666;
	background: #006699; /*linkblau*/
	color:#ffffff;
	float:right;
}

 .form_text{
	margin:0;
	margin-bottom:0.5em;
	border:1px solid #666666;
	width:99%;
}


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


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


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


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

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

.formgen .formcheck{
margin-left:120px;
width:15px;
float:left;
display:inline;
clear: none;
}
.formgen label.label_checkbox {
clear: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 400px;
float: right;
height: 20px;
padding: 0px;
display:inline;

}


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


/* Sende-Button */
.formgen .formsubmit
{
	background-color: #CCCCCC;
	margin-left:120px;
}


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


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

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


.formgen .formblock{ background:#ffffff;}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */