@font-face {
    font-family:'PT Sans';
    font-style:normal;
    font-weight:normal;
    local:'PT Sans';
    src:url(../fonts/PTS55F_W.ttf);
}

@font-face {
    font-family:'PT Sans';
    font-style:italic;
    font-weight:normal;
    local:'PT Sans Italic';
    src:url(../fonts/PTS56F_W.ttf);
}

@font-face {
    font-family:'PT Sans';
    font-style:normal;
    font-weight:bold;
    local:'PT Sans Bold';
    src:url(../fonts/PTS75F_W.ttf);
}

@font-face {
    font-family:'PT Sans';
    font-style:italic;
    font-weight:bold;
    local:'PT Sans Bold Italic';
    src:url(../fonts/PTS76F_W.ttf);
}

@font-face {
    font-family:'PT Sans Caption';
    font-style:normal;
    font-weight:normal;
    local:'PT Sans Caption';
    src:url(../fonts/PTC55F_W.ttf);
}

@font-face {
    font-family:'PT Sans Caption';
    font-style:normal;
    font-weight:bold;
    local:'PT Sans Caption Bold';
    src:url(../fonts/PTC75F_W.ttf);
}

body {
    margin:0 auto;
    background-image:url(../img/background.png);
    color:#555555;
    font-family:'PT Sans','Verdana',sans-serif;
    text-align:center;
}

a {
    color:#5C7DA8;
    font-weight:bold;
    text-decoration:none;
}

a:hover {
    color:#CC6A6A;
}

div#head {
    height:80px;
    background-color:#555555;
    color:#DEDAD2;
    font-family:'PT Sans','Verdana',sans-serif;
    font-size:36px;
    line-height:80px;
}

div#main {
    margin:0 auto;
    margin-top:50px;
    font-size:18px;
    line-height:28px;
}

div#image-karte {
    display:inline-block;
    height:200px;
    width:200px;
    background-image:url(../img/karte.svg);
    background-position:center;
    background-repeat:no-repeat;
    cursor:pointer;
}

div#foot {
    width:50%;
    margin:0 auto;
    margin-top:40px;
    font-size:14px;
    line-height:22px;
}

span.italic {
    font-style:italic;
}