@charset "utf-8";


h1
{
	font-family:Tahoma;
	font-size:16px;
	font-weight:600;
}

h3
{
	font-family:Tahoma;
	font-size:15px;
	font-weight:500;
}
	

p
{
	font-family:Arial;
	font-size:13px;
    font-weight:400;
}

.knop a
{
	padding-right:20px;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:500;
	width:auto;
	height:20px;
}

body  
{
	font-family:arial;
	background: #C0C0C0;
	margin: 0; /* altijd body margin en padding op nul zetten */
	padding: 0;
	text-align: center; /* dit centreerd de container in IE 5* browsers. */
	color: #000000;
}

#container { 
	position: relative; /* toevoeging van position: relative dit laat je de sidebars positioneren tenopzichte van deze container */
	width: 800px;
	height:550px;
	margin:auto;
	padding:0;
	text-align: left; /* hier wordt text-align: center van het body element overschreven. */
	text-decoration:none;
} 

#top 
{
	position:absolute;
	top:60px;
	width:800px;
	height:60px;
	background: #BF2C14;
}

#rb
{
	position:absolute;
	right:0;
	top:0;
}

#topmenubox
{
	margin:80px;
	margin-top:10px;
	width:500px;
}




#bot
{
	text-align: center;
	position:absolute;
	top:447px;
	width:800px;
	height:60px;
	background: #BF2C14;
}

#botbox
{
     padding-top:3px;
     float:left;
     width:600px;
     text-align: center;
}

#botbox a
{
	text-decoration:none;
	color:#663;
}

#botbox2
{
     padding-top:3px;
     float:right;
     width:200px;
     text-align: center;
}

#botbox2 a
{
	text-decoration:none;
	color:#fff;
}

#lo
{
	position:absolute;
    left:0;
	bottom:0;
}

#ro
{
	position:absolute;
	bottom:0;
	right:0;
}

#mid
{
	position:absolute;
	top:120px;
	width:800px;
	height:327px;
	background:#FDEBE2;
}

#midcont
{
	width:546px;
	height:272px;
	padding:15px 25px 40px 25px; 
	overflow:scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-arrow-color: #BF2C14;
	scrollbar-track-color: #C0C0C0;
	border-left:4px solid #BF2C14;
}

#midcont a
{
	color:#BF2C14;
}

#midcont2 a
{
	color:#BF2C14;
}

#midcont2
{
	width:546px;
	height:272px;
	padding:15px 25px 40px 25px; 
	overflow:scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-arrow-color: #BF2C14;
	scrollbar-track-color: #C0C0C0;
	border-left:4px solid #BF2C14;
}


#midcont2 li
{
	font-family:Arial;
	font-size:13px;
    font-weight:400;
}

#logo
{
	border:4px solid #BF2C14;
	position:absolute;
	top:0px;
	right:0px;
	background: #BF2C14;
}

#animation
{
	border:4px solid #BF2C14;
	position:absolute;
	right:0px;
	top:256px;
}