@charset "utf-8";
/* CSS Document */
body { 
	background:#369; 
	background:url(../../images/frontend/bg.png);
	font-family:Arial, Helvetica, sans-serif; 
	color:#000; 
	font-size:12px;
}
ul, li{
	list-style:none;
}
a{
	text-decoration:underline; 
	color:#864F2B; 
	border:none;
}
a:hover{
	text-decoration:underline; 
	color:#44250B; 
	border:none;
}

a img{
	text-decoration:none; 
	color:#864F2B; 
	border:none;
}


#container{display:table; background-color:#9C0; background:url(../../images/frontend/bg_container.png); margin:auto; width:1000px; padding-bottom:50px; margin-top:-9px; margin-bottom:-23px;}
#header{ position:relative; margin:0; padding:10px 0 0 0; height:300px;z-index:9000;}
#header div{position:absolute;margin:0;padding:10px 0 0 0;}

#header_img{ position:relative; margin:0;top: 0px;left:0;}
.header01{top:0; left:0;}
.header02{top:0; left:252px; z-index:900;}
.header03{top:0; left:700px; z-index:1000;}
.header04{top:250px;left:10px; z-index:800; width:252px;}
.header04 img{ padding-left:12px;}
.header04 p{margin:0; padding-top:12px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px;}
.header02a{top:28px;left:280px;width:584px;height:130px;}
.header02b{top:49px;left:300px;}
.header02c{top:0px;left:265px;z-index:900;}
.navigation{
    position:absolute;
    margin:0;
    padding:0;
    top:170px;
    left:260px;
    width:620px;
    height:205px;
    z-index:9000;
}
.button01{top:0;left:0}
.button02{top:0;left:129px}
.button03{top:0;left:259px}
.button04{top:0;left:388px}
.button05{top:50px;left:526px}
#main{ position:relative; margin:0; padding:0;}
#main div{ float:left;}

.box01{ position:relative; width:260px; padding-top:60px;}
.box01a{
	position:absolute;
	top:212px;
	left:122px;
}

.box02{width:520px;}
.frame_top_title{ width:520px; height:82px; background:url(../../images/frontend/frame_top_title.png); background-repeat:no-repeat;}
.frame_top01{ width:520px; height:82px; background:url(../../images/frontend/frame_top01.png); background-repeat:no-repeat;}
.frame_mid01{ position:relative; width:520px; background:url(../../images/frontend/frame_mid01.png); background-repeat:repeat-y;}
.frame_mid01 p{ padding:0 40px 0 34px;}
.frame_bottom01{ position:absolute; left:0; bottom:-34px; width:520px; height:50px; background:url(../../images/frontend/frame_bottom01.png);}
/*.box02 p{ padding:76px 40px 40px 34px;}*/
.box03{ width:218px;}
.box03 #fullcontent{padding:0 0 13px 18px;}
.frame_top02{ width:218px; height:75px; background:url(../../images/frontend/frame_top02.png); background-repeat:no-repeat;}
.frame_mid02{ position:relative; width:218px; background:url(../../images/frontend/frame_mid02.png); background-repeat:repeat-y;}
.frame_mid02 p{ padding:0 5px 0 5px;}
.frame_bottom02{ position:absolute; left:0; bottom:-36px; width:218px; height:48px; background:url(../../images/frontend/frame_bottom02.png);}

.frame_top03{ width:520px; height:15px; background:url(../../images/frontend/contentTop.gif); background-repeat:no-repeat; margin-top:10px;}
.frame_mid03{ position:relative; width:520px; background:url(../../images/frontend/contentBg.gif); background-repeat:repeat-y;padding-bottom:10px;}
.frame_mid03 p{ padding:0 20px 10px 20px;}
.frame_bottom03{ position:absolute; left:0; bottom:0; width:520px; height:15px; background:url(../../images/frontend/contentBot.gif); background-repeat:no-repeat;}

.frame_top04{ width:218px; height:15px; background:url(../../images/frontend/contentTop02.gif); background-repeat:no-repeat; margin-top:10px;}
.frame_mid04{ position:relative; width:218px; background:url(../../images/frontend/contentBg02.gif); background-repeat:repeat-y;}
.frame_mid04 p{ padding:0 20px 10px 20px;}
.frame_mid04 h3{ padding:0 0 0 20px; margin:0;}
.frame_bottom04{ position:absolute; left:0; bottom:0; width:218px; height:15px; background:url(../../images/frontend/contentBot02.gif); background-repeat:no-repeat;}

/*Sliding Table*/
.wrapper01 {width: 438px;margin: 0 0 10px 34px;}
.wrapper02 {width: 478px;margin: 0px 0 10px 0px;}
.expand_top01, .expand_wrapper01{width: 438px;padding:0px;margin:0px 0px 5px 0px;float:left;}
.expand_top02, .expand_wrapper02{width: 478px;padding:0px;margin:0px 0px 5px 0px;float:left;}
.expand_wrapper01{border-left:solid 1px #a2764a ;border-right:solid 1px #a2764a ;border-bottom:solid 1px #a2764a;}
.expand_wrapper02{border-left:solid 1px #83ba00 ;border-right:solid 1px #83ba00 ;border-bottom:solid 1px #83ba00;}
h3.expand_heading01 {padding: 0;margin: 0;text-indent:7px;height: 20px;line-height: 20px;width: 438px;font-size: 11px;font-weight: normal;float: left;border-top:solid 1px #a2764a;}
h3.expand_heading02 {padding: 0;margin: 0;text-indent:7px;height: 20px;line-height: 20px;width: 478px;font-size: 11px !important;font-weight: normal;float: left;border-top:solid 1px #83ba00;}
h3.expand_heading01 a, h3.expand_heading02 a {text-decoration: none;display: block;}
h3.expand_heading01 a:hover {color: #000;background:#ffdab6;font-weight:bold;}
h3.expand_heading02 a:hover {color: #000;background:#dbff86;font-weight:bold;}
h3.active01 {background:#ffe0c1;}
h3.active02 {background:#dbff86;}
.toggle_container01 {margin: 0;padding: 0;border-top: 1px solid #ffead6;background: #ffead6;overflow: hidden;font-size: 1.2em;width: 438px;clear: both;}
.toggle_container02 {margin: 0;padding: 0;border-top: 1px solid #edfdc6;background: #edfdc6;overflow: hidden;font-size: 1.2em;width: 478px;clear: both;}
.box {padding: 2px;font-size:11px;}
.box p {padding: 2px 5px 2px 5px;margin: 0;font-size:11px;}
.box table, .box tr, .box td {padding: 0 2px 0 2px;margin: 0;}
.toggle_container01 h3 {margin: 0 0 4px;padding: 0 0 4px 0;color:#000000;border-bottom: 1px dotted #b3773e;}
.toggle_container02 h3 {margin: 0 0 4px;padding: 0 0 4px 0;color:#000000;border-bottom: 1px dotted #dbff86;}
/*End of Sliding Table*/

#loginTable{
	padding-top: 10px;
	margin-left: 10px;
}
.error_list{
	color:red;
	padding-left:0px;
}
.validation-failed input{
	color:red;
}

#cursusList{
	margin-left: 0px;
	padding-bottom: 10px !important;
}

#frontList{
	margin-left: 21px;
	padding-bottom: 10px !important;
	padding-left:15px;
	padding-right:15px;
	
}

.box03 #frontList{
	width: 150px;
}


#dataList{
	margin-left: 0px;
	padding-bottom: 15px !important;
	padding-left:15px;
	padding-right:15px;
	width:500px;
}

.box03 #dataList{
	
	width:170px;
}

#tableUser
{
	margin-left: 10px;
}

#dataList h3, #dataList h4, #frontList h3, #frontList h4 {
	margin-left: 0px;
	margin-bottom: 30px;
	color: #864F2B;
	font-size:14px;
}

h3.expand_heading02
{
	margin-bottom: 0px !important;
}

input, input.error, textarea, select, button {
border-color:#333333 #CCCCCC #CCCCCC #333333;
border-style:solid;
border-width:1px;
font-size:100%;
padding:2px;
}

#gameWrapper
{
	width:100%;
	text-align: center;
}

#pane02 { width:210px;}

#footer {text-align:center;}
#footer a {color: #fff !important;}

#agendaTable
{
	width: 90%;
	margin-left: 10px;
}

#frontList img{
	margin:3px;
}

.toggle_container02 table tr:hover {
	background-color: #4F7000;
	color: #fff;
	cursor: pointer;
	cursor: hand;
}

#profileImg {
	width:189px; 
	float:right!important;
	height:173px;
	margin-right:69px; 
}

#profileFrame {
	float: right!important; 
	margin-right:32px;
	margin-top:-201px;
	height:252px; 
	width:267px; 
}

#gameTable
{
	margin-top:-20px;
}

p.contactGegevens{
	font-size:11px; 
	font-weight:bold;
	margin-top: 3px; 
	margin-left:10px;
}