* {margin: 0;padding: 0;box-sizing: border-box;}
body > div {width: 1000px;margin: 0 auto;}

/* HEADER */
header {height: 120px; border-bottom: 1px solid #666;padding-top: 30px;margin-bottom: 30px;}
header a {width: 600px;display: block;}
header a img {width: 400px}

/* FLEX CONTAINER */
header + div {width: 1000px;display: flex; flex-direction: row;justify-content: space-between;}

/* MAIN */
header + div > main {width: 620px;}
main > section {width: 620px; display: flex; flex-direction: row;justify-content: space-between;}

/* ASIDE */
main + aside {width: 300px;}

/* FOOTER */
footer {width: 1000px; border-top: 2px dashed #666;display: flex; flex-direction: row;justify-content: space-between;background: #f1f1f1;padding-top: 30px;margin-top: 10px;margin-bottom: 20px;}
footer address {width: 220px;padding-left: 16px;font-style: normal;font-family:verdana, arial, sans-serif;}
footer form {width: 300px;}
footer form h2 {font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size: 23px;}
footer input[type=email] {border-bottom: 1px solid #000; padding: 5px 0 5px 10px;background: #f1f1f1;border-left: none; border-top: 1px solid #f1f1f1; border-right: none;}
footer input[type=email]:focus {border-bottom: 1px solid #000; padding: 5px 0 5px 10px;background: #f1f1f1;border-left: none; border-top: 1px solid #000; border-right: none;outline: none;}
footer input[type=submit] {border: none; background: green; color: #fff;padding: 3px;}

/* Kornfed dumhed */
h1
{
    font-size: 2.2em;
    
    margin-top: 0.8em;
    margin-bottom: 0.5em;
}
h2
{
    padding-bottom: 2px;

    font-family: sans-serif;
    color: red;

    border-bottom: 1px dotted lightgray;
}
main > h3
{
    font-family: sans-serif;
    font-size: 1em;
    color: gray;
    
    background: url(files/citations_tegn.png) top left / 50px no-repeat;

    padding-left: 3.5em;

    margin-bottom: 1.2em;
}
main > p
{
    font-family: sans-serif;
    font-size: 0.9em;

    padding-bottom: 1.2em;
    border-bottom: 1px solid gray;
}
main > p > strong
{
    margin-right: 0.5em;
    padding-right: 0.6em;

    border-right: 1px solid black;
}

/* Seneste kommentarer */
div > aside h2
{
    margin-bottom: 0.3em;
    padding-bottom: 0.25em;

    font-size: 1.1em;
    font-family: sans-serif;
    color: red;

    border-bottom: 2px dotted lightgray;
}
div > aside h3
{
    font-family: serif;
    font-size: 1.1em;
    color: gray;

    margin-bottom: 2px;
}
div > aside h3 > a
{
    text-decoration: none;
    color: black;
}
div > aside p
{
    font-family: sans-serif;
    font-size: 0.9em;
    color: gray;
}
div > aside ul
{
    list-style: none;
}
div > aside ul li
{
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
    border-bottom: 1px solid lightgray;
}

div > aside h4
{
    font-family: sans-serif;
    font-size: 0.8em;
    display: inline-block;
    color: gray;

    margin-right: 0.5em;

    font-weight: 900;
}

div > aside h4+span
{
    font-variant-numeric: oldstyle-nums;
    color: gray;
}




main > section
{
    padding-top: 20px;
    border-top: 1px solid lightgray;
}




/* DR TV */
main > section > div
{
    flex: 0 0 300px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 340px;

    background-color: #222;

    font-family: sans-serif;
}

main > section > div > div:first-of-type
{
    padding: 18px;
}

main > section > div > div:nth-child(2)
{
    background: url(files/Sander-Bedrag-foto.jpg) top left / 100% no-repeat;

    flex: 0 0 169px;

    position: relative;
}
main > section > div > div:nth-child(2) > img
{
    position: absolute;
    right: 18px;
    bottom: 18px;
}

main > section > div > div:nth-child(3)
{
    flex: 0 1 auto;

    padding: 18px;

    text-align: right;
}

main > section > div > div:nth-child(3) > h3
{
    font-size: 1.4em;
    color: white;
}
main > section > div > div:nth-child(3) > h5
{
    text-transform: uppercase;
    color: lightgray;

    margin-bottom: 5px;
}

/* JEG ANBEFALER */
main > section > aside
{
    display: flex;
    flex-direction: column;

    flex: 0 0 278px;

    background-color: #444;
    color: #EEE;

    font-family: sans-serif;
}

main > section > aside > div
{
    padding: 10px 18px;

    flex: 1 1 auto;
}

main > section > aside > div:not(:first-of-type)
{
    padding: 18px 18px;
}

main > section > aside > div:not(:last-of-type)
{
    border-bottom: 1px solid #777;
}

main > section > aside > div:last-of-type
{
    padding-left: 36px;

    background: url(img/afspil_ikon.png) 14px 13px / 1.4em no-repeat;
}

main > section > aside h3, h5
{
    text-transform: uppercase;
}

main > section > aside p
{
    font-size: 14px;
}

main > section > aside h4
{
    color: #fff;
}

main > section > aside h5
{
    font-size: 0.7em;
    color: #AAA;
}


/* ØKONOMI */
section + article
{
    display: flex;
    flex-direction: column;

    flex: 1 1 auto;

    padding-bottom: 30px;

    font-family: serif;

    border-bottom: 1px solid black;
}
section + article > div
{
    display: flex;
    gap: 1em;
}

section + article h1 > span, section + article h2 > span, section + article h3 > span
{
    color: red;
}

section + article h5
{
    font-size: 0.75em;
    font-weight: 900;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: sans-serif;
}

section + article h1
{
    font-size: 2.5em;
    font-weight: 600;

    line-height: 1.1em;

    margin-top: 0.2em;
}

section + article h2
{
    margin-bottom: 0.5em;
    color: black;
}

section + article p
{
    color: gray;

    margin: 0 0 2em 0;
}