body {
    margin: 0 0; 
    font-family: Actor; 
    text-align: center; 
    line-height: 27px; 
    word-spacing: 1.5px;
    font-size: 18px; 
}

::selection {
    background: yellow; 
}

.rubrik, nav, footer {
    background: #ad0000;
}

.rubrik {
    padding: 30px 0 10px 0; 
}

.rubrik a {
    text-decoration: none; 
    color: white; 
    font-size: 42px;
    font-weight: bold; 
    letter-spacing: 2px; 
    text-transform: uppercase;
}

nav {
    color: white; 
    padding: 10px;
    top: 0; 
    position: sticky;
    display: block;
}

.navlink {
    text-decoration: none; 
    color: white;  
    padding: 0 10px; 
    border-right: solid white 1px; 
    font-weight:bolder; 
    text-transform: uppercase; 
}

.navlink:first-child {
    padding-left: none; 
}

.navlink:last-child {
    padding-right: none; 
    border-right: none; 
}

.navlink:hover {
    color: black; 
}

/* #8c8c8c */

.active {
    color: black; 
}



main {
    margin: 40px;   
}

main a, footer a {
    color: blue; 
}

.topprubrik {
    text-align: left; 
    margin-left: 18%; 
    margin-top: 80px; 
    font-size: 30px; 
}

.rubrik2 {
    text-align: left; 
    margin-left: 18%; 
}

.text {
    text-align: justify; 
    margin: 40px 18%; 
    width: 65%;
}

.lasttext {
    margin-bottom: 80px; 
}

.bild1 {
    margin: 40px 18%; 
    width: 65%;
}

.bild2 {
    float: left;
    margin-left: 18%; 
    margin-top: 20px;
    margin-right: 35px; 
    margin-bottom: 15px; 
    width: 300poverx;
    height: 200px;
}

footer {
    padding: 50px;
}

.footertext {
    color: white; 
    line-height: 28px; 
    text-align: left; 
    margin-left: 18%; 
    letter-spacing: 1.2px; 
}