/* Site Naam Stylesheet */

/* General Styles */

* {
	margin:					0;
	padding:				0;
	/*border: 				none;*/
}

img, a img, a, input, input:focus {
	outline: 				none;
	border:0px;
}

ul {
	/*list-style: 			none;*/
}

body{
	background: 			#0b313a;
	font: 					normal 11px/19px Arial, sans-serif;
	color: 					#666;
}

input, textarea {
	font: 					normal 11px/19px Arial, sans-serif;
	color: 					#666;
}

/* Link & Button Styles */

a {
	/*	color: 					#098ba8;	*/
	color:					#666666;
	text-decoration: 		none;
	border:0px;
}
a:hover {
	
}

a.readmore {
	background: 			url(../images/btn_readmore.png) no-repeat left top;
	display: 				inline-block;
	height: 				16px;
	line-height: 			15px;
	padding: 				0 0 2px 25px;
	margin: 				19px 0 0;
	color: 					#098ba8;
	text-decoration: 		underline;
}
a.readmore:hover {
	text-decoration: 		none;
}


/* Text & Heading Styles */

h2, h2 a {
	font: 					normal 20px "Lucide Grande", "Lucida Sans", Arial, sans-serif;
	color: 					#044156;
}
h2.head_arrow {
	background: 			url(../images/btn_readmore.png) no-repeat right 6px;
}
h2.head_underline {
	background: 			url(../images/line_dots.png) repeat-x left bottom;
	margin: 				0 20px 40px;
	padding: 				20px 0;
	font-size: 				30px;
}
h3 {
	font: 					normal 16px "Lucide Grande", "Lucida Sans", Arial, sans-serif;
	color: 					#044156;
}
h4 {
	
}
p {
	padding: 				0 0 19px;
}


/* Wrapper */

.wrapper {
	width: 					980px;
	margin: 				0 auto;
}


/* Header */

#head-home {
	background: 			#fff url(../images/bg_body_home.png) repeat-x left top;
}
#head-sub {
	background: 			#fff url(../images/bg_body_sub.png) repeat-x left top;
}

#header {
	background: 			url(../images/bg_header_home.jpg) no-repeat center top;
}
#head-sub #header #understroke {
	clear: 					both;
	height: 				39px;
	background: 			#082229 url(../images/bg_header_sub.png) no-repeat center top;
}
#header h1 {
	width: 					320px;
	height: 				115px;
	background: 			url(../images/logo_site.png) no-repeat 20px 36px;
	padding: 				0 0 0 20px;
	float: 					left;
}
#header h1 a {
	display: 				block;
	width: 					250px;
	height: 				51px;
	text-indent: 			-9999em;
	margin: 				36px 0 0;
}

#header ul#mainnav {
	width: 					675px;
	float: 					right;
	text-align: 			right;
	padding: 				40px 20px 0 0;
}
#header ul#mainnav li {
	display: 				inline;
	padding: 				0 0 0 20px;
}
#header ul#mainnav li a {
	color: 					#fff;
	font-weight: 			bold;
	text-decoration: 		none;
}

#header #pushbox {
	background: 			#082229;
	position: 				relative;
	width: 					980px;
	height: 				321px;
	overflow: 				hidden;
	clear: 					both;
}
#header #pushbox ul#main {
	width: 					980px;
	height: 				321px;
	position: 				relative;
}
#header #pushbox ul#main li {
	position: 				absolute;
	left: 					0;
	top: 					0;
	display: 				none;
	width: 					980px;
	height: 				321px;
}
#header #pushbox ul#main li:first-child {
	display: 				block;
}
#header #pushbox ul#main li div.image {
	width: 					650px;
	float: 					left;
}
#header #pushbox ul#main li div.content {
	width: 					295px;
	padding: 				95px 0 0 35px;
	float: 					left;
}
#header #pushbox ul#main li div.firstitem {
	height: 				201px;
	padding-top: 			120px;

}
#header #pushbox ul#main li div.content span.head_uitgangspunten {
	/*
	display: 				block;
	height: 				8px;
	line-height: 			0;
	text-indent: 			-9999em;
	background: 			url(../images/span_uitgangspunten.png) no-repeat 2px top;*/
	padding: 				0 0 10px;
	font-family:tahoma;
	font-size:12px;
	color:#566d73;
}
#header #pushbox ul#main li div.content h2 {
	color: 					#fff;
}
#header #pushbox ul#main li div.content p {
	padding: 				35px 50px 0 0;
	color: 					#849194;
}
/*#header #pushbox ul#main li div.firstitem p {
	color: 					#fff;
}*/
 
#header #pushbox ul#nav {
	background: 			#065067;
	position: 				absolute;
	width: 					72px;
	height: 				22px;
	bottom: 				0;
	left: 					568px;
	padding: 				12px 0 0 10px;
}
#header #pushbox ul#nav li {
	display: 				inline;
}
#header #pushbox ul#nav li a {
	display: 				block;
	float: 					left;
	width: 					11px;
	height: 				11px;
	overflow: 				hidden;
	padding: 				0 6px 0 0;
	background: 			url(../images/pushbox/btn_animated.gif) no-repeat left top;
	text-indent: 			-9999em;
}
#header #pushbox ul#nav li a.load {
	background-position: 	left -11px;
}
#header #pushbox ul#nav li a.active {
	background-position: 	left -22px;
}


/* Content */

#content {
	background: 			#fff;
}

#content .wrapper {
	background: 			url(../images/bg_content.png) no-repeat 550px bottom;
	padding: 				10px 0 90px;
	/*	border:1px solid green;	*/
}

#content .column_one,
#content .column_two,
#content .column_three {
	padding: 				0 0 0 20px;
	float: 					left;
}
#content .column_one {
	width: 					290px;
}
#content .column_two {
	width: 					620px;
}
#content .article h2 {
	width:					350px !important;
	float:					left;
}
#content .article a.back {
	float:					right;
	margin-right:			100px;
}
#content .article div {
	width:					480px !important;	
}
#content .column_three {
	width: 					940px;
}

#content .column_one h2,
#content .column_two h2,
#content .column_three h2 {
	padding: 				0 0 30px;
}

/* News articles */

#content .article .introduction {
	
	color:					#666666;
	font-weight:			bold;
}

#content .article .article {
	
	color:					#999999;	
}


/* AccordionList */

dl.accordionlist {
	background: 			url(../images/line_dots.png) repeat-x left bottom;
	margin: 				0 0 30px;
}
dl.accordionlist dt {
	background: 			url(../images/line_dots.png) repeat-x left top;
	padding: 				12px 0;	
	cursor: 				pointer;	
}
dl.accordionlist dt span {
	display: 				block;
	font: 					bold 12px/19px Arial, sans-serif;
	color: 					#098ba8;
	background: 			url(../images/img_arrows_accordionlist.png) no-repeat 280px 8px;
}
dl.accordionlist dt.active {
	cursor: 				default;
}
dl.accordionlist dt.active span {
	color: 					#666;
	background-position: 	280px -29px;
}
dl.accordionlist dd img {
	display: 				block;
	padding: 				0 0 10px;
}


/* AccordionList Large */

dl.accordionlist_large {
	background: 			url(../images/line_dots.png) repeat-x left bottom;
	margin: 				0 0 30px;
}
dl.accordionlist_large dt {
	background: 			url(../images/line_dots.png) repeat-x left top;
	padding: 				12px 0;	
	cursor: 				pointer;
}
dl.accordionlist_large dt span {
	display: 				block;
	font: 					bold 12px/19px Arial, sans-serif;
	color: 					#098ba8;
	background: 			url(../images/img_arrows_accordionlist.png) no-repeat 590px 8px;
}
dl.accordionlist_large dt.active {
	cursor: 				default;
}
dl.accordionlist_large dt.active span {
	color: 					#666;
	background-position: 	590px -29px;
}
dl.accordionlist_large dd.acc_element {
	background: 			url(../images/line_dots.png) repeat-x left top;
}
dl.accordionlist_large dd.acc_element div {
	padding: 				20px 0;
	float: 					left;
}
dl.accordionlist_large dd.acc_element div.image {
	width: 					200px;
}
dl.accordionlist_large dd.acc_element div.description {
	width: 					420px;
}
dl.accordionlist_large dd.acc_element img {
	display: 				block;
	padding: 				0 0 10px;
}
dl.accordionlist_large dd.acc_element dl dt {
	width: 					80px;
	float: 					left;
	margin: 				0;
	padding: 				0 0 10px 8px;
	font-weight: 			bold;
	background: 			none;
}
dl.accordionlist_large dd.acc_element dl dd {
	width: 					300px;
	float: 					left;
	margin:					0;
	padding: 				0 0 19px;
	background: 			none;
}


/* TableviewList */

div.portfolio_tab {
	display:				none;
}

dl.tableviewlist dt {
	width: 					87px;
	float: 					left;
	margin: 				0;
	padding: 				10px 0 10px 8px;
	font-weight: 			bold;
	background: 			url(../images/line_dots.png) repeat-x left top;
}

dl.news dt {
	
	font-weight:			normal !important;
}

dl.contact dt {
	color:					#098ba8;	
}

dl.tableviewlist dd {
	width: 					202px;
	float: 					left;
	margin:					0;
	padding: 				10px 0;
	background: 			url(../images/line_dots.png) repeat-x 1px top;
}

dl.news dd {
	
	font-weight:			bold !important;
	width:					500px !important;
}

/* WhatweDoList */

ul.whatwedolist {
	padding: 				0 0 40px 20px;
	width: 					300px;
	float: 					left;
}
ul.list_first {
	padding-left:			0 !important;
}
ul.whatwedolist li {
	display: 				block;
	padding: 				0 0 19px 25px;
	background: 			url(../images/btn_round.png) no-repeat left 6px;
}

/* MissionList */

ul.missionlist {
	padding: 				0 0 40px 25px;
	float: 					left;	
}

ol.missionlist {
	list-style-type:		decimal;	
	float: 					left;	
	padding:				0 0 40px 25px;
	margin-left:			20px;
}

ul.missionlist li {
	display: 				block;
	padding: 				0 0 19px 25px;
	background: 			url(../images/btn_round.png) no-repeat left 6px;
}

ol.missionlist li {
	padding: 				0 0 19px 10px;
}

/* ParticipantsList */

ul.participantslist {
	display: 				block;
	padding: 				4px 0;
	margin: 				0 1px 0 0;
	background: 			url(../images/bg_deelnemerslist.png) repeat left top;
}
ul.participantslist li {
	display: 				block;
	float: 					left;
	width: 					156px;
	height: 				78px;
	padding: 				12px 0 0 50px;
}
ul.participantslist li a {
	width:					114px;
	height:					57px;
	overflow:				hidden;
	display:				block;
}
ul.participantslist li a:hover {
	width:					0px;
	padding-left:			114px;
}
ul.participantslist li img {
	display: 				block;
	margin: 				0 auto;
}

/* TabsList */

ul.tabslist {
	padding: 				0 0 27px;
}
ul.tabslist li {
	float: 					left;
	padding: 				0 5px 0 0;
}
ul.tabslist li a {
	color: 					#000;
	background: 			url(../images/bg_roundtabs.png) no-repeat left 28px;
	text-decoration: 		none;
	padding-left: 			10px;
	color: 					#098ba8;
}
ul.tabslist li a span {
	background: 			url(../images/bg_roundtabs.png) no-repeat right 28px;
	padding-right: 			10px;
	line-height: 			28px;
}
ul.tabslist li a, ul.tabslist li a span {
	display: 				block;
	float: 					left;
}
ul.tabslist li a, ul.tabslist li a span {
	float: 					none;
}
ul.tabslist li a:hover,
ul.tabslist li a.active {
	background-position: 	left top;
	background-color: 		#098ba8;
	color: 					#fff;
}
ul.tabslist li a:hover span,
ul.tabslist li a.active span {
	background-position: 	right -28px;
}


/* Footer */

#footer {
	background: 			#0b313a;
}

#footer .wrapper {
	padding: 				30px 0 50px;
}

#footer .wrapper p.logo_text {
	height: 				26px;
	line-height: 			26px;
	background: 			url(../images/logo_footer.png) no-repeat left top;
	padding: 				0 0 0 0px;
	color: 					#6d8389;
	width: 					290px;
	float: 					left;
}

#footer ul#footernav {
	width: 					670px;
	float: 					right;
	padding: 				0 0px 0 0;
	text-align: 			right;
	line-height: 			26px;

}
#footer ul#footernav li {
	display: 				inline;
	padding: 				0 0 0 20px;
}
#footer ul#footernav li a {
	color: 					#fff;
	font-weight: 			bold;
	text-decoration: 		none;
}


/* Clearfix & Clear Styles */

.clear {
	clear:					both;
	display:				block;
	overflow:				hidden;
	visibility:				hidden;
	width:					0;
	height:					0;
	font: 					0/0 serif;
}
.clearfix:after {
	clear:					both;
	content:				'.';
	display:				block;
	font-size:				0;
	line-height:			0;
	visibility:				hidden;
	width:					0;
	height:					0;
}
.clearfix {
	display:				inline-block;
}
* html .clearfix { 
	height:					1%;
}
.clearfix {
	display:				block;
}

/* form */
form {
	float:					left;
	width:					408px;
}

label {
	color:					#098ba8;
	width:					100px;
	height:					23px;
	display:				block;
	font-weight:			bold;
	float:					left;
	padding:				0 10px 0 0;
	clear:					both;
}

input, textarea {
	border:					1px solid #d2d2d2;
	float:					left;
	width:					290px;
	height:					20px;
	margin:					0 0 5px 0;
	padding:				2px 0 0 5px;
}

input.submit {
	width:					90px;
	height:					25px;
	float:					right;
	background:				#0b313a;
	color:					#fff;
}

textarea {
	width:					400px;
	height:					150px;
}

div.blokjes{
padding-left:14px;
padding-top:3px;
line-height:20px;
}

/* ---------------------- */

li.r_list{
	font-size:13px;
	color:#666666;
}