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

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

#264F87 brillantblau neu
#D4D9DB lichtgrau neu
#faffff reinweiß 9010 '
 */



h1      { font-size:40px; font-style: times new roman; font-weight:bold;
          color: #264f87; margin: 0px 0px 0px 0px; }
h2      { font-size:30px; font-style: times new roman; font-weight:bold;
           color:#264f87; margin: 0px 0px 0px 0px;  }
h3      { font-size:18px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
h4      { font-size:12px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
h5      { font-size:18px; font-style: times new roman; font-weight:bold;
           color:#264f87; margin: 0px 0px 0px 0px;  }
h6      { font-size:20px; font-style: times new roman; font-weight:bold;
           color:#000000; margin: 0px 0px 0px 0px;  }
           /* define LINKs */
/* normale Anzeige für LINK */
a:link                           {color: #264f87;
                                 text-decoration: none;
                                 background-color: #faffff;
                                 font-weight: bold;}

/* bereits besuchter LINK */
a:visited                        {color: #264f87;
                                 text-decoration: none;
                                 background-color: #faffff;
                                 font-weight: bold;}
/* mit TAB-Taste über LINK */
a:focus                          {color: #264f87;
                                 text-decoration: none;
                                 background-color: #c4caca;
                                 font-weight: bold;}


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

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


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

#colum1 {float: left; padding: 5px; width: 65%; height: 125px;
         background: #ffffff;  text-align: center;
          z-index: 3;
         }

#colum2 { position:realtive; float: right;   padding:0px;    height: 135px;
           background: #ffffff;
          z-index: 1;
         width:30%; }

#start1 {float: left; padding: 0px; width: 55%; height: 539px;
         background: #ffffff;
          z-index: 3;
         }

#start2 { position:realtive; float: right;   padding:0px;    height: 539px;
           background: #ffffff;   text-align: left;
           width: 44%; }

#kontakt2 { position:realtive; float: right;   padding:0px;    height: 539px;
           background: #ffffff;   text-align: left;
           width: 40%; }

#center2 {width: 950px; height:25px; border-left: 8px solid #264f87; background: #faffff; border-right: 8px solid #264f87;
 border-top: 0px ; border-bottom: 0px; margin:0px auto;}

/* center3 für Bildschirm wide height 447px
   center3 für Bildschirm 4:3 height 575px */
#center3 {width: 950px; height: 575px; border: 8px solid #264f87; background: #ffffff; margin:0px auto;  overflow: auto;
         }

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

#navi {  height: 21px;
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: 923px;height: 559px; background: #ffffff ;
    margin:5px 5px 5px 5px; }

/* 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: #faffff ;
    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: #faffff ;
    margin:15px 15px 15px 15px; }

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

#starttab {position: absolute width: 920px; height: 520px; background: #ffffff; text-align: center;  margin-left:40px ; }
 #waermetab {position: absolute width: 920px; height: 520px; background: #ffffff; text-align: center;  margin-left:10px ; }

#neutable {width: 700px; height: 400px; background: blue;
    margin-left:auto; margin-right:auto; background-color:  #faffff; color:  #264f87; border:8px solid #264f87; }