body {
	font-size: 75%;
	font-family: trebuchet MS, arial;
	color: #000000;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	background-color: #eaeaea;
}

a {
	text-decoration: none;
	color: #383838;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
}

h1 {
	color: #262726;
	font-size: 140%;
	font-weight: bold;
	margin: 20px 0 13px 0;
}

h4 {
	color: #e2001a;
	font-size: 200%;
	margin: 0 0 48px 15px;
	padding: 0;
}

h5 {
	font-size: 110%;
	font-weight: bold;
}

img.logo {
	position: absolute;
	top: 5px;
	z-index: 6;
}

div.clearer {
	font-size: 1%;
	line-height: 1%;
	clear: both;	
}

/* CONTAINERS */

div.mainContainer {
	width: 1005px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bodyBg.gif) repeat-x white;
	padding-bottom: 15px;
}

div.menuContainerTop {
	position: relative;
	width: 1005px;
	height: 165px;
	margin: 0;
	padding: 0;
}

div.searchContainer {
	position: absolute;
	width: 200px;
	height: 25px;
	right: 0px;
	top: 67px;	
}

div.contentContainer {
	position: relative;
	width: 1005px;
	margin: 0;
	padding: 0;
}

div.menuContainerLeft {
	float: left;
	position: relative;
	width: 205px;
}

div.contentPageContainer {
	position: relative;
	float: left;
	width: 570px;
	margin: 0;
	padding: 0;
}

div.contentPageContainerText {
	width: 530px;
	margin: 0 0 0 15px;
}

div.footer {
	margin: 0 0 0 5px;
	text-align: center;
	font-size: x-small;
}

div.portletContainer {
	position: relative;
	float: left;
	width: 205px;
	padding: 0;
	margin: -14px 0 0 17px;
}

div#loginmessage {
	display: none;
	border: 1px solid red;
	color: #ff0000;
	padding: 10px;
	margin-bottom: 10px;	
}

/* MENU TOP */

#menuTop {
	position: absolute;
	left: 0px;
	top: 0px;
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image: none;
}

#menuTop a {
	position:absolute; 
	display:block;
}
  
#menuTop a.menuTop1 {background:url(../images/1.gif) no-repeat; width:83px; height:59px; position:absolute; left:226px; top:83px; z-index: 3;}
#menuTop a.menuTop2 {background:url(../images/2.gif) no-repeat; width:57px; height:42px; position:absolute; left:320px; top:81px; z-index: 3;}
#menuTop a.menuTop3 {background:url(../images/3.gif) no-repeat; width:119px; height:66px; position:absolute; left:388px; top:62px; z-index: 3;}
#menuTop a.menuTop4 {background:url(../images/4.gif) no-repeat; width:132px; height:42px; position:absolute; left:510px; top:72px; z-index: 3;}
#menuTop a.menuTop5 {background:url(../images/5.gif) no-repeat; width:130px; height:43px; position:absolute; left:644px; top:49px; z-index: 1;}

#menuTop a:hover {
  width:120px; 
  height:28px;
  z-index:200;
  background:transparent url(../ads/opaque.gif);
  }

#menuTop a:hover em {
  overflow:hidden;
  cursor:pointer;
  position:absolute; 
  }

#menuTop a:hover.menuTop1 {background:url(../images/1_mo.gif) no-repeat; width:83px; height:59px; position:absolute; left:226px; top:83px; z-index: 3;}
#menuTop a:hover.menuTop2 {background:url(../images/2_mo.gif) no-repeat; width:57px; height:42px; position:absolute; left:320px; top:81px; z-index: 3;}
#menuTop a:hover.menuTop3 {background:url(../images/3_mo.gif) no-repeat; width:119px; height:66px; position:absolute; left:388px; top:62px; z-index: 3;}
#menuTop a:hover.menuTop4 {background:url(../images/4_mo.gif) no-repeat; width:132px; height:42px; position:absolute; left:510px; top:72px; z-index: 3;}
#menuTop a:hover.menuTop5 {background:url(../images/5_mo.gif) no-repeat; width:130px; height:43px; position:absolute; left:644px; top:49px; z-index: 3;}

#menuTop a.selected1, #menuTop a:hover.selected1 {background:url(../images/1_active.gif) no-repeat; width:95px; height:95px; left:221px; top:58px; z-index: 3;}
#menuTop a.selected2, #menuTop a:hover.selected2 {background:url(../images/2_active.gif) no-repeat; width:80px; height:85px; left:308px; top:59px; z-index: 3;}
#menuTop a.selected3, #menuTop a:hover.selected3 {background:url(../images/3_active.gif) no-repeat; width:128px; height:138px; left:381px; top:22px; z-index: 3;}
#menuTop a.selected4, #menuTop a:hover.selected4 {background:url(../images/4_active.gif) no-repeat; width:139px; height:145px; left:506px; top:20px; z-index: 3;}
#menuTop a.selected5, #menuTop a:hover.selected5 {background:url(../images/5_active.gif) no-repeat; width:141px; height:139px; left:638px; top:0px; z-index: 3;}
/*
#menuTop a.selected1 {background:url(../images/1_active.gif) no-repeat; width:95px; height:95px; left:-2px; top:-31px;}
#menuTop a.selected2 {background:url(../images/2_active.gif) no-repeat; width:80px; height:85px; left:-12px; top:-22px;}
#menuTop a.selected3 {background:url(../images/3_active.gif) no-repeat; width:128px; height:138px; left:-7px; top:-40px;}
#menuTop a.selected4 {background:url(../images/4_active.gif) no-repeat; width:139px; height:145px; left:-4px; top:-52px;}
#menuTop a.selected5 {background:url(../images/5_active.gif) no-repeat; width:141px; height:139px; left:-6px; top:-49px;}
*/


/* MENU TOP RIGHT */
ul.menuTopRight {
	position: absolute;
	width: 290px;
	height: 25px;
	right: 0px;
	top: 10px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index:5;
}
ul.menuTopRight li {
	float: right;
	padding: 0;
	margin: 0;
}
ul.menuTopRight a.menuTopRightItem {
	float: left;
	font-family: verdana;
	font-size: xx-small;
	text-decoration: underline;
	position: relative;
	display: block;
	height: 19px;
	padding: 2px 10px 0 24px;
	margin: 0;
	background: url(../images/bullet_black_lightred.gif) no-repeat;
}
ul.menuTopRight a.menuTopRightItem:hover {
	text-decoration: none;
	background: url(../images/bullet_red.gif) no-repeat;
}
ul.pp_menuTopRight {
	width: 190px;
}
ul.pp_menuTopRight a.pp_menuTopRightItem {
	padding-right: 20px;
}
ul.menuTopRight a.pp_menuTopRightItem:hover {
	background: url(../images/bullet_black_lightred.gif) no-repeat;
}




/* MENU LEFT */

#menuList {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menuLeft {
	top: 80px;

}

#menuList li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d9dbd9;
}

#menuList li.bottomli {
	border-bottom:0px;
	width:205px;
	display:block;
}

#firstMenuItem {
	border-top: 1px solid #d9dbd9;;
}

#menuList a.menuListItem {
	position: relative;
	display: block;
	width: 165px;
	margin: 0;
	padding: 5px 0 5px 35px;
	color: #262726;
	font-weight: bold;
	font-size: 120%;
	background: url(../images/menu_left_bg.gif) no-repeat;
}

#menuList a.menuListItem:hover {
	color: #e2001a;
	text-decoration: none;
	background: url(../images/menu_left_bg_mo.gif) no-repeat;
}

#menuList a.menuListItemSelected {
	position: relative;
	display: block;
	width: 165px;
	margin: 0;
	padding: 5px 0 5px 35px;
	color: #e2001a;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	background: url(../images/menu_left_bg_mo.gif) no-repeat;
}

#menuList ul.subMenu {
	margin: 0 0 5px 0;
	list-style: none;
	list-style-image: none;
}

#menuList ul.subMenu li {
	padding: 0 0 0 20px;
	border: 0px;
}

#menuList ul.subMenu li a:hover {
	color: #e2001a;
	text-decoration: none;
}

/* MENU FOOTER */

div.footer {
	padding: 0;
	margin: 0 0 15px 2px;
}

div.footer a {
	color: #262726;
	font-size: x-small;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	background: url(../images/menu_footer_seperator.gif) no-repeat 0 4px;
}
div.footer a:hover {
	text-decoration: underline;
}

/* SITEMAP */

div.contentPageContainerSitemap ul {
	list-style-image: url(../images/bullet_red_small.gif);
	list-style-type: none;
}
div.contentPageContainerSitemap li {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0;
	margin-bottom: 0;
}

/* SEARCH */
.button_zoek {
	position: absolute;
	top: 0;
	right: 12px;
}

div.input_zoek {
	background: url(../images/inputfield_zoek.gif) no-repeat;
	width: 140px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
}

div.input_zoek input {
	border: 1px solid green;
	margin: 1px 0 0 2px;
	padding: 0;
	width: 135px;
	height: 15px;
	border: none;
}






/* CRUMB TRAIL */

#crumbtrail {
	margin: 0 0 0 15px;
	padding: 0;
	font-family: arial;
	font-size: 80%;
	color: #3d4733;
}

#crumbtrail a {
	text-decoration: underline;
}

#crumbtrail a:hover {
	text-decoration: none;
}



/* PAGES */
ul {
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	margin: 0;
	padding: 0 0 0 15px;
}

li {
	margin: 0 0 15px 0;
}

div.contentPageContainerTextSubHome table {
	width: 100%;
}

div.contentPageContainerTextSubHome td {
	height: 80px;
	text-align: left;
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 5px;
}

div.contentPageContainerTextSubHome a {
	color: #000000;
	font-size: 110%;
	margin: 0 0 0 0;
	font-weight: bold;
}


/* RIGHT PORTLETS */

#loginPortal  {
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 195px;
	z-index: 6;
	margin: 0;
	padding: 0;
}

.loginPortalContent {
	padding: 10px 12px 5px 10px;
	margin: 0;
	background: url(../images/portlet_inloggen_bg.gif) repeat-y;
}

.button_inloggen {
	display: block;
	padding: 0;
	margin: 0 0 0 92px;
}

.rightPortlet {
	margin: 0 0 10px 0;
	padding: 0;
}

.loginPortlet {
	margin: 0 0 13px 0;
}

.portletAanmeldenContent {
	position: relative;
	font-size: 100%;
	background: url(../images/portlet_aanmelden_bg.gif) repeat-y;
	color: #ffffff;
	margin: 0px;
	padding: 0 20px 0 17px;
	zoom: 1;
	width: 160px;
}

.portletAanmeldenContent a {
	display: block;
	width: 162px;
	color: white;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/bullet_aanmelden.gif) no-repeat 153px;
	padding: 0;
	margin: 0;
}

.portletContent {
	position: relative;
	font-size: 100%;
	background: url(../images/portlet_general_bg.gif) repeat-y;
	color: #000000;
	margin: 0px;
	padding: 0 25px 0 17px;
	zoom: 1;
}

.portletGeneral {
	padding: 0;
	margin: 0;
	background: url(../images/portlet_general_bg.gif) repeat-y;
}

.portletContentAanmelden {
	color: white;
	padding: 0 5px 0 10px;
	margin: 0 5px 0 10px;
}

.portletContentDownloads {
	padding: 0 5px 0 10px;
	margin: 0px;
}

.input_login {
	background: url(../images/inputfield.gif) no-repeat;
	width: 151px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0 5px 0 5px;
	border: none;
}

div.input_login input {
	border: 1px solid green;
	margin: 1px 0 0 2px;
	padding: 0;
	width: 152px;
	height: 15px;
	border: none;
}

a.print_icon {
	width: 16px;
	height: 18px;
	position: absolute;
	right: 0;
}


img.block {
	display: block;
}


/* PERSOONLIJKE PAGINA */

/* CONTAINERS */

div.pp_mainContainer {
	width: 1005px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/pp_bodyBg.gif) repeat-x white;
}

/* General datatables (standardtable) */

table.datatable {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 width: 92%;
 font-size: 100%;
}
 
table.datatable th {
 background-color: #e2001a;
 padding: 5px;
 color: white;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
 vertical-align: top;
 text-align: left;
}
 
table.datatable td {
 padding: 5px;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
}
 
table.datatable tbody th {
 background-color: #e2001a;
 font-weight: normal;
 text-align: left;
 color: black;
}
 
table.datatable b {
 color: #000000;
}