* {
	box-sizing: border-box;
}

body {
	font-family: Tahoma, Verdana, sans-serif;
	background-color: rgb(0, 0, 51);
    margin: 0;
}

.grid-container {
    display: grid;
    grid-template-columns: 200px auto;
    grid-template-rows: 200px auto;
    grid-template-areas:
        'logo  vulHor'
        'left main'
}


.logo {
	display: block;
}

.logo img {
    float: right;
    height: 100%;
    width: auto;
}

.titel {
	grid-area: header;
	background-color: rgb(0, 0, 51);
	justify-content: center;
}

.titel img {
    width: 235px;
    height: auto;
    padding-top: 10px;
}


.stralen {
	grid-area: vulHor;
	background: rgb(0, 0, 51);
	height: 200px;
    width: 800px;
}

.stralen img {
	height: 90%;
	width: 100%;
}

.menu {
	grid-area: left;
	display: block;
	width: 200px;
	background-color: rgb(0, 0, 51);
	font-size: 1.2em;
    margin-top: 12px;
}

.menu a {
	display: block;
}

.menu a.pagina_knop:link {
	text-decoration: none;
	display: block;
	height: 42px;
	padding: 0px 1px 0px 1px;
	color: rgb(153, 0, 102);
	font-weight: 700;
	text-align: right;
	border-style: none;
	cursor: pointer;
}

.menu a.pagina_knop:visited {
	color: rgb(140, 0, 90);
}

.menu a.pagina_knop:hover {
	color: rgb(204, 0, 120);
}

.menu a.pagina_knop:active {
	color: rgb(0, 135, 135);
}

.menu a.pagina_kop_knop:link {
	text-decoration: none;
	display: grid;
	height: 42px;
	padding: 0px 1px 0px 1px;
	color: rgb(255, 153, 51);
	font-weight: 700;
	text-align: right;
	border-style: none;
	cursor: pointer;
}

.menu a.pagina_kop_knop:visited {
	color: rgb(255, 160, 51);
}

.menu a.pagina_kop_knop:hover {
	color: rgb(255, 204, 0);
}

.menu a.pagina_kop_knop:active {
	color: rgb(0, 135, 135);
}

.page {
	grid-area: main;
}

.social-icons {
	display: flex;
	flex-direction: row;
	float: right;
}

.social-icons>div {
	width: 32px;
	margin: 2px;
}

.talen {
    position: absolute;
    right: 20px;
    top: 120px;
    z-index: 1000;

    display: flex;
    gap: 10px;
}

.talen a {
    text-decoration: none;
    color: rgb(153, 0, 102);
    font-size: 1.25em;
    font-weight: 700;
    opacity: 0.6;
    transition: 0.2s;
}

.talen a:hover {
    opacity: 1;
}

.talen a.active-lang {
    opacity: 1;
    border-bottom: 2px solid rgb(153, 0, 102);
}
.talen a:link {
		top: 48px;
}