/* -----------footer--------------------------- löschen und in module.css umbenennen*/ 
body {
	padding:0;
	margin:0;
	background: url(bg.png);}

img {vertical-align:top;border:0;}
.clear {clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.floatLeft { float:left; }
.floatRight {float:right;}

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


/* -----------footer--------------------------- löschen */ 
#footer {width:900px;
font-size:12px;
clear: both;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
position:relative;}

#footer1 {font-size:10px;
width:900px;
clear: both;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
position:relative;}

#footer1 a:link{color:#000000; text-decoration:none;}
#footer1 a:hover{color:#990000; text-decoration:underline;}
#footer1 a:visited{color:#990000; text-decoration:underline;}

#footer a:link{color:#000; text-decoration:none;}
#footer a:hover{color:#990000; text-decoration:underline;}
#footer a:visited{color:#990000; text-decoration:underline;}


/* *** MODULE *** */

/*--  Image Fader  --*/
.image_fade_wrapper {
	float: left;
	border: 1px solid #FFF;
	background-color: #C9D5D5;
}
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{	clear: both;}

/*--  do form! 1.x  --*/
/* Formular Definition */
/* Div das das Formular umschliesst */
.formgen {margin:0 0 0 -10px;
	padding:0 10px;}

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

/* Wie sehen die einzelnen Blöcke aus? Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.formgen .formblock
{	margin:10px 0;
	padding: 3px 2px 3px 5px;}

.forminfo {
	width: 340px;
	margin: 15px 0;
	padding: 3px 3px 2px 5px;
	font-weight: bold;
	border: 1px solid #990000;
	background-color:#eee;
}

/* --------- FORMULAR-OBJEKTE ------------*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{	width: 340px;
	height: 100px;
	margin: 0 0 4px 0;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Textfeld */
.formgen .formtext
{	width: 340px;
	margin: 0 0 4px 0;
	padding-bottom: 4px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Label */
.formgen label {
	width: 200px;
	float: left;
	height: 20px;
	margin:0;	}

/* Headline */
.formgen .formheadline {
color:#C50715;
	margin: 0 0 4px 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;}

/* Fieldstart */
.formgen .fieldset {
margin:0 0 4px 0;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{	width: 200px;
	background-color: #EEEEEE;
	margin: 0 0 4px 0;
	color: #000000;
	font-size:11px;}

/* Sende-Button */
.formgen .formsubmit
{	width: 140px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #C50715;
	color: #000;
	margin:0;}
	
.formgen .formsubmit:hover
{	text-align: center;
	color: #990000;
	margin:0;}

/* Aussehen der Select-Ausgabe */
.formgen .formcheck
{margin: 0 0 4px 0;
clear:right;}

/* Fieldsetbeschriftung */
.formgen legend {color: #333333;}

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

.formgen .formcaptcha
{	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
/*  MultiNewsletter Modul Frontend  -------------------------------------------------------*/
/* Formular Definition */
/* Div das das Formular umschliesst */
.multi {margin:15px 0 0 -4px;
	padding:0 5px;}

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

.multi form
{line-height : normal;}

/* Wie sehen die einzelnen Blöcke aus? Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.multi .formblock
{	margin:10px 0;
	padding: 3px 2px 3px 5px;}
.forminfo 
{	width: 340px;
	margin: 15px 0;
	padding: 3px 3px 2px 5px;
	font-weight: bold;
	border: 1px solid #990000;
	background-color:#eee;}

/* --------- FORMULAR-OBJEKTE ------------ */
/* Mehrzeiliges Eingabefeld */
.multi .formtextfield
{	width: 340px;
	height: 100px;
	margin: 0 0 4px 0;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Textfeld */
.multi .formtext
{	width: 340px;
	margin: 0 0 4px 0;
	padding-bottom: 4px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Label */
.multi label {
	width: 75px;
	float: left;
	height: 20px;
	margin:0;	}

/* Sende-Button */
.multi .formsubmit
{	width: 160px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #C50715;
	color: #000;
	margin:4px 0;}

.multi .formsubmit:hover
{	width: 160px;
	text-align: center;
	color: #990000;
	margin:4px 0;}

/* Aussehen der Select-Ausgabe */
.multi .rex_375_checkbox
{ margin: 6px 0;
clear:right;}

.multi .rex_375_checkbox_label
{	width: 275px;
	float: left;
	height: 20px;
	margin:2px 0;
	clear:both;}

/* Markierung der Labels bei Fehler */
.multi .rex_375_error {
font-weight:bold;
		border-bottom-width: 1px;
	color: #990000;}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* download
*******************************************************************************/
#text .download-file {
	margin: 0;
	padding:8px 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;}

#text .download-file a:link {
text-decoration:none;}
#text .download-file a:hover {
text-decoration:underline;}

/* E-Card
*******************************************************************************/
  .ecardthumb {
    width: 95px;
    height: 95px;
    padding: 3px;
    margin: 0 1px 20px 0;
    text-align: center;
    vertical-align: middle;
    float: left;  }
.clear {    clear: both;  }
#nach{width:240px;}
  
/* Sende-Button */
#senden
{	width: 160px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #C50715;
	color: #000;
	margin:4px 0;}

#senden:hover
{	width: 160px;
	text-align: center;
	color: #990000;
	margin:4px 0;}

/* Eventkalender
*******************************************************************************/
#cat, #ven, #month, #year{
margin:3px 0;
padding:0;}

.event{padding:0 10px 10px 10px;
width:330px;}

.eventlist table{width:300px;}

.eltitel{
font-weight:bold;
color:#5B5B5B;}

#liste{
	font-size:0.9em;
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	margin:0;}
#liste a:link{font-size:1em;
vertical-align:top;}
#liste a:hover{font-size:1em;
vertical-align:top;}
#liste a:visited{font-size:1em;
vertical-align:top;}

/* Quicklunch
*******************************************************************************/
#quick {
	padding:0;
	margin:0 0 8px 0;
	color:#333333;}

/* Externer Link
*******************************************************************************/
p.extlink_preface {
  margin: 0;
  padding: 0 0 1em 0;}

a.extlink_link {text-decoration:none;}