@charset "utf-8";

html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0;
	font-family: Kalinga,arial;
	background-image:url('img/achtergrond.jpg');
	background-repeat: repeat;
	background-attachment:fixed scroll;
}

#container {
}

#banner {
text-align: center;
background-color: black;

}

#banner ul {
list-style-type: none;
text-align: center;
display:inline;
color: white;
}

#banner a:hover {
color:#6A3A94;
}

#banner a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 120%;
display:block;
width: 100%;
display:inline;
}

#banner li {
display:inline;
text-align: center;
margin: 2%;
font-family: Kalinga,arial;
}

#banner img {
}

#achtergrond {
width: 100%;
}

#main {
width: 78%;
background-color: #614C61;
font-size: 120%;
color: black;
text-align: center;
margin: auto;
box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
border-radius: 10px;
overflow-y: scroll;
overflow-x: hidden;
padding-top: 1%;
padding-right: 1%;
padding-bottom: 1%;
padding-left: 1%;
overflow: auto;

}

#main table { 
padding-top: 3%;
padding-bottom: 3%;
padding-right: 0%;
padding-left: 0%;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 75%;
overflow-y: scroll;
overflow-x: hidden;
}

#main a {
color: black;
}

#main a:hover {
font-weight: bold;
}

#footer {
width: 80%;
background-color: #614c61;
text-align: center;
margin: auto;
box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
border-radius: 10px;
margin: auto;
}

#footer table { 
margin-left: auto;
margin-right: auto;
width: 20%;
}