@font-face {
    font-family:"speak_heavy";
    src:url("../media/webfonts/f_h.eot");
    src:local("f_b"),url("../media/webfonts/f_h.woff") format("woff");
}

html, body {
    font-family: "speak_bold";    
}

#mein_style {
    width: 600px;
    margin: auto;    
}

#mein_style a {
    font-family: "speak_heavy", Arial;
    font-size: 22px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #008000;
}

#mein_style a:hover {
    text-decoration: none;
    -moz-text-shadow: 0 0 5px #FFFF00;
    -webkit-text-shadow: 0 0 5px #FFFF00;
    text-shadow: 0 0 5px #FFFF00;
}

.red {
    color: #FF0000;
}

.colums {

    width: 600px;
    margin: auto;
    column-count: 3;
    column-rule-color: red;
    column-rule-width: 3px;
    column-rule-style: dotted;
    column-gap: 30px;
    text-align: justify;
}

.colums h1 {
    column-span: all;
    text-align: center;
}

.colums h2 {
    width: 600px;
    column-span: all;
    text-align: left;
    font-size: medium;
}

#footer {
    text-align: center;
}