/* CCS RESET */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

* {
    outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** Standard fixes JRO ***/

/* Float containers fix: http://www.csscreator.com/attributes/containedfloat.php */ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  

/**** Additions for this site ****/

/*********************************/
/**** BASIC PAGE LAYOUT		  ****/
/*********************************/

body, html {
	background-color:#333333;
	font-family:Arial;
	font-size:12px;
}

#page_wrapper {
	width:960px;
	margin:0px auto 50px auto;
	background-color:#000000;
}

	#header {
		padding:30px 0 0 0;
		height:153px;
		width:960px;
		background-color:#000000;
	}
	
		#header_col1 {
			height:153px;
			width:200px;
			float:left;
		}
		
		#header_col2 {
			height:153px;
			width:460px;
			float:left;
		}
		
		#header_col3 {
			height:153px;
			width:300px;
			float:left;
		}
		
	#content {
		width:960px;
	}
	
		#content_col1 {
			width:200px;
			float:left;
		}
		
		#content_col2 {
			width:760px;
			float:left;
		}
			
			#content_col2_text_container {
				width:323px;
				height:350px;
				/*height:245px; */
				/*height:400px;*/
				z-index:99999;
				overflow:hidden;
				float:left;
				margin-top:-245px;
			}
			
			#content_col2_text {
				width:323px;
				height:350px;
				/*height:400px;*/
			}
			
			#content_col2_image {
				float:right;
				padding-right:50px;
				z-index:0;
			}
	
	#footer {
		width:960px;
		padding-top:30px;
		padding-bottom:50px;
	}	
	
		#footer_col1 {
			width:200px;
			float:left;
		}
		
		#footer_col2 {
			width:510px;
			float:left;
		}
		
		#footer_col3 {
			width:250px;
			float:left;
		}	


/*********************************/
/**** BASIC STYLING			  ****/
/*********************************/

a, a:link, a:active, a:visited {
	color:#f37121;
	text-decoration: none;
}

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

/*********************************/
/**** HEADER STYLING		  ****/
/*********************************/

#logo {
	/*padding-top:65px;*/
	padding-top:20px;
	margin-left:-93px;
}

#header_banner {
	/*
	padding-top:55px;
	padding-right:50px;
	*/
	margin-top:50px;
	margin-right:50px;
	width:234px;
	height:60px;
	float:right;
}

a.header_banner, a.header_banner:link, a.header_banner:visited, a.header_banner:active {
	cursor:pointer;
	float:right;
}

a.header_banner:hover {
	cursor:pointer;
}

#language {
	padding:20px 0px 0px 45px;
	color:#ffffff;
}

#language a, #language a:link, #language a:visited, #language a:active {
	color:#cccccc;
} 

#languag a:hover {

}

/*********************************/
/**** CONTENT STYLING		  ****/
/*********************************/

#content {
	color:#ffffff;
}

#content_col2_text {
	font-size:11px;
	line-height:16px;
	color:#cccccc;
}

#content ul {
	margin-bottom:10px;
	list-style:disc outside;
}

	#content ol {
		margin-bottom:10px;
		margin-left:10px;
		list-style:decimal;
	}
	
	#content li {
		margin-left:20px;
	}
	

.slideshow-hide {
	visibility:hidden;
}
 
 
#content p {
	margin-bottom:10px;
}

/*********************************/
/**** MENU STYLING			  ****/
/*********************************/

#content_menu {
	color:#f37121;
	font-family:Arial;
	font-size:25px;
	text-align:right;
	margin-right:25px;
	font-weight:normal;
}

.menu_item a, .menu_item a:link, .menu_item a:active, .menu_item a:visited {
	color:#ffffff;
}

.menu_item a:hover {
}

.menu_item a.menu_selected, .menu_item a.menu_selected:link, .menu_item a.menu_selected:active, .menu_item a.menu_selected:visited {
	color:#f37121;
}

.menu_item a.menu_selected:hover {
}

#content_selecties {
	text-align:right;
	float:right;
	line-height:16px;
	padding:50px 25px 0px 0px;
}

#content_selecties_title {
	border:1px solid #f37121;
	width:120px;
	color:#f37121;
	padding:5px;
	margin-bottom:10px;
	text-align:right;
	float:right;
}

#content_selecties .menu_item a, #content_selecties .menu_item a:link, #content_selecties .menu_item a:active, #content_selecties .menu_item a:visited {
	color:#666666;
}

#content_selecties .menu_item a:hover {
	color:#f37121;
	text-decoration:none;
}

#content_selecties .menu_item a.menu_selected, #content_selecties .menu_item a.menu_selected:link, #content_selecties .menu_item a.menu_selected:active, #content_selecties .menu_item a.menu_selected:visited {
	color:#f37121;
}

#content_selecties .menu_item a.menu_selected:hover {
}


/*********************************/
/**** GENERIC STYLING		  ****/
/*********************************/

h1 {
	font-size:16px;
	font-weight:normal;
	padding:10px 0px 10px 0px;
}

h2 {
	font-size:13px;
	font-weight:normal;
	padding:10px 0px 5px 0px;
	color:#ffffff;
}

#banners {
	padding-top:20px;
}

a.banner_item, a.banner_item:link, a.banner_item:visited, a.banner_item:active {
	margin-left:8px;
	cursor:pointer;
}

a.banner_item:hover {
	margin-left:8px;
	cursor:pointer;
}

/*********************************/
/**** FOOTER STYLING		  ****/
/*********************************/

#footer {
	font-size:11px;
}

#footer_col1 {
	text-align:right;
	color:#888888;
}

#footer_links {
	padding-right:25px;
}

#footer_col1 a, #footer_col1 a:link, #footer_col1 a:active, #footer_col1 a:visited {
	color:#ffffff;
}

#footer_col1 a:hover {

}

#copyright {
	background-color:#333333;
	font-size:10px;
	line-height:12px;
	color:#666666;
	width:960px;
	text-align:right;
}

#copyright a, #copyright:link, #copyright:active, #copyright:visited {
	color:#777777;
	text-decoration:none;
}

#copyright a:hover {
	color:#f37121;
	text-decoration:none;
}

/*********************************/
/**** SCROLLPANE STYLING	  ****/
/*********************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #666666;
}
.jScrollPaneDrag {
	position: absolute;
	background: #dddddd;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*********************************/
/**** CONTACT FORM STYLING	  ****/
/*********************************/

.contactform {
  margin:4px 0 0 0;
}

.contactform label {
  width:110px;
  height:20px;
  margin:0 0 4px 0;
  display:block;
  float:left;
}

.contactform input[type="text"], .contactform input[type="password"] {
  width:170px;
  border:0px;
  background-color:#dddddd;
  height:16px;
  margin:0 0 6px 0;
  font-family:Verdana;
  font-size:12px;
}

.contactform .form_actieitem { 
  display:block;
  margin:5px 0 10px 0;
}

.contactform .form_actieitem div {
  display:block;
  clear:both;
}

.contactform .form_actieitem label {
  float:left;
  height:auto;
  width:265px;
}

.contactform .form_actieitem input[type="radio"], .contactform .form_actieitem input[type="checkbox"] {
  border:0px;
  background-color:#000000;
  margin:0 4px 6px 0;
  font-family:Verdana;
  font-size:12px;
  float:left;
}

.contactform select {
  width:170px;
  border:0px;
  background-color:#dddddd;
  margin:0 0 6px 0;
  height:20px;
  font-family:Verdana;
  font-size:12px;
}

.contactform fieldset {
	padding-top:10px;
	padding-bottom:10px;
	margin-left:-9px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:9px;
	width:300px;
	color:#333333;
	border:1px solid #dddddd;
}

.contactform legend {
	color:#00ADEF;
	font-weight:bold;	
}

.contactform textarea {
  width:170px;
  height:100px;
  border:0px;
  background-color:#dddddd;
  font-family:Verdana;
  font-size:12px;
}

.contactform input[type="text"]:focus, .contactform textarea:focus, select:focus {
  background-color:#cccccc;
}

.contactform .required {
  display:block;
  width:300px;
}

.contactform .submit {
  margin-top:10px;
  padding-left:110px;
}

.contactform .error_message {
  margin:10px 0px 10px 0px;
  color:#00ADEF;
}


/*********************************/
/**** NIEUWS STYLING	  	  ****/
/*********************************/

#nieuws_datum {
	font-style: italic;
}
