/* GENERAL */
body{
	position:				absolute;
	width:					100%;
	height:					100%;
	margin:					0px;
	background-color:		#282062;
	background-image:		url('../img/backgrounds/body.jpg');
	background-position:	top center;
	background-repeat:		no-repeat;
	font-family:			Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}
/*
div{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
}
*/
div.block{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	margin-top:				10px;
	font-size:				11px;
	font-weight:			bold;
	color:					#2A2560;
}

div.block div.top{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	height:					10px;
	background-image:		url('../img/backgrounds/block/topleft.png');
	background-position:	top left;
	background-repeat:		no-repeat;
}

div.block div.middle{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	background-color:		#B2DB11;
}

div.block div.bottom{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	height:					10px;
	background-image:		url('../img/backgrounds/block/bottomleft.png');
	background-position:	top left;
	background-repeat:		no-repeat;
}

div.block p{
	margin-left:			20px;
	margin-right:			10px;
}

div.block table{
	margin-left:			20px;
	margin-right:			10px;
}

div.block form{
	margin-left:			20px;
	margin-right:			10px;
}

div.block p.title{
	margin-top:				0px;
	margin-bottom:			-10px;
	color:					#FFFFFF;
}

div.block img{
	border-top-style:		solid;
	border-bottom-style:	solid;
	border-color:			#2A2560;
	border-width:			1px;
	float:					left;
}

div.block img.enlarge{
	border:					none;
}

h1{
	margin:					0px;
	padding:				5px;
	padding-top:			15px;
	padding-bottom:			15px;
	border-bottom-style:	solid;
	border-color:			#2A2560;
	border-width:			1px;
	font-size:				14px;
	line-height:			150%;
	color:					#2A2560;
	display:				block;
}

h1 span{
	font-size:				24px;
}

h2{
	margin:					5px;
	margin-top:				15px;
	margin-bottom:			-15px;
	font-size:				12px;
	line-height:			150%;
	color:					#2A2560;
}

p{
	margin:					5px;
	margin-top:				15px;
}

table{
	margin:					5px;
	margin-top:				15px;
	border-collapse:		collapse;
}

form{
	margin:					5px;
	margin-top:				15px;
}

a{
	text-decoration:		none;
	color:					#9492AF;
}
a:hover{
	color:					#2A2560;
}

input{
	margin-top:				5px;
	border-style:			solid;
	border-color:			#2A2560;
	border-width:			1px;
	font-family:			LucidaGrande, Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	color:					#2A2560;
}

input.medium{
	width:					100px;
}

img{
	border:					none;
}

img.enlarge{
	margin-top:				-30px;
	background-image:		url('../img/enlarge/enlarge.png');
}

.left{
	float:					left;
}

.right{
	float:					right;
}

.center{
	text-align:				center;
}

.blue{
	color:					#2A2560;
}

.green{
	color:					#B2DB11;
}

.noborder{
	border:					none;
}


/* FRAME */
div#frame{
	position:				relative;
	display:				inline;
	float:					left;
	height:					100%;
	width:					900px;
	margin-left:			auto;
	margin-right:			auto;
	padding-bottom:			75px;
	background-color:		#FFFFFF;
	background-image:		url('../img/backgrounds/frame.jpg');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	display:				block;
}

div#container {
	width:					900px;
	margin-left:			auto;
	margin-right:			auto;
}


/* BACKGROUND */
div#background{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	position:				absolute;
	width:					900px;
	top:					0px;
	left:					0px;
	padding-bottom:			375px;
	background-image:		url('../img/backgrounds/background.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
}


/* FOREGROUND */
div#foreground{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					900px;
	margin-top: -700px;
	top:					0px;
	left:					0px;
}


/* LEFTBAR */
div#leftbar{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
}

div#leftbar img{
	display:block;
	margin-top:20px;
}


/* MAIN */
div#main{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					455px;
	margin-left:			20px;
}

div#main p.links{
	line-height:			200%;
}

div#main p.links a{
	font-weight:			bold;
	color:					#2A2560;
}
div#main p.links a:hover{
	border-bottom-style:	solid;
	border-color:			#E9F6C2;
	border-width:			2px;
	color:					#B2DB11;
}

div#main table.form{
	width:					435px;
	margin-left:			0px;
	margin-right:			0px;
}

div#main table.form td{
	padding:				5px;
	border-bottom-style:	solid;
	border-color:			#D5D4E0;
	border-width:			1px;
	vertical-align:			top;
}

div#main table.form td.noborder{
	border:					none;
}

div#main table.form td input{
	margin:					0px;
	width:					165px;
	border-style:			solid;
	border-color:			#282062;
	border-width:			1px;
	background-color:		#EDF8CE;
}

div#main table.form td textarea{
	width:					165px;
	border-style:			solid;
	border-color:			#282062;
	border-width:			1px;
	background-color:		#EDF8CE;
}


/* RIGHTBAR */
div#rightbar{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	margin-left:			20px;
}


/* MENU */
div#menu{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
	margin-top:				25px;
	padding-bottom:			20px;
}

div#menu div.top{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
	height:					10px;
	background-image:		url('../img/backgrounds/block/topright.png');
	background-position:	top right;
	background-repeat:		no-repeat;
}

div#menu div.middle{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
	padding-bottom:			10px;
	background-color:		#B2DB11;
}

div#menu div.bottom{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
	height:					10px;
	background-image:		url('../img/backgrounds/block/bottomright.png');
	background-position:	top right;
	background-repeat:		no-repeat;
}

div#menu ul{
	width:					165px;
	margin:					0px;
	padding:				0px;
	border-bottom-style:	solid;
	border-color:			#2A2560;
	border-width:			1px;
	list-style:				none;
}

div#menu ul li{
	border-top-style:		solid;
	border-color:			#2A2560;
	border-width:			1px;
}

div#menu ul li a{
	width:					135px;
	padding-top:			6px;
	padding-bottom:			6px;
	padding-left:			30px;
	font-weight:			bold;
	color:					#2A2560;
	display:				block;
}
div#menu ul li a:hover{
	background-color:		#2A2560;
	background-image:		url('../img/backgrounds/menu.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#FFFFFF;
}

div#menu ul li.active a{
	background-color:		#2A2560;
	background-image:		url('../img/backgrounds/menu.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#FFFFFF;
}

div#menu ul ul{
	margin:					0px;
	padding-top:			5px;
	padding-bottom:			5px;
	border:					none;
	background-color:		#FFFFFF;
	font-size:				11px;
	display:				none;
}

div#menu ul li.active ul{
	display:				block;
}

div#menu ul ul li{
	border:					none;
}

div#menu ul li.active ul li a{
	width:					125px;
	padding:				0px;
	padding-left:			40px;
	background-color:		#FFFFFF;
	background-image:		url('../img/backgrounds/submenu/default.gif');
	background-position:	top left;
	font-weight:			normal;
	color:					#2A2560;
}

div#menu ul li.active ul li a:hover{
	width:					125px;
	padding:				0px;
	padding-left:			40px;
	background-color:		#FFFFFF;
	background-image:		url('../img/backgrounds/submenu/hover.gif');
	background-position:	top left;
	font-weight:			normal;
	color:					#B2DB11;
}

/* CONTACTDATA */
div#contactdata{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					185px;
	height:					180px;
	background-image:		url('../img/backgrounds/contactdata/contactdata.png');
	font-size:				10px;
	line-height:			200%;
	color:					#2A2560;
}

div#contactdata p{
	margin-top:				10px;
	margin-left:			10px;
}

div#contactdata a{
	color:					#2A2560;
}

div#contactdata a.button{
	width:					120px;
	height:					22px;
	background-image:		url('../nav/gotocontact.jpg');
	display:				block;
}


/* CRUMB */
div#crumb{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					450px;
	margin-top:				195px;
	padding-bottom:			10px;
	padding-left:			5px;
	border-bottom-style:	solid;
	border-color:			#2A2560;
	border-width:			1px;
	font-size:				11px;
	color:					#9492AF;
}


/* CONTENT */
div#content{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					455px;
	padding-bottom:			15px;
}


/* META */
div#meta{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					450px;
	padding-top:			10px;
	padding-left:			5px;
	border-top-style:		solid;
	border-color:			#2A2560;
	border-width:			1px;
	font-size:				11px;
	color:					#9492AF;
}


/* LANGUAGES */
div#languages{
	position:				relative;
	display:				block;
	float:					left;
	width:					220px;
	font-size:				11px;
	font-weight:			bold;
	color:					#2A2560;
	background: 			url('../img/backgrounds/languages/language-bg.png');
	height:					50px;
}/* LANGUAGES */

div#languages div.bottom{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
	width:					220px;
	height:					10px;
	background-image:		url('../img/backgrounds/languages/languages.png');
	background-position:	top left;
	background-repeat:		no-repeat;
}

div#languages p{
	margin:					0px;
	margin-top:				0px;
	margin-left:			20px;
	padding-bottom:			2px;
	padding-top:			3px;
	padding-left:			10px;
	border-left-style:		solid;
	border-bottom-style:	solid;
	border-color:			#2A2560;
	border-width:			1px;
	display:				block;
}

div#languages p.languages a{
	color:					#2A2560;
}
div#languages p.languages a:hover{
	color:					#B2DB11;
}

div#languages p.languages a.active{
	color:					#B2DB11;
}

div#languages form{
	margin-top:				0px;
	margin-bottom:			0px;
}

div#languages input{
	margin-left:			15px;
}

div#languages input.medium{
	width:					100px;
	margin-top:				8px;
	float:					left;
}
h2.intro {
	font-size: 				12px;
	margin-top: 			-20px;
	background: 			#fff;
	width: 					500px;
	margin-left: 			-20px;
	padding-left: 			25px;
	height: 				50px;
	padding-top: 			5px;
	border-bottom:1px solid #2A2560;
	border-color:#2A2560;
	border-width:1px;
	margin-bottom: 20px;
}
div#content ul {
	font-size:				11px;
}
div#content li {
	line-height:			18px;
}

/* NEWS Overzicht */
.article {
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.article-thumb {
	display: block;
	float: left;
	margin: 25px 10px 0 0;
	width: 150px;
	height: 100px;
}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	width: 210px;
}

.article-body .date {
	margin: 0 0 5px;
	color: #2A2560;
}

.article-body h2,
.article-body p {
	margin: 0 0 5px;
}

.article-body h2 a {
color: #2A2560;
}

a.leesverder {
	background: url('../img/next.gif') no-repeat right 2px;
	padding-right: 15px;
	color: #2A2560;
	font-weight:bold;
}

table#contact-table {
	width:					425px;
	font-size:11px;
}

table#contact-table td input{
	border:					1px solid #7F9DB9;
	width:					261px;
	font-weight:			normal;
	font-family:			Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

table#contact-table td textarea{
	border:					1px solid #7F9DB9;
	width:					261px;
	color:					black;
	font-weight:			normal;
	font-family:			Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

#submit-button{
	margin-top:				5px;
	border-style:			solid;
	border-color:			#2A2560;
	border-width:			1px;
	font-family:			LucidaGrande, Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	background:				#B2DB11;
	color:					#2A2560;
	cursor:					pointer;
	padding:				2px;
	float:right;
}

#submit-button:hover{
	background:				#2A2560;
	color:					#fff;
}
