/**
 *	RESET // last updated 12.05.2012
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0px; font-size:100%;	vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:5px 0; padding:0; }
input, select { vertical-align:middle; }

textarea:focus, input:focus, a:focus { outline:none; }
input[type='button'] { width:auto; overflow:visible; }

/* IE10 clear-'x' removal */
input[type=text]::-ms-clear { display:none; }

ul { list-style:dot; margin:0 0 0 20px; }
ol { list-style-type:decimal; margin:0 0 0 20px; }
p {margin: 0px;}

.whitespace { margin:0 0 10px; }
.clearfix { clear:both; height:10px; }

/**
 *	CUSTOM FONT
 */
@font-face {
	font-family: 'HelveticaNeueLTStdCnBold';
	src: 	url('sourcesanspro-bold-webfont.eot');
	src: 	url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
				url('sourcesanspro-bold-webfont.woff') format('woff'),
				url('sourcesanspro-bold-webfont.ttf') format('truetype'),
				url('sourcesanspro-bold-webfont.svg#HelveticaNeueLTStdCnBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLight';
	src: 	url('colablig-webfont.eot');
	src: 	url('colablig-webfont.eot?#iefix') format('embedded-opentype'),
				url('colablig-webfont.woff') format('woff'),
				url('colablig-webfont.ttf') format('truetype'),
				url('colablig-webfont.svg#ColaborateLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
 *	STYLES AND GLOBAL SETTINGS
 */
html	{ height:100%; -ms-overflow-y:scroll; overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ height:100%; font:normal 14px/22px arial, sans-serif; color:#fff; background: #000;}

a			{ color:#f79e37; }

h1		{ margin:3px 0 8px; font-size:30px; line-height:30px; font-family:HelveticaNeueLTStdCnBold,arial,helevetica,sans-serif; font-weight:normal; color:#b9dfb4; }
h2		{ margin:0 0 5px; font-size:20px; line-height:22px; font-family:HelveticaNeueLTStdCnBold,arial,helevetica,sans-serif; font-weight: normal; color: #b9dfb4; text-transform:uppercase; }
h3		{ margin:3px 0 3px; font-size:18px; line-height:18px; font-family:HelveticaNeueLTStdCnBold,arial,helevetica,sans-serif; font-weight: normal; color: #fff; }
h3		{ }
h4		{ font-size:16px; }

#page		{ position:relative; width:980px; margin:0 auto; }
#header	{ height:89px; }
#logo		{ position: absolute; top: 20px; left: 15px; z-index:1;}

#account { position: absolute; top: 0px; right: 0px; width: 290px; height: 61px; z-index:1; padding:15px 15px 7px; }
	#account h2	{ margin:0 0 5px 0; line-height:22px; }

#menu { width:980px; height:41px; margin:0 0 10px; padding:22px 0 0; background:url('../images/menubar.png') no-repeat; }

ul#navbar_list { margin:0; padding:0; }
	ul#navbar_list li { float:left; }
		ul#navbar_list li a {
			float:left; height:31px; padding:12px 15px 0 15px; color:#f5a447;
			font-family:HelveticaNeueLTStdCnBold, arial, helevetica, sans-serif; font-size:18px; text-decoration:none; text-transform:uppercase;
		}
		ul#navbar_list li a.niv1active {color: #FFF;}
		ul#navbar_list li a:hover {color: #FFF;}

#vervolg_main { float:left; width:650px; margin:0 10px 10px 0; color: #FFF }
#vervolg_side { float:left; width:320px; margin:0 0 10px; color: #FFF}

.tripleColumn { margin:0 0 10px; background:url('../images/bg_triplecolumn.gif') no-repeat; overflow:auto; }
	.tripleColumn .tripleCol1 { width:320px; float:left; margin:0 10px 0 0; }
	.tripleColumn .tripleCol2 { width:320px; float:left; margin:0 10px 0 0; }
	.tripleColumn .tripleCol3 { width:320px; float:left; }

.sideIntro { background:url('../images/bg_triplecolumn.gif') no-repeat; }

#footer { float:left; width:950px; height:60px; padding:5px 15px; background: url('../images/bg_footer.gif') repeat-x; color:#71ac67; font-size:11px; line-height: 16px;}
	#footermenu { float:right; font-size:12px; }
		#footermenu a { margin:0 0 0 10px; }

.article {float:left; width:620px; padding:10px 15px 15px 15px; margin-right: 10px; background:#06450f url('../images/bg_vervolg.gif') no-repeat; color: #FFF;}
.sideIntro { width:290px; padding:10px 15px 15px 15px; }

.screenshotslider {position: relative; width: 980px; height: 655px; margin-bottom: 10px; }
.sliderheader { width:950px; padding: 10px 15px 5px 15px; background: #04300b;}
.slideCaption { width:950px; min-height:50px; padding:10px 15px 0; background:#04300b; color:#FFF; line-height:18px; margin-bottom:0px; }
.slidescontainer { height:610px; background:#000; overflow:hidden; cursor:pointer; }

#brandboxpager { position:absolute; top:13px; right:5px; z-index:3; }
	.brandboxpageritem { float:left; height:11px; width:11px; margin:0 10px 0 0; background: url('../images/slide_default.png') top center no-repeat; cursor:pointer; }
	.brandboxpageritem:hover { background: url('../images/slide_active.png') top center no-repeat; }
	#brandboxpager .active { background: url('../images/slide_active.png') top center no-repeat; }

.quote { margin:3px 0; font-size:22px; line-height:26px; font-family:ColaborateLight, arial, helvetica, sans-serif; font-weight:normal; color:#fff; }

.overflow { overflow:auto; }

.user_data { padding:10px 0; }
.user_name { font-size:18px; }
.dottedruler { float:left; width:650px; height:30px; background: #06450f url('../images/dotted_ruler.jpg') no-repeat; }
.greenblock { width:620px; padding:15px 15px 15px 15px; background:#06450f; color:#FFF; }
.account_expired { color:#f79e37;font-weight:bold; margin:0 0 10px; }
.user_section { position:relative; padding:14px 0; border-bottom:1px solid #598751; }
.user_section:last-child { padding:14px 0 0; border:0; }
.user_section_right { position:absolute; top:16px; right:0; width:230px; z-index:2; line-height:26px;}
.user_accesscode {
	position:absolute; top:0; right:0; height:18px; width:130px; padding:4px 0 0; background:#1f5b1d;
	font-size:16px; line-height:18px; font-family:HelveticaNeueLTStdCnBold,arial,helevetica,sans-serif; text-align:center; letter-spacing:3px; color:#b9dfb4;
  -moz-border-radius:			6px;
  -webkit-border-radius:	6px;
  -khtml-border-radius:		6px;
  border-radius:					6px;
}
.user_progress_bar { position:absolute; top:30px; right:0; width:130px; height:18px; background: url('../images/progressbar_bg.gif') repeat-x; z-index:2;
  -moz-border-radius:			6px;
  -webkit-border-radius:	6px;
  -khtml-border-radius:		6px;
  border-radius:					6px;
}
	.user_progress_bar .bar { height:18px; background:url('../images/progressbar.gif') repeat-x;
		-moz-border-radius:			6px;
		-webkit-border-radius:	6px;
		-khtml-border-radius:		6px;
		border-radius:					6px;
	}
.createchildaccount { margin:10px 0;}

/**
 * Buttons
 */
.button {
	padding:4px 15px 2px 15px; border:0; background:#33363b; color:#684118; 
	font-size:16px; font-family:HelveticaNeueLTStdCnBold; text-transform:uppercase;
  -moz-border-radius:			6px;
  -webkit-border-radius:	6px;
  -khtml-border-radius:		6px;
  border-radius:					6px;
	cursor:pointer; 
	background:url('../images/bg_button_n.gif') no-repeat top left;
	text-decoration:none;
	text-shadow:0 1px #ffd17b;
}
.button:hover { background:url('../images/bg_button_h.gif') no-repeat top left; text-shadow:0 1px #fff; }
span.buttontextlinks { padding:0 0 0 10px; font-size:12px; cursor:pointer; }

.form {  }
	.form h2 { margin:0 0 15px; }
	.form .label	{ float:left; width:150px; padding:0 0 15px; }
	.form .input	{ float:left; padding:0 0 15px; }
	.form .code		{
		height:60px; width:285px; padding: 1px 0 0 13px; background: url('../images/account_numbers.png') 0 0 no-repeat; border:0;
		font-family:Lucida Console, monospace; text-transform:uppercase; color:#9ece79; font-size:42px; line-height:54px; letter-spacing:20px; font-weight:bold;
	}
	.form .code8	{
		height:36px; width:272px; padding: 1px 0 0 10px; background: url('../images/bg_gametoken.gif') 0 0 no-repeat; border:0;
		font-family:Lucida Console, monospace; text-transform:uppercase; color:#9ece79; font-size:28px; line-height:28px; letter-spacing:16px; font-weight:bold;
	}
	
.loginswitch { padding:0 0 0 5px; font-size:12px; cursor:pointer; }
.loginswitch:hover { color:#81a44d; }

/**
 * ZOEKRESULTATEN
 */
#xsearchResultMessage { margin:0 0 15px; }
.xsearchResultsContainer { margin:15px 0; border-top:1px solid #6c6c6c; }
.xsearchResult { padding:20px 10px; }
.xsearchResult a { text-decoration:underline; }
.xsearchResult .xsearchPageTitle { font-weight:bold; text-decoration:none; }
.xsearchResult .lastchanged { color:#6c6c6c; font-size:11px; }

.xsearchKeyword,
.xsearchHighlightedKeyword { font-weight:bold; color:#6c6c6c; }

/**
 * NAVBAR
 */
.navbarPreviousArrow,
.navbarNextArrow,
.navbarPageNumber { margin:0 5px 0 0; padding:2px 5px; color:#6c6c6c; border:1px solid #6c6c6c; }
.navbarActivePageNumber { margin:0 5px 0 0; padding:2px 5px; color:#fff; border:1px solid #6c6c6c; background:#6c6c6c; }
.navbarDots { margin:0 5px 0 0; display:inline; }

/**
 * FORMBUILDER
 */
.xsformbuilder_small_textbox { display:none; }
.xsInPageAddContent { width:183px; height:29px; margin:5px 5px 10px 0; }
.xsInPageAddContent a {
	display:block; width:163px; height:19px; padding:7px 10px 4px 10px; background:#fff url('/plugins/modules/formbuilder/images/bt_add_form_field_n.gif') no-repeat;
	color:#fff; font:normal 14px arial,helvetica,sans-serif; text-decoration:none;
}
.xsInPageAddContent a:hover {
	display:block; width:183px; height:19px; padding:7px 10px 4px 10px; background:#fff url('/plugins/modules/formbuilder/images/bt_add_form_field_h.gif') no-repeat;
	color:#145190; font:normal 14px arial,helvetica,sans-serif; text-decoration:none;
}

.form_table td { padding:5px 0; vertical-align:top; }
.col1 { width:120px; }

.textfield	{ width:273px; padding:5px; border:1px solid #ccc; color:#aaa; }
textarea		{ width:273px; height:120px; margin:0 0 5px 0; padding:5px; border:1px solid #ccc; resize:vertical; }
select			{ width:262px; padding:5px; border:1px solid #ccc; }

.error .textfield { border:1px solid #e23f4a; }
.errormessage { padding:0 0 0 5px; font-size:11px; color:#e23f4a; display:none; }

.postcode-cijfers { width:45px; margin:0 5px 0 0; }
.postcode-letters { width:30px; text-transform:uppercase; }

.datum-dag		{ width:30px; }
.datum-maand	{ width:30px; }
.datum-jaar		{ width:45px; }
.info					{ margin:0 10px 0 0; }

.req_field		{ color:#f00; }
.error_text		{ margin:0 0 20px; color:#f00; font-size:11px; }
	
.xsButton			{ padding:5px 20px; border:1px solid #aaa; background:#aaa; color:#fff; cursor:pointer; }

