* {box-sizing: border-box;}
body {margin: 0;}
.header, .footer {background-color: #125fed; padding: 10px; text-align: center;}
.header img, .footer img {max-width: 98vw;}

h6 {font-family: verdana, sans-serif; font-size: 2rem; color: #000000; text-align: center;}
#topprad {width: 100%; background-color: #76dde9;}
#topprad h6{font-size: 1.4rem; margin: 0;}

iframe {width: 100%;}
#vaenster {height: 1200px;}	
#hoeger {height: 1200px;}

.parent {width: 98vw; padding-top: 10px;}
.column {float: left;}
.column.side {width: 25%; padding-left: 20px;}
.column.middle {width: 40%; max-width: 480px; margin: 0 0 0 9.3%;}
.column.side.column-right {float: right; width: 20%; padding-right: 10px;}
.row:after {content: ""; display: table; clear: both;}

.broedtext, .stjaerncenter {font-family: verdana, sans-serif; font-weight: normal; font-size: 1rem; color: #000000; text-align: left;}
.delrubrik {font-family: arial, sans-serif; font-size: 1.2rem; font-weight: bold; color: #000000; text-align: left;}
.stjaerncenter {text-align: center;}
.fot {text-decoration: none; font-family: verdana, sans-serif; font-size: 0.6rem;}
.fot a {color: #0000ff;}
.notmorsa {max-width: 480px;}
.not {float: left; text-decoration: none; font-family: verdana, sans-serif; font-size: 0.6rem; width: 4.17%; max-width: 20px;}
.not a {color: #0000ff;}
.nottext {float: right; text-decoration: none; font-family: verdana, sans-serif; font-size: 0.6rem; color: #000000; width: 92.83%; max-width: 460px;}
.artikelrubrik {font-family: arial, sans-serif; font-size: 1.2rem; font-weight: bold; color: #0000ff; text-align: left;}

#bottenrad {width: 100%; background-color: #76dde9;}
#bottenrad h6{font-size: 1.4rem; margin: 0;}

.datummorsa {max-width: 478px;}
.datum, .datumartikel {float: left; text-decoration: none; font-family: verdana, sans-serif; font-size: 1rem; width: 20%; max-width: 78px;}
.datumartikel a {color: #0000ff;}
.datumartikel {float: right; color: #000000; width: 80%; max-width: 340px;}

/* FÖR MINDRE SKÄRMAR */
@media screen and (max-width: 600px) 
{.header, .footer {padding: 10px 0;} 
.column.side, .column.middle, .column.side.column-right {width: 100%; margin-left: 5px;} #vaenster {height: 1100px;} #hoeger {height: 1100px;} 
 }