/* Styles für tv-Seiten */

/* Unterschiede im Design der MHouben-Seiten liegen nur
   in den Farben, die mit Bearbeiten-Ersetzen ausgetauscht
   werden können
         Seitenhintergrunde      #EBECFE (Hell)
         Kasten-Hintergrund      #DCDEFD (Mittel)
         Menü-Hintergrund        #7E6FD5 (Dunkel)
         Menü-Kasten             #113399 (Klarere Dunkle Farbe)        */

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

/* Link-Styles */

A:link    {color:#5466D6; text-decoration:none; font-weight: bold;}     /*jetzt doch wie intext */
A:visited {color:#5466D6; text-decoration:none; font-weight: bold;}
A:active  {color:#5466D6; text-decoration:none; font-weight: bold;}
A:hover   {color:#00CC66; text-decoration:none; font-weight: bold;}
A.intext:link    {color: #5466D6; letter-spacing:0px; font-weight: bold; text-decoration:none;}
A.intext:visited {color: #5466D6; letter-spacing:0px; font-weight: bold; text-decoration:none;}
A.intext:active  {color: #5466D6; letter-spacing:0px; font-weight: bold; text-decoration:none;}
A.intext:hover {color:#00CC66; letter-spacing:0px; font-weight: normal; align="justify"; text-decoration:none;}
A.hide:link    {color: black; letter-spacing:0px; font-weight: normal;  text-decoration:none;}
A.hide:visited {color: black; letter-spacing:0px; font-weight: normal;  text-decoration:none;}
A.hide:active  {color: black; letter-spacing:0px; font-weight: normal;  text-decoration:none;}
A.hide:hover {color: black; letter-spacing:0px; font-weight: normal;  text-decoration:none;}
/* Vorgefertigte Formatierungen von Text-Absätzen */

P        {font-size: 90%;color: black; text-align: JUSTIFY; }
P.Intro  {font-weight: bold; color:#113399;}
P.IntroLinks {font-weight: bold; color: #113399;}
P.center {text-align: center; }
P.small  {font-size: 70%;}
P.indiv  {text-align: center;
          margin-top: 10px;
          margin-left: 10px;
          margin-right: 10px;
          margin-bottom: 10px;
          font-size: 110%;}
P.CG     {font-size:110%; text-align:center;color: #113399}
Span.Headline {font-weight: bold; color: #113399;}

/* Bilderrahmen */

img.rand { border: 1pt solid #113399;margin:0;}

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

/* Die beiden Haupt-Spalten einer Seite */

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

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

/* Head-Kasten, am oberen Bildrand */

DIV.Head {
         margin-bottom: 15px;
         margin-right: 15px;
         font-size: 90%;
         text-align:center;
         position: absolute;
         top: 20px;
         left: 250px;
         padding-left: 10px;
         padding-bottom: 0px;
         padding-top: 10px;
         padding-right: 0px;
         background-color: #DCDEFD;
         border:3px double #7E6FD5;
         min-width:575px;
         max-width: 1000px;
         height:70px;}

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 mit Rand die immer links am Rand des Hauptfeldes klebt */

DIV.Kaphead {
         float: left;
         text-align: left;
         height: 5px;
         margin: 0px;
         margin-right: 5px;
         padding-bottom: -16px;
         border: 0px;}

Div.IntroLinks {
         position:relative;
         text-align: center;
         color: #113399;
         margin: -20px;
         width: 200px; }

DIV.BoxL {
         position: relative;
         top:-15px;
         font-size: 100%;
         color: #333399; margin-top: -10px;
         margin-bottom: 5px; margin-right: 8px;
         text-align: JUSTIFY;
         float: left;
         width: 190px;
         padding: 15px;
         background-color: #FFFFFF;
         border:3px double #7E6FD5;
         border-top: 3px #113399 double;
         border-right: 3px #113399 double;
         border-bottom: 3px #113399 double;
         border-left: 3px #113399 double;}

/* Divbox mit Rand, die immer Rechts am Bildrand klebt */
DIV.BoxR {
         color:#333399;
         text-align: center;
         margin-left: 10px;
         margin-top:-15px,
         margin-bottom:15px;
         width: 200px;
         float: right;
         padding: 10px;
         background-color: #FFFFFF;
         border: 3px #113399 double;}

/* Divbox die in der linken Menüspalte sitzt */

DIV.Links {
         top: 15px;
         text-align:center;
         margin-bottom: 30px;
         font-size: 90%;
         padding-top: 10px;
         padding-left: 10px;
         padding-right: 10px;
         padding-bottom: 10px;
         background-color: white;
         border:3px double #7E6FD5;}

/* Und  D A S  M E N U E

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

/* Der Rahmen, der um das Menü herum liegt */
DIV.menue {
         background-color: #DCDEFD;
         margin-top: 10px;
         margin-bottom: 20px;
         text-align: center;
         font-size: 90%;
         padding-top: 0px;
         padding-left: 10px;
         padding-right: 10px;
         padding-bottom: 10px;
         border:3px double #7E6FD5;}

/* Der eigentliche Menükasten */
DIV.menuebox {
         background-color: #113399;
         line-height: 1.7;
         text-align: center;
         font-size: 110%;
         padding: 10px;}
DIV.submenuebox {
         position: relative;
         top:-45px;
         background-color:  #DCDEFD;
         line-height: 1.7;
         text-align: center;
         font-size: 110%;
         padding: 10px;
         border-top:0px;
         border:3px double #7E6FD5;
         border-top:0px;
         margin-bottom:0px;}


/* 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: white; font-weight: bold;text-decoration:none;letter-spacing: 2px;}
A.menue:active  { color: white; font-weight: bold;text-decoration:none;}
A.sel           { color: #00FFFF; font-weight: bold; text-decoration:none; letter-spacing: 2px; }
A.sel:hover     { color: #00FFFF; font-weight: bold; text-decoration:none; letter-spacing: 2px; }
A.smenue:link   { font-size: 80%; color: #333366; font-weight: bold; text-decoration:none;}
A.smenue:visited {font-size: 80%; color: #333366; font-weight: bold; text-decoration:none;}
A.smenue:hover  { font-size: 80%; color: #333366; font-weight: bold; letter-spacing: 2px;text-decoration:none;}
A.smenue:active { font-size: 80%; color: #333366; font-weight: bold; text-decoration:none;}
A.smensel       { font-size: 80%; color: #9F00FF; font-weight: bold; letter-spacing: 2px; text-decoration:none;}
A.smensel:hover { font-size: 80%; color: #9F00FF; font-weight: bold; letter-spacing: 2px;text-decoration:none;}