@charset "utf-8";
/* CSS Document */

body {
	margin:30px;
	font-family:Calibri, Arial, sans-serif;
}
h1,h2,h3 {
	margin:0px;
	padding:0px;
}
h1 {
	text-align:center;
}
.container {
	display: grid;
  	grid-gap: 1px;
  	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, auto);
  	grid-template-areas:
        "rubrik rubrik rubrik kolumn3"
        "kolumn1 kolumn2 kolumn2 kolumn3"
        "sidfot sidfot sidfot sidfot";
	width: 800px;
	padding: 0px;
	margin:auto;
	border:1px black solid;
	background-color:#000;
}

.rubrik {
	grid-area: rubrik;
	padding:20px;
	background-color:#ff6666;
	color:#FFF;
}

.kolumn1 {
	grid-area: kolumn1;
	padding:10px;
	background-color:#00ff00;
}
.kolumn2 {
	grid-area: kolumn2;
	padding:20px;
	background-color:white;
}
.kolumn3 {
	grid-area: kolumn3;
	padding:10px;
	background-color:yellow;
	text-align: center;
}
.sidfot {
	grid-area: sidfot;
	text-align:center;
	padding:10px;
	background-color:#999;
}
nav{
  padding:20px;
  background-color:white;
  border:1px black solid;
}
.xxx {
	font-size:3em;
}
.reklam {
  text-align: center;
  padding: 10px;
  background-color: white;
  border:1px red solid;
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
}
img {
	width:100px;
	border:1px black solid;
}
.current {
	font-weight: bold;
}