.aussen {
    width: 914px;
    margin: auto;
    padding: 20px 20px 25px 20px;
    position: relative;
    background-color: #2A3335;
    border: 7px solid #696969;
    text-align: left;
}


.head {
    width: 900px;
    height: 639px;
    position: relative;
    top: -7px;
    left: -7px;
    background-image: url(images/meer1.jpg);
}


.marquee {
    color: #fff;
    border: 3px double #696969;
    background-image: url('images/bg.gif');
    background-repeat: repeat-x;
    line-height: 26px
}


.name {
    letter-spacing: 2px;
    text-decoration: underline;
    text-align: center;
    padding-top: 50px;
    color: #F9F9FC;
    font-family: times new roman, tahoma, sans-serif, arial;
    font-size: 26px;
    font-style: italic;
    font-variant: small-caps;
    font-weight: bold
}


.navigation_links {
    position: absolute;
    left: 0px;
    top: 0px
}

#left_mouseover1 {
    width: 150px;
    background-image: url(images/button_left.png);
    background-repeat: no-repeat;
    padding-left: 20px
}

#left_mouseover1:hover {
    width: 200px;
    background-image: url(images/button_hover_left_1.png)
}

#left_mouseover2 {
    width: 200px;
    background-image: url(images/button_left_big.png);
    background-repeat: no-repeat;
    padding-left: 60px
}

#left_mouseover2:hover {
    width: 250px;
    background-image: url(images/button_hover_left_2.png)
}

#left_mouseover3 {
    width: 250px;
    background-image: url(images/button_left_bigger.png);
    background-repeat: no-repeat;
    padding-left: 90px
}

#left_mouseover3:hover {
    width: 300px;
    background-image: url(images/button_hover_left_3.png)
}

#left_mouseover4 {
    width: 300px;
    background-image: url(images/button_left_biggest.png);
    background-repeat: no-repeat;
    padding-left: 120px
}

#left_mouseover4:hover {
    width: 350px;
    background-image: url(images/button_hover_left_4.png)
}

#left_mouseover5 {
    width: 350px;
    background-image: url(images/button_left_biggest.png);
    background-repeat: no-repeat;
    padding-left: 100px
}




#left_mouseover5:hover {
    width: 400px;
    background-image: url(images/button_hover_left_4.png)
}

.button_links,
button_links:visited {
    color: #696969;
    text-decoration: none;
    font-size: 12pt;
    font-family: verdana;
    font-weight: bold;
    display: block;
    height: 50px;
    z-index: 2;
    line-height: 50px;
}

.button_links:hover {
    background-image: url(images/button_hover_left.png);
    color: #bfbfbf
}

.button_links:active {
    color: #e5e5e5
}


#right_mouseover1 {
    width: 130px;
    top: 150px;
    background-image: url(images/button_right.png);
    background-repeat: no-repeat;
    padding-right: 20px
}

#right_mouseover1:hover {
    width: 180px;
    background-image: url(images/button_hover_right_1.png);
    padding-right: 20px
}

#right_mouseover2 {
    width: 140px;
    top: 100px;
    background-image: url(images/button_right_big.png);
    background-repeat: no-repeat;
    padding-right: 60px
}

#right_mouseover2:hover {
    width: 190px;
    background-image: url(images/button_hover_right_2.png);
    padding-right: 60px
}

#right_mouseover3 {
    width: 160px;
    top: 50px;
    background-image: url(images/button_right_bigger.png);
    background-repeat: no-repeat;
    padding-right: 90px
}

#right_mouseover3:hover {
    width: 210px;
    background-image: url(images/button_hover_right_3.png);
    padding-right: 90px
}

#right_mouseover4 {
    width: 180px;
    top: 0px;
    background-image: url(images/button_right_biggest.png);
    background-repeat: no-repeat;
    padding-right: 120px
}

#right_mouseover4:hover {
    width: 230px;
    background-image: url(images/button_hover_right_4.png);
    padding-right: 120px
}



#right_mouseover5 {
    width: 200px;
    top: 200px;
    background-image: url(images/button_right_biggest.png);
    background-repeat: no-repeat;
    padding-right: 100px
}

#right_mouseover5:hover {
    width: 200px;
    background-image: url(images/button_hover_right_4.png);
    padding-right: 100px
}

.button_rechts,
button_rechts:visited {
    color: #696969;
    position: absolute;
    right: 0px;
    text-decoration: none;
    font-size: 12pt;
    font-family: verdana;
    font-weight: bold;
    display: block;
    z-index: 1;
    height: 50px;
    line-height: 50px;
    text-align: right;
    background-image: url(images/button_right.png);
}

.button_rechts:hover {
    background-image: url(images/button_hover_right.png);
    color: #bfbfbf
}

.button_rechts:active {
    color: #e5e5e5
}



.hauptfenster {
    width: 900px;
    position: relative;
    left: -7px;
    background-color: #0F0F0F;
}

.main {
    width: 900px;
    position: relative;
    left: -7px;
    background-color: #0F0F0F;
}

body {
    background: #161616;
}

h1 {
    color: #808080;
    text-align: center
}

h2 {
    margin: 0 auto 15px auto;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    font-size: 24px;
    text-align: center;

}

a {
    color: #D04C0C;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0 30px 20px 30px;
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 17px
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-item {
    display: flex;
    flex-direction: column
    width: 20%;
    justify-content: center;
    align-content: center;
}

table {
    text-align: center;
    margin: 0 auto;
    color: #000000;
    border: 2px;
    cellspacing: 2px;
    cellpadding: 4px;
    background: #c0c0c0";
        width: 80%;
    height: 80%;
}