body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 7px 4%;
	background: url(muster3.gif);
}
p,form  { margin: 0 0.8em; color: #333333; }
input, textarea, select { padding:2px; border:1px solid #c21c1e; color:#000000; font-size: 12px; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em; color: #c21c1e; }
													/* margin-left und padding-left sorgen fr die links		*/
													/* bndige Ausrichtung der linken Einzge in Listen			*/
ul, ol {  margin: 0 1em; padding-left: 1em; color: #333; }
img { border: none }
a:link { color: #000000; }
a:visited { color: #000000; }
a:active	{ color: #000000; }
a:hover		{ color: #000000; }
table { margin: 0 0.5em;   }
caption {
	margin-top: 1em; 								/* echt bl�: bis auf IE (Mac) wrden alle Browser die 		*/
	text-align: left;								/* caption abrcken, wenn margin-top fr table statt fr 	*/
	font-variant: small-caps;						/* caption angegeben wrde. Wer keine caption benutzt		*/
}													/* kann den margin wieder bei table einsetzen				*/
td, th { 
	vertical-align: top; 
	border: 1px solid #d9bce7; 
	padding: 3px; 
	background: white; 
	font-size: smaller;
}

th { text-align: left; }
											/* so kommen wir an den schwarzen Rahmen rundherum		*/
#meRahmen { 
	border: 1px solid #4c058a; 
	width: 100%;
	margin: 0 -1px;  
}  

#meSeitenRahmen {							/* und so an die beiden farbigen Spalten				*/
	border-left: 12em solid #f7dcc1;  		/* f�bt die linke Spalte ein und bestimmt ihre Breite	*/
	border-right: 15em solid #fa8a26;   	/* f�bt die rechte Spalte ein und bestimmt ihre Breite */
	background: #fff0ff; 					/* f�bt die mittlere Spalte ein  						*/
}

#meSeiteInnen { 							/* damit die mittlere Spalte zu ihrer schwarzen  		*/ 
	border-right: 1px solid black;			/* border kommt und den gesamten verfgbaren Platz 		*/
	border-left: 1px solid black;			/* einnimmt						  						*/
	margin: 0; 							
	width: 100%; 			
}

#meLinkeSpalte {
	float: left;							/* meLinkeSpalte liegt innerhalb von meSeitenRahmen 		*/
	margin-left: -12em;       				/* damit die Spalte nach links hinaus liegt			 	*/
	padding: 2em 0;
	width: 12em;
	position: relative;						/* die Spalten mssen relativ positioniert sein, da sie ansonsten */
}											/* unter meSeitenrahmen liegen wrden. Durch die relative         */
											/* Positionierung bekommen sie automatisch einen z-index und      */
											/* tauchen wieder auf. 											  */

#meLinkeSpalte ul { 
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0; 
}

#meLinkeSpalte li { 
	
}

#meLinkeSpalte li:first-child { 
	border-top: 1px solid black;
}

#meLinkeSpalte li a { 
	border-bottom: 1px solid black;
	background: #ffad6b;
	color: #ffffff;
	display: block;
	font-weight: bold;
	width: 97%;							/* Die Breite muss hier fr IE Win angegeben , das ansonsten die Hintergrund 	*/
	padding: 1%;						/* farbe nicht anzeigen wrde. 100% wiederum drfen es nicht sein, 				*/
	text-decoration: none;
}

#meLinkeSpalte li a:hover {
	background: #c21c1e; 
	color: white;
}

#meLinkeSpalte .LinkeSpalteSelected a { 
	border-bottom: 1px solid black;
	background: #fa8a26;
	color: white;
	display: block;
	font-weight: bold;
	width: 97%;							/* Die Breite muss hier fr IE Win angegeben , das ansonsten die Hintergrund 	*/
	padding: 1%;						/* farbe nicht anzeigen wrde. 100% wiederum drfen es nicht sein, 				*/
	text-decoration: none;
}

#meMittelSpalte { 
	float: left; 			/* ganz sch� simpel		*/
	width: 100%;			
	padding: 2em 0;  
	position: relative;
}

#meRechteSpalte {
	width: 15em;              /* meLRechteSpalte liegt innerhalb von meSeitenRahmen 		*/
	margin-right: -15em;      /* damit die Spalte nach rechts hinaus liegt				 	*/
	float: left;
	padding: 2em 0;
	position: relative;
}

#meHeader {
	background: url(/layout/images/blitzunddonner_web.jpg);
	border-bottom: 1px solid black;
	padding: 7px 0;				/* Das padding wird gegen Mozilla gebraucht, sonst gibts  */
	width: 100%;				/* L�her und keine border-bottom						  */
}

#meFooter {
	background: #c21c1e;    /* auch wieder ganz sch� simpel */
	border-top: 1px solid black;
	color: #ffffff;
	padding: 7px 0;
	width: 100%;
}

.clear { clear: both; }

/* Sonderlocken fr Mozilla, ungef�rlich fr brave Browser */
#meSeitenRahmen > #meSeiteInnen { border-bottom: 1px solid transparent; } 
#meLinkeSpalte { margin-right: 1px; } 	/* Mozilla legt floats, die direkt nebeneinander liegen, um einen		*/
										/* Pixel bereinander, so dass die border verschwindt. 				 	*/
#meRechteSpalte { margin-left: 1px; }	/* Quelle: RichInStyle													*/
										
#meMittelSpalte { margin: 0 -3px 0 -2px; }

/* Sonderlocken fr Opera ? 								*/
/* Opera auf dem Mac zeigt Lcken zwischen den li's 		*/
/* in der linken Navigationsspalte							*/

/* Sonderlocken fr Safari	 								*/
/* In Safari schiebt sich die Tabelle skrupellos ber  		*/
/* ber den linken Rand der rechten Navigationsleiste 		*/
.logo {
	padding: 0 0 0 0;
	text-align: right;
}

a.text { 
	color: #999999;
	font-size: X-SMALL;
	text-decoration: none;
}

a.footer { 
	color: white;
	font-size: X-SMALL;
	text-decoration: none;
}