* { outline:none; }

object { display:block; }

html, body {
	width:100%; height:100%;
	margin:0;
	padding:0;
	background-color:#232323;
}

/* font-specific */
body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

h1 { font-family: Arial, Tahoma, sans-serif; font-weight:normal; font-style:none; font-size:40px; padding:0; margin:0; color:#fcec00;	position:relative; z-index:1; }
h2 { font-family: Arial, Tahoma, sans-serif; font-bold; font-style:none; font-size:1em; padding:0; margin:0; color:#FAFAFA;	position:relative; z-index:1;  }

h2+p { margin-top:.5em; }

form,
fieldset{ border:none; padding:0; margin:0; }
input { font-family: Georgia, Times New Roman, serif; }
input[type="hidden"] {
		margin: 0;
		padding: 0;
		border:none;
		background:none;
}


a { color:#ffffff; text-decoration:underline }
a:hover { text-decoration:none; }


/**
 * MAIN WRAPPERS
 */
/* #headerWrapper { height:495px; background:#232323 url(/html/images/bg_header.png) repeat-y top center; } */

#msg 											{ width:100%; height:30px; line-height:30px; background:#3f3c4c; color:#fff; text-align:center; display:none; position:absolute; top:0; z-index:999999999 }
#container								{ min-height:100%; position:relative; }
#body											{ padding-bottom:338px; background:#232323 url(/html/images/bg_stramienen.png) center 60px;  }

#headerWrapper 						{ min-height:400px; background:url(/html/images/bg_menu.gif) repeat-x center top; }
#header 									{ width:1000px; margin:0 auto; padding-top:20px; }
#header .menuItem					{ width:220px; padding-bottom:13px; float:left; padding-left:30px; font-size:18px; font-weight:normal; }
#header .menuItem a 			{ color:#ffffff; text-decoration:none; }
#header .active,
#header .menuItem a.active{ color:#fcec00 }
#header .menuItem a:hover { color:#fcec00 }
#header .menuItem a.active:hover { color:#ffffff; }


#header #headerLeft 			{ width:470px; float:left; margin-top:70px; background:url(/html/images/comingsoon_flash.jpg) no-repeat center center; min-height:170px }
#header #headerRight			{ width:500px; float:left; margin-top:70px; color:#ffffff; }
#header #headerRight h1		{ font-size:40px; margin:-10px 0 0}
#header #infobtn					{ color:#040615; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#f5bc32; line-height:40px; width:115px; text-align:center; cursor:pointer; font-size:22px; float:left; margin-right:15px; }
#header #infobtn:hover		{ color:#ffffff; }

#referencesSWF						{ width:1000px; height:550px; }

#content 									{ margin:0 auto; width:1000px; padding:30px; }
#contentInnerWrapper 			{ margin-top:40px; }

#footer 					{ margin:0 auto; width:1000px; padding:0px 5px 0 25px; }

#postFooterWrapper 	{ padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; color: #b7b7b7; background:#ffffff; position:absolute; bottom:0; width:100%; }
#postFooter 				{ margin:0 auto; width:1000px; padding:0 0 15px 0; }

a#logo {display:inline-block; width:177px; height:70px; background:url(/html/images/logo.gif) no-repeat 0 0; }
a#logo:hover { background-position: 0 -70px; }

ul.files { margin:0; padding:0;	list-style:none; }
ul.files span { font-size:16px; }
ul.files li { padding:0; margin:5px 0 0 0; }
ul.files li a { display:block; padding:0; margin:0 0 5px 0; text-decoration:none;  }
ul.files li a:hover { display:block; padding:0; margin:0 0 5px 0; text-decoration:none; color:#26dbff; }


/* IE fix numero uno*/
.ie a#logo { float:left; }

#header .contact { position:relative; color:#1D1D1D; float:right; margin-top:10px; }
#header .contact a { color:#1D1D1D; text-decoration:none; }
#header .contact a:hover { color:#d1b600; }

/**
 * MENU
 */
ul.menu,
ul.submenu { margin:0; padding:0; list-style:none; }
ul.menu { padding:0 25px; }
ul.menu li { float:left; }
ul.menu li+li { margin-left:30px; }

ul.menu a 			{ font-family: Helvetica, Arial, Tahoma; font-size:1.55em; font-weight:200; text-decoration:none; color:#FFFFFF; padding-bottom:5px; text-transform:uppercase; }
ul.menu a:hover { text-decoration:none; }
ul.menu a.active { font-weight:bold; color:#f48a00; background:#FFF; padding:5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
ul.menu li ul { position:absolute; display:none; }

ul.submenu li a { color:#000000; font-size:15px; font-size:20px; line-height:25px; display:block; text-decoration:none; }

/**
 * TRACKER
 */
#tracker { margin:0; margin-bottom:30px; padding:0; list-style:none; }
#tracker li { float:left; }
#tracker li a { color:#a0a0a0; font-size:0.85em; text-decoration:none; padding-right:5px; white-space:nowrap; }
#tracker li a:hover { color:#494949; }

p.h2 { color:#ffffff; color:#FFFFFF; margin:0; padding:0; font-size:1.6em; }

/* HOME */
#ocenTitle { padding-top:100px; position:absolute; z-index:999; background:url(/html/images/black_trans.png); width:1000px; height:400px;  }

/**
 * CONTENT
 */

#imageTitle					{ height:210px; width:750px; overflow:hidden; margin:50px 0 0 -30px; }
#leftColumn 				{ width:190px; margin:30px 0 0 -30px; float:left; padding:30px }
.crumbs							{ font-family:Arial; text-decoration:none; color:#ffffff }
#leftColumn a 			{ color:#ffffff }
.crumbs:hover,
#leftColumn a.active,
#leftColumn a:hover { color:#30dfff; }

.imgBtnRight, .imgBtnLeft  	{ position:absolute; cursor:pointer; z-index:990; }

.imgBtnRight:hover, .imgBtnLeft:hover { background:url(/html/images/trans_white.png);  }
.imgBtnRight:hover a, .imgBtnLeft:hover a { background-position:bottom left; }

#centerColumn				{ float:left; color:#999999; font-size:15px;  }

#rightColumn 		{ width:200px; padding:60px 0px; float:left; }
#rightColumn p 	{ line-height:1.65em; }


body>div.status {
	display:none;
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	background:#f6f6f6;
	padding:10px;
	margin:0;
	text-align:center;
	color:#000000;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;


	border-bottom: 3px solid rgba(80, 80, 80, .5);
}


/**
 * PRE FOOTER CONTENT
 */
#footerWrapper									 	{ background:#fcec00 url(/html/images/bg_stramienen_footer.png) center center;  margin-bottom:15px; height:210px }

#preFooterWrapper 								{ width:1000px; margin:0 auto; padding:0; color:#232323 }
#preFooter 												{ float:left; }

div#newsbuttonLeft								{ width:125px; float:left; text-align:center; }
div.newsHolder										{ width:750px; height:210px; float:left; }
div.newsHolder>div								{ width:750px; }
div#newsbuttonRight								{ width:125px; float:left; text-align:center; }

div.newsListHolder								{ width:320px; height:210px; float:right; padding-left:30px; }

div.newsImage											{ height:210px; width:500px; background:#FCEC00; float:left; overflow:hidden; }
div.newsImage img									{ height:210px; }
div.newsImageCover								{ height:210px; width:500px; position:absolute; background:url(/html/images/grid.png); float:left; overflow:hidden; }

div.newsContent										{ height:150px; background:#FCEC00; width:190px; padding:30px; float:left; }
div.newsPadding										{ padding:15px 30px 10px 30px; width:190px; height: 80px; }
div.newsContent	a									{ text-decoration:underline; color:#232323; display:inline-block}
div.newsContent	a:hover						{ text-decoration:none; }



div.newsHolder h2									{ margin:0; padding:0; font-size:16px }
a.newsView												{
	background:#fcec00; color:#232323;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	line-height:35px; width:140px;
	font-size:14px; text-decoration:none; text-align:center;
	display:inline-block; margin-top:8px;
}
a.newsView:hover									{ background:#ffffff; }

div#newsListWrapper								{ height:87px; width:333px; overflow:hidden; margin:10px 0px; padding:0 0 20px; border-top:1px solid #232323; border-bottom:1px solid #232323;}

ul.newslist				 								{ width:375px; padding:0; list-style:none; margin-top:25px; }
ul.newslist li 										{ display:block;  }
ul.newslist li a									{ color:#232323; text-decoration:none; font-size:14px; line-height:25px;  }
ul.newslist li a.active,
ul.newslist li a:hover						{ color:#ffffff; }

#newsButtons											{ width:175px;  padding:0 0 0 180px; }
#newsButtons div									{ display:inline-block;  }
.newsDown													{ background:url(/html/images/btn_news_down.png) top left no-repeat; height:20px; width:28px; display:block;  }
.newsUp														{ background:url(/html/images/btn_news_up.png) top left no-repeat; height:20px; width:28px; display:block;  }
.newsDown:hover, .newsUp:hover 		{ background-position:bottom left; }
.btn_alles												{ display:block; width:125px; height:75px; border-left:1px solid #e6d804; border-top:1px solid #e6d804; padding-top:30px; }
#newsArchive											{ margin:0; padding:0; }
#newsArchive li 									{ float: left; width: 50%; list-style:none; }
#newsArchive li:nth-child(odd) 		{ clear: left; }

#newsWrapper 					{ width:1000px; margin:0 auto; padding:60px 0 0 0; }
.bgrActueel 					{ width:749px; height:210px; background:url(/html/images/actueel.jpg) no-repeat; margin:0 0 0 1px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; float:left; }
#twitterHolder 				{ width:249px; height:210px; margin:0 0 0 1px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; float:left; }

p.nieuwsDatum 	{ font-size:10px; padding:0; margin:0; }
p.nieuwsTitle		{ font-size:14px; color:#0088dd; padding:0; margin:0; }
p.nieuwsTxt		  { font-size:12px; padding:0; margin:0; }

.btnTwitter						{ display:block; width:249px; height:105px; background:url(/html/images/btnTwitter.jpg) no-repeat 0px 0; cursor:pointer; }
.btnTwitter:hover			{ background-position: 0px -105px; }

.nieuwsArchief 		{ width:440px; margin:0px; padding:30px 30px 30px 30px; float:left; }
.archiefHolder  	{ width:360px; height:605px; background:#fff; padding:10px 40px 40px 40px; color:#000; margin:0; }
.archiefItems  		{ height:75px; }
.archiefItems img { float:left; border:1px solid #bcbcbc; margin:0 15px 0 0; }

.archiefItems a.archiefLink 			{ font-size:12px; color:#232323; text-decoration:none; }
a.archiefLink span.archiefTitle   { font-size:14px; color:#0088dd; }
a.archiefLink:hover span.archiefTitle   { font-size:14px; color:#232323; }

/*div.newsItem div 									{ margin-right:1px; width:249px; height:150px; background:#01b295; float:left; }
div.newsItem div:nth-child(even) 	  { margin:0; width:248px; height:150px; background:#01b295; float:left;  } **/

div#nieuwsitems	{ width:500px; float:left; background:url(/html/images/bgrBorder.gif) repeat-y;  }
div#nieuwsitems div { width:249px; height:395px; background:#fff; float:left; margin-left:1px;  color:#232323; font-size:12px;  }

/**
 * FOOTER CONTENT
 */
#tweetsWrapper { width:275px; float:left; }
#subscribeWrapper { width:255px; float:left; padding:0px; }
#subscribeWrapper input { -moz-border-radius: 5px; -webkit-border-radius: 5px; border:none; padding:10px; color:#bababa; display:block; }
#subscribeWrapper input.submit {
	-moz-border-radius: 0; -webkit-border-radius: 0;
	background:url(/html/images/btn_subscribe.png) no-repeat 0 0;
	width:115px;
	height:21px;
	cursor:pointer;
	margin-top:10px;
}
#subscribeWrapper input+input { margin-top:2px; }
#subscribeWrapper input.submit:hover { background-position: 0 -21px; }
#subscribeWrapper form { margin-top:10px; }
#subscribeWrapper .status { display:block; background:#585858; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:20px; margin-bottom:20px; }

/**
 * POST FOOTER CONTENT
 */
#postFooter span.divider { display:inline-block; padding:0 10px;}
#postFooter a {  color:#232323; text-decoration:none; font-weight:bold; }
#postFooter a.active,
#postFooter a:hover	{ color:#7e7e7e }


#postFooter a.grey				{ color:#B7B7B7; font-weight:normal }
#postFooter a.greyactive,
#postFooter a.grey:hover	{ text-decoration:underline }

#postFooter p 			{ margin:0 }
#postFooter address { text-decoration:normal; font-style:normal; color:#7e7e7e; }

/**
 * LISTS WITH DATES IN THEM
 */
ul.dateList { margin:0; padding:0; list-style:none; }
ul.dateList li { min-height:60px; }

ul.dateList div.date .day { font-size:2.4em; }
ul.dateList div.date .month { font-size:0.8em; }
ul.dateList p { margin: 0; }

ul.tweets li { color:#FFFFFF; }
ul.tweets li { padding:10px 0; }

ul.submenu+ul.news {  margin-top:80px; }

.ie6 ul.submenu { margin-bottom:80px; }

ul.news li { color:#ffffff; border-bottom:1px solid #ffef7d; cursor:pointer; padding:3px 5px; }
ul.news li:hover { background:#fcec00; }




/**
 * NEWS
 */
/* table.newslistHolder										{ width:1000px; border-collapse:collapse; padding:0; margin:0 0 0 -30px; border-left:1px solid #393939; border-bottom:1px solid #393939 } **/

.newslistHolder td,
.newslistHolder tr										{ padding:0; margin:0 }
.newslistHolder .newsBox 							{ border-top:1px solid #2c2b35; cursor:pointer; border-collapse:collapse; display:none; }
.newslistHolder td										{ padding:15px 30px }

td.date 			{	vertical-align:bottom; width:190px; color:#ffffff; }
td.title	 		{ width:440px; font-size:3em; text-decoration:none; padding-right:10px; }
td.content		{ vertical-align:bottom; width:190px; color:#ffffff; }

.newsDetail { width:500px; min-height:790px; background:#FFF; color:#232323; float:left; font-size:0.9em; }
.newsDetail .date { display:block; margin-bottom:20px; }

.newsDetail img { border:none; }

.newsDetail a { color:#0088dd; text-decoration:none; }
.newsDetail a:hover { color:#1f1a17; text-decoration:none; }


/**
 * FORMS
 */

#formulier fieldset { margin:0; padding:0; width:700px; }
#formulier legend.small  { height:1px; display:block; margin:0; padding:0; }
#formulier legend.medium { height:15px; display:block; margin:0; padding:0; font-family: Arial, Tahoma, sans-serif; font-size:16px; }

#formulier div						{ clear:both; }
#formulier label 					{ display:block; width:245px; float:left; line-height:30px; }
#formulier label.field0		{ display:block; width:235px; float:left; line-height:30px; }
#formulier input#field0		{ display:block; width:207px; float:left; line-height:30px; position:relative; top:5px; }
#formulier select					{ width:75px; height:25px; }

#formulier label.field1, #formulier label.field2, #formulier label.field3, #formulier label.field4, #formulier label.field5
{ display:block; width:241px; float:left; line-height:30px; }

#formulier label.field9, #formulier label.field10, #formulier label.field11, #formulier label.field12
{ line-height:20px; }

#formulier legend 				{ color:#999999; font-family: Arial, Tahoma, sans-serif; padding:15px 0 0 0; }
#formulier input 					{ border:none; padding:5px; color:#232323; display:block; float:left; width:425px; font-family: Arial, Tahoma, sans-serif;  }

#formulier input#field1, input#field2, input#field3, input#field4, input#field5
{ border:none; padding:5px; color:#232323; display:block; float:left; width:190px; font-family: Arial, Tahoma, sans-serif;  }

#formulier input#field0,  #formulier input#field9, #formulier input#field10, #formulier input#field11, #formulier input#field12
{ border:none; padding:5px; color:#232323; display:block; float:left; width:15px; font-family: Arial, Tahoma, sans-serif;  }

#formulier div.field9 { width:280px; height:15px; margin:0 0 0 235px; }
#formulier label.field9 { float:right; }
#formulier input#field9 { float:left; }

#formulier div.field10 { width:280px; height:15px; margin:0 0 0 235px; }
#formulier label.field10 { float:right; }
#formulier input#field10 { float:left; }

#formulier div.field11 { width:280px; height:15px; margin:0 0 0 235px; }
#formulier label.field11 { float:right; }
#formulier input#field11 { float:left; }

#formulier label.field12 { position:relative; top:15px; }

#formulier input.postcode { width:75px; }
#formulier textarea 			{  border:none; padding:5px; color:#232323; display:block; width:445px; height:75px; clear:left; font-family: Arial, Tahoma, sans-serif; font-size:12px; margin:0 0 0 243px; }
#formulier .versturen { display:block; height:21px; width:100px; background:url(/html/images/btn_send.png) top left; cursor:pointer; position:relative; margin:0 0 0 240px;  }
#formulier .versturen:hover { background-position:bottom left; }

/**
 * lists
 */
.images { width:500px; }

.ie cufon { position:relative; }


/* COLOURS */
.yellow			{ color:#fcec00; }
.blue				{ color:#30dfff; }
.blue:hover,
.blue-active,
.white			{ color:#ffffff; }
.black			{ color:#232323; }

a.black				{ text-decoration:none; }
a.black:hover { color:#ffffff; }
a.white:hover	{ color:#30dfff }

.blueNews					{ color:#0088e3; text-decoration:none; }
.blueNews:hover		{ color:#0088e3; text-decoration:underline; }
/* sizes */

.small 			{ font-size:11px; }
.medium			{ font-size:18px; }
.big				{ font-size:22px; }
.huge				{ font-size:30px; }
.xxl				{ font-size:50px; }
.extreme		{ font-size:85px; }

.input_medium { width:175px }


.btn_min				{ display:block; width:130px; height:105px; background:url(/html/images/btn_min.png) no-repeat top left; cursor:pointer; }
.btn_min:hover	{ background-position:bottom left; }
.btn_plus				{ display:block; width:125px; height:105px; background:url(/html/images/btn_plus.png) no-repeat top left; cursor:pointer; }
.btn_plus:hover	{ background-position:bottom left; }

.btn_min_blue					{ display:block; width:130px; height:105px; background:url(/html/images/btn_min_blue.png) no-repeat top left; cursor:pointer; }
.btn_plus_blue				{ display:block; width:125px; height:105px; background:url(/html/images/btn_plus_blue.png) no-repeat top left; cursor:pointer; }
.btn_min_blue:hover,
.btn_plus_blue:hover	{ background-position:bottom left; }

.arrow_ly			{ display:block; background:url(/html/images/arrow_yellow_left.png) top left no-repeat; line-height:10px; padding-left:15px; color:#fcec00; text-decoration:none; }
.arrow_ly:hover { background-position: bottom left; color:#ffffff; }

.btn_prev				{ display:block; width:30px; height:30px; background:url(/html/images/btn_prev.gif) no-repeat top left; cursor:pointer; float:left; }
.btn_prev:hover	{ background-position:bottom left; }

.btn_next				{ display:block; width:30px; height:30px; background:url(/html/images/btn_next.gif) no-repeat top left; cursor:pointer; float:left; }
.btn_next:hover	{ background-position:bottom left; }

.btn_alles				{ display:block; width:124px; height:74px; background:url(/html/images/btn_alles.gif) no-repeat top left; cursor:pointer; float:left; }
.btn_alles:hover	{ background-position:bottom left; }

.btn_pageNumber 			 { width:30px; height:23px; background:#d0d0d0; vertical-align:middle; text-align:center; color:#fff; display:block; float:left; margin-right:1px; padding-top:7px; text-decoration:none; }
.btn_pageNumber.active { background:#939393; vertical-align:middle; text-align:center; color:#fff; display:block; float:left;   padding-top:7px; text-decoration:none; }

.popup { position:absolute; height:100%; width:100%; z-index:250; }
.popup img { display:block; margin:20px auto; }
.popupBanner { cursor:pointer; z-index:249; position:absolute;   }