/* 
CSS RESET
http://meyerweb.com/eric/tools/css/reset/
*/
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;
}


	
/* 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;
}

strong {
	font-weight:bold;
}

p {
	margin:0 0 15px;
}


	
/* EINDE RESET */

	
/*******************************************************  
	ALGEMEEN
*******************************************************/
body {
	background-color:#ececec;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.clear {
	clear:both;
}

h2 {
	font-family:Georgia, sans-serif;
	font-size:25px;
	color:#ee2e24;
	line-height:35px;
	font-weight:normal;
}

#borderTop {
	background-image:url(../images/top_border.jpg);
	width:990px;
	height:25px;
}

#borderBottom {
	background-image:url(../images/bottom_border.jpg);
	width:990px;
	height:25px;
}


	
/******************************************************* 
	page, de hoofd div
*******************************************************/
#page {
	width:990px;
	margin:0 auto;
}


	
/******************************************************* 
	logo & contact, het logo & contact boxje rechtsboven
*******************************************************/
#logo {
	float:left;
}

#contact {
	float:right;
	margin:10px 0 0;
	background-image:url(../images/contact_box.png);
	width:303px;
	height:114px;
	font-weight:bold;
	 }

#contact a {
	text-decoration:none; }

#contact table {
	margin:10px 0 0;
	position:relative; }

#contact td {
	padding:7px 0;
	text-align:right;
	font-size: 13px;
	line-height: 1.8em; }

#contact .text_bold {
	color:#ee2e24; }

	
/******************************************************* 
	topNav, de navigatie aan de bovenkant
*******************************************************/
#topNav {
	padding:10px 0 0 5px;
}

#topNav ul {
	list-style:none;
	list-style-type:none;
}

#topNav #links {
	float:left;
}

#topNav #languages {
	float:right;
}

#topNav #languages a:hover {
	text-decoration:underline; }

#topNav li {
	display:block;
	float:left;
	font-weight:bold; }

a.deutsch {
	color:#333333;
	text-decoration:none;
	display: block;
	padding: 0 0 0 20px;
	margin-right: 15px;
	background: url(../images/flags/de.gif) no-repeat 0 0; }

a.english {
	color:#333333;
	text-decoration:none;
	display: block;
	padding: 0 0 0 20px;
	margin-right: 15px;
	background: url(../images/flags/gb.gif) no-repeat 0 0; }

	
/******************************************************* 
	bigPicture, de bigPicture container
*******************************************************/
#bigPicture {
	background-image:url(../images/big_picture.png);
	width:930px;
	height:245px;
}

#smallPicture {
	background-image:url(../images/small_picture.png);
	width:930px;
	height:125px;
}

#bigPicture #bigPictureContent {
	width:250px;
	padding:50px 0 0 30px;
}

#bigPicture #bigPictureContent p {
	color:#fff;
	line-height:16px;
}


	
/******************************************************* 
	mainContainer, 	houdt alles bij elkaar 
						NA de bigPicture container
*******************************************************/
#mainContainer {
	width:930px;
	background-image:url(../images/background.png);
	padding:0 30px;}


	
/*******************************************************  
	contentNav, de navigatie boven de image
*******************************************************/
#contentNav {
}

#contentNav ul {
	list-style:none;
	list-style-type:none;
}

#contentNav li {
	display:block;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
}

#contentNav li:hover {
	background-color:#cccccc;
}

#contentNav li.active {
	background-color:#cccccc;
}

#contentNav a:active,#contentNav a:link,#contentNav a:visited {
	color:#333333;
	text-decoration:none;
	display:inline-block;
	padding:10px 15px;
}

#contentNav a:hover {
	display:inline-block;
	padding:10px 15px;
}


	
/******************************************************* 
	homepage3Box, bovenste box onder de image
********************************************************/
#homepage3Box {
	padding:15px 0;
}

#homepage3Box p {
	line-height:18px;
}

#homepage3Box .homepageBox {
	width:290px;
	min-height:150px;
	float:left;
	padding:0 20px 0 0;
}

#homepage3Box .box_link {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 20px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

#homepage3Box .box_link:hover {
	text-decoration:underline;
}


	
/******************************************************* 
	homepage2Box, onder de top box
********************************************************/
#homepage2Box {
	padding:10px 0 0;
	border-top:1px #d9d9d9 solid;
}

#homepage2Box #homepage2BoxLeft {
	width:580px;
	float:left;
	padding:0 40px 0 0;
}

#homepage2Box #homepage2BoxLeft h2,#homepage2BoxRight h2 {
	color:#333333;
	text-transform:uppercase;
	font-size:16px;
	line-height:35px;
}

#homepage2Box p {
	line-height:18px;
}

#homepage2Box #homepage2BoxRight {
	width:310px;
	float:left;
}

#homepage2Box #homepage2BoxRight ul.first {
	border-bottom:1px #d9d9d9 solid;
	padding:0 0 10px;
	margin:0 0 15px;
}

#homepage2Box #homepage2BoxRight li {
	padding:0 0 10px 20px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#homepage2Box #homepage2BoxRight .list_link {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	line-height:16px;
}

#homepage2Box #homepage2BoxRight .list_link:hover {
	text-decoration:underline;
}

#contentContainer {
	padding:15px 0 10px 0;
	overflow:hidden; }


	
/******************************************************* 
	left, de linker menu
*******************************************************/
#leftMenu {
	width:200px;
	float:left;
	margin:0 20px 0 0;
	font-size:11px;
}

#leftMenu li {
	border-bottom:1px #d9d9d9 solid;
	padding:7px 0;
	text-transform:uppercase;
}

#leftMenu li.active {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:7px 0 7px 20px;
}

#leftMenu li a {
	color:#333;
	text-decoration:none;
}


	
/******************************************************* 
	middle, content die in het midden staat
	(tussen #left en #right in)
*******************************************************/
#contentMiddle {
	width:680px;
	float:left;
	margin: 0;
	padding: 0 40px 0 20px;}

#contentMiddle h1 {
	font-family: Georgia, sans-serif;
	font-size: 25px;
	color: #ee2e24;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal; }

#contentMiddle h2 {
	font-family:Arial;
	font-size:14px;
	color:#333;
	line-height:20px;
	font-weight:bold; }

#contentMiddle p {
	line-height:18px; }

#contentMiddle ol {
	list-style:decimal;
	margin:0 0 0 25px;}

#contentMiddle ol li {
	padding:5px 0 0;}

#contentMiddle a {
	color: #000; }
	
/******************************************************* 
	right, content aan de rechterkant (sidebar)
*******************************************************/
#contentRight {
	width:190px;
	float:left;
	font-size:13px;
	line-height: 1.2em; }

#contentRight a {
	color: #000; }

#contentRight #more_info {
	background-image:url(../images/more_info.png);
	width:160px;
	height:96px;
	color:#fff;
	padding:15px;
	margin:0 0 20px; }

#contentRight #more_info p {
	text-transform:uppercase;
	font-size: 11px;
	line-height:14px; }

#contentRight h3 {
	text-transform:uppercase;
	font-size: 12px;
	line-height:20px; }

#contentRight #related_links li {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 0 5px 20px;
	text-transform:uppercase; }

#contentRight #related_links a {
	font-size: 11px;
	color:#333;
	text-decoration:none; }
	
/******************************************************* 
	right_large, voor pagina's met alleen #left
	en daarnaast grote content	
*******************************************************/
#contentMiddleWide {
	width:710px;
	float:left;
}

#contentMiddleWide ul {
	margin:5px 0 10px 15px;
}

#contentMiddleWide li {
	list-style:disc;
	padding:0 0 10px;
}

#contentMiddleWide h1 {
	font-family:Georgia, sans-serif;
	font-size:25px;
	color:#ee2e24;
	line-height:35px;
	font-weight:normal;
}

#contentMiddleWide h2 {
	font-family:Arial;
	font-size:14px;
	color:#333;
	line-height:20px;
	font-weight:bold;
}

#contentMiddleWide p {
	line-height:18px;
}

#contentMiddleWide .button_inschrijven {
	float:right;
	margin:5px 0 0 10px;
}

#contentMiddleWide #columnLeft {
	width:330px;
	border-right:1px #696969 solid;
	float:left;
	padding:0 20px 0 0;
}

#contentMiddleWide #columnRight {
	width:330px;
	float:left;
	padding:0 0 0 20px;
}

#contentMiddle li {
line-height: 1.2em;
list-style-type:disc;
margin:0 0 5px 0;
padding:0px; }

#contentMiddle ul {
   margin:0 0 15px 30px; }
	
/******************************************************* 
	footer, de footer...
*******************************************************/
#footer {
	padding:20px 15px 30px;
}

#footer ul {
	list-style:none;
	list-style-type:none;
}

#footer li {
	display:block;
	float:left;
}

#footer a:active,#footer a:link,#footer a:visited {
	color:#333333;
	text-decoration:none;
	display:inline-block;
	padding:0 20px 5px 5px;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #logo_cti {
	float:left;
	margin-top:-10px;
}

#footer #logo_icf {
	margin-top:-10px;
	float:right;
}

#footer p {
	float:left;
}

#footer #site_links {
	float:right;
}