/* Styles für MH0uben.de
   PRIVAT-SEITEN */


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

/* Wichtige Farben sind güt die  Tubrik PRIVAT
   Hintergrundfarbe    #E1F2D4
   Kasten-Hintergrund #B5DF94
   Menü-Hintergrund #B5DF94
   Dunkle Rahmen     #385D1B
   */

body {  background-color: #E1F2D4; 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: #B5DF94;text-decoration:none;}
A:hover    { color: #CC0000;text-decoration:none;}


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

P        { text-align: JUSTIFY;}
P.Intro  { font-weight: bold; }
P.center { text-align: center; }
P.indiv  { text-align: center; margin: 10px;font-size:150%;}
P.menue  { text-align: center; font-size:140%; color: #385D1B;}

/* Die 'Rahmen erhält aber das Bild selbst */
img {margin:0px;}
img.rand {border:1pt solid #385D1B; }

/* Divs zur groben Seiten-Formatierung  */
DIV.SpalteLinks  {
         position: absolute;
         top:0px;
         float: left;
         width: 225px;
         text-align:center;
         margin-bottom: 0px;
         margin-right: 20px;
         margin-top: 20px;
         font-size: 90%;
         border:  0px;}

/* Head-Kasten, am oberen Bildrand */
DIV.Head {
         position:absolute;
         top:20px;
         background-color: #B5DF94;
         left: 250px;
         margin-bottom: 15px;
         margin-left: 0px;
         text-align: center;
         font-size: 80%;
         padding: 10px;
         border: 3px #385D1B double;
         width:95%-250px;
         color: #385D1B;
         min-width:575px;
         max-width: 1200px}

 DIV.SpalteRechts {
        position: absolute;
        width:95%-250px;
        top: 100px;
        left: 250px;
        text-align:center;
        align:center;
        margin: 15px;
        padding: 0px;
        border: 0px ;
        min-width:575px;
        max-width: 1200px}

/* Spezielle Divs für Privatseite, zweizeilig */
 DIV.halbelinks {
        float:left;
        width:48%;
        align:right;
        align:right;}

 DIV.halberechts {
        float:left;
        width:48%;
        align:left;}

 DIV.Headerbild {
         float: right;
         text-align:right;
         margin-bottom: 7px;
         margin-left: 7px;
         margin-right: 7px;
         margin-top: 0px;
         font-size: 90%;
         border:  0px;}

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

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

/* IconMenü, in Form gehalten durch DIV ohne Rahme */
Div.menhead {
       margin: 0px;
       padding: 0px;
       position: absolute;
       top: 15px;
       left: 0px;
       height: 20px;
       width: 200px;
       border: 0px;}

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

DIV.menuebuttons {
       background-color: #385D1B;                      /* >>> Hintergrundarbe Menü */
       line-height: 25px;
       padding-top: 0px;
       border-top: 0px;
       border-right: 0px;
       border-bottom: 0px;
       border-left: 0px;
       text-align: center;
       font-size: 120%;
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px;}

/* 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: white; font-weight: bold;text-decoration:none;}
A.menueselected:link    { color: #B5DF94; font-weight: bold;text-decoration:none;letter-spacing: 1px;}
A.menueselected:visited { color: #B5DF94; font-weight: bold;text-decoration:none;letter-spacing: 1px;}
A.menueselected:hover   { color: #B5DF94; font-weight: bold;text-decoration:none;letter-spacing: 1px;}
A.menueselected:active  { color: #B5DF94; font-weight: bold;text-decoration:none;letter-spacing: 1px;}