@charset "ISO-8859-1";

/* reset */
* {
	margin: 0;
	padding: 0;
}

/* standard */
html, body, p, ol,
span, a, table, td, form, img {
	list-style:none;
	margin: 0 auto;
	padding: 0px;
	font-size:12px;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height:18px;
}

body{
	text-align:center;
}

html, body
{
	height: 100%;
	height: 100%;
	min-height: 100%;
	}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#7b002d;
	padding-top:10px;
	padding-bottom:10px;
	}

h2 {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#7b002d;
	padding-top:10px;
	padding-bottom:10px;
	}

h3 {
	font-size:14px;
	color:#7b002d;
	margin-top:16px;
	margin-bottom:10px;
	}


h4 {
	font-size:14px;
	color:#7b002d;
	padding-bottom:10px;
	}
	
h5 {
	font-size:13px;
	margin-top:16px;
	}
	
h6 {
	font-size:14px;
	color:#7b002d;
	margin-top: 16px;
	}

a{
	color:#7b002d;
	font-weight:bold; 
	}
	
a:active{
	color: #7b002d;
	}
	
a:visited{
	color:#7b002d;
	}
	
a:hover{
	color:#999;
	}

table, td, tr{
	text-align: left;
	}

/* layout */
#top{
	background-color:#7b002d;
	width:100%;
	height:15px;
	}

#header{
	margin:auto;
	width: 870px;
	height: 175px;
	}
	
#header a {
	outline:none;
	text-decoration:none;
	}

#navi{
	margin:auto;
	width: 870px;
	height: 28px;
	margin-bottom:10px;
	}

#navi_oben{
	float:left;
	text-align:left;
	width: 180px;
	height: 18px;
	padding-left: 0;
	margin-left: 0;
	}

#sub_navi_oben{
	margin:auto;
	float:right;
	text-align:right;
	width: 690px;
	height: 18px;
	}

#content{
	text-align:left;
	margin:auto;
	width: 960px;
	height:auto;
	position:relative;
	}

#content h1 {
	padding-top:0px;
	}

#content li{
	margin-left:30px;	
	list-style:decimal;
	}

.einrueck {
	margin-left:30px;
	}

#links{
	float: left;
	width: 250px;
	position:relative;
	}

#links_bild{
	float: left;
	width: 250px;
	height:177px;;	
	}

#links_navi{
	margin-top:20px;
	float: left;
	width: 250px;
	margin-left:28px;
	}

#b_home {
	width:159px;
	height:230px;
	position:relative;
	margin-top:20px;
	}
	
#b_verein {
	width:159px;
	height:230px;
	position:relative;
	margin-top:20px;
	}

#b_aktuell {
	width:159px;
	height:230px;
	position:relative;
	margin-top:20px;
	}

#b_beitritt {
	width:159px;
	height:230px;
	position:relative;
	margin-top:20px;
	}

#b_spenden {
	width:159px;
	height:230px;
	position:relative;
	margin-top:20px;
	}

#b_impressum {
	width:159px;
	height:230px;
	margin-top:20px;
	position:relative;
	}

#rechts{
	float:left;
	width: 535px;
	position:relative;
	margin-bottom:30px;
	}

.vorstand {
	float:left;
	padding-right:10px;
	}
	
#rechts_bild{
	float: left;
	width: 531px;
	height:177px;
	}
	
.pressehead {
	color:#FFF;
	background-color:#7b002d;
	font-weight:bold;
	padding-left:10px;
	}

.zusatz {
	font-style:italic;
	margin-top:4px;
	padding-left:10px;
	}

.download {
	padding-left:10px;
	margin-top:3px;
	}

#presse h5{
	display:inline;
	font-size:12px;
	}
	
#presse li {
	list-style:circle;
	padding-bottom:6px;
	}	

#rechts_content{
	margin-top:20px;
	float: left;
	width: 531px;
	position:relative;
	z-index:100;
	}

#rechts_content td{
  	vertical-align: top;
	}

/* Fomular */

#login input, textarea, select {
	text-align: left;
	margin-left:0px;
  	border: 1px solid #666666;
  	font-size: 11px;
   	padding: 2px;
	}

#loin table, td, tr{
	text-align: left;
	line-height:14px;
	}

/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/



/* ### nav1st - first level navigation ######################################## */

ul.rex-navi1 {
  	margin: 0;
  	padding: 0;
	}

ul.rex-navi1 li {
	padding-right:7px;
	color:#9f9f9f;
	font-weight:bold;
	text-align: left;
	list-style-image:url(../files/list_n.gif);
	}

ul.rex-navi1 a {
	display: inline;
	color:#9f9f9f;
	text-decoration:none;
	font-size:13px;
	}

ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	color:#7b002d;
	padding: 1px 0;	
	list-style-image:url(../files/list_a.gif);
	}

/* ### nav1st - first level navigation ######################################## */

#sub_navi_oben ul.rex-navi1 {
	line-height:12px;
	}

#sub_navi_oben ul.rex-navi1 li {
	display: inline;
	color:#9f9f9f;
	padding-right: 3px;
	font-weight:normal;
	text-align: right;
	border-left-style: none;
	list-style-image:url(../files/list_n.gif);
	}

#sub_navi_oben ul.rex-navi1 a {
	display: inline;
	color:#9f9f9f;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	padding-left:3px;
	padding-right:3px;
	border-left-style: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9f9f9f;
	}

#sub_navi_oben ul.rex-navi1 a:hover, 
#sub_navi_oben ul.rex-navi1 li a.rex-active, 
#sub_navi_oben ul.rex-navi1 li a.rex-current {
	color:#7b002d;	
	}

/* ### nav1st - first level navigation ######################################## */


#links_navi ul.rex-navi1 li {
	color:#9f9f9f;
	font-weight:bold;
	text-align: left;
	margin-bottom:4px;
	list-style-image:url(../files/list_n.gif);
	}

#links_navi ul.rex-navi1 a {
	display: inline;
	color:#9f9f9f;
	text-decoration:none;
	font-size:12px;	
	}

#links_navi ul.rex-navi1 a:hover, 
#links_navi ul.rex-navi1 li a.rex-active, 
#links_navi ul.rex-navi1 li a.rex-current {
	color:#000;
	list-style-image:url(../files/list_a.gif);	
	}
	
/* 2 */

#links_navi ul.rex-navi2 li {	
	color:#9f9f9f;
	margin-left:10px;
	font-weight:bold;
	text-align: left;
	margin-top:8px;
	margin-bottom:8px;
	list-style-type:disc;
	}

#links_navi ul.rex-navi2 a {
	display: inline;
	color:#9f9f9f;
	text-decoration:none;
	font-size:10px;
	line-height:12px;
	}

#links_navi ul.rex-navi2 a:hover, 
#links_navi ul.rex-navi2 li a.rex-active, 
#links_navi ul.rex-navi2 li a.rex-current {
	color:#000;
	list-style-image:url(../files/list_a.gif);
	}

#links_navi ul.rex-navi2 li.rex-active, 
#links_navi ul.rex-navi2 li.rex-current{
	list-style-image:url(../files/list_a.gif);
	}
	
#links_navi ul.rex-navi1 li.rex-active, 
#links_navi ul.rex-navi1 li.rex-current{
	list-style-image:url(../files/list_a.gif);
	}	

.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(icons/fico_pdf.gif); }
.ico_xls { background-image:url(icons/fico_xls.gif); }
.ico_doc { background-image:url(icons/fico_doc.gif); }
.ico_zip { background-image:url(icons/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(icons/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(icons/fico_pic.gif); }
.ico_def { background-image:url(icons/fico_def.gif); }

/* 
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: 1em;
	padding-right: 10px;
	padding-left: 0px;
	color: #fff;
	}

/* 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: #EEE;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px solid #000;
	}

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

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

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 246px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #7b002d;
	background-color: #CCC;
	}

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

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover 
{
	background-color: #BEC5DA;
	}

/* Label */
.formgen label {
	width: 210px;
	clear: left;
	float: left;
	height: 24px;
	font-weight: bold;
	color: #7b002d;
	}

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

.formgen .formcheck
{
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	}

/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #7b002d;
	float: right;
	color: #FFFFFF;
	}

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

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
	}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
.formhinweis {
	color: #000000;
}