/* 	================================================================
	Reset von Abständen und anderen Voreinstellungen der Browser
	================================================================ */				
	
	*		{padding: 0; margin: 0;}
				
	html 	{overflow-y: scroll;}

	article, aside, details, figcaption, figure, footer, header, main, nav, section
			{display: block;}
	
	
				
/* 	================================================================
	Formatierungen von Haupt-Blockelementen
	================================================================ */

	html	{	margin-top: 0;
				background-color: rgb(19, 20, 50);
				color: rgb(252, 252, 252);	
			} 				

		
	body	{	margin: auto;
				margin-top: 0em;
				margin-bottom:	20px;
				padding-left: 50px;
				padding-right: 50px;
				padding-bottom: 50px;
				width: 1100px;
				background-color: rgb(143, 1, 0);
				font-family: Arial;
				letter-spacing: 1px;
				line-height: 1.7;
				text-align: left;			
			}

	
 
/* 	========================================/========================
	Formatierungen von Blockelementen im Kopfbereich
	================================================================ */
	
	header	{	position: fixed;
				padding-top: 1em;
				background-color: rgb(143, 1, 0);
			}
			
	nav		{	margin-top: 0;
				margin-right:  50px;
				padding-top: 1em;
				padding-left: 1em;
				width: 1083px;
				height: 3em; 
				border-radius: 2px;
				box-shadow: 3px 3px 3px 0px black;
				background-color: rgb(19, 20, 50);
			}
	
	#anfang	{	padding-top: 7em;
				height: 12em;
			}	 
	
	/*	für nachgeordnete Schaltflächen */
	.nav-schaltflaeche	
			{	float: left;
				margin: 2px 2px 2px 2px;
				background-color: rgb(19, 20, 50);
				color: white; 
				line-height: 1.1;
				text-align: center;
				border-style: solid;
				border-color: black;
				border-radius: 5px;
			}	 							

	/*	für Nachrichten auf der Startseite index.html */ 
	#aktuell	
			{	margin-top: 1em;
				margin-bottom: 2em; 
				padding-top: 1em;
				padding-bottom: 1em; 
				max-width: 1090px;
				border: 5px solid yellow; 
				font-size: 25px; 
				font-weight: bold; 
				padding-left: 1.2em;
				background-color: rgb(19, 20, 50);
				border-radius: 3px;	
				box-shadow: 3px 3px 3px 0px black;		
			}		 
 
	#aktuell .abst
			{	margin-left: 2em;	} 
 
	/*	für das Gruppenbild auf der Startseite */ 
	#startbild 
			{	margin-left: 20em; 
				margin-bottom: 2em; 
				box-shadow: 8px 8px 8px 0px rgb(19, 20, 50);
			}

 
/* 	======================================
	Inhaltsbereiche gestalten
	====================================== */
	/*Bezugspunkt für Sprunganweisung definieren*/
	.bezugspkt	
			{	clear: both;
				margin-top: 0;
				margin-bottom: 70px; 
				color: rgb(143, 1, 0);
			}

	.bezugspkt-1	
			{	clear: both;
				margin-top: 70px;
				color: rgb(143, 1, 0);
			}

	.bezugspkt-0	
			{	clear: both;
				margin-top: 0;
				margin-bottom: 0;
			}				
			

	.trennline
			{	clear: both; 	
				margin-top: 0em;
				color: rgb(143, 1, 0);
				background-color: rgb(19, 20, 50); 
				line-height: 3px;
			}	
	
	#abschnittstitel
			{	font-family: Arial;
				font-size: 30px; 
				font-weight: bold;
				text-shadow: 3px 3px black;
				padding-bottom: 1em;
			}			
	
	/*Abstand zwischen Abschnittstitel und Bezugspunkt reduzieren*/
	#abschnittstitel-a
			{	font-family: Arial;
				font-size: 30px; 
				font-weight: bold;
				text-shadow: 3px 3px black;
				padding-bottom: 0;
				margin-bottom: 0;
			}	 		 	
					
	h1, h2, h3			
			{	margin-top: 10px;
				margin-bottom: 10px;
				text-shadow: 3px 3px black;
			}
			
	h1		{	font-size: 30px;
			}
 
	/*	für die Liste mit Verlinkungen auf der Startseite */ 		
	ul.startliste	
			{	padding-top: 1em; 
				padding-left: 7em; 
				padding-bottom: 2em;
			}

	main	{	margin-bottom: 3em;	}
	
	main.br750	
			{	float: left;
				width: 750px;
				margin-bottom: 2em;
			}

	main.br1000
			{	width: 1000px;
				margin-bottom: 3em;
			}

	main.br1100
			{	width: 1100px;
				margin-bottom: 3em;
			}

	article.br750	
			{	float: left;
				width: 750px;
				margin-bottom: 2em;
			}

	article.br1100	
			{	float: left;
				width: 1100px;
				margin-bottom: 2em;
			}

	div.br1065
			{	float: left;
				width: 1065px;
				margin-bottom: 2em;
			}

	div.br1000	
			{	float: left;
				width: 1000px;
				margin-bottom: 2em;
			}

	div.br900	
			{	float: left;
				width: 900px;
				margin-bottom: 2em;
			}
			
	div.br800	
			{	float: left;
				width: 800px;
				margin-bottom: 2em;
			}

	div.br750	
			{	float: left;
				width: 750px;
				margin-bottom: 2em;
			}

	div.br700	
			{	float: left;
				width: 700px;
				margin-bottom: 2em;
			}
						
	div.br650	
			{	float: left;
				width: 650px;
				margin-bottom: 2em;
			}
						
	div.br600	
			{	float: left;
				width: 600px;
				margin-bottom: 2em;
			}
						
	div.br550	
			{	float: left;
				width: 550px;
				margin-bottom: 2em;
			}
						
	div.br500	
			{	float: left;
				width: 500px;
				margin-bottom: 2em;
			}
						
	div.br450	
			{	float: left;
				width: 450px;
				margin-bottom: 2em;
			}						
						
	div.br400	
			{	float: left;
				width: 400px;
				margin-bottom: 2em;
			}
						
	div.br300	
			{	float: left;
				width: 300px;
				margin-bottom: 2em;
			}
						
	div.br200	
			{	float: left;
				width: 200px;
				margin-bottom: 2em;
			}									
		

	p		{	margin-top: 1em; 
				margin-bottom: 1em;
			}	

	.top1	{	margin-top: 1em;	}		

	.top2	{	margin-top: 2em;	}	

	.top3	{	margin-top: 3em;	}

	.top4	{	margin-top: 4em;	}

	.top5	{	margin-top: 5em;	}

	.top6	{	margin-top: 6em;	}

	.top7	{	margin-top: 7em;	}

	.top8	{	margin-top: 8em;	}

	.top10	{	margin-top:10em;	}

	.top20	{	margin-top:20em;	}


	
	.abst1 	{	margin-left: 1em;	}		

	.abst2 	{	margin-left: 2em;	}	

	.abst3 	{	margin-left: 3em;	}

	.abst4 	{	margin-left: 4em;	}

	.abst5 	{	margin-left: 5em;	}	

	.abst6 	{	margin-left: 6em;	}	

	.abst7 	{	margin-left: 7em;	}	

	.abst8 	{	margin-left: 8em;	}		

	.abst9 	{	margin-left: 9em;	}		

	.abst10 {	margin-left: 10em;	}		

	.abst15 {	margin-left: 15em;	}												

	.schatten 
			{	box-shadow: 3px 3px 3px 0px black; }

	.schatten-a 
			{	box-shadow: 1px 1px 2px 2px black; }

	.textschatten
			{	text-shadow: 3px 3px black; }
			
			
	
	.text-fett
			{	font-weight: bold;
				text-shadow: 3px 3px black;
			}
								
	.text-f23n			
			{	font-size: 23px;
				font-weight: normal;				
			}
					
	.text-f23			
			{	font-size: 23px;
				font-weight: bold;
				text-shadow: 3px 3px black;
			}
								
	.text-f20n			
			{	font-size: 20px;
				font-weight: normal;				
			}
			
	.text-f20			
			{	font-size: 20px;
				font-weight: bold;
				text-shadow: 3px 3px black;
			}
			
	.text-f17n			
			{	font-size: 17px;
				font-weight: normal;
			}
			
	.text-f17			
			{	font-size: 17px;
				font-weight: bold;
				text-shadow: 3px 3px black;
			}
			
	.text-f16			
			{	font-size: 16px;
				font-weight: bold;
				text-shadow: 3px 3px black;
				text-align: center;
			}
			
	.text-f15			
			{	font-size: 15px;
				font-weight: bold;
				text-shadow: 3px 3px black;
				text-align: center;
			}
 
	.bildtext	{	line-height: 20px;
					text-align: center;
				}

/* 	======================================
	Text der Seite 6-organisation-satzung gestalten
	====================================== */

	.h-par	{	padding-top: 20px; }
			

	.p-par	{	margin-left: 30px;
				padding-bottom: 0em;
			}
			
	.ol-alpha	
			{	margin-left: 6em;
				margin-bottom: 1em;
				list-style-type: lower-alpha;
			}

		
	.ol-dec	{	margin-left: 6em;
				margin-bottom: 1em;
				list-style-type: decimal;
			}
		
	.ol-alsub	
			{	margin-left: 8em;
				margin-bottom: 1em;		
			}




/* 	======================================
	Seitenbereich aside gestalten
	====================================== */

	
	aside.feld-blau	
			{	float: right;
				width: 300px;
				padding: 20px 10px 50px 10px;
				background-color: rgb(19, 20, 50);
				box-shadow: 3px 3px 3px 0px black;
			}
	
	aside.feld-rot	
			{	float: right;
				width: 300px;
				padding: 0px;
			}
	
	
	aside.feld-rot-460	
			{	float: right;
				width: 460px;
				padding: 0px;
			}


/* 	======================================
	Gestaltung auf Seite 2-fairtrade
	====================================== */
	
	figcaption.fig-stgr	
			{	line-height: 2;
				font-size: small;
			}
	
	
	

/* 	======================================
	Vorstandsseite 6-organisation-vorstand.html gestalten
	====================================== */	
	
	div.vorst	
			{	clear: both; 
				margin-left: 200px;			
			}	

	div.name-vorst	
			{	float: left; 
				margin-top: 150px; 
				padding-left: 50px;		
			}	

	img.bild-vorst	
			{	float: left; 
				margin-bottom: 1em;
			}	


/* 	======================================
	Navigationselemente in den Inhaltsbereichen gestalten
	====================================== */
 
	ul li	{	margin-bottom: 0.8em;
				margin-left: 2em;
				list-style-type: square;
				list-style-position: outside;
				line-height: 1.5em; 
			} 
 
	a:link	{	color: rgb(255, 255, 255);
				padding-left: 0px;
			}

	a:active	
			{	color: rgb(255, 255, 255);
				padding-left: 0px;
			}

	a:visited	
			{	color: rgb(255, 255, 255);
				padding-left: 0px;
			}



			
 
/* 	======================================
	Hauptnavigation gestalten
	====================================== */
  
	ul.navmain 
			{ 	margin: 0; 
				padding: 0; 
				color: white;  
				width: auto; 
				text-shadow: 2px 2px black;
			}
  
	ul.navmain li 
			{	float: left;
				margin: 0;
				padding: 0; 
				color: white;  
				width: auto; 
				list-style: none;
				line-height: 16px; 
			}
  
	ul.navmain a:link,
	ul.navmain a:visited 
			{	display: block;
				padding: 7px 10px;  
				color: white;   
				width: auto; 
				text-decoration: none;
				text-shadow: 2px 2px black;
			}
  
	ul.navmain a:hover,
	ul.navmain a:focus 
			{	background-color: rgb(15, 15, 240);
				border-bottom: none; 
				color: white;  
				width: auto;  
				text-decoration: underline; 
			}
  
	ul.navmain a:active 
			{	color: white;			  
				width: auto; 
			}
  
	ul.navmain .sie-sind-hier 
			{	background-image: linear-gradient(to bottom, rgb(15, 15, 240), rgb(137, 137, 219));
				text-decoration: none;
				width: auto; 
			}
			
			
			
  
/* 	======================================
	Dropdown-Hauptnavigation
	====================================== */

	/* zweite Ebene li clearen */
  
	ul.navmain ul.level2 
			{	padding: 0; 
				margin: 0; 
			}
  
	ul.navmain ul.level2 li 
			{ 	clear: both;	}
 
	/* zweite Ebene verstecken */
  
	ul.navmain ul.level2 
			{	position: absolute;
				left: -32768px;
				top: -32768px;
				width: 0;
				height: 0;
				overflow: hidden;
				text-shadow: none;
			}

	/* zweite Ebene wieder einblenden */
  
	ul.navmain li:hover ul.level2 
			{	left: auto;
				top: auto;
				display: block;
				width: auto;
				height: auto;
				border-bottom: 5px solid rgb(15, 15, 240);
			}

	/* Links in der zweiten Ebene gestalten */
  
	ul.navmain ul.level2 a 
			{	background: rgb(137, 137, 219);
				color: white;
				min-width: auto;
				font-weight: bold;
			}
  
	ul.navmain ul.level2 a:active 
			{	background: gray;
				color: white;
			}	
	
	/* Navigation zum Footer hin */
	
	.nav-footer
			{	float: right;
				margin-top: 5px; 
				line-height: 20px;
				font-size: 30px; 
				padding-top: 0px; 
				padding-right: 20px; 
				margin-bottom: 0px;
			}	
				
				
/* 	================================================================
	Formatierungen von Elementen im Fußbereich
	================================================================ */
																						
	footer	{	clear: both;
				padding-top: 20px;
				padding-bottom: 10px;
				padding-left: 10px;
				margin-top: 20px;
				margin-bottom: 1px;			
				text-align: center; 
				background-color: rgb(154, 155, 159);
				color: rgb(19, 20, 50);
				border-radius: 3px;	
				box-shadow: 3px 3px 3px 0px black;
			}	

	.foot-l	{	float: left; }			
			
	.foot-org
			{	margin-top: 10px; 
				margin-bottom: 2em;
				margin-left: 10em;
			}				
			
	.foot-pkt
			{	float: left; 
				font-size: 12px; 
				font-weight: bold; 
				margin-left: 4em; 
				margin-right: 1em;
			}
	
	.foot-rubrik
			{	float: left; 
				font-size: 12px; 
				font-weight: bold;
			}				
	
	footer a:link	
			{	color: rgb(19, 20, 50);
				text-decoration: none;
			}

	footer a:active	
			{	color: rgb(19, 20, 50);
				text-decoration: none;
			}

	footer a:visited	
			{	color: rgb(19, 20, 50);
				text-decoration: none;
			}