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

body {
	color: #000;
	font: normal 0.75em/140% Arial, Trebuchet MS, Verdana, Tahoma;
	text-align: center;
}

div.container {
	width:					948px;
	margin:					0 auto;
	border:					0;
	/*background-color:		#FFF;*/
	text-align:				left;
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#00F;}
a:visited {color:#F00;}
a:hover {color:#FF0;}
a:active {color:#F0F;}


/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}
div.containerwrapper {overflow:hidden;

	width:100%;
	
	}

/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#F00;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: normal 100% Trebuchet MS, Arial, Verdana, Tahoma;
	color: #000;
}

input.textfield, textarea.textfield {
	border: solid 1px #CCC;
	padding: 1px 2px;
	background: #fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
}

/* -- specific elements ------------------------------------------------------------------------------- */

div.search 
{
	float:right;
	border: #000 solid 0px;
	padding: 23px 23px 0 0 ;	
}

div.search span.searchbox input {
	background: transparent url(../images/bg_search.gif) no-repeat right 0;
	width: 166px;
	border: #000 solid 0px;
	font: normal 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #bcbbc0;
	padding: 7px;
	vertical-align: top;	
}


span.searchbutton {
	width: 24px;
	height: 20px;
	border: #000 solid 0px;
}

/* -- specific elements ------------------------------------------------------------------------------- */

/*
div.footer {
	background: transparent url(../images/bg_footer.gif) no-repeat 0 0;	
	height: 17px;
	padding: 6px;
	text-align: center;
	font: bold 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #fff;	
}

ul.footer 
{
	float: left;
	margin: 0;
	padding: 2px 0 0 232px;
	list-style: none;
	overflow: hidden;
	width: 500px;
}


ul.footer li {
	float: left;
	font: bold 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #fff;
	padding: 0 0 0 0;
}

ul.footer a.footer {
	float: left;
	font: bold 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #fff;
	padding: 0 0 0 25px;
	text-decoration: none;
}

ul.footer a:hover.footer {
	color: #d7d9e8;
}
*/

div.space {
	height: 300px;
}



/* -- subitems ------------------------------------------------------------------------------- */

div.sub {
	padding: 0;
	margin: 10px 0 0 0;
	height: 150px;
	border: #000 solid 0px;
	float:left;
}

ul.sub {
	margin: 0;
	padding: 0px 0 0 16px;
	list-style: none;
	overflow: hidden;

}

ul.sub li {
	text-align: center;
	float: left;
	border: #000 solid 0px;
}

ul.sub a,
ul.sub a:visited {
	margin-right: 4px;
	float: left;
	padding: 0 25px 0 0;
	background: transparent url(../images/right_tabinactief_sub.gif) repeat-x right 0;
	font: normal 11px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #424242;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
	border: #000 solid 0;
}
ul.sub a:hover, 
ul.sub a:active {
	background: transparent url(../images/right_tabactief_sub.gif) repeat-x right 0;
	color: #fff;
}

ul.sub li a span
{
	background: transparent url(../images/left_tabinactief_sub.gif) no-repeat 0 0;
	border: #000 solid 0px;
	padding: 9px 0 0 25px;
	height: 32px;
	color: #424242;
	border: #000 solid 0;
} 

ul.sub li a:hover span
{
	background: transparent url(../images/left_tabactief_sub.gif) no-repeat 0 0;
	border: #000 solid 0px;
	padding: 9px 0 0 25px;
	height: 32px;
	color: #FFF;	
} 


/* -- Navigatie ------------------------------------------------------- */
/*
div.nav {
	background: #fff url("../images/background.gif") no-repeat scroll 0 0;
	border: #000 solid 0px;

}

ul.nav 
{
	position: relative;
	display:block;
	margin: 0 0 0 16px;
	padding: 10px 0 0 0px;
	list-style: none;
	overflow: visible;
	z-index: 100;
}


ul.nav li 
{
	float: left;
	margin:0px;
	z-index: 200;
	overflow:visible;
	display:block;
}

ul.nav a, ul.nav a:visited {
	float: left;
	margin: 30px 3px 0 0;
	padding: 0 25px 0 0;
	background: transparent url(../images/right_tabinactief.gif) repeat-x right 0;
	font: bold 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #fff;
	text-decoration: none;
	height: 33px;
	line-height: 33px;
}
ul.nav a:hover,
ul.nav a:active {
	font-weight: bold;
	float: left;
	margin: 0 3px 0 0;
	padding: 0 25px 0 0;
	background: transparent url(../images/right_tabactief.gif) repeat-x right 0;
	font: bold 12px Arial, Trebuchet MS, Verdana, Tahoma;
	color: #fff;
	text-decoration: none;
	height: 33px;
	line-height: 33px;
}
ul.nav li a span
{
	background: transparent url(../images/left_tabinactief.gif) no-repeat 0 0px;
	border: #000 solid 0px;
	padding: 9px 0 0 25px;
	height: 33px;
	color: #fff;
} 

ul.nav li a:hover span,ul.nav li a:active span
{
	background: transparent url(../images/left_tabactief.gif) no-repeat 0 0;
	border: #000 solid 0px;
	padding: 9px 0 0 25px;
	height: 33px;	
} 
*/
/* IE 7 + default */
ul.submenu {
	position: absolute;
	margin:0px;
	margin-top: -1px;
	clear: both;
	list-style: none;
	z-index: 999;
}

ul.submenu li
{
	display:block;
	position: relative;
	z-index: 1999;
	background: transparent url(../images/sub_bg.gif) no-repeat 0 bottom;
	height: 19px;
	line-height: 19px;
	float: none;
	width: 202px;
	border: #000 solid 0px;
	padding: 3px;
	overflow:visible;
}

ul.submenu li a,
ul.submenu li a:visited
{
	margin: 0;
	float: none;
	background: none;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 19px;
	width: 154px;
	padding-left: 20px;
	line-height: 19px;
	overflow:hidden;
}
ul.submenu li a:hover,
ul.submenu li a:active
{
	margin: 0;
	float: none;
	background: none;
	color: #eeb3d1;
	text-decoration: none;
	display: block;
	height: 19px;
	width: 154px;
	padding-left: 20px;
	line-height: 19px;
	overflow:hidden;
}
ul.submenu li a span
{
	background: none;
}


ul.submenu li.bottom {
	background: transparent url(../images/sub_bottom.gif) no-repeat 0 0;	
}

ul.submenu li.open a,
ul.submenu li.open a:visited {
	background: transparent url(../images/arrow.gif) no-repeat 185px 5px;
	border:#000 solid 0px;
}



ul.subsubmenu 
{
	position:absolute;
	margin: 0;
	clear: both;
	list-style: none;
	top:0px;
	left: 209px;
	overflow: visible;
	z-index: 20;	
	margin-left:0px;
}

ul.subsubmenu li
{
	z-index: 20;
	background: transparent url(../images/sub_bg.gif) no-repeat 0 0;
	height: 19px;
	float: none;
	width: 204px;
	border: #000 solid 0px;
	padding: 3px;
}

ul.submenu li.open li a,
ul.submenu li.open li a:visited {
	background: none;
	border:#000 solid 0px;		
}


ul.subsubmenu li a,
ul.subsubmenu li a:visited
{
	background: none;
	border:#000 solid 0px;	
	margin: 0;
	float: none;

	color: #fff;
	text-decoration: none;
	display: block;
	height: 19px;
	width: 154px;
	padding-left: 20px;
	line-height: 19px;
}

ul.subsubmenu li a:hover,
ul.subsubmenu li a:active
{
	color: #eeb3d1;
	background: none;
	border:#000 solid 0px;	
}

.selectedpaging
{
	font-weight:bold;
	text-decoration:underline;
}