/*<style type="text/css">   
<!--      */

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    /*	color: #ddd;
	font-family: 'Oswald', sans-serif;    */
    background-color: #000000;
    background-image: url(bg_content.jpg);
    background-size: repeat;
}

.w3-table,
.w3-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.w3-table-all {
    border: 1px solid #ccc
}

.w3-bordered tr,
.w3-table-all tr {
    vertical-align: middle;
    border-bottom: 1px solid #ddd
}

.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
    content: "";
    display: table;
    clear: both;
    border-bottom: 1px solid #ddd
}

.w3-col,
.w3-half
/*.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter */ {
    float: left;
    width: 100%
}

.w3-col.s1 {
    width: 8.33333%
}

.w3-col.s2 {
    width: 16.66666%
}

.w3-col.s3 {
    width: 24.99999%
}

.w3-col.s4 {
    width: 33.33333%
}

.w3-col.s5 {
    width: 41.66666%
}

.w3-col.s6 {
    width: 49.99999%
}

.w3-col.s7 {
    width: 58.33333%
}

.w3-col.s8 {
    width: 66.66666%
}

.w3-col.s9 {
    width: 74.99999%
}

.w3-col.s10 {
    width: 83.33333%
}

.w3-col.s11 {
    width: 91.66666%
}

.w3-col.s12 {
    width: 99.99999%
} 

@media (min-width:601px) {
    .w3-col.m1 {
        width: 8.33333%
    }
    .w3-col.m2 {
        width: 16.66666%
    }
    .w3-col.m3,
    .w3-quarter {
        width: 24.99999%
    }
    .w3-col.m4,
    .w3-third {
        width: 33.33333%
    }
    .w3-col.m5 {
        width: 41.66666%
    }
    .w3-col.m6,
    .w3-half {
        width: 49.99999%
    }
    .w3-col.m7 {
        width: 58.33333%
    }
    .w3-col.m8,
    .w3-twothird {
        width: 66.66666%
    }
    .w3-col.m9,
    .w3-threequarter {
        width: 74.99999%
    }
    .w3-col.m10 {
        width: 83.33333%
    }
    .w3-col.m11 {
        width: 91.66666%
    }
    .w3-col.m12 {
        width: 99.99999%
    }
}

@media (min-width:993px) {
    .w3-col.l1 {
        width: 8.33333%
    }
    .w3-col.l2 {
        width: 16.66666%
    }
    .w3-col.l3 {
        width: 24.99999%
    }
    .w3-col.l4 {
        width: 33.33333%
    }
    .w3-col.l5 {
        width: 41.66666%
    }
    .w3-col.l6 {
        width: 49.99999%
    }
    .w3-col.l7 {
        width: 58.33333%
    }
    .w3-col.l8 {
        width: 66.66666%
    }
    .w3-col.l9 {
        width: 74.99999%
    }
    .w3-col.l10 {
        width: 83.33333%
    }
    .w3-col.l11 {
        width: 91.66666%
    }
    .w3-col.l12 {
        width: 99.99999%
    }
}

.Stil1 {
    font-family: "Oswald", sans-serif;
    color: #ddd;
    font-weight: 300;
    font-size: 2.4rem;
}

.Stil2 {
    font-family: 'Oswald', sans-serif;
    color: #ddd;
    font-size: large;
}

.Stil3 {
    font-family: 'Oswald', sans-serif;
    color: #ddd;
    font-size: 2.3rem;
}

a:link {
    /*	color: #990000;   
  color: #a94442;     */
    color: rgb(0, 152, 153);
}

a:visited {
    color: #9A9A9A;
}

a:hover {
    color: #999999;
}

.Stil4 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.27rem;
    color: #ddd;
}

.Stil5 {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    color: #ddd;
}

.Stil6 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    color: gray;
}

.Stil7 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    color: #ddd;
    display: block;
}


/*-->
</style>