#startseiteA a{
    text-decoration:none;
    border-style:inset;
    border-color:#272727;
    color:#0000ff;
    background-color:#272727;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    float:left;    
}
#startseiteA a:hover{
    color:#0000ff;
}
#angeboteA a{
    text-decoration:none;
    border-style:inset;
    border-color:#272727;
    color:#0000ff;
    background-color:#272727;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    float:left;
}
#angeboteA a:hover{
    color:#0000ff;
}
#serversystemA a{
    text-decoration:none;
    border-style:inset;
    border-color:#272727;
    color:#0000ff;
    background-color:#272727;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    float:left;
}
#serversystemA a:hover{
    color:#0000ff;
}
.startseite a{
    text-decoration:none;
    border-style:outset;
    border-color:#272727;
    color:#0000ff;
    background-color:#000000;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    float:left;
}
.startseite a:hover{
    color:red;
}
.startseite a:active{
    border-style:inset;
    background-color:#272727;
}
.angebote a{
    text-decoration:none;
    border-style:outset;
    border-color:#272727;
    color:#0000ff;
    background-color:#000000;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    float:left;
}
.angebote a:hover{
    color:red;
}
.angebote a:active{
    border-style:inset;
    background-color:#272727;
}
.serversystem a{
    text-decoration:none;
    border-style:outset;
    border-color:#272727;
    color:#0000ff;
    background-color:#000000;
    width:32%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    float:left;
}
.serversystem a:hover{
    color:red;
}
.serversystem a:active{
    border-style:inset;
    background-color:#272727;
}
.randoben{
    background-image: url("Bilder/Rand-oben TGs.bmp");
    background-repeat:repeat-x;
    padding-bottom:12px;
}
.randunten{
    background-image: url("Bilder/Rand-unten TGs.bmp");
    background-repeat:repeat-x;
    padding-bottom:12px;
}
.logininf{
    text-align:center;
    float:right;
    border-style:solid;
    border-color:#000080;
    border-width:2px;
    padding:2px;
}
#Hintergrund {
  position:absolute;
  top:0;
  left:2%;
  width:98%;
  height:100%;
  z-index:1;
}
#Inhalt{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}
#Text{
    background-color:#000000;
    border-style:solid;
    border-top-width:4px;
    border-bottom-width:4px;
    border-color:#000000;
}
#liste{
    text-align:left;
    margin-left:30%;
}
#umruestung{
    text-align:left;
    margin-left:15%;
}
#loginlink a{
    background-color:#000000;
    color:#0000ff;
    text-decoration:none;
    border-style:outset;
    border-width:2px;
    border-color:#272727;
    padding:2px;
    margin-top:2px;
    margin-bottom:2px;
}
#loginlink a:hover{
    color:red;
}
#loginlink a:active{
    border-style:inset;
    background-color:#272727;
}
.angebotenavi{
    float:left;
    margin-top:7px;
}
.umruestunglink a{
    text-decoration:none;
    border-style:outset;
    border-color:#272727;
    color:#0000ff;
    background-color:#000000;
    width:180px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:1px;
    float:left;
}
.umruestunglink a:hover{
    color:red;
}
.umruestunglink a:active{
    border-style:inset;
    background-color:#272727;
}
#umruestunglinkA a{
    text-decoration:none;
    border-style:inset;
    border-color:#272727;
    color:#0000ff;
    background-color:#272727;
    width:180px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:1px;
    float:left;
}
.softwarelink a{
    text-decoration:none;
    border-style:outset;
    border-color:#272727;
    color:#0000ff;
    background-color:#000000;
    width:180px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    float:left;
}
.softwarelink a:hover{
    color:red;
}
.softwarelink a:active{
    border-style:inset;
    background-color:#272727;
}
#softwarelinkA a{
    text-decoration:none;
    border-style:inset;
    border-color:#272727;
    color:#0000ff;
    background-color:#272727;
    width:180px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    float:left;
}
#software{
    text-align:left;
    margin-left:15%;
}
#beispiel1{
    float:left;
    padding:10px;
    border-style:solid;
    border-color:#0000ff;
    border-width:3px;
    margin-left:-90px;
}
.vorher{
    float:left;
    padding:5px;
    border-style:solid;
    border-color:#0000ff;
    border-width:1px;
}
.pfeil{
    float:left;
    padding-top:100px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}
.nachher{
    float:left;
    padding:5px;
    border-style:solid;
    border-color:#0000ff;
    border-width:1px;
}

body{
    margin:0;
    background-color:#000000;
    color:#0000ff;
    text-align:center;
}


            