/* STYLE SETTINGS FOR USER CONTENT IN CMS AND FRONTEND */

/* these styles are used to display (default) content in frontend and CMS */

/* 		default colours and font		*/
body {
	background-color: #FFFFFF;
}

td,a,div,input,textarea,iframe,body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; }

/* 		default links					*/
a:link { color: #F26522; text-decoration: underline;}
a:visited { color: #F26522; text-decoration: underline;}
a:hover { color: #F26522; text-decoration: underline;}
a:active { color: #F26522; text-decoration: underline;}


/* STYLE SETTINGS FOR USER STYLE PULLDOWN IN EDITOR */

/* 		text options				*/
.titel {color: #8CC63F;font-weight: bold; font-size: 23px;}
.inhoud {color: #000000;font-size: 12px;}
.highlighted {background-color: #FFFF00;}

.groot {font-size: 16px;}
.klein {font-size: 10px;}

.tekst-quote { color: #000000; font-family: "Times New Roman", Times, serif; font-style: italic;}


/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */


body,html{
	margin: 0px;padding: 0px;
	overflow:hidden;
}
html{
	overflow:auto;
}

/* default interface */
/* 		menu links					*/
a.menu:link { color: #000000; text-decoration: none; }
a.menu:visited { color: #000000; text-decoration: none; }
a.menu:hover { color: #000000; text-decoration: none; }
a.menu:active { color: #000000; text-decoration: none; }
.menubackground{ background-color:#FFFFFF; }
a.selectedMenu:link { color: #000000; text-decoration: none; }
a.selectedMenu:visited { color: #000000; text-decoration: none; }
a.selectedMenu:hover { color: #000000; text-decoration: none; }
a.selectedMenu:active { color: #000000; text-decoration: none; }

a.sub:link { color: #000000; text-decoration: none; }
a.sub:visited { color: #000000; text-decoration: none; }
a.sub:hover { color: #000000; text-decoration: none; }
a.sub:active { color: #000000; text-decoration: none; }
.subbackground{ background-color:#FFFFFF; }
a.selectedSub:link { color: #000000; text-decoration: none;}
a.selectedSub:visited { color: #000000; text-decoration: none;}
a.selectedSub:hover { color: #000000; text-decoration: none;}
a.selectedSub:active { color: #000000; text-decoration: none;}

a.subsub:link { color: #000000; text-decoration: none; }
a.subsub:visited { color: #000000; text-decoration: none; }
a.subsub:hover { color: #000000; text-decoration: underline; }
a.subsub:active { color: #000000; text-decoration: none; }
.subsubbackground{ background-color:#FFFFFF; }
a.selectedSubsub:link { color: #000000; text-decoration: none; }
a.selectedSubsub:visited { color: #000000; text-decoration: none; }
a.selectedSubsub:hover { color: #000000; text-decoration: underline; }
a.selectedSubsub:active { color: #000000; text-decoration: none; }


/* colours */
.blue1bg{
	background-color:#00ADEE;
}
.blue2bg{
	background-color:#0055A6;
}
.blue3bg{
	background-color:#0071BB;
}
.blue4bg{
	background-color:#008EB0;
}
.pinkbg{
	background-color:#F26522;
}


.blue2fnt{
	color:#0055A6;
}
.whitefnt{
	color:#FFFFFF;
}
.pinkfnt{
	color:#F26522;
}
.grayfnt{
	color:#666666;
}


.loginFieldDiv{
	
	font-size:11px;
	margin-top:5px;
	margin-right:12px;
}
.loginField{
	width:130px; height:15px;
	border:solid 1px #CCCCCC; font-size:11px;
	background-color:#FFFFFF;
}
.loginButton{
	cursor:pointer; margin-right:100px;
	border:none; float:right;
	margin-top:-5px;
	position:absolute;
}
.loginRememberDiv{
	height:17px; width:220px; 
	margin-top:-2px; margin-right:10px; 
	float:left; font-size:11px;
}
.loginRememberText{
	float:left; margin-top:0px; margin-left:4px;
}
.loginError{
	color:#990000;
}

.loginInfo{ float:left; width:150px;}
.loginPhoto{
	float:left;
}

/* forms */
form{
	margin:0px;
	padding:0px;
}
.tfield{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFFF;
	color:#888888;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldSel{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFE1;
	font-style:normal;
	color:#000000;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldCon{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFFF;
	font-style:normal;
	color:#000000;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tarea{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFFF;
	color:#888888;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaSel{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFE1;
	font-style:normal;
	color:#000000;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaCon{
	width:400px;
	border:solid 1px #000000;
	background-color:#FFFFFF;
	font-style:normal;
	color:#000000;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.button{
	border:none;
	background-color:#808285;
	color:#000000;
}


/* forms */
.formField{
	width:250px;
	border:none;
	background-color:#DDDDDD;
	font-style:normal;
	color:#333333;
	height:16px;
	font-size:11px;
	padding:0px; padding-top:3px; padding-left:3px;
}
.formFieldS{
	width:100px;
	border:none;
	background-color:#DDDDDD;
	font-style:normal;
	color:#333333;
	height:18px;
	font-size:11px;
	padding:0px; padding-top:3px; padding-left:3px;
}
.formArea{
	width:180px;
	border:none;
	background-color:#DDDDDD;
	font-style:normal;
	color:#333333;
	height:64px;
	font-size:11px;
	padding:0px; padding-top:3px; padding-left:3px;
	overflow:visible
}
.tdHeader{
	height:18px;
	background-color:#000000;
	color:#F9E34D;
	font-weight:bold;
	padding-left:8px; padding-top:4px;
	border-top:1px solid #F9E34D;
}
.tdHeaderV{
	height:18px;
	padding-top:5px;
	font-weight:bold;
	vertical-align:top;
}
.tdContent{
	height:18px;
	vertical-align:top;
}

.button{
	border:none;
	background-color:#DDDDDD;
	color:#000000; font-size:11px; font-weight:bold;
	padding:5px;
	cursor:pointer;
}


/* dictionary */
.dictionary {
	border: 2px dotted #202020;
	background-color: #FFF2CB; 
	margin: 4px; padding: 4px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; color: #202020; font-weight:normal;
    position: absolute;
	left:auto;
	top:auto;
	z-index:99; 
	width: 200px;
	height: 75px;
	overflow:visible;
	cursor:help;
}







 


/* site specifics */
#wrap{
	position:relative;
	width:927px; height:610px;
	margin-left:auto; margin-right:auto;
}





#menu{
	position:absolute; left:14px; top:92px;
	width:745px; height:12px;
}
	.menuItem, .menuItem a{
		float:left; margin-right:8px;
		color:#808285; font-size:11px;
		overflow:hidden; font-weight:bold;
	}
	.menuItemMO, .menuItemMO a{
		float:left; margin-right:8px;
		color:#8CC63F; cursor:pointer; 
		font-size:11px; overflow:hidden;
		font-weight:bold;
	}
	
.menuItemMO a, .menuItem a	{
	text-decoration:none;
}
.menuItemMO a:hover, .menuItem a:hover{
	color:#8CC63F;	
}
#row1{
	position:absolute; left:0px; top:119px;
	width:927px; height:155px;
}
#row2{
	position:absolute; left:465px; top:274px;
	width:463px; height:155px;
}
#row3{
	position:absolute; left:465px; top:429px;
	width:463px; height:155px;
}
#bigBlock{
	position:absolute; left:0px; top:274px;
	width:462px; height:313px;
	background-color:#FFFFFF;
}
#headerLogo{
	position:absolute; left:0px; top:0px;
	z-index:1;
}
#searchHolder{
	position:absolute; left:775px; top:65px;
	width:155px; height:30px;
	z-index:4; font-size: 9px;
	color: #808285;
}
	.searchField {
		font-size: 10px; color: #FFFFFF;
		background-color: #808285;	border: none;
		width: 132px; height: 15px;
		float:left;
	}
	.searchButton {
		background-color: #808285; border: none;
		width: 20px; height: 17px;
		float:left; cursor:pointer;
		background-image:url(img/search-icon.gif);
		background-repeat:no-repeat; background-position:center;
	}

.block{
	width:152px; height:152px;
	float:left; margin-right:3px;
	background-color:#999999;
	overflow:hidden; 
	background-position:top; background-repeat:no-repeat;
}
	.green1{
		background-color:#CBDB2A;
	}
	.green2{
		background-color:#8CC63F;
	}
	.green3{
		background-color:#28903A;
	}
	.green4{
		background-color:#006F3A;
	}
	.white{
		background-color:#FFFFFF;
	}
	.homeIcon{
		background-image:url(img/icon-home.gif);
	}
	.communityIcon{
		background-image:url(img/icon-community.gif);
	}
	.testIcon{
		background-image:url(img/icon-level-test.gif);
	}
	.contactIcon{
		background-image:url(img/icon-contact.gif);
	}
	.methodIcon{
		background-image:url(img/icon-method.gif);
	}
	.padding{
		padding:10px; padding-top:105px;
		font-size:18px; font-weight:bold;
		color:#FFFFFF; height:100%; cursor:pointer;
	}
#payLogos{
	position: absolute;
	left:791px; top:582px;
}


.faq_question img{
	border:none;margin-right:10px;
}
.faq_question a{
	color:#000;
	text-decoration:none;
	
}
#faqHolder a:hover{
	color:#C60;
}
.faq_question{
	background-image:url(img/faq_vraagteken.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:15px;
	
}
#faqHolder .column{
width:50%;float:left;	
}

.freegamescontent img{
	border:none;
}