/* Site Naam Stylesheet */

/* General Styles */

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

img, a img, a, input, input:focus {
	outline: 				none;
}

ul {
	list-style: 			none;
}

body{

	font: 					normal 12px/19px Arial, sans-serif;


}

input, textarea {
	font: 					normal 12px/19px Arial, sans-serif;
	color: 					#666;
}
/* font */
.blue{

	font: 					normal 12px/19px Arial, sans-serif;
	color: 					#003A6A;
	font-weight:			bold;
}
/* Link & Button Styles */

a {
	color: 					#003366;
	text-decoration: 		none;
}
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: 				20px 10px 20px 20px;
	padding: 				30px 0;
	font-size: 				30px;
}
h3 {
	
}
h4 {
	
}
p {
	padding: 				0 0 19px;
	color:					#666666;
}


/* Wrapper */

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

}

.wrapper2 {
	width: 					980px;
	margin: 				0 auto;

}


/* Header */



#header {

	padding: 				10px 0 0  0;

	
}
#header h1 {
	width: 					147px;
	height: 				100px;
	background: 			url(../images/logo.jpg) no-repeat ;
	padding: 				0 0 0 0;
	float: 					left;
}
#header h1 a {
	display: 				block;
	width: 					147px;
	height: 				100px;
	text-indent: 			-9999em;

}

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

#header #pushbox {
	background: 			#003A6A;
	position: 				relative;
	width: 					980px;
	height: 				320px;
	overflow: 				hidden;
	clear: 					both;
	
}
#header #pushbox ul#main {
	width: 					980px;
	height: 				320px;
	position: 				relative;
}
#header #pushbox ul#main li {
	position: 				absolute;
	left: 					0;
	top: 					0;
	display: 				none;
	width: 					980px;
	height: 				320px;
}
#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;
}
#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: 			#003A6A;
	position: 				absolute;
	width: 					90px;
	height: 				22px;
	bottom: 				0;
	left: 					550px;
	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/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 {

}

#content .wrapper {
	background: 			url(images/bg_content.png) no-repeat 550px bottom;
	padding: 				50px 0 90px;
}

#content .column_one{
	padding: 				0 0 0 20px;
	float: 					left;
}
#content .column_two{
	padding: 				0 0 0 20px;
	float: 					left;
}

#content .column_one {
	width: 					300px;
}
#content .column_two {
	width: 					640px;
}
#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 {
	padding: 				0 0 0 20px;
	float: 					right;
}
#content .column_three {
	width: 					300px;
}

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

/* 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: 					#003366;
	background: 			url(../images/img_arrows_accordionlist.png) no-repeat 280px 8px;
}
dl.accordionlist dt.active {
	cursor: 				default;
}
dl.accordionlist dt.active span {
	color: 					#003366;
	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: 					#003366;
	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: 					640px;
	color:#666666;
}
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: 					150px;
	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: 					130px;
	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;
}

/* Footer */
#imagebottom{
	height: 				26px;
	line-height: 			26px;
	padding: 				0 0 0 50px;
	color:					#666666;	
	width: 					290px;
	float: 					right;
}

#bottomdiv{
	width:					500px;

	float: 					left;
}


/* Footer */

#footer {
color:#666666;

}

#footer .wrapper2 {
	padding: 				0 0 0 50px;
}

#footer .wrapper p.logo_text {
	height: 				26px;
	line-height: 			26px;
	padding: 				0 0 0 50px;
	color:					#666666;	
	width: 					290px;
	float: 					left;
}

#footer ul#footernav {
	width: 					580px;
	float: 					right;
	padding: 				0 20px 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;
}




<!-- sponsor -- >

*{
	/* Resetting the default styles of the page */
	margin:0;
	padding:0;
}


.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:180px;
	height:180px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("images/background.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:50px 10px 20px 20px;
	font-style:italic;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}