/****************************************************************************************************
*						RESET																		*
****************************************************************************************************/

*				{ margin: 0; padding: 0; border: 0; }
*				{ font-family: Arial, Tahoma, Verdana, Arial; font-size: 12px; }

/****************************************************************************************************
*						GENERAL STYLES  															*
****************************************************************************************************/

body				{ background: #ffffff url('../img/body_back.gif') top left repeat-x; }
#wrapper			{ background: #ffffff url('../img/wrapper_back.jpg') top left no-repeat; }

h1				{ font-family: Arial, Tahoma, Verdana, Arial; font-size: 14px; color: #003399; font-weight: bold; margin-bottom: 10px; }
h2				{ font-family: Arial, Tahoma, Verdana, Arial; font-size: 14px; color: #003399; font-weight: bold; margin-left: 15px; margin-bottom: 10px; }
p				{ line-height: 18px; margin-bottom: 15px; }
a				{ color: #003399; text-decoration: none; }
a:hover				{ color: #5d3326; }

.tekst				{line-height: 18px; }

input 				{ border: 1px; border-style: solid; }
select 				{ border: 1px; border-style: solid; }
textarea 			{ border: 1px; border-style: solid; width: 100%; height: 200px; }

input[type="submit"],
input[type="button"],
input[type="reset"],
input.button			{ background: #333333; padding: 3px; border: 1px; border-style: solid; color: #fff; width: auto; margin-top: 5px;  cursor: hand;}

table *				{ text-align: left; }
      

/****************************************************************************************************
*						BODY AND STRUCTURE 															*
****************************************************************************************************/

html, body			{ height: 100%; }

#wrapper
{
	min-height:		100%;
	width:			1000px;
	height: 		auto !important;
	height: 		100%;
	margin: 		0 auto -150px; 		/* the bottom margin is the negative value of the footer's height */
}


#topmenu			{ position: absolute; margin: 7px 0 0 775px; }
#topmenu ul			{ list-style-type: none; }
#topmenu ul li			{ float: left; margin-right: 15px; }
#topmenu ul li, #topmenu a	{ color: #fff; font-size: 11px; }

#logo				{ position: absolute; margin: 50px 0 0 0; }

#quote				{ width: 450px; position: absolute; margin: 170px 0 0 255px; }
#quote p			{ color: #fff; font-size: 21px; line-height: 25px; }



#main				{ width: 1000px; }

#column1			{ width: 230px; margin-right: 10px; margin-top: 170px; min-height: 100px; float: left; }
#column2			{ width: 530px; margin-top: 170px; min-height: 100px; float: left; }
#column3			{ width: 200px; margin-left: 20px; margin-right: 0px; margin-top: 30px; min-height: 100px; float: left; }

.blokTop			{ width: 225px; height: 35px; background: url('../img/blok_top.gif') top left no-repeat; }
.blokBottom			{ width: 225px; height: 20px; background: url('../img/blok_bottom.gif') top left no-repeat; margin-bottom: 15px; }
.blokTop h1			{ font-size: 16px; color: #fff; line-height: 35px; }
.blok				{ background: url('../img/blok_back.gif') top left repeat-y; color: #fff; padding-top: 5px; }
.blok ul			{ list-style-type: none; width: 220px; }
.blok ul li			{ border-bottom: 1px solid #9ebf5e; line-height: 18px; }
.blok ul li a								{ color: #fff; }
.blok form			{ margin-left: 15px;  }
.blokTop h1, .blok ul li, .blok select		{ margin-left: 35px; }

.content			{ background: #fff; border-top: 2px solid #679800; min-height: 250px; }
.content h1			{ background: #333333; color: #fff; padding-left: 15px; font-size: 18px; font-weight: bold; line-height: 35px; margin-bottom: 10px; }
.content p			{ padding: 0 15px 10px 15px; }
.content ul			{ margin-left: 15px; padding: 0 15px 10px 15px; }
.content ol			{ padding: 0 15px 20px 15px; }
.content ol li			{ margin-left: 15px; }
.content table			{ padding: 0 15px 10px 15px; }
.content table tr		{ margin: 3px; border: 1px solid #999999; }
.content table hr		{ padding: 5px; background: #669900; color: #FFFFFF; font-weight: bold;}

/* #breadcrumb			{ background: #fff; border-top: 1px solid #ccc; }
#breadcrumb p			{ padding: 5px 15px 5px 15px; }
*/
#breadcrumb			{ background: #669900; border-top: 1px solid #ccc; color: #FFFFFF; }
#breadcrumb p			{ padding: 5px 15px 5px 15px; }

#column3 #zoeken		{ background: #669900; padding: 5px; }
#column3 #zoeken input.zoekveld	{ font-size: 13px; width: 150px; padding: 5px; margin-right: 5px; }

#column3 #nieuwsblok h1		{ background: #999999; color: #fff; padding: 5px 0 5px 15px; font-size: 18px; margin-bottom: 5px; }
#column3 #nieuwsblok ul 	{ list-style-type: none; }
#column3 #nieuwsblok ul li	{ padding-left: 15px; border-bottom: 1px solid #ccc; line-height: 18px; }
#column3 #nieuwsblok ul li,
#column3 #nieuwsblok ul li a	{ color: #333; }

#column3 #index			{ position: absolute; width: 200px; min-height: 250px; margin: 300px 0 15px 15px;}

#column3 #afbeelding		{ position: absolute; margin-top: 200px; width: 230px; min-height: 250px; }

#column3 #puzzelstuk		{ position: absolute; margin: 5px 0 0 -120px; z-index: 666; }

/* FOOTER */

#footer, #push			{ clear: both; height: 150px; /* .push must be the same height as .footer */ }
#footer				{ width: 1000px; margin: auto; z-index: 666; background: #669900; }

#footer .column			{ width: 200px; float: left; }
#footer .column h1		{ background: #507800; width: 185px; line-height: 35px; color: #fff; font-size: 16px; padding-left: 15px; margin-bottom: 10px; }
#footer .column ul		{ list-style-type: none; margin-left: 15px; }
#footer .column ul li,
#footer .column a		{ color: #fff; }
#footer .column.flash		{ margin-top: -150px;}
	
#profiel *			{ text-align: left; }
#profiel table			{ padding: 15px; width: 100%;}
#profiel table tr		{ margin-bottom: 55px; }
#profiel table td		{ border: 1px solid #999999; }
#profiel table th		{ padding: 5px; background: #669900; color: #FFFFFF;}
#profiel table p		{ padding: 0px; }
#profiel h1			{ background: #FFFFFF; font-family: Arial, Tahoma, Verdana, Arial; font-size: 24px; color: #000000; font-weight: normal; margin-bottom: 5px;}

#download ul			{ height: 300px; }
#download li			{ list-style-type: none; float: left; padding: 5px; }

/* **************************************************************************************************************
	NAVIGATION
************************************************************************************************************** */

#navigation	ul.accordion	{ width: 180px; }
#navigation ul			{ list-style-type: none; }
#navigation ul li		{ line-height: 20px; cursor: pointer; border-top: 1px dotted #fff; }
#navigation ul li ul		{ margin-left: 15px; }
#navigation p			{ margin: 0; }

/* form */

form  {
	clear: both;
	padding: 0 15px 10px 15px; 
	line-height: 20px; 
}

form div.note {
	margin: 1em 0;
	padding: 0.25em;
	background-color: #CAD401;
}

form div.fill input.text {
	background-color: #CAD401;
}

input, textarea {
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

label {
	display: block;
	float: left;
	width: 11.5em;
}

form input.text {
	border: 1px solid #6188C3;
	float: left;
}

form div.footer {
	margin-top: 1em;
	padding: 1em .25em .25em 11.75em;
}

form input.submit {
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	background-color: #CAD401;
}