/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }

/* ------------------------------------------------------------------ */

/*
.navi a:link 			{ color: #000; font-weight:bold; text-decoration: none; }
.navi a:visited			{ color: #000; font-weight:bold; text-decoration: none; }
.navi a:active 			{ color: #000; font-weight:bold; text-decoration: none; }
.navi a:hover			{ color: #F00; font-weight:bold; text-decoration: none; }
*/

/*
FARBEN:
Hintergrund:	#ffefbd;
Text:			#842a1b;
Hell-Braun:		#d4a25b;
Dunkel-Braun:	#441e1d;
*/

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

/*-------------------- T O P --------------------*/

body	{
	background-color:#ffefbd;
	color:#842a1b;
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:15px;
}

.container	{
	width:823px;
}

.header			{
	width:841px;
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ 
}

.header_left	{
	background-image:url(header_left.jpg);
	width:188px;
	height:131px;
	float:left;
}

.header_right	{
	/* background-image:url(header_right_de.jpg); */
	width:633px; /* 653 - 10 - 10 */
	text-align:right;
	height:111px;	/* 131 - 10 - 10 */
	float:right;
	padding:10px;
}

.main	{
	width:841px;
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ 
}

.content	{
	background-image:url(content_bg.jpg); background-repeat:repeat-y;
	border:1px solid #441e1d; border-top:0px;
	width:651px;
	float:right;
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ 
}

.col1	{
	width:188px;	
	float:left;
}

.col2	{
	width:416px;	/* 446 - 15 - 15 */
	padding:15px;
	float:left;
}

.col3	{
	width:204px;
	float:right;
}



/***************************************** N A V I *****************************************/


/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

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


/* --------------------- NAV 1st level --------------------- */
.navigation {
	background-image:url(col1_bg.jpg); background-repeat:repeat-y;
	margin-bottom:20px;
}

ul.nav1st {
	/* border: 1px solid #000000; */
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:15px;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:0px;
}
	
ul.nav1st li {
	/* display:block; */
	list-style-image: url(arrow1.gif);
	margin-bottom:10px;
}

ul.nav1st a, ul.nav1st a:link {
	background:url(navi_punkt_off.jpg) no-repeat; background-position:0px 4px;
	/*border: 1px solid #666666;*/
	margin-bottom:0px;
	color:#842a1b;
	font-weight:bold;
	text-decoration: none;
	padding-left:15px;
}

ul.nav1st a:hover {
	background:url(navi_punkt_on.jpg) no-repeat; background-position:0px 4px;
	color:#842a1b;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background:url(navi_punkt_on.jpg) no-repeat; background-position:0px 4px;
	color:#842a1b;
}





/* --------------------- NAV Links 2nd level --------------------- */

ul.nav2nd {
	/* border: 1px solid #666666; */
	margin: 0px;
	padding:0px;
	padding-left:15px;
}

ul.nav2nd li {
	display:block;
	list-style-type: none;
	list-style-image: none;
}

ul.nav2nd a, ul.nav2nd a:link {
	display:block;
	font-weight:bold;
	text-decoration: none;
	color:#842a1b;
}

ul.nav2nd a:hover {
	color:#842a1b;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	color:#842a1b;

}

ul.nav2nd li a.current:hover {
	color:#842a1b;
}


/*  - - - - - - - -   Abonnieren - Button - - - - - - - - - - */

.abonnieren	{
	margin-left:39px;
	width:110px;
	font-size: 10px; font-weight: bold; color: #ffefbd; text-align:center;
	background-color: #441e1d;
	/*margin-bottom: 10px;*/
	/*border: 1px solid #008690;*/
	padding: 5px 0;
}

.abonnieren a:link 		{ color:#ffffff; font-weight:bold; text-decoration: none; }
.abonnieren a:visited	{ color:#ffffff; font-weight:bold; text-decoration: none; }
.abonnieren a:active 	{ color:#ffefbd; font-weight:bold; text-decoration: none; }
.abonnieren a:hover 	{ color:#ffefbd; font-weight:bold; text-decoration: none; }



/*  - - - - - - - -   bottom - - - - - - - - - - */

#bottom	{padding-left:188px;}

div#bottom a:link 		{ color:#842a1b; font-weight:bold; text-decoration: underline; }
div#bottom a:visited	{ color:#842a1b; font-weight:bold; text-decoration: underline; }
div#bottom a:active 	{ color:#441e1d; font-weight:bold; text-decoration: underline; }
div#bottom a:hover 		{ color:#441e1d; font-weight:bold; text-decoration: underline; }




/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	font-size: 14px;
	font-weight: bold; font-variant:small-caps;
	color: #842a1b;
	margin-bottom: 10px;
	/*border: 1px solid #008690;*/
	padding: 10px 10px 10px 0;
}

div.title2 {
	font-size: 12px;
	font-weight: bold;
	color: #842a1b;
	margin-bottom: 10px;
	/*border: 1px solid #008690;*/
	padding: 10px 10px 10px 0;
}

div.title3 {
	font-size: 11px;
	font-weight: bold;
	color: #842a1b;
	margin-bottom: 10px;
	/*border: 1px solid #008690;*/
	padding: 10px 10px 10px 0;
}




/*  - - - - - - - -   rex4mod1 - Artikel schreiben - - - - - - - - - - */

div.rex4mod1 {
 	font-size: 10px; 
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */}  

div.rex4mod1_date { display:none; }

div.rex4mod1_title {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; color: #842a1b;; line-height:35px;
	margin-bottom: 20px; }

div.rex4mod1_editor {
 	font-size: 11px;
	margin-bottom: 10px; } 

div.rex4mod1_editor h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 12px; color: #842a1b; line-height:25px;	margin-bottom: 10px; }

div.rex4mod1_editor h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 11px; line-height:20px;	margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod1_editor ul {
	list-style: disc;
	margin-left:30px; margin-top:10px; margin-bottom:10px; }

div.rex4mod1_editor ol {
	margin-left:35px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color:#842a1b; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:visited	{ color:#842a1b; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:active 	{ color:#441e1d; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:hover 	{ color:#441e1d; font-weight:bold; text-decoration: underline; }

div.rex4mod1_editor table {
	width:500px; } 

div.rex4mod1_editor td {
	background-color: #d4a25b; color:#842a1b;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod1_editor thead td {
	background-color: #441e1d; color:#ffefbd;
	padding-left:5px; padding-right:5px; }
	
	
/*  - - - - - - - -   mod02a - Spaltentitel - - - - - - - - - - */

div.spaltentitel {
	font-size: 11px;
	font-weight: bold;
	color: #ffefbd;
	background-color: #441e1d;
	/*margin-bottom: 10px;*/
	/*border: 1px solid #008690;*/
	padding: 3px;
	text-align:center;
}

/*  - - - - - - - -   mod13 - bilderpopups - - - - - - - - - - */


div.fotopopups {
	font-size: 11px;
	/*border: 1px solid #008690;*/
	padding: 0px;
	/*margin-bottom: 10px;*/
	color: #001b62;
}

div.fotopopups img {
	/*border: 1px solid #001b62;*/
	margin-bottom:5px; 
}


/*  - - - - - - - -   mod10 - PHP-Code - - - - - - - - - - */

div.phpcode {
	font-size: 11px; line-height: 18px;
	/*border: 1px solid #008690;*/
	padding: 10px;
	/*margin-bottom: 10px;*/
	background-color: #ffefbd;
	color:#842a1b;

}




/*  - - - - - - - -   rechte Spalte im PHP-Code Inhaltsverzeichnis - - - - - - - - - - */

.inhaltsverzeichnis	{
	font-size:10px; }

.inhaltsverzeichnis td {
	line-height: 14px;
	padding-bottom:10px;
}



.inhaltsverzeichnis a:link 		{ color:#842a1b; font-weight:bold; text-decoration: underline; }
.inhaltsverzeichnis a:visited	{ color:#842a1b; font-weight:bold; text-decoration: underline; }
.inhaltsverzeichnis a:active 	{ color:#441e1d; font-weight:bold; text-decoration: underline; }
.inhaltsverzeichnis a:hover 	{ color:#441e1d; font-weight:bold; text-decoration: underline; }


/*  - - - - - - - -   Neues Abonnieren - - - - - - - - - - */

.neues_abonnieren	{
	font-size:10px;
	padding:0 15px;
}

.neues_abonnieren li	{
	list-style-type:square;
}

.neues_abonnieren a:link 		{ color:#842a1b; font-weight:bold; text-decoration: underline; }
.neues_abonnieren a:visited		{ color:#842a1b; font-weight:bold; text-decoration: underline; }
.neues_abonnieren a:active 		{ color:#441e1d; font-weight:bold; text-decoration: underline; }
.neues_abonnieren a:hover 		{ color:#441e1d; font-weight:bold; text-decoration: underline; }


/*  - - - - - - - -   Home - Sprachenauswahl - - - - - - - - - - */

.home_content td	{
	line-height: 14px;
	padding-bottom:10px;
}







/*  - - - - - - - -  rex4mod - 13 - do form!  - - - - - - - - - - */


/* --------------------------------------------- */ 
/*			   FORMULAR-DEFINITION				 */
/* --------------------------------------------- */ 

/* Div das das Formular umschließt */

.formgen {
	width:416px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#842a1b; line-height:15px;
	/* border:1px solid #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; }
	
/* Das Formular an sich: eigentlich unnötig */
.formgen formblock { /* border:1px solid #ff6600; */ }

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

/* Die Fehlermeldung nach Submit */
.forminfo { 
	color: #990000;	font-size: 11px; font-weight:bold;
	/* border:1px solid #000; */
	/* padding:10px; */
	margin: 0 0 10px 0; }
	
	
/* Verhalten von br-Tags */
.formgen br { clear : both; }

/* Verhalten von p-Tags */
.formgen p { 
	padding:0px; 
	margin:0px; 
	/* border:1px solid #ff6600; */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-FELDER					 */
/* --------------------------------------------- */ 


/*	label - Die Feldbezeichnung */
.formgen label {					
	/* border: 1px solid #fff; */ 
	font-size: 11px;
	width: 120px;		/* 140 - 20 */
	clear: left; float: left;
	margin:0 20px 5px 0; 
	padding-left:10px; }
	

/*	text - Textfeld */
.formgen .formtext {
	width: 240px;
	height: 16px;				
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	border: 1px solid #842a1b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#842a1b; line-height:15px;}
	
/*	passwort - Textfeld */
.formgen .formpassword {
	width: 240px;
	height: 16px;				/* 20 -3 -3 */
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#842a1b; line-height:15px;
	border: 1px solid #842a1b; }	
	
/*	textarea - Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#842a1b; line-height:15px; /* muss definiert sein */
	width: 240px;
	height: 150px;
	/* padding:3px; */				/* kein padding, da IE Probleme */
	border: 1px solid #842a1b; }
	
/*	select - Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 240px;
	border: 1px solid #842a1b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#842a1b; line-height:15px;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {		/* die Felder im hover Zustand */
	background-color: #fff; }
	
	
	
/* --------- START Radiobuttons --------- */


/* 	Eine Gruppe der Radio Buttons */	
.radio_container	{ 
	/* border: 1px solid #000;  */
	clear:left;						/* damit es nicht links floatet */
	margin-left:140px;	 			/* Label breite & margin-right + formblock breite & border  */ }

 .formgen label.formradio {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue;   */
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/*	radio - Aussehen der Radio Buttons */				
.formgen input.formradio {
	float:left; 
	margin-left:150px;
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ } 
 
/* --------- ENDE Radiobuttons --------- */


/* Block, in dem sich das SUBMIT befindet */
.formgen .formblock { 							
	/* border:1px solid #fff;  */
	/* background-color:#f0f0f0;  */
	padding: 0 0 20px 0; }
	
/* Sende-Button */
.formgen .formsubmit {
	width: 242px;										/* 300 +8, ansonsten zu schmal */
	text-align: center; color: #fff; font-weight:bold;
	background-color: #441e1d;
	border: 1px solid #441e1d;
	margin-left:150px;	 								/* Label breite & margin-right + formblock breite & border  */
	padding:2px 0; }	

.formgen .formsubmit:hover { 
	background-color: #842a1b;
	border: 1px solid #842a1b;}

/* Das Checkbox -Label */	
.formgen label.formcheck {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue; */ 
	width:240px;  
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/* Der Checkbox -Button */	
.formgen input.formcheck {
	/* border: 1px solid #fff;		 */					/* klappt nicht! keine Ahnung warum */
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-left:0px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-REST					 */
/* --------------------------------------------- */ 
	
/* Ein Trennelement */	
.formgen .formtrenn hr {
	/* border:1px solid #000; */ }

/* Eine Headline */
.formgen .formheadline {
	/* border:1px solid #000; */
	background-color:#441e1d;
	font-size:12px; color:#fff; font-weight:bold; line-height:20px; 
	font-family: Helvetica, Verdana, Arial, sans-serif;; 
	padding:0 10px; }
	
/* Eine Info */
.formgen .formhinweis {
	/* border:1px solid #000;  */
	padding:10px 20px;
	color:#df0000;}
	
/* Ein Fehler - Markierung der Labels bei Fehler */
.formgen .formerror { color: #df0000; }

.formgen .formreq {
	/* border:1px solid #000;  */ }

/* Der Captcha Container */
.formgen label.formcaptcha { /* border: 1px solid #000; */ }
	
/* Das Captcha Bild */
.formgen img.formcaptcha { margin: 0 20px; }
	
/* Falls vorhanden: die Div Klassen */
.formgen div.unterteilung { 						/* beliebig verschiedenamige Klassen definierbar */
	/* border: 1px solid #ff6600; */ 
	/* background-color:#f0f0f0;  */
	padding: 10px 0; }


/* Fieldsetbeschriftung */
.formgen legend {
	/* border: 1px solid #ff6600; */
}
.formgen .fieldset {
	/* border: 1px solid #ff6600; */
}


#form-module-thanks {
	/* border: 1px solid #ff6600; */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:15px; font-weight:bold; }






marquee {
	margin:15px 0 50px 188px;
	width:653px;}