/* Styles für MHouben.de
   BAHN-SEITEN */


/* Unterschiede im Design der MHouben-Seiten liegen nur
   in den Farben, die mit Bearbeiten-Ersetzen ausgetauscht
   werden können */

/* Wichtige Farben sind
   Hintergrundfarbe	#E5DCDC
   Kasten-Hintergrund	#D2BEBE
   Menü-Hintergrund     #5D4242
   */

body {  background-color: #E5DCDC; font-family: Arial, Helvetica, sans-serif;}


/* Link-Styles */

A:link 		{ color: #3300CC;text-decoration:none;} 
A:visited 	{ color: #3300CC;text-decoration:none;} 
A:active 	{ color: #3300CC;text-decoration:none;}
A:hover 	{ color: #CC0000;text-decoration:none;} 

/*Haupt-Tabelle */

DIV.BildL {
         float: left;
         text-align: left;
         margin-bottom: 10px;
         margin-right: 20px;
         margin-top: 0px;
         font-size: 90%;
         border:  0px;}
DIV.Kapitel {
         float: left;
         text-align: left;
         margin-bottom: 0px;
         margin-right: 20px;
         margin-top: 0px;
         font-size: 90%;
         border:  0px;}

DIV.BildR {float: right;
         text-align:center;
         margin-bottom: 10px;
         margin-left: 20px;
         margin-top: 0px;
         font-size: 90%;
         border:  0px ;}

DIV.BildM {
         text-align:center;
         margin-bottom: 20px;
         margin-left: 20px;
         margin-right: 20px;
         margin-top: 0px;
         font-size: 90%;
         border:  0px;}

TABLE.Main    {	position: relative; -top: 10px;
             	padding-top: 10px;
  	     	padding-left: 10px;
             	padding-right: 10px;
   		padding-bottom: 10px;
		width: 95%;
		float: left;
		align: left;}

/* Dieses kleine randlose Div tut - ja was eigentlich ? */
DIV.Filler {	position: relative;
  	    	height: 5px; width: 5px;
  		border-top: 0px;
  		border-right: 0px;
  		border-bottom: 0px;
  		border-left: 0px ;}

CENTER   { 	margin-top: 7px; margin-bottonm: 7px;}

/* Vorgefertigte Formatierungen von Text-Absätzen */

P	 {	font-size: 90%;
		text-align: JUSTIFY; }
P.Intro	 {	font-weight: bold; }
P.center {	text-align: center; }
P.indiv  {  	text-align: center;
		margin-top: 10px;
  		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 85%;}

/* Bilderrahmen aus einfachen Tabellen */
/* Die 'Rahmen erhält aber das Bild selbst */

img.rand   { 	border:2pt solid #5D4242;
		float: center;
		align: center; }

TABLE.ImgR {	spacing: 0px;
		margin-top: 5px;
		margin-botton: 5px;
  	   	margin-left: 10px;
  	   	float: right;
  	   	align: right;}

TABLE.ImgL {	align: left;
		margin-top: 5px;
  	   	margin-bottom: 5px;
  	   	margin-right: 10px;}

TABLE.Imgbreit {width: 100%;
		align: center;
		margin-top: 5px;
  	   	margin-bottom: 5px;
  	   	margin-right: 10px;
  	   	float: center;}

/* Divs werden bei mir immer zu Kästen, die dann
   mit Inhalt oder gelegentlich auch Bildern gefüllt
   werden */
	    
DIV	{ 	padding-top: 10px;
 		border-top: 3px #5D4242 double;
  		border-right: 3px #5D4242 double;
  		border-bottom: 3px #5D4242 double;
  		border-left: 3px #5D4242 double;}

/* Head-Kasten, am oberen Bildrand */

DIV.Head {	margin-bottom: 15px;
  	   	margin-left: 0px;
  	   	align: center;
  	   	font-size: 80%;
  	   	position: absolut;
  	   	top: 0px;
  		padding-top: 10px;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-bottom: 10px;
  		background-color: #D2BEBE;}

/* Ups, wofür war den noch mal ? */
DIV.Body {	position: absolut; top: 0px;
	 	width: 98%; margin-top: 5px;
  	   	margin-left: 5px; margin-bottom: 2px;
  	   	font-size: 80%;
  		border-top: 0px; border-right: 0px;
		border-bottom: 0px; border-left: 0px; }

/* Divbox in der linken Menüspalte, */
DIV.Links {	width: 190;
		font-color: #0000000;
  	   	margin-bottom: 20px;
		align: center;
  	   	font-size: 90%;
  		padding-top: 10px; padding-left: 10px;
  		padding-right: 10px; padding-bottom: 10px;
  		background-color: #FFFFFF;}

/* Divbox, die immer links am Rand des Hauptfeldes klebt */
DIV.BoxL {	font-color: #0000000;font-size: 80%;
  	   	color: #333399; margin-top: 5px;
		margin-bottom: 5px; margin-right: 1px;
  	   	text-align: center; p-align: center;
  	  	float: left;
  	   	width: 200px;
  		padding-top: 10px; padding-left: 10px;
  		padding-right: 10px; padding-bottom: 10px;
  		background-color: #FFFFFF;}  

/* Divbox, die immer Rechts am Bildrand klebt */
DIV.BoxR {	font-color: #0000000;color: color:#333399;
  	   	text-align: center;
  	   	margin-top: 5px; margin-bottom: 5px;
	 	margin-left: 5px; 
		width: 200px;
		float: right;
		padding-top: 10px; padding-left: 10px;
  		padding-right: 10px; padding-bottom: 10px;
		background-color: #FFFFFF;}        

/* Eine Tabelle, die auch wie eine Tabelle aussieht */
TABLE.Table {	margin-top: 10pt; margin-bottom: 10px;
		margin-left: 10px; font-size: 100%;
		text-align: center; border-collapse: collapse;
		float: right; padding-top: 2px;
		padding-left: 4px; padding-right: 4px;
		padding-bottom: 2px; 
		border-top: 1px single#7E6FD5;
		border-right: 1px single#7E6FD5; 
		border-bottom: 1px single#7E6FD5;
  		border-left: 1px single#7E6FD5; }	

/* Und nun der komplexeste Teil von dat janze 
       D A S  M E N U E
   Das aus einer Vielzahl von Divs und Tabellen besteht */

/* IconMenü, in Form gehalten durch DIV ohne Rahme */
Div.menhead {position: absolute;
  	     height: 10px;
  	     width: 220px;
  	     border-top: 0px;
  	     border-right: 0px;
  	     border-bottom: 0px;
  	     border-left: 0px;
	     }

/* Der Rahmen, der um das Menü herum liegt */
DIV.menue { background-color: #D2BEBE;		      /* >>> Hintergrundarbe Menürahmen */
  	    margin-bottom: 20px;
  	    text-align: center;
 	    font-size: 80%;
  	    padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;}

/* Die Tabelle, die das Hauptmenü bildet */
TABLE.menue {   align: center;
  	   	text-align: center;
  	   	width: 90%;
		color: #FF0000; text-color: #FF0000;   
  		background-color: #5D4242;}           

/* Und die Steuerung der Link-Texte darin */
A.menue:link 	{ color: white; font-weight: bold;text-decoration:none;} 
A.menue:visited { color: white; font-weight: bold;text-decoration:none;}  
A.menue:hover   { color: #D3D5FC;font-weight: bold;text-decoration:none;letter-spacing: 1px;}
A.menue:active  { color: #888888;}

/* Die Tabelle, die das Untermenü bildet */
TABLE.Submenue { background-color: #D2BEBE;           
  	   align: center;
           color: #990000; text-color: #990000;   
           Position: absolute;
	   top:-33px;
	   z-index:0;
	   font-size 80%;
  	   text-align: center;
  	   width: 190;
 	   border-right: 3px #5D4242 double;
  	   border-bottom: 3px #5D4242 double;
  	   border-left: 3px #5D4242 double; }

/* Und die darin befindlichen Link-Texte */

A.smenue:link 	{ font-size: 80%; color: #5D4242; font-weight: bold;text-decoration:none;} 
A.smenue:visited {font-size: 80%; color: #5D4242; font-weight: bold;text-decoration:none;}  
A.smenue:hover  { font-size: 80%; color: #990000; letter-spacing: 1px;text-decoration:none;}
A.smenue:active { font-size: 80%; color: #990000; }