/* Stylesheet for www.onderscheidendvermogen.nu */

body {
	behavior:url("csshover.htc"); /* enable hover for html-elements in IE 5 and 6. Remove when support for IE 5 and 6 is no longer required, because it makes the css unvalid */
	font-family: Arial, Helvetica, sans-serif; /*"Myriad Pro" was selected, but looked very different from mock up when actually rendered*/
	font-size: 100%;
	background-color: rgb(255, 255, 255);
	color: #2e4362;
	outline: none;
	line-height: 0.9em;
	text-align: center;
}


div#wrapper
{
	position: relative;
	margin: 46px auto;
	width: 840px;
	height: 80em;
	text-align: center;
}

img {
	border: none;
}

a {
	color: #2e4362;
}


div#contentleft
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 124px;
}

div#navigation
{
	margin: 104px 0px 0 0;
	text-align: left;
}

div#navigation ul
{
	display: block;
	list-style: none;
}

div#navigation ul li
{
	margin-bottom: 3px;
}

div#contentright
{
	position: absolute;
	left: 153px;
	top: 0px;
	margin:0 0 0 22px;
	padding: 0;
	width: 510px;
}

div#logo {
	width: 100%;
	margin-bottom: 11px;
}

div#headerimage {
	margin: 0px;
	padding: 0;
	width: 510px;
	height: 253px;
	text-align: left;
}

div#headerimage {
	width: 510px;
	height: 253px;
}


div#headerportfolio {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 252px;
	text-align: left;
}

div#pagetext {
	position: relative;
	margin-top: 30px;
	width: 510px;
	font-size: 12px;
	text-align: left;
}

div#pagetext ul {
	list-style:outside;
	margin-bottom: 18px;
	text-align: left;
}

p {
	margin: 0 0 15px 40px;
	text-align: justify;
}

p.texttitle, li.texttitle {
	font-weight: bold;
	margin: 0px 0 14px 40px;
	text-align: left;
	white-space: normal;
}

p.signed {
	font-weight: normal;
	margin: 0 0 14px 2px;
	text-align: left;
	white-space: normal;
}

div#pagetext ul.nolistitem {
	position: relative;
	left: 0px;
	list-style: none;
	font-weight: normal;
	font-style: normal;
}

div#pagetext ul.nolistitem li {
	margin:5px 0 10px 0px;
	list-style: none;
}

div#pagetext ul.dashed {
	position: relative;
	left: -40px;
	font-weight: normal;
}

div#pagetext ul.dashed2 {
	position: relative;
	left: -40px;
	font-weight: normal;
}

div#pagetext ul.dashed li {
	margin:1px 0 1px 0px;
	list-style: outside url(dash.gif);
	width: 400px;
}

ol.small {
	position:relative;
	left: -6px;
}

ol.small li {
	list-style: decimal outside;
	font-size: 8pt;
	margin:0px 0 0px 0px;
	padding-left: 6px;
	text-align: left;
	line-height: 1.1em;
}

li.small {
	font-size: 7pt;
	line-height: normal;
}

div.referentie {
	position: relative;
	top: 0px;
	left: 40px;
	background-image: url(streep.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 92%;
	margin: 0 0 0px 0;
	padding-top: 10px;
	text-align: justify;
}

p.italic {
	font-style: italic;
	margin: 0 0 10px 0;
	text-align: justify;
}


/* portfolio images */
div#toprow1 {	
	position: absolute;
	left: 0;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik01.jpg) no-repeat;
}

div#toprow1:hover {
	position: absolute;
	left: 0;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik01a.jpg) no-repeat;
}

div#toprow2 {
	position: absolute;
	left: 85px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik02.jpg) no-repeat;
}

div#toprow2:hover {
	position: absolute;
	left: 85px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik02a.jpg) no-repeat;
}

div#toprow3 {	
	position: absolute;
	left: 170px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik03.jpg) no-repeat;
}

div#toprow3:hover {
	position: absolute;
	left: 170px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik03a.jpg) no-repeat;
}

div#toprow4 {	
	position: absolute;
	left: 255px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik04.jpg) no-repeat;
}

div#toprow4:hover {
	position: absolute;
	left: 255px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik04a.jpg) no-repeat;
}

div#toprow5 {	
	position: absolute;
	left: 340px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik05.jpg) no-repeat;
}

div#toprow5:hover {
	position: absolute;
	left: 340px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik05a.jpg) no-repeat;
}

div#toprow6 {	
	position: absolute;
	left: 425px;
	top: 102px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik06.jpg) no-repeat;
}

div#toprow6:hover {
	display: inline-block;
	width: 425px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik06a.jpg) no-repeat;
}


div#bottomrow1 {	
	position: absolute;
	left: 0px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik07.jpg) no-repeat;
}

div#bottomrow1:hover {
	position: absolute;
	left: 0px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik07a.jpg) no-repeat;
}

div#bottomrow2 {
	position: absolute;
	left: 85px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik08.jpg) no-repeat;
}

div#bottomrow2:hover {
	position: absolute;
	left: 85px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik08a.jpg) no-repeat;
}

div#bottomrow3 {	
	position: absolute;
	left: 170px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik09.jpg) no-repeat;
}

div#bottomrow3:hover {
	position: absolute;
	left: 170px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik09a.jpg) no-repeat;
}

div#bottomrow4 {	
	position: absolute;
	left: 255px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik10.jpg) no-repeat;
}

div#bottomrow4:hover {
	position: absolute;
	left: 255px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik10a.jpg) no-repeat;
}

div#bottomrow5 {	
	position: absolute;
	left: 340px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik11.jpg) no-repeat;
}

div#bottomrow5:hover {
	position: absolute;
	left: 340px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik11a.jpg) no-repeat;
}

div#bottomrow6 {	
	position: absolute;
	left: 425px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik12.jpg) no-repeat;
}

div#bottomrow6:hover {
	position: absolute;
	left: 425px;
	top: 228px;
	width: 85px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: url(luiken/luik12a.jpg) no-repeat;
}


div#page1atext {
	position: relative;
	top: 0px;
	left:-40px;
	margin-top: 30px;
	width: 510px;
	font-size: 12px;
	text-align: left;
	background-color: transparent;
}

div#page1atext ul.werkleft {
	position: relative;
	top: 0px;
	left: 0;
	list-style: none;
	font-weight: bold;
}

div#page1atext ul.werkleft li {
	margin: 5px 0 10px 0;
}

div#page1atext ul.werkright {
	display: block;
	position: relative;
	top: -14px;
	left: -40px;
	width: 510px;
	list-style: none;
	font-weight: normal;
}

div#page1atext ul.werkright li {
	margin: 0px 0 10px 109px;
	text-align: justify;
}

div#page1atext ul.werkright li.texttitlesup {
	margin-top:-4px;
	font-weight: bold;
}

li.note {
	list-style: none outside;
	font-size: 8pt;
	margin:0px 0 0px -40px;
	padding-left: 0px;
	text-align: justify;
	line-height: 1.1em;
}

li.listitem
{
	list-style: disc;
}


/* ++++++++++++++++++++++ */
.OV {
	font-family: Arial;
	font-size: 12px;
	color: #2e4362;
	background-color: #FFFFFF;
	font-style: normal;
}
.link {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #2e4362;
}

A:link {
	font-family:Arial;
	font-size: 12px;
	color:#2e4362;
	font-style: normal;
}

A:visited {
	font-family:Arial;
	font-size: 12px;
	color:#2e4362;
	font-style: normal;
}

A:active, A:hover {
	font-family:Arial;
	font-size: 12px;
	color:#2e4362;
	font-style: normal;
}
.voetnoot {
	font-family:Arial;
	font-size: 9px;
	font-style: normal;
	color: #2e4362;
	vertical-align: top;
}
div#pagetext ul.dashed3 {
	position: relative;
	left: 0px;
	font-weight: normal;
	font-style: normal;
	width: auto;
}
.dashed4 {
	position: relative;
	left: -0px;
	font-weight: normal;
}