@charset "UTF-8";
/*CSS Reset*/
	DIV, UL, LI, FORM, INPUT, TEXTAREA, P
	{
		margin: 0;
		padding: 0;
	}
	H1, H2, H3, H4, H5, H6
	{
		margin: 0;
		font-size: 100%;
	}
	OL, UL
	{
		list-style: none;
	}
	IMG
	{
		border: 0px solid #000000;
	}

a {
	outline : none;

	color:#571185;
}

	
/*Basis*/
	HTML
	{
	background-image: url("images/achtergrond.jpg");
background-repeat: repeat;
background-position:center top;
background-attachment:fixed;
}

	BODY
	{
		margin: 0;
		font: 12px Tahoma;
	}
	
/*Divs & Classes*/
	#container
	{
		margin: 0 auto;
		width: 890px;
	}
	#top
	{
		width: 890px;
		float: left;
		height: 114px;
	}
	#logo
	{
		float: left;
		margin-top: 34px;
		margin-left: 31px;
	}
	#header
	{
		background: url("images/header.png");
		width: 241px;
		height: 114px;
		float: right;
		margin: 0 123px 0 0;
	}
	#menuleft
	{
		width: 5px;
		height: 39px;
		float: left;
		background: url("images/menu_left.png");
	}
	#menubar
	{
		width: 880px;
		height: 39px;
		background: url("images/menu_background.png");
		float: left;
	}
	#menuright
	{
		background: url("images/menu_right.png");
		width: 5px;
		height: 39px;
		float: right;
	}
	#submenubar
	{
		float: left;
		background: #24002D;
		width: 890px;
		height: 35px;
	}
	#content
	{
		float: left;
		background: #FFFFFF;
		width: 890px;
		padding: 0 0 14px;
		margin-bottom: 0px;
	}
	#intro
	{
		width: 788px;
		border: 1px solid #9E62AD;
		padding: 13px 17px 19px;
		background: url("images/intro_background.png") repeat-y;
		margin: 15px 0 0 31px;
	}
	#intro .strong
	{
		font: bold 1em sans-serif;
	}
	#intro P
	{
		color: #FFFFFF;
		font-size: 13px;
		margin: 10px 0 0;
	
	}
	#overzicht
	{
		width: 890px;
		margin: 10px 0 0 38px;
	}
	#overzicht STRONG
	{
		font-weight: bold;
		color: #6666DD;
		float: left;
		margin: 5px 0 18px 10px;
		width: 800px;
	}
	.overflow
	{
		z-index: 10;
		position: absolute;
		margin: 7px 0 0;
		margin-left: -140px;
	}
	.item
	{
		width: 255px;
		margin: 0 7px 21px;
		float: left;
		box-shadow: 0px 0px 10px #950000;
		-webkit-box-shadow: 0px 0px 10px #FFFFFF;
		-moz-box-shadow: 0px 0px 10px #25002e;
	}
	.kopje
	{
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		background: #571185;
		padding: 9px 0 0;
		text-shadow: 2px 1px 0px #26002f;
		-webkit-text-shadow: 2px 1px 0px #26002f
		-moz-text-shadow: 2px 1px 0px #26002f
	}
	.info
	{
		list-style-type: none;
		background-color: #FFFFFF;
		color: #000;
		text-align: center;
		font: 10px sans-serif;
		padding: 0 15px 5px;
	}
	.screen
	{
		margin: 18px 0 35px -8px;
	}
	.info P
	{
		margin: 0 0 9px;
	}
	#outro
	{
		width: 788px;
		border: 1px solid #9E62AD;
		padding: 20px 20px 35px;
		background: url("images/background.png") repeat-y;
		margin: 15px 0 21px -14px;
		float: left;
	}
	#outro P
	{
		color: #000;
		font-size: 13px;
		margin: 10px 0 0;
		text-shadow: 1px 1px 0px #9e78a9;
		-webkit-text-shadow: 1px 1px 0px #9e78a9;
		-moz-text-shadow: 1px 1px 0px #9e78a9;
	}
	#footer
	{
		float: left;
	}
	
	#content1
	{
		float: left;
		background: #FFFFFF;
		color: #000;
		text-shadow: 1px 1px 0px #9e78a9;
		-webkit-text-shadow: 2px 1px 0px #000
		-moz-text-shadow: 2px 1px 0px #000
		width: 890px;
		padding: 0 0 14px;
		margin-bottom: 0px;
	}
	#intro1
	{
		width: 788px;
		border: 1px solid #FFFF00;
		padding: 13px 17px 19px;
		background: url("images/background.png") repeat-y;
		margin: 15px 0 0 31px;
-webkit-text-shadow: 2px 1px 0px #000
		-moz-text-shadow: 2px 1px 0px #000
	}
	.item1
	{
		width: 390px;
		margin: 0 7px 21px;
		float: left;
		box-shadow: 0px 0px 10px #950000;
		-webkit-box-shadow: 0px 0px 10px #FFFFFF;
		-moz-box-shadow: 0px 0px 10px #25002e;
	}
	.kopje1
	{
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		background: #BB0000;
		padding: 9px 0 0;
		text-shadow: 2px 1px 0px #26002f;
		-webkit-text-shadow: 2px 1px 0px #26002f
		-moz-text-shadow: 2px 1px 0px #26002f
	}
}
	.info1
	{
		background-color: #CCFD44;
		color: #000;
		text-align: center;
		font: 10px sans-serif;
		padding: 0 15px 5px;
	}
	.kopje2
	{
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		background: #BB0000;
		padding: 9px 0 0;
		text-shadow: 2px 1px 0px #26002f;
		-webkit-text-shadow: 2px 1px 0px #26002f
		-moz-text-shadow: 2px 1px 0px #26002f
	}

	.item2
	{
		width: 792px;
		background: #AAEEAA;
		margin: 0 7px 21px;
		float: left;
		box-shadow: 0px 0px 10px #950000;
		-webkit-box-shadow: 0px 0px 10px #FFFFFF;
		-moz-box-shadow: 0px 0px 10px #25002e;
	}
	.kopje2
	{
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		background: #000;
		padding: 9px 0 0;
		text-shadow: 2px 1px 0px #26002f;
		-webkit-text-shadow: 2px 1px 0px #26002f
		-moz-text-shadow: 2px 1px 0px #26002f
	}
}
	.info2
	{
		background-color: #FFFFFF;
		color: #000;
		text-align: center;
		font: 10px sans-serif;
		padding: 0 15px 5px;
	}

	
/*Menu*/
	UL#menu
	{
		list-style: none;
		float: left;
		margin: 3px 0 0 15px;
	}
	UL#menu LI
	{
		float: left;
	}
	UL#menu LI A
	{
		display: block;
		overflow: hidden;
		text-decoration: none;
		color: #FFFFFF;
		margin: 9px 28px 0 14px;
		font: bold 11px tahoma;
		float: left;
		text-shadow: 1px 1px 0px #3f004f;
		-webkit-text-shadow: 1px 1px 0px #3f004f;
		-moz-text-shadow: 1px 1px 0px #3f004f;
	}
	UL#menu LI A:hover, UL#menu LI.active A, UL#menu LI.active A:hover
	{
		text-shadow: 1px 1px 5px #3f004f;
		-webkit-text-shadow: 1px 1px 5px #3f004f;
		-moz-text-shadow: 1px 1px 5px #3f004f;
	}
	
/*Submenu*/
	UL#submenu
	{
		list-style: none;
		margin: 9px 0 0 36px;
	}
	UL#submenu LI
	{
		float: left;
	}
	UL#submenu LI A
	{
		display: block;
		overflow: hidden;
		text-decoration: none;
		color: #FFFFFF;
		margin: 0 38px 0 0;
		font: 11px tahoma;
	}
	UL#submenu LI A:hover, UL#submenu LI.active A, UL#submenu LI.active A:hover
	{
		color: #BB0000;
	}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #78069e;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #78069e;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #78069e;
  border-bottom: 1px dotted #9d08cf;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #53046d;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #53046d;
  border-bottom: 1px dotted #9d08cf;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #400354;
}

.chart_2 

{
background-color:#9bb923;
}

.chart_2 tr td 
{
background:#ffffff;
color:#000;
font-weight:bold;
padding:5px;
border-bottom:1px solid #001957;
border-top:1px solid #001957;
}

.chart_2 tr td a 

{
color:#fff;
font-weight:normal;
}

.chart_2 tr td a:hover
 
{
color:#FFE87C;
font-weight:normal;
}

.chart_2 tr.red td 

{
background-color:#3b065e;
color:#fff;
text-shadow: 0 0px 0 #e5d99a;
text-transform:uppercase;
font-weight:bold;
padding:2px 0px 2px 2px;
}

.bonus

{
padding:5px;
border:5px solid #3b065e;
background-color:#3b065e;
-moz-border-radius: 2px;
border-radius: 2px;
}
.clearfix::after{content:"";display:table;clear:both}