body { /* Allgemeine Definition der Seite */
    margin: 0;
    padding: 0;
    font: 16px  Attic,  arial, hevetica, sans-serif;
    text-align: center;
    line-height: 120%;

    color: #ffffff;
    text-shadow: -1px  0px 6px #303030, +1px  0px 6px #303030,
                  0px -1px 6px #303030,  0px +1px 6px #303030;
    background-color: #ffffff;
    background-position: center top;
    background-image: url('Nucleonic/HP/White.jpg');
    background-repeat:repeat;
    background-attachment: fixed;
  }

  div {
    padding: 0 0 12px 0;
  }


  a img { /* per default den Rahmen der Bilder weg */
    border: none;
  }
  a:link {
    text-shadow: -1px  0px 6px #ee9900, +1px  0px 6px #ee9900,
                  0px -1px 6px #ee9900,  0px +1px 6px #ee9900;
    color:#3f3f3f;
  }
  a:visited {
    text-shadow: -1px  0px 6px #0000, +1px  0px 6px #663300,
                  0px -1px 6px #336600,  0px +1px 6px #663300;
    color:#996600;
  }  
  a:hover, .SmallLink:hover{
    color:#ffffff; 
  }
  a:active{
    color:#ffffff; 
  }

  h1 { /* zu Testzwecken */
    padding: 16px 0px 25px 16px;
    background-position: Left top;
    background-image: url('Nucleonic/HP/H1.png');
    background-repeat: no-repeat;
    margin: 8px;
 }

  h2 { /* zu Testzwecken */
    margin: 8px 8px -4px 0px;
    padding: 16px 0px 24px 15px;
    background-position: 0px -4px;
    background-image: url('Nucleonic/HP/H2.png');
    background-repeat:no-repeat
  }

  #container { /* Hauptbereich mit Pergament, 900px breit */
    float: center;
    margin: 0px auto 00px auto;
    padding: 4px;
    width: 900px;
    height: 100%;
    text-align: left top;
    background-color: #3fffffff;
//    background-color: yellow;
    background-repeat:repeat;
    background-position: center top;
    background-attachment: fixed;
    background-image: url('Nucleonic/HP/Back.png');
    border: 0px;
  }

  #TopText, .TopText {
    padding: 4px 0px 4px 0px;
    text-shadow: -1px  0px 6px #bf0000, +1px  0px 6px #bf0000,
                  0px -1px 6px #bf0000,  0px +1px 6px #bf1000;
    font-size: 80%;
    text-align: center;
    color: #ffffff;
  }

  #Linklist, .Linklist {
    text-shadow: -1px  0px 6px #ee9900, +1px  0px 6px #ee9900,
                  0px -1px 6px #ee9900,  0px +1px 6px #ee9900;
    text-align: center;
    color: #000000;
  }

  #News{
    padding-left: 20px;
    padding-right: 20px;
    padding-Bottom: 0px;
  }


  .Logo {
    padding: 4px 0 0 0;
    margin: 0px 0px -15px 0px;
  }

  .MainFrame, .MainTr {
    margin: 8px 70px 0px 100px;
    padding: 0px;
    text-align: Left;
    background-position: left top;
    border: solid 2px #7f0000;
    background-repeat:repeat;
    background-image: url('Nucleonic/HP/KOback.jpg');
  }

  #Bottom {
    margin-top:-34px;
    padding-top: 60px;
    padding-bottom: 0px;
    background-position: 68px 0px;
    background-repeat:no-repeat;
    background-image: url('Nucleonic/HP/blood.png');
}

  #maintext, .Maintext {
    text-align: Left;
    font-size: 18px;
    text-shadow: -1px  0px 6px #303030, +1px  0px 6px #303030,
                  0px -1px 6px #303030,  0px +1px 6px #303030;
    padding: 8px;
    background-position: center top;
    background-attachment: fixed;
    background-repeat:repeat;
    background-image: url('Nucleonic/HP/KObackR.png');
  }


  #Menu {
    margin: -30px 0px -248px 0px;  
    background-position: center top;
    background-repeat:no-repeat;
    background-image: url('Nucleonic/HP/Menu/BK.png');
  }


  #Home {
    margin: 0px; padding: 0px;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    background-repeat:no-repeat;
    position:relative; top:93px; left:57px; width:128px; height:122px;
    z-index:1;
/*    opacity:0.4; filter:alpha(opacity=40); background-color: yellow; */
    background-image: url( 'Nucleonic/HP/Menu/home_off.png');
  }
  #Home:hover {
    background-image: url( 'Nucleonic/HP/Menu/home_on.png');
  }

  #Band {
    margin: 0px; padding: 0px;
    position:relative; top:-92px; left:216px; width:118px; height:116px;
    z-index:2;
/*    opacity:0.4; filter:alpha(opacity=40); background-color: #00ff00; */
    text-align: center;
    vertical-align:middle;
    background-image: url( 'Nucleonic/HP/Menu/band_off.png');
    background-position: center center;
    background-repeat:no-repeat;
  }
  #Band:hover {
    background-image: url( 'Nucleonic/HP/Menu/band_on.png');
  }

  #Media {
    margin: 0px; padding: 0px;
    position:relative; top:-224px; left:384px; width:110px; height:110px;
    z-index:3;
/*    opacity:0.4; filter:alpha(opacity=40); background-color: red; */
    text-align: center;
    vertical-align:middle;

    background-image: url( 'Nucleonic/HP/Menu/media_off.png');
    background-position: center center;
    background-repeat:no-repeat;
  }
  #Media:hover {
    background-image: url( 'Nucleonic/HP/Menu/media_on.png');
  }

  #Links {
    margin: 0px; padding: 0px;
    position:relative; top:-311px; left:552px; width:100px; height:100px;
    z-index:4;
/*    opacity:0.4; filter:alpha(opacity=40); background-color: blue; */
    text-align: center;
    vertical-align: middle;
    background-image: url( 'Nucleonic/HP/Menu/links_off.png');
    background-position: center center;
    background-repeat:no-repeat;
  }
  #Links:hover {
    background-image: url( 'Nucleonic/HP/Menu/links_on.png');
  }

/* Additional for menu */

.hiddenimages { width:0px; height:0px; visibility:hidden; }
.linkdummy    { width: 100%; height:100%; }

/*** STECKBRIEF ***/

.Steckbrief_Links {
  text-align: right;
  padding-right: 8px;
  width: 200px;
  color: #ffCC00; 
}
.Steckbrief {
  text-align: left; vertical-align: top; width: 100%; 
  border: 0px;  margin: 0px auto 0px auto;
  padding: 0px;
}
.YellowBorder {
  width:500px; margin: 10px auto 10px auto; border: solid 1px #ffcc00; padding: 0px;
}

span.codedirection {
  unicode-bidi:bidi-override; direction: rtl;
}