body {
	font-family: Arial, SunSans-Regular, sans-serif;
	background-color: #fff6c7;
	margin: 0;
	font-size:12px;
	}

#centerStage {

width:1000px;

margin:0 auto;
padding-bottom:80px;

}
#hintergrund {
	background-color: #fff;
	visibility: visible;
	position:relative;

	z-index: 1;
	top: 20px;
	left:0;
	width: 1000px;
	
min-height:800px;
	height: auto;
	
	}
#obenBack {
	
position:relative;

	top: 0;
	left: 0;
	background-color: #796C52;
	width: 999px;
	height: 250px;
	z-index: 1; }
#obenBackLogo {
position:absolute;
	top: 185px;
	right: 40px;
	
	width: 202px;
	height: 88px;
	z-index: 5000; }	

#inhalt {
	
	position: relative;
	z-index: 3;
	
	padding-top:20px;
	padding-left:20px;
	width: 800px;
	
	height: auto;
	vertical-align:top;
border-collapse:collapse;
	}

#menu {
	line-height: 24px;
	width: 1000px;
background-color:#e30c19;
	z-index:8;
	position: relative;
	
	left: 0;
	height: 25px;
	

	 }

#loginUserMenu {

top:0;
left:0px;
position:relative;

width:160px;
padding:20px;
font-size:10px;
z-index:3;
vertical-align:top;
background-color:#fff6dc;
border-collapse:collapse;
}
#main {
margin-top:0px;
position:relative;
width:1000px;
margin:0;
border:0;
border-collapse:collapse;
}

#main td {
border:0;
}

#loginUserMenu input {

border: solid 1px green;
background-color: #FFF6C7;
font-size:11px;
width:120px;



}

#loginUserMenu .submit {

border: solid 1px green;
background-color: #FFF6C7;
font-size:11px;



}


	 
#unten {
	
	visibility: visible;
	position: absolute;
	bottom:0;
	left:0;
	z-index: 332;
	width: 1000px;
	height: 25px;
	text-align:center;
	background-color:#e30c19;
	vertical-align:middle;
	color:#ffffff;
	font-size:13px;
	padding-top:10px;
	 }


#google3 {
	text-align: center;
	padding-top: 20px;
	position: absolute;
	z-index: 3;
	top: 350px;
	right: 0px;
	width: 160px;
	height: 620px; }
#google2 {
	position: relative;
	left: 100px;
	bottom: 50px;
	height: 200px;
	width: 800px;
	z-index: 102;
	visibility: visible;
	margin: auto;
	padding-top: 20px;
	float:left;
	visibility:visible;
	
	}
#untenleiste {
	visibility: visible;
	margin: auto;
	padding-top: 20px;
	position: relative;
	left: 50px;
	bottom: 90px;
	z-index: 102;
	width: 900px;
	height: 35px;
	visibility:visible;
	float:left;
	
	}
#google {
	
	visibility: visible;
	top: 350px;
	left:20px;
	position: absolute;
	z-index: 15;
	width: 180px;
	height: 340px;
	float: left; }
#contentStartRahmen {
	
	
	position: relative;
	z-index:1;
	top: 0;
	left: 0;
	width: 780px;
	height: 700px;
	 }
#contentLinks {
margin-left:0px;
position: relative;
	top: 0;
	left: 0;
	height: auto;
	width: 220px;
	z-index: 12;
	visibility: visible;
	padding: 10px;
	background: #FFF6DC;
		float:left;
}
#contentStart {
margin-left:10px;	visibility: visible;
	padding: 10px;
	position: relative;
	z-index: 12;
	top: 0;
	float:left;
	left: 0px;
	width: 220px;
	height: auto;
	background: #FFF6DC;
		float:left;
}
#contentEvents {
	margin-left:10px;
		float:left;

	position: relative;
	top: 0;
	left: 0px;
	visibility: visible;
	padding: 10px;
	z-index: 12;
	width: 220px;
	height: auto;
	background: #FFF6DC;}
#suche {
	height: 65px;
	width: 190px;
	top: 0px;
	z-index: 5;
	position: relative;

	visibility: visible;
	padding: 5px;
	font-size:10px;
	}

#suche div {
	
	color: #444;
	font-size:10px;
	
	}
	
#suche input {
	border:1px green solid;
	color: #444;
	background-color: #FFF6C7;
font-size:10px;
width:100px
	}
#suche .button {
	
	color: #fff;
	background-color: #594C32;
	font-size:10px;
	height:19px;
	width:40px;
	}


.normal {
	color: #594C32;
	font-size: 12px;
	 }
.normal a {
	color: #b81024;
	font-size: 12px;
	
	text-decoration: underline; }
.normal a:link {
	color: #b81024;
	font-size: 12px;
	
	text-decoration: underline; }
.normal a:hover {
	color: #b81024;
	font-size: 12px;
	
	text-decoration: underline; }
.kleinText {
	color: #594C32;
	font-size: 11px;
	 }
.kleinText a {
	color: #b81024;
	font-size: 11px;
	
	text-decoration: underline; }
.kleinText a:link {
	color: #b81024;
	font-size: 11px;
	
	text-decoration: underline; }
.kleinText a:hover {
	color: #b81024;
	font-size: 11px;
	
	text-decoration: underline; }
.fett {
	color: #594C32;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}
.fett a {
	color: #b81024;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;}
.fett a:link {
	color: #b81024;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;}
.fett a:visited {
	color: #b81024;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}
.fett a:hover
{
	color: #b81024;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	
}
	
.fettG {
	color: #594C32;
	font-size: 15px;
	font-weight: bold; }
.fettG a {
	color: #e50000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none; }
.fettG a:link {
	color: #e50000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none; }
.fettG a:hover {
	color: #e50000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline; }

.fettW {
	color: #fff;
	font-size: 12px;
	
	font-weight: bold; }
.fettW a {
	color: #fff;
	font-size: 12px;
	
	font-weight: bold;
	text-decoration: none; }
.fettW a:link {
	color: #fff;
	font-size: 12px;
	
	font-weight: bold;
	text-decoration: none; }
.fettW a:hover {
	color: #fff;
	font-size: 12px;
	
	font-weight: bold;
	text-decoration: underline; }	

.ueberschriftW {
	color: #fff;
	font-size: 22px;
	
	font-weight: bold; }
.ueberschriftW a:visited {
	color: #fff;
	font-size: 22px;
	
	font-weight: bold;
	text-decoration: none; }
.ueberschriftW a {
	color: #fff;
	font-size: 22px;
	
	font-weight: bold;
	text-decoration: none; }
.ueberschrift {
	color: #594C32;
	font-size: 24px;
	
	font-weight: bold; }
.ueberschrift a {
	color: #594C32;
	font-size: 24px;
	
	font-weight: bold;
	text-decoration: none; }
.ueberschrift a:link {
	color: #594C32;
	font-size: 24px;
	
	font-weight: bold;
	text-decoration: none; }
.ueberschrift a:hover {
	color: #ba0000;
	font-size: 24px;
	
	font-weight: bold;
	text-decoration: underline; }




.teaserFeld tr {
	text-decoration: none;
	border: solid 1px transparent;
	display: block; }
.teaserFeld tr:hover {
	background-color: #fff1ba;
	text-decoration: none;
	border: solid 1px white;
	display: block; }


div.kategorieliste {


width:186px;
height:120px;
padding:10px;

margin:10px;
position:relative;
float:left;
}



ul.kategorielistelinks {

list-style:none;

margin:0px;
padding:0px;
}

ul.kategorielistelinks li {


list-style-type:none;
width:180px;
background-color:#fff6dc;
margin:3px;
padding:5px;
display:block;
font-size:12px;
}

ul.kategorielistelinks li a {


color:#b81024;


display:block;

}

ul.kategorielistelinks li.kategorielistelinksmain {

background-color:#e30c19;

}

ul.kategorielistelinks li.kategorielistelinksmain a {

display:block;
color:#ffffff;
font-weight:bold;

font-size:14px;
text-decoration:none;
}



.menu {
  font-family: arial, sans-serif; 
  width:1015px;                    /*  (1)  */
  position:relative; 
  font-size:15px;
  
  z-index:100;
  
}
.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
 
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#ffffff; 
  width:100px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:23px;                    /*  (2)  */
padding-top:2px;
  text-align:center;
  line-height:22px;
  font-size:13px;/*  --> (2)  */
 font-weight:bold; 
}
* html .menu ul li a, .menu ul li a:visited {
  width:100px;                    /* fŸr 'normale' Browser */

}
.menu ul li ul {
  display: none;
}



/* li:hover  fŸr non-IE-Browser  ---  a:hover  fŸr IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#ffffff; 
background-color:#c2000c;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top:0px;
  left:-15px; 
  width:140px;
  
}
* html .menu ul li a:hover ul {
  margin-top:0;
  margin-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
  
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
    background:#e30c19; 
  color:#ffffff; 
  height:auto; 
  line-height:1.2em; 
  padding:5px 10px; 
  width:120px;
  
   font-size:12px;
}
* html .menu ul li a:hover ul li a {
  width:150px;

   font-size:12px;
 
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#203569; 
  color:#fff; 
  width:150px;
   font-size:12px;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#c2000c; 
  color:#fff; 
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:165px; 
  top:0;
  width:150px;
  font-size:12px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:200px;
  font-size:12px;
}


/* Adressliste - ENTWICKLUNG!!!!
************************************************************/
#adressliste * { 
	padding: 0px;
	margin: 0px;
	position:relative;
	z-index:100;
}

#adressliste { 
	/*width: 520px;*/
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	height:auto;
	min-height:1200px;
	z-index:3000;
}

#adressliste .formulardaten {
	width: 450px;
	float: left;
}

#adressliste .formularbuttons {
	width: 115px;
}



#adressliste legend {
	
}

#adressliste p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#adressliste .element { 
	display: block;
	clear: both;
}

#adressliste label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	font-size:12px;
}

#adressliste label.checkbox { 
	width: 372px;
	border-right: none;
}

#adressliste .neuerEintrag {

width: 190px;

}

#adressliste input, 
#adressliste select, 
#adressliste textarea { 
	width: 295px;
	color: #224A10;
	padding-top: 0px;
	padding-left: 2px;
	margin: 1px;
	border: 1px solid #86ae74;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
}

#adressliste input.text,
#adressliste input.plz,
#adressliste input.tag,
#adressliste input.monat,
#adressliste input.jahr { 
	height: 20px;
}

#adressliste input.plz {
	width: 44px;
}

#adressliste input.tag,
#adressliste input.monat { 
	width: 21px;
}

#adressliste input.jahr { 
	width: 36px;
}

#adressliste input.speichern, 
#adressliste input.loeschen, 
#adressliste input.zuruecksetzen,
#adressliste input.abbrechen {
	margin-top: 10px;
	/* letzter Wert zur Positionierung des Schalters */
    padding: 1px 1px 1px 1px;
	border: 1px solid #224A10;
	background-color: #224A10;
	font-weight: bold;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	width: 110px;
}
/*
#adressliste input.speichern { width: 90px; margin-left: 97px; float: left; }
#adressliste input.zuruecksetzen { width: 110px; margin-left: 130px;}
#adressliste input.loeschen { width: 90px; margin-left: 97px; float: left; }
#adressliste input.abbrechen { width: 110px; margin-left: 130px; }
*/
#adressliste input.speichern:hover,
#adressliste input.loeschen:hover,
#adressliste input.zuruecksetzen:hover,
#adressliste input.abbrechen:hover { 
	border: 1px solid #224A10;
	background-color: #DEEEDB;
	color: #224A10;
}

#adressliste label.textarea, 
#adressliste textarea.textarea { 
	height: 96px;
}

.adressenliste { 
	font-size: 1em;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid black;
	
	position:relative;
}

.adressenlistetop { 
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 5px 5px 0;
	border-bottom: 2px solid black;
}

.adresslisteedit {
	width: 23px;
	height: 23px;
	/*background-color:#094;*/
	background-image:url(./files/editieren.gif);
	color: #EEDABA;
	text-align:right;
}

.kategorieListeA {

background-color: #9C8556;
color:white;
line-height:21px;
font-size:1.2em;
padding-left:5px;
text-decoration:none;
display:block;
}

.kategorieListeA a {

display:block;
color:white;
text-decoration:none;
}


.kategorieListeB {

background-color: #594C32;
color:white;
line-height:21px;
font-size:1.2em;
padding-left:5px;
text-decoration:none;
display:block;

}

.kategorieListeB a {

display:block;
color:white;
text-decoration:none;
}

.eventform {
font-size:11px;
background-color:#F7F0E1;
padding:5px;
width:690px;
}
.eventform fieldset {
font-size:11px;
background-color:#F7F0E1;
border:0;
}
h3 {
font-size:12px;

}
.eventlist {
width:700px;
font-size:11px;
background-color:#F7F0E1;
padding:5px;
text-align:left;

}

.eventlist .date {

font-size:11px;
background-color:#514B42;
padding:5px;
color:white;
text-align:left;

}

.eventlist .title {

font-size:11px;
background-color:#514B42;
padding:5px;
color:white;
text-align:left;

}

.eventlist .cat {

font-size:11px;
background-color:#514B42;
padding:5px;
color:white;
text-align:left;

}

.eventlist .town {

font-size:11px;
background-color:#514B42;
padding:5px;
color:white;
text-align:left;

}
.eventlist .desc {

font-size:11px;
background-color:#514B42;
padding:5px;
color:white;
text-align:left;
}

.eventlist .elDate {

font-size:11px;

padding:5px;

text-align:left;

}

.eventlist .eltitle {

font-size:11px;

padding:5px;

text-align:left;

}

.eventlist .elcat {

font-size:11px;

padding:5px;

text-align:left;

}

.eventlist .elvenue {

font-size:11px;

padding:5px;

text-align:left;

}
.eventlist .elshortdesc {

font-size:11px;

padding:5px;

text-align:left;
}

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 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 : 120%;

}




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


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #FFF6C7;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #FFF6C7;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFF8e9;	
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #594C32;
}

.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #594C32;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 200px;
	text-align: center;
	background-color: #594C32;
	border: 1px solid #999999;
	float: left;
	color: #FFFFFF;
	padding:3px;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


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

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

.formgen .formcheck {
position:relative;
left:120px;
}

.checkspan label {
width:400px;
position:absolute;
}


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

#renchtalKontakt {
position:absolute;
width:200px;
right:100px;
top:100px;
font-size:12px;
}