/* body = gesamter Bildschirm */
body {    margin:2%; padding:0%; width:100%; height:100%; background: #ffffff; }

/* Farben:
RAL 5007 #38618c brillantblau
RAL 3005 #581e29 weinrot
RAL 7035 #c4caca lichtgrau
         #ffffff weiß;
         #000000 schwarz
 */




h1       { font-size: 30px; font-style: times new roman; font-weight:bold;
          color: #38618c; margin: 0px 0px 0px -10px; }
h2      { font-size:18px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
h3      { font-size:20px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
h4      { font-size:18px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
h5      { font-size:28px; font-style: times new roman; font-weight:bold;
           color:#581e29; margin: 0px 0px 0px 0px;  }
h6      { font-size:20px; font-style: times new roman; font-weight:bold;
           color:#581e29; margin: 0px 0px 0px 0px;  }
           /* define LINKs */
/* normale Anzeige für LINK */
a:link                           {color: #38618c;
                                 text-decoration: none;
                                 background-color: #ffffff;
                                 font-weight: bold;}

/* bereits besuchter LINK */
a:visited                        {color: #38618c;
                                 text-decoration: none;
                                 background-color: #ffffff;
                                 font-weight: bold;}
/* mit TAB-Taste über LINK */
a:focus                          {color: #581e29;
                                 text-decoration: none;
                                 background-color: #c4caca;
                                 font-weight: bold;}


/* über LINK fahren */
a:hover                          {color: #581e29;
                                 text-decoration: none;
                                 background-color: #c4caca;
                                 font-weight: bold;}

/* gerade aktiver LINK */
a:active                         {color: #581e29;
                                 text-decoration: none;
                                 background-color: #c4caca;
                                 font-weight: bold;}


       /* define BOXES */
#center1 {width: 950px; height: 135px; border: 8px solid #581e29; background: #c4caca;
         margin:0px auto; padding:0px; z-index: 2;}

#colum1 {float: left; padding: 0px; width: 30%; height: 135px;
         background: #c4caca;
          z-index: 3;
         }

#colum2 { position:realtive; float: right;   padding:5px;    height: 125px;
           background: #c4caca;   text-align: center;
          z-index: 1;
         width:66%; }

#center2 { width: 950px; height:25px; border-left: 8px solid #581e29; background: #ffffff; border-right: 8px solid #581e29;
 border-top: 0px ; border-bottom: 0px; margin:0px auto; z-index: 4;}

/* center3 für Bildschirm wide height 447px
   center3 für Bildschirm 4:3 height 575px */
#center3 {width: 950px; height: 575px; border: 8px solid #581e29; background: #c4caca; margin:0px auto;  overflow: auto;
         z-index: 5; }

/* overflow: auto; bringt flexible Größe der Box*/

#navi { position: relative; height: 21px; z-index: 1;
font size: 10pt; font-weight: bold; color: #000000; text-decoration: none; text-align: center; }


/* page = variabler Bereich in Block 3 für Bildschirm wide height 440px
   page für Bildschirm 4:3 height 542px*/
#page {width: 890px;height: 540px; background: #c4caca /* Test blue */ ;
    margin:15px 15px 20px 20px; }

/* pagebreit = feste Breite für variabler Bereich ohne scrollen in Block 3 für Bildschirm wide height 440px
   page für Bildschirm 4:3 height 542px*/
#pagebreit {width: 920px;height: 540px; background: #c4caca /* Test blue */ ;
    margin:15px 15px 15px 15px; }

/* pagebreit = feste Breite für variabler Bereich ohne scrollen in Block 3 für Bildschirm wide height 440px
   page für Bildschirm 4:3 height 542px*/
#pagesprech {width: 800px;height: 540px; background: #c4caca /* Test blue */ ;
    margin:15px 15px 15px 15px; }

    /* start = variabler Bereich in Block 3 für Bildschirm wide height 400px */
#start    {position: absolute width: 500px; height: 400px; background: #c4caca; text-align: center;    }

#neutable {width: 700px; height: 400px; background: blue;
    margin-left:auto; margin-right:auto; background-color:  #c4caca; color:  #581e29; border:8px solid #581e29; }