@font-face{
    font-family: test;
    src: url("body/fonts/Neris-Light.otf");
}
 
html{
	margin: 0px;
	padding: 0px;
	font-family: test;
	font-size: 15px;
	min-width: 720px;
}

body{
	max-width: 100%;
	margin: 0px;
	margin-top: 1.8rem;
	padding: 0px;
}

header{
	max-width: 100%;
	height: 250px;
	background-color: #00ccff;
	text-align: center;
	background-image: url("body/pics/banner.jpg");
	background-position: center;
	border-bottom: 1px solid black;
}

nav{
	z-index: 2;
	width: 100%;
	position: fixed;
	top: 0px;
	margin: 0;
	padding: 0px;
	background-color: #333;
	border-bottom: 1px solid black;
}
nav.login{
	position: absolute;
	top: 11.5rem;
	right: 0.7rem;
}

section, footer{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
	min-height: 200px;
}
section:nth-child(even){
	background-color: #FFF;
}
section:nth-child(odd){
	background-color: #cacaca;
	color: #333;
}

section.sponsor{
		background-color: #FFF;
}
article{
	flex: 1;
	min-width: 23rem;
	max-width: 100%;
	margin: 2.5rem;
	margin-top: 0;
	display: inline;
	text-align: center;
}

footer{
	background-color: #163b42;
}

h1{
	width: 100%;
	margin: 0px;
	padding: 3rem;
	font-size: 2.2rem;
	text-align: center;
	color: #333;
}
h2{
	margin: 0px;
	padding: 1.5rem;
	font-size: 1.5rem;
	color: #1c4c54;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
h2.footer{
	padding: 1rem;
	color: #769294;
	text-decoration: none;
	font-size: 1.3rem;
}

p{
	width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6rem;
}
p.footer{
	color: #dafdff;
	font-weight: bold;
}
p.footer a{
	color:#dafdff;
	text-decoration: none;
	font-size: 1rem;
}
p.footer a:hover{
	color: #FFF;
	text-decoration: underline;
}

img.affiche{
	width: 75%;
	max-width: 50rem;
	margin: 0px 20px 40px 20px;
	border: 1px solid black;
}
img.bigicon{
	position: relative;
	top: 1rem;
	height: 4rem;
	padding: 0px;
}
img.smallicon{
	height: 1.2rem;
	padding: 0.2rem;
}
img.sponsor{
	height: 10rem;
	padding: 40px;
}
img.sponsor2{
	height: 15rem;
	padding: 40px;
}
img.logout{
	position: relative;
	top: 0.2rem;
	height: 1.1rem;
	padding-right: 0.4rem;
}
img.foto{
	width: 18rem;
	border: 1px solid #555;
	margin: 1rem;
}

.navbutton{
	background-color: #333;
    border: none;
    color: #FFF;
	margin: 0;
    padding: 0.4rem 1rem 0.4rem 1rem;
    text-align: center;
    text-decoration: none;
    display: inline-block; 
    font-size: 1.1rem;
	font-weight: bold;
    cursor: pointer;
}

button.navbutton:hover{
	color: #1c4c54;
	background-color: #FFF;
}

div.box{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
}

iframe.google{
	width: 19rem;
	border: 1px solid black;
}

form.inschrijving{
	max-width: 40rem;
	margin: auto;
	padding: 0;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2rem;
}
fieldset{
	border: 1px solid #777;
	padding-bottom: 1.8rem;
	
}
legend{
	font-weight: bold;
	font-size: 1.4rem;
	margin: 1rem;
}
table{
	margin: auto;
	border-collapse: collapse;
	text-transform: capitalize;
}
td{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.5rem;
}
th{
	width: 12rem;
	padding-bottom: 0.5rem;
}

pre{
	font-size: 1rem;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover{
	color: #1c4c54;
}
form input{
	margin: 0.1rem;
}