/* styles01.css */
body{
font-size: 18px;
font-family: Candara, Trebuchet MS, Arial, Sans-serif;
}
*{
box-sizing: border-box;
}
.container {
max-width: 900px;
width: 100%;
margin: 25px auto;
background: #f9f9f9;
padding: 15px;
border:solid 4px #607d8b;
border-radius:25px;
}
.counter {
max-width: 100px;
width: 25%%;
margin: 25px auto;
padding: 15px;
}
h1 {
color: #607d8b;
}
h2
{
color: #77838d;
font-size: 26px;
}
h3
{
color: #77838d;
font-size: 22px;
}
h4 {
text-align: center;
color: #77838d;
font-size: 26px;
}

p {
line-height: 1.5;
color: #000033;
}
p.c {
text-align: center;
}
p.r {
text-align: right;
}
p.j {
text-align: justify;
}
.navm {
text-align: center;
font-size: 22px;
}
img {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
img.halv {
display: block;
width: 50%;
margin-left: auto;
margin-right: auto;
border: solid 2px #607d8b;
border-radius: 15px;
}
a:link {
color: #666699;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #666699;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: #666699;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: #666699;
background-color: transparent;
text-decoration: underline;
}
/* nu kommer en ny gruppe af links som er dem som bruges
  til at navigere med øverst på siden
menu jeg bruger altså class til p elementet som markeres med punktum. 
Altså links som optræder indenfor
område markeret <p class="navm"> vil optræde som nedestående angivet */
/* unvisited link */

.navm a:link {
color: #666699;
background-color: transparent;
text-decoration: none;
}
.navm a:visited {
color: #666699;
background-color: transparent;
text-decoration: none;
}
.navm a:hover {
color: #666699;
background-color: transparent;
text-decoration: underline;
}
.navm a:active {
color: #666699;
background-color: transparent;
text-decoration: underline;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}