/* --------------------------------------------------------------------------------------------------------
html en body
---------------------------------------------------------------------------------------------------------*/

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical; 
}

body {
	background-color:		#ffffff;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	height: 					100%;
	margin:					0px; /* de afstand tussen de randen van browser en de pagewrapper */
	font:						normal 12px/16px Arial, Verdana, Tahoma; /* geldt voor de hele pagina */
	color:					#004c90;
	z-index:             1;
}

/* --------------------------------------------------------------------------------------------------------
pagewrapper (de ruimte waarin alle onderdelen komen binnen de achtergrond)
---------------------------------------------------------------------------------------------------------*/

div.container {
	background:				transparent url("../images/bg_repeat.gif") repeat-y scroll 0px 0px;
	margin:					auto; /* voor het centreren van de pagewrapper tov de achtergrond in FF */
	width:					984px; /* dit is de breedte van de pagewrapper, voor 800x600 -> 760px, voor 1024x768 -> 984px */
	border:					0;
	text-align:				left; /* zonder deze zou alles IN de pagewrapper ook gecentreerd worden */
}


/* --------------------------------------------------------------------------------------------------------
basis, onderstaande geldt voor alle benoemde tags in het html document
---------------------------------------------------------------------------------------------------------*/

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:					0;
}

td {
	vertical-align:		top;
}

form {
	margin:					0;
	padding:					0;
}

a {
	color:					#e53249;
	font-weight:			normal;
	text-decoration:		none;
}

a:hover {
	color:					#e53249;
	font-weight:			normal;
	text-decoration:		underline;
}

img {
	border:					0;
}

ul {
	/* dit zorgt ervoor dat de lijst in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	margin:					0;
	padding:					0 0 0 15px;
	text-align:				left;
}

li {
	list-style-image:		url("../images/icon_onderwerp.gif");
	padding:				0 0 10px 0;
}

p {
	padding:					5px 0 0 0;
}


/* --------------------------------------------------------------------------------------------------------
basis layout hulpmiddelen
---------------------------------------------------------------------------------------------------------*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}

.relative {
	position: 				relative;
}

.absolute {
	position: 				absolute;
}

.txtleft {
   text-align:          left;
}
/* --------------------------------------------------------------------------------------------------------
headings
---------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	
}

h2 {
	
}

h3 {
	
}

test {
	font: 	Arial, Helvetica, sans-serif;
}


/* --------------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------------*/

div.header {
	background:				transparent url("../images/bg_header.gif") no-repeat scroll 0px 0px;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	width:					984px;
	height: 				60px;
	margin:					0px;	
}

div.header ul {
	/* dit zorgt ervoor dat de lijst in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	margin:					0;
	padding:			  	22px 0 0 250px; /*391px;*/
	text-align:				left;
}

div.header li {
	display: 				inline;
	padding:				0 0 10px 0;
}

/* --------------------------------------------------------------------------------------------------------
main
---------------------------------------------------------------------------------------------------------*/

div.main {
	background:				transparent url("../images/bg_content.gif") no-repeat scroll 0px 0px;
	text-align:				right; /* voor het centreren van de pagewrapper tov de achtergrond */
	width:					984px;
	margin:					0px;
	z-index:             10;
}

div.main div.padding
{
   padding:             205px 175px 0 174px;
   text-align:          left;
   z-index:             20;
}

div.introProduct
{
   padding:             0 0 0 235px;
}
div.introProduct p,
div.introProduct ul
{
   padding: 0;
   margin: 0;
}

div.intro {
	padding:					155px 235px 40px 0px;
	width:					350px;
	_width:					650px;
	text-align:				left;
}
div.introFaq {
	width:					585px;
	text-align:				left;
}
div.introFaqPadding {
	padding:					160px 235px 40px 0px;
}

div.main div.padding div.intro
{
   padding:             0 0 20px 235px;
   z-index:             100;
}

div.content
{
   padding-bottom:      40px;
}

div.main div.intro div.padding
{
   padding:             0px 125px 40px 0px;
}

div.introleft {
	padding:					155px 235px 40px 0px;
	width:					350px;
	text-align:				left;
}

div.boxen{
	/*padding:					0 0 0 90px;*/
}

div.minpadding
{
   padding:             0px 80px 0 94px;
}

div.producten{
	padding:					0px;
	border: 					#000 solid 0px;
	text-align:				center;
}

div.boxproducten 
{
   width:               188px;
	margin:					0;
	padding:					0 18px 0 0;
}

.subheader {
	padding:					20px 0 10px 0;
}


/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/

div.footer {
	background:				transparent url("../images/bg_footer.gif") no-repeat scroll 0px 0px;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	width:					984px;
	height:					135px;
	margin:					0px;	
}

div.footer ul {
	/* dit zorgt ervoor dat de lijst in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	margin:					0;
	padding:					80px 0 0 70px;
	text-align:				left;
}

div.footer ul li {
	display: 				inline;
}


/* --------------------------------------------------------------------------------------------------------
sub navigation
---------------------------------------------------------------------------------------------------------*/

div.subnav {

}

/* --------------------------------------------------------------------------------------------------------
secondairy navigation
---------------------------------------------------------------------------------------------------------*/

div.secnac {

}

/* --------------------------------------------------------------------------------------------------------
Zoek een antwoord
---------------------------------------------------------------------------------------------------------*/

div.antwoordbox {
	width:					660px;
	text-align: 			left;
}
div.main div.antwoordbox div.padding {
	padding:					155px 0px 0px 110px;
}

div.antwoord	{
	margin: 					5px 0 0 50px;
}

table.vraagtop		{
	width: 					504px;
	background:			 	#e7f6ff url(../images/bg_vraagtable.gif) repeat-y;
	border-bottom:			solid 2px #b3dbf3;
	margin-top: 			20px;
}
	
table.vraagtop	tr.first td {
	padding: 				0;
	background-color:		#FFF;
	border:					none;
}

table.vraagtop	td	{
	padding: 				2px 7px;
	border-bottom:			solid 1px #39a0df;
}
table.vraagtop	td	a {
   color:               #004c90;
   text-decoration:     none;
}
table.vraagtop	td	a:hover {
   color:               #e53249;
   text-decoration:     underline;
}

tr.vraagactief		{
	background-color: 	#c4e5f9;
}

/* --------------------------------------------------------------------------------------------------------
Onderwerpbox
---------------------------------------------------------------------------------------------------------*/

div.onderwerpbox	{
	margin:					155px 0 0 20px;
	width:					215px;
	text-align: 			left;
}

div.onderwerp	{
	background: 			#e7f6ff url(../images/bg_onderwerp.gif) repeat-y;
	padding: 				5px 10px 5px 10px;
}

ul.hoofd li {
	padding: 				2px 0;
}

ul.hoofd {
	list-style-image: 	none;
}

ul.sub li {
	padding: 				0;
	list-style: 			none;
}

ul.hoofd	a {
	list-style-image:		url(../images/icon_onderwerp.gif);
	color: 					#004c90;					
	font-weight: 			bold;
}

ul.sub a {
	font-weight: 			normal;
	list-style-image:		none;
}

ul.sub {
	clear: 					both;
}

ul.hoofd a.true {
	color: 					#e53249;					
}

/* --------------------------------------------------------------------------------------------------------
Test
---------------------------------------------------------------------------------------------------------*/

div.introtest {
	background-image: 	url(../images/bg_testintro.gif);
	width:					687px;
	padding: 				5px 200px 5px 10px;
	font-weight: 			bold;
}


div.testbox	{
	/*margin:					155px 0 0 150px;*/
	width:					687px;
	text-align: 			left;
}

div.vlaktest	{
	background: 			none;
	background-image: 	url(../images/bg_test.gif);
	padding-left: 			10px;
}

div.knopverder		{
	padding-left:			350px;
}