/*****************************************************************************************************/
/* UNIVERSEEL                                                                                        */
/*****************************************************************************************************/
* {
	font-family: Tahoma;
}

img, fieldset {
   border: 0;
}

p, h1, h2, h3, h4, h5, fieldset, form, input, select, table, tr, td {
   margin: 0;
   padding: 0;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
}

p, td, a {
	color: #7A7979;
	font-size: 11px;
	line-height: 15px;
}

/*****************************************************************************************************/
/* HTML, BODY, CONTAINER, MAIN, COPYRIGHT                                                            */
/*****************************************************************************************************/
html, body, div#container {
   margin: 0;
   padding: 0;
   border: none;
}

html, body, div#container {
	height: 100%;
}

body {	
	background-image: url(../images/body_background.gif);
}

div#container {	
	width: 766px;
	min-height: 100%; height: auto !important; height: 100%;
	height: 100%;
	background: #FAFAFA url(../images/container_background_right.gif) repeat-y right 18px;
}

div#container-corner {
	min-height: 100%; height: auto !important; height: 100%;
	height: 100%;
	background: url(../images/container_background_corner.gif) no-repeat right top;	
}

div#main {
	width: 746px;
	min-height: 100%; height: auto !important; height: 100%;
	padding: 5px 5px 30px 5px;
}

div#copyright {
	width: 756px;
	height: 69px;
	background: url(../images/copyright_logo.gif) no-repeat 733px 17px;
}

div#copyright img {
	display: block;
}

div#copyright-text {
	padding: 15px 25px 0 25px;
}

div#copyright-text * {
	font: 10px Tahoma;
	color: #808080;
}

div#copyright-text a {
	text-decoration: none;
}

div#copyright-text a:hover {
	text-decoration: underline;
}

/*****************************************************************************************************/
/* LOGOMENU                                                                                          */
/*****************************************************************************************************/
div#logomenu {	
	height: 106px;
	clear: both;
}

	div#logomenu * {
		font-size: 10px;
		line-height: 15px;
	}
	
	div#logomenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#logomenu a {
		text-decoration: none;
	}
	
	div#logomenu img {		
		vertical-align: -5%;
	}
		
	div#logomenu-left {
		width: 86px;
		height: 106px;
		margin-right: 5px;
		float: left;
		background: #757575 url(../images/logomenu_left.gif) no-repeat;
		cursor: pointer;
	}
	
	div#logomenu-content1 {
		width: 205px;
		height: 106px;
		margin-right: 5px;
		float: left;
		background: #A9A9A9;
	}
	
		div#logomenu-content1 ul {
			padding: 23px 15px 23px 15px;
		}
		
		div#logomenu-content1 li * {
			color: #FAFAFA;
		}

		div#logomenu-content1 li.selected *, div#logomenu-content1 a:hover {
			color: #3D3D3D;
		}

		div#logomenu-content1 img {
			padding-left: 5px;
		}
				
	div#logomenu-content2 {
		width: 145px;
		height: 106px;
		margin-right: 5px;
		float: left;
		background: #E1DDDD;
	}

		div#logomenu-content2 ul {
			padding: 23px 5px 23px 5px;
		}

		div#logomenu-content2 li * {
			color: #757575;
		}
		
		div#logomenu-content2 li.selected *, div#logomenu-content2 a:hover {
			color: #2F2F2F;
		}

		div#logomenu-content2 img {
			padding-right: 5px;
		}
	
	div#logomenu-content3 {
		width: 145px;
		height: 106px;
		margin-right: 5px;
		float: left;
		background: #F1F1F1;
	}
	
		div#logomenu-content3 ul {
			padding: 23px 5px 23px 5px;
		}

		div#logomenu-content3 li * {
			color: #757575;
		}
		
		div#logomenu-content3 li.selected *, div#logomenu-content3 a:hover {
			color: #2F2F2F;
		}

		div#logomenu-content3 img {
			padding-right: 5px;
		}
		
		div#logomenu-pdf {
			padding: 48px 9px 0px 9px;
			cursor: pointer;
		}
		
		div#logomenu-pdf img {
			display: block;
			float: left;
			padding-top: 3px;
		}
		
		div#logomenu-pdf p {
			color: #757575;
			float: right;
			line-height: 11px;
		}

	div#logomenu-right {
		width: 145px;
		height: 106px;
		float: left;
		background: #A9A9A9 url(../images/logomenu_right.gif) no-repeat;
	}

/*****************************************************************************************************/
/* NAV                                                                                               */
/*****************************************************************************************************/
div#nav {
	height: 11px;
	clear: both;
	padding-top: 10px;
}

/*****************************************************************************************************/
/* BANNER 1 en 2                                                                                     */
/*****************************************************************************************************/
div#banner {
	height: 106px;
	clear: both;
	margin-top: 10px;	
}

div#banner a {
	text-decoration: none;
}

/*****************************************************************************************************/
/* CONTENT                                                                                           */
/*****************************************************************************************************/
div#content {
	margin-top: 10px;
}

/*****************************************************************************************************/
/* PLUSPUNTEN-HEADER                                                                                 */
/*****************************************************************************************************/
div#pluspunten-header {		
	height: 102px;
	margin-top: 10px;
	background: url(../images/pluspunten_header.gif) no-repeat 19px top;						
}

	div#pluspunten-header.nav {		
		height: 44px;
		padding: 57px 0 0 273px; 	
	}
	
	div#pluspunten-header.nav img {
		display: block;
		float: left;
	}

	img#pluspunten-header-img {
		display: block;
		float: left;
		padding-right: 37px;
	}
	
	div#pluspunten-header-div {
		width: 334px;
		float: left;
	}
	
	div#pluspunten-header-div * {
		color: #757575;
	}		
			
/*****************************************************************************************************/
/* PLUSPUNTEN-BODY                                                                                   */
/*****************************************************************************************************/
div#pluspunten-body {
}
	
	div#pluspunten-arrow {
		clear: both;
		float: left;
		width: 97px;
		padding-left: 19px;
	}
	
	div#pluspunten-items {
		float: right;
	}
	
		div#pluspunten-items ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		div#pluspunten-items li {
			cursor: pointer;
			display: block;
			float: left;
			width: 126px;
			min-height: 156px; height: auto !important; height: 156px;			
			margin-left: 10px;
			padding: 20px 8px 20px 8px;
			background: #F1F1F1 url(../images/pluspunten_greycorner.gif) no-repeat left top;						
			font-size: 11px;
			line-height: 16px;
			color: #757575;
		}
		
		div#pluspunten-items li img {
			display: block;
			height: 96px;
			padding-bottom: 5px;
		}
		
		div#pluspunten-items li strong {
			display: block;
		}
		
		div#pluspunten-items li.dummy {
			background: none;
		}

/*****************************************************************************************************/
/* POVERVIEW                                                                                         */
/*****************************************************************************************************/
div#poverview-slogan {	
	padding-top: 86px;
	padding-left: 19px;
}

	div#poverview-slogan img {	
		display: block;		
		padding-bottom: 23px;
	}
	
	div#poverview-slogan * {	
		font-size: 10px;
		line-height: 13px;
		color: #757575;
	}
	
/*****************************************************************************************************/
/* PCATS                                                                                             */
/*****************************************************************************************************/
ul#pcats {
	list-style: none;
   margin: 0;
   padding: 0;   
}

	ul#pcats li {
		padding-left: 10px;
		font-size: 10px;
		line-height: 16px;
	}
	
	ul#pcats li.selected {
	 	background: url(../images/pcats_arrow.gif) no-repeat;
	 	padding-left: 19px;
	}
	
	ul#pcats li a {
		text-decoration: none;	
		color: #757575;
	}

	ul#pcats li a:hover {
		text-decoration: underline;	
	}

/*****************************************************************************************************/
/* PITEM-DETAILS                                                                                     */
/*****************************************************************************************************/
div#pdetails-body {
	margin-top: 5px;
}
	
	div#pdetails-arrow {
		clear: both;
		float: left;
		width: 97px;
		padding-left: 24px;
	}
	
	div#pdetails-thumb {
		float: left;
		width: 125px;
	}
	
	div#pdetails-main {
		float: left;
		width: 496px;
	}
	
		div#pitem-tooltip {
			background: url(../images/pitem_bg_corner3.gif) no-repeat right top;
			width: 464px;
			height: auto;
			font: 9px Tahoma;
			padding: 16px;
		}
		
			div#pitem-tooltip * {
				font-size: 9px;
				line-height: 16px;
				color: #434242;		
			}
			
			div#pitem-tooltip td {
				vertical-align: top;
			}
					
			div#pitem-tooltip td.details-left {
				width: 70px;
				padding-right: 10px;
				font-weight: bold;
			}
			
			div#pitem-tooltip td.details-right {
			}		
			
			td#pitem-separator {
				background: url(../images/pitem_separator.gif) repeat-y left top;
			}
			
/*****************************************************************************************************/
/* MATRIX                                                                                            */
/*****************************************************************************************************/
div#matrix {	
}

	div#matrix ul {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;		
	}
	
	div#matrix li {
		cursor: pointer;
		display: block;
		float: left;
		width: 48px;	
		height: 53px;
		margin: 0 0 5px 4px;
		background: #F1F1F1 url(../images/matrix_greycorner.gif) no-repeat left top;						
	}
	
	div#matrix li img {
		display: block;
		height: 31px;
		padding-left: 3px;	
		padding-top: 4px;	
	}
	
	div#matrix li img.selected {
		display: block;
		height: 11px;
		padding-left: 32px;	
		padding-top: 4px;	
	}
	
	
/*****************************************************************************************************/
/* BOXOVER                                                                                           */
/*****************************************************************************************************/	
.matrix-tooltip {
   padding: 5px 10px 5px 10px;
   color: #434242;
   font: 9px Tahoma;
   border-left: 1px solid #EAEAEA;
   background: url(../images/tooltip_matrix.gif) no-repeat right top;   
}