/* CSS Document */


/* Divjes */

#hoofd_div {
							width: 979px;
							margin:0 auto;/* om hem te centreren */
							position: relative;
							min-height: 100%;
							height: auto !important;
							height: 100%;
							
}

#header {
							width: 979px;
							height: 107px;
							background-image:url(../materiaal/images/opzet-1_03.jpg);
							background-repeat:no-repeat;
							background-position:top;
							float:left;
}

#header-links {
							width: 979px;
							margin-top:75px;
}

#sub-div-links {
							width: 489px;
							height: 641px;
							background-image:url(../materiaal/images/achtergrond_links_05.jpg);
							float:left;
}

#sub-div-links-top {
							width: 489px;
							height: 288px;
							float:left;
}

#sub-div-links-top-people {
							width: 160px;
							height: 288px;
							float:left;
}

#sub-div-links-top-flash {
							width: 329px;
							height: 288px;
							float:left;
}

#sub-div-links-bottom {
							width: 489px;
							height: 353px;
							float:left;
}

#sub-div-links-bottom-but {
							width: 160px;
							padding-top:30px;
							height: 100%;
							float:left;
}

		

/* Buttons */

#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style-type: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position:0 -30px;
	}

#nav a:active {
	background-position:0 -60px;
	}
	
#nav a.selected {
	background-position:0 -60px;
	}
	
	#but-werk a  {
	width: 102px;
	background: url(../materiaal/images/but-werk.gif) top left no-repeat;
	}
	
	#but-insp a  {
	width: 102px;
	background: url(../materiaal/images/but-insp.gif) top left no-repeat;
	}
	
	#but-nieuws a  {
	width: 102px;
	background: url(../materiaal/images/but-nieuws.gif) top left no-repeat;
	}
	
	#but-contact a  {
	width: 102px;
	background: url(../materiaal/images/but-contact.gif) top left no-repeat;
	}
	
	
	
/* Einde Buttons */

#sub-div-links-bottom-rechts {
							width: 239px;
							height: 323px;
							padding-left:50px;
							padding-right:40px;
							padding-top:30px;
							float:left;
}

#sub-div-rechts {
							width: 488px;
							height: 639px;
							background-image: url(../materiaal/images/achtergrond_rechts_08.jpg);
							float:right;
							border:solid;
							border-right-color:#b4b4b4;
							border-left-color:#FFFFFF;
							border-top-color:#FFFFFF;
							border-bottom-color:#b4b4b4;
							border-width:1px;
							
}

#sub-div-rechts-content {
							width: 388px;
							height: 441px;
							padding:50px;
							padding-top:150px;
							float:right;
}

#sub-div-rechts-merk {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/logos.jpg);
							float:right;
							
}

#sub-div-rechts-barcode {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/images/achtergrond_barcode.jpg);
							float:right;
							
}

#sub-div-rechts-arttubes {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/arttubes.jpg);
							float:right;
							
}

#sub-div-rechts-kasteel {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/kasteel.jpg);
							float:right;
}

#sub-div-rechts-smile {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/smile.jpg);
							float:right;
}

#sub-div-rechts-iqnomy {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/iqnomy.jpg);
							float:right;
}

#sub-div-rechts-iqnomy1 {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/iqnomy-animatie.gif);
							float:right;
}

#sub-div-rechts-ptrm {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/ptrm.jpg);
							float:right;
}

#sub-div-rechts-prov {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/provincie.jpg);
							float:right;
}

#sub-div-rechts-tiel {
							width: 488px;
							height: 638px;
							background-image:url(../materiaal/werk/tielburger.jpg);
							float:right;
}

#sub-div-rechts-tiel-1 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/tielburger-1.jpg);
							float:right;
}

#sub-div-rechts-hoef {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/hoefsloot.jpg);
							float:right;
}

#sub-div-rechts-hoef-1 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/hoefsloot-1.jpg);
							float:right;
}

#sub-div-rechts-hoef-2 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/hoefsloot-2.jpg);
							float:right;
}

#sub-div-rechts-retention {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/retention.jpg);
							float:right;
}

#sub-div-rechts-youwok {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/youwok.jpg);
							float:right;
}

#sub-div-rechts-youwok-1 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/youwok-1.jpg);
							float:right;
}

#sub-div-rechts-tms {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/tms.jpg);
							float:right;
}

#sub-div-rechts-parker {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/parker.jpg);
							float:right;
}

#sub-div-rechts-parker-1 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/parker-1.jpg);
							float:right;
}

#sub-div-rechts-clinic {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/de-clinic-1.jpg);
							float:right;
}

#sub-div-rechts-clinic-1 {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/werk/de-clinic-2.jpg);
							float:right;
}

#sub-div-rechts-pak {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/images/achtergrond_3d_pak.jpg);
							float:right;
}

#sub-div-rechts-food {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/images/achtergrond_wapping_food.jpg);
							float:right;
}

#sub-div-rechts-braille {
							width: 488px;
							height: 638px;
							background-image: url(../insp/braille.jpg);
							float:right;
}

#sub-div-rechts-japan {
							width: 488px;
							height: 638px;
							background-image: url(../insp/verpaking.jpg);
							float:right;
}

#sub-div-rechts-3d {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/people/insp-3d.jpg);
							float:right;
}

#sub-div-rechts-doelbewust {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/images/achtergrond_doelbewust.jpg);
							float:right;
}

#sub-div-rechts-zakken {
							width: 488px;
							height: 638px;
							background-image: url(../insp/zakken.jpg);
							float:right;
}

#sub-div-rechts-night {
							width: 488px;
							height: 638px;
							background-image: url(../insp/resistor.jpg);
							float:right;
}

#sub-div-rechts-kent {
							width: 488px;
							height: 638px;
							background-image: url(../insp/beer.jpg);
							float:right;
}

#sub-div-rechts-qr {
							width: 488px;
							height: 638px;
							background-image: url(../materiaal/images/achtergrond_qr-code.jpg);
							float:right;
}

#sub-div-rechts-content-map {
							width: 390px;
							height: 441px;
							padding:50px;
							padding-top:50px;
							float:right;
}

#tekst-insp {
							width: 330px;
							height: 150px;
							padding-left:62px;
							padding-right:75px;
							padding-top:5px;
							float:left;
}


#tekst-werk {
							width: 350px;
							height: 150px;
							padding-left:62px;
							padding-right:75px;
							padding-top:153px;
							float:left;
}

#tekst-index {
							width: 438px;
							height: 150px;
							padding-left:25px;
							padding-right:25px;
							padding-top:150px;
							float:left;
}

#link-rechts {
							width: 350px;
							height: 20px;
							padding-top:450px;
							padding-left:62px;
							padding-right:75px;
							float:right;
}

/* Teksten */

p {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#828282;
	line-height:			20px;
	
}

h1 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				40px;
	color:					#828282;
	text-align:				center;
	line-height:			50px;
}

h2 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#e51837;
	line-height:			20px;
}

h3 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				40px;
	color:					#828282;
	text-align:				left;
	line-height:			40px;
}

li  {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#828282;
	line-height:			20px;
}


/* Links */

a:link {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #828282;
							text-decoration:none;
}
a:visited {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #828282;
							text-decoration:none;
}
a:hover {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #e51837;
							text-decoration:none;
}

a.on:link {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration: underline;
}

a.on:visited {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration: underline;

}

a.on:hover {				
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #333;
							font-size: 10px;
							text-decoration: underline;

}


a.werk:link {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration:none;
}

a.werk:visited {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration:none;

}

a.werk:hover {				
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							font-size: 10px;
							text-decoration:none;

}

a.down:link {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration:none;
}

a.down:visited {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #e51837;
							font-size: 10px;
							text-decoration:none;

}

a.down:hover {				
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							font-size: 10px;
							text-decoration:none;

}


/* Classes */

.tekst-header{
margin-left:18px;
text-align:justify;
}

.p-klein {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;
	color:					#828282;
}

.p-groot {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				40px;
	font-weight:			bold;
	color:					#828282;
	line-height:			40px;
}

.p-groot1 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				21px;
	font-weight:			bold;
	color:					#828282;
	line-height:			40px;
}


.p-insp {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;
	color:					#828282;
	line-height:			20px;
}