* {
	margin: 0;
}
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
	/* nodig voor IE6 */
	height: auto !important;
	height: 100%;
	/* einde IE6 bug */
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height (see also: .footer and .push) */
	/* must be the same size as in body */
	width: 1000px;
	/* set text-align to left again to compensate for the IE6 fix in the body tag */
	text-align: left;
	background-color: #FFF;	
}
body {
	margin: 0;
	/* bugfix for < IE6, this version won't center with auto left/right margins, but 'text-align:center' will centre top-level divs */
	text-align: center;
	/* must be the same size as in #container, 'min-width' because of Mozilla 6+ negative left-margins */
	min-width: 1000px;
	background-color: #FFF;
}
#IE6, #IE6 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #FF0000;
	color: #FFF;
}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
#error404 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 50px auto 0 auto;
	width: 750px;
}
.filler_1line {
	 /* used to fill up 1 horizontal line height */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	display: block;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
a img {
	border: 0;
}
.btn_meer a, .btn_meer a:hover {
	width: 50px;
	height: 19px;
	display: block;
	background-image: url(images/btn_meer-off.gif);
	background-repeat: no-repeat;
}
.btn_meer a:hover {
	background-image: url(images/btn_meer-on.gif);
}
.btn_terug a, .btn_terug a:hover {
	width: 50px;
	height: 19px;
	display: block;
	background-image: url(images/btn_terug-off.gif);
	background-repeat: no-repeat;
}
.btn_terug a:hover {
	background-image: url(images/btn_terug-on.gif);
}



/* Headers */
#header_container {
	width: 100%;
	height: 118px;
	background-image: url(images/header1.gif);
	background-repeat: no-repeat;
}
#header_containertop_1 {
	width: 200px;
	height: 118px;
	float: left;
}
#header_logo_hotspot {
	padding-left: 1px;
	padding-top: 30px;
	float: left;
}
#header_navbar_container {
	width: 404px; /* 320 + 4*1px for divider */
	height: 40px;
/*	background-image: url(images/main_menu_background.jpg);
	background-repeat: no-repeat;*/
	float: right;
}
#header_navbar_menu {
	padding-top: 10px;
	margin: 0;
	display: block;
}
.main_menu a, .main_menu a:hover, #main_menu_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	text-align:center;
	width: 80px;
	height: 20px;
	padding-top: 5px;
	float: left;
	background-image: url(images/mainmenu_off.jpg);
	background-repeat: repeat-x;
}
.main_menu a:hover {
	background-image: url(images/mainmenu_over.jpg);
}
#main_menu_highlight {
	color: #FFF;
	background-image: url(images/mainmenu_active.jpg);
}
.main_menu_divider {
	background: url(images/mainmenu_divider.jpg) no-repeat;
	float: left;
	width: 1px;
	height: 25px;
}



/* Content */
#content_container {
	width: 100%;
}
/* Backgrounds for the content_container, you can always assign a different template */
#container_sub1 {
	background-image: url(images/body_background_sub1.gif);
	background-repeat: repeat-y;
	background-position: 236px top;
}
#two_columns_container {
	width: 1000px;
	float: left;
	padding-bottom: 30px;
}
#two_columns_container_a {
	width: 230px;
	padding-top: 20px;
	float: left;
}
#two_columns_container_b {
	width: 690px; /*770*/
	padding-left: 70px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
#two_columns_container_b_zoek {
	/* speciale div voor content6.php, om de thumbnails wat in het midden van de pagina te zetten */
	/* deze zoekresultaten gaan in IE6 verkeerd, aan de rechterkant zit 70pixels te veel, niet opgelost... */
	width: 560px; /*770*/
	padding-left: 130px;
	padding-right: 80px;
	padding-bottom: 10px;
	float: left;
}



/* Styles that are also used in ituxu_tinymce.css. Edit here = also edit over there */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;	
}
/* Also used at #searchpage_results_heading, #searchpage_results, #searchpage_navigation. Edit here = also edit over there */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	padding-top: 5px;
}
/* End styles used for TinyMCE */

.content_p_nav {
	/* navigatie bij checkboxes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}



/* Stijlen voor Home */
#content1_3columns_container {
	width: 690px;
	height: 400px;
	background-image: url(images/home_3columnsv2.jpg);
	background-repeat: no-repeat;
}
#content1_3columns_1tweets {
	width: 144px;
	height: 204px;
	padding-left: 76px;
	padding-top: 41px;
	float: left;
}
/*
#content1_3columns_2nieuws {
	width: 150px;
	height: 204px;
	padding-left: 71px;
	padding-top: 41px;
	float: left;
}
*/
#content1_3columns_3project {
	width: 322px; /*71+150+80+144=445 maar rechts wat er af halen*/
	height: 290px; /* 204 */
	padding-left: 90px; /* 71 / 80px;*/
	padding-top: 41px;
	float: left;
}
#home_inspringen {
	width: 623px; /*690px;*/
	padding-left: 67px;
}
#home_flash {
	width: 623px;
	height: 230px;
}
#tweet, #tweet a, #tweet a:visited, #tweet ul, #tweet ul li {
/* tweeter_footber staat verderop bij footer deel */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#tweet a, #tweet a:visited {
	text-decoration: underline;
}
/* Stijlen voor Home -- Einde */

/* Stijlen voor Nieuws */
.content3_heading_overview, .content3_heading_overview a, .content3_heading_overview a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000;
	padding-top: 5px;
	text-align: left;
	width: 100%; /* 700px;*/
}
.content3_heading_ruler {
	text-align: left;
	width: 676px; /*100%; /*700px;*/
	height: 7px;
	padding-top: 5px;
	background-image: url(images/ruler_stippellijn_676.jpg);
	background-repeat: no-repeat;
}
.content3_heading_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	width: 100%; /* 700px;*/
}
#content3a_to_overview {
	/* wordt ook in content2a.php gebruikt */
	padding-top: 10px;
	padding-bottom: 10px;
	width: 300px;
}
/* Stijlen voor Nieuws -- Einde */

/* Stijlen voor Over ons > niet nodig, tabel gemaakt in tinymce */



/* search deel: dit van de head verplaatst naar het content gedeelte */
#header_search_container {
/*	width: 194px;
	height: 27px;*/
	padding-bottom: 70px;
}
#header_searchbox #search_input {  /* vreemd genoeg hier geen , tussen zetten, dan gaat het fout in IE6 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    width: 138px; /*155-14* moet eigenlijk 141 zijn, maar dan gaat het in IE6 verkeerd */
    margin: 6px 8px 0px 6px;
	padding: 0;
    border: 0;
	float: left;
	background: none;
}
#header_searchbox {
	width: 194px;
	height: 27px;
	background-image: url(images/header_searchbox.jpg);
	background-repeat: no-repeat;
	float: left;
}
#header_search_box, #header_search_submit {
    float: right;
}
#header_search_tshirt {
	width: 125px; /*230*/
	height: 69px; /*79*/
	padding-left: 65px;
	padding-right: 40px;
	padding-top: 10px;
	background-image: url(images/tshirt.jpg);
	background-repeat: no-repeat;
}
#header_search_game {
	width: 125px; /*230*/
	height: 67px; /*77*/
	padding-left: 65px;
	padding-right: 40px;
	padding-top: 10px;
	background-image: url(images/game.jpg);
	background-repeat: no-repeat;
}
/* einde search deel */

/* End Template specific styles */



/* Searchpage */
#searchpage_searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	padding-bottom: 9px;
	padding-top: 3px;
	height: 26px;
}
#searchpage_results_heading {
	/* Also used at p. Edit here = also edit over there */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	/* different from p */
	width: 610px;
	padding-top: 2px;
	padding-bottom: 5px;
}
#searchpage_results {
	/* Also used at p. Edit here = also edit over there */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	/* different from p */
	padding-right: 20px;
	padding-bottom: 20px;
}
.searchpage_show {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin-left: 3px;
}
.searchpage_tagline_link, .searchpage_tagline_link a, .searchpage_tagline_link a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.searchpage_section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.searchpage_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
#searchpage_navigation_content1 {
	/* Also used at p. Edit here = also edit over there */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 700px;
	padding-left: 290px;
	padding-bottom: 20px;
	/* added for navigation */
	text-align: center;
}
#searchpage_navigation_content2 {
	/* Also used at p. Edit here = also edit over there */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 676px;
	padding-left: 290px;
	padding-bottom: 20px;
	/* added for navigation */
	text-align: center;
}
#searchpage_navigation_currentpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	display: inline;
	background-color: #09fb30;
}
#searchpage_navigation_linkpage, #searchpage_navigation_linkpage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	display: inline;
	background-color: #ccc;
}
#searchpage_navigation_linkpage a:hover {
	background-color: #09fb30;
}
/* End Searchpage */



/* Comments */
#comments_container {
	width: 690px; /*770*/
	margin-left: 230px;
	padding-left: 70px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
.comments_box {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 27px;
}
.comments_box_reply {
	/* use this box to indent the reply when it starts with an @ (reply to someone else) */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	margin-right: 27px;
}
	/* admin comments can have a different style */
.comments_box_admin {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 27px;
	background-color: #CCC;
}
.comments_box_reply_admin {
	/* use this box to indent the reply when it starts with an @ (reply to someone else) */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	margin-right: 27px;
	background-color: #CCC;
}
.comment_ruler {
/*	margin-left: 30px;*/
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	width: 700px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.comments_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.comments_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.comments_time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.comments_comment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}
.comments_heading_inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #412507;
	text-align: left;
	/* Added this, otherwise text will be bold */
	font-weight:normal;
}
#comments_empty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#comment_form {
	/* the box for the comment form */
}
.inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
/* when using a graphic as submit button
.comments_btn_submit input[type=submit] {
	background-image: url(images/btn_submit.jpg) no-repeat center center;
	width: 88px;
	height: 27px;
	border: none;
	color: transparent;
	font-size: 0; /* fix for IE<8 */
/*
}
*/
.comments_balloon {
	background-image: url(images/comment_balloon.png);
	background-repeat: no-repeat;
	background-position: 10px;
	width: 17px;
	height: 14px;
	padding-left: 30px;
}
/* End Comments */



/* Footer */
#footer_container {
	margin: 0;
	/* bugfix voor < IE6, deze centreert niet mbv. auto left/right margins, maar 'text-align:center' centreert wel top-level divs */
	text-align: center;
	min-width: 100%; /* 1000px; */
	background-color: #000;
	height: 170px;
}
#footer1 {
	height: 150px; /* 170 .footer must be the same height as .push */
	/* margins op auto zetten om de gehele inhoud te centreren */
	/* zie ook de .wrapper voor de instellingen hieronder */
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	/* Geen padding-bottom gebruiken, kan IE7 niet tegen */
	/* width moet even groot zijn als in body */
	width: 940px; /*1000px;*/
	padding-left: 30px;
	padding-right: 30px;
	/* opnieuw text-align op left zetten om die in body te compenseren */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
#footer1 a, #footer1 a:visited, #footer1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: underline;
}
.footer_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#footer1_nav_box {
	width: 185px;
	padding-right: 10px;
	height: 150px;
	float: left;
}
#footer1_tweet_logo {
	width: 45px;
	height: 150px;
	float: left;
}
#footer1_tweet_box {
	width: 235px;
	padding-right: 10px;
	height: 150px;
	float: left;
}
#tweet_footer, #tweet_footer a, #tweet_footer a:visited, #tweet_footer ul, #tweet_footer ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#tweet_footer a, #tweet_footer a:visited {
	text-decoration: underline;
}

#footer1_hsp_box {
	width: 200px;
	padding-right: 10px;
	height: 150px;
	float: left;
}

#footer1_stage_box {
	width: 235px;
	height: 150px;
	float: left;
}

/* Disclaimer pop-up window */
#dhtmlgoodies_tooltip{
	/* set width, height and x and y offset in .js */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	background-color: #FFF;
    color: #000;
	border: 2px solid #818181;
	position:absolute;
	display:none;
	z-index:20000;
	padding: 5px 3px 5px 5px;
	/* CSS3 code: */
	opacity: 0.8;
	/* code for IE: */
	filter:alpha(opacity=80);
	/* code for Mozilla version 1.6 and earlier: */
	-moz-opacity:0.8;
/*	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}
#dhtmlgoodies_tooltipShadow{
	/*
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
/*	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}



#push {
	/* Zodra je containers met kolommen gaat gebruiken (#container_kolom_box) die op float:left staan, dan moet je hier een clear: both erin zetten */
	clear: both;
	height: 170px; /* .push must be the same height as .footer */
}