html{
    font-family:Arial Narrow, Helvetica, sans serif;
    font-size: 20pt;
    color:lightgray;
    margin:0;
    border:0;
    padding:0;
    height:auto;
    background-color: black;
}

p{
    margin:0;
    border:0;
    padding:0;
    text-align: center;
    display: block;
    vertical-align: middle;
    //background-color: white;
}

a:hover{
    background-image: url('Resources/test_80.png');
    color: darkgray;
    cursor: pointer; 
}

.container{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.content{
    width: 1200px;
    height:1176px;
    background-image:  url('Resources/hintergrund.png');
    background-size: 1200px 1176px;
    float:left;
}


.clear{
    clear:both;
}


a{
    position: relative;
    text-decoration:none;
    color: darkgray;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 80px;
    z-index: 10;
}

.backgroundpanel1{
    display: block;
    float: left;
    width: 240px;
    height: 235px;
}

.backgroundpanel2{
    display: block;
    float: left;
    width: 300px;
    height: 236px;
}