


	/* ###	PAGE-DIVIDER 	############################################################## */
	
	#pagedivider {
		height: 18px;
		color: #666;
		font-size: 14px;	
		padding: 4px;
		float: right;
		padding-top: 10px;
		font-weight: bold;
	}
	
	#pagedivider a.normal {
		color: #666;
	}
	
	#pagedivider a.selected {
		color: #666;
		text-decoration: underline;
	}
	
	/* ###	BREADCRUMS	########################################################## */
	
	#breadcrums {
		
		color: #666;
	}
	
	/* ###	PAGELAYOUT01	########################################################## */
	
	#pagelayout01 {
		padding: 0;
		margin: 0;
		font-size: 13px;
		color: #000;
	}
	
	#pagelayout01 div.highlightleft{
		width: 180px; 
		
		height: 145px;
		background: #fff; 
		
		
		float: left; 
		margin: 5px 20px 10px -100px; 
		padding: 86px 0px 10px 0px;
		color: #000;
		font-size: 12px;
		line-height: 17px;
		
		border: 14px solid #fff;
	}
	
	* html #pagelayout01 div.highlightleft{
		margin-left: -50px;
		
	}

	
	
	#pagelayout01 form#zoektussenpersoon{
		width: 180px;
		height: 90px;
		background: #113488 url('/img/pagelayout01-zoekbg.jpg');
		background-repeat: no-repeat;
		background-position: 0 3px;
		overflow: hidden;
		float: right;
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
	}
	
	
	
	#pagelayout01 form#zoektussenpersoon input.field{
		border: 0;
		background: #fff;
		
		position: relative;
		left: 78px;
		top: 43px;
		
		width: 82px;
		height: 12px;
		display: block;
		
		
		line-height: 12px;
		font-size: 11px;
		padding: 1px 3px 1px 3px;
		margin: 0;
	}
	
	
	#pagelayout01 form#zoektussenpersoon input.submit{
		border: 0;
		background: transparent;
		cursor: pointer;
		width: 155px;
		font-size: 0px;
		text-align: left;
		height: 15px;
		position: relative;
		left: 15px;
		top: 45px;
		color: #113488;
	}
	
	
	
	
	/* ###	PAGELAYOUT02	########################################################## */
	
	
	#pagelayout02 .top{
		height: 354px; 
		overflow: hidden;
		
	}
	
	#pagelayout02 #highlight{
		width: 270px; 
		height: 100px; 
		overflow: hidden; 
		float: left;
		margin: 60px 0 0 24px; 
	}
	
	#pagelayout02 #highlight h1{
		padding: 10px 15px 5px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
	}	
	
	#pagelayout02 #highlight h2{
		padding: 0px 15px 10px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
		font-weight: normal;
	}

	
	
	
	
	#pagelayout02 form#zoektussenpersoon{
		width: 270px;
		height: 58px;
		background: transparent url('/img/pagelayout02-zoekbg.jpg');
		background-repeat: no-repeat;
		overflow: hidden;
		float: left;
		margin: 10px 0 0 24px; 
		clear: both;
	}
	
	
	
	#pagelayout02 form#zoektussenpersoon input.field{
		
		display: block;
		position: absolute;
		top: 306px;
		left: 126px;
		
		background: #fff;
		
		line-height: 12px;
		font-size: 11px;
				
		width: 137px;
		height: 12px;
		
		border: 0px;
		margin: 0 0 0 0;
		padding: 1px 0px 1px 3px;
		
		
		

	}
	* html #pagelayout02 form#zoektussenpersoon input.field{
		left: 153px;
	}
	
	#pagelayout02 form#zoektussenpersoon input.submit{
		border: 0;
		
		cursor: pointer;
		width: 226px;
		font-size: 0px;
		text-align: left;
		height: 14px;
		
		position: absolute;
		top: 328px;
		left: 40px;
		
		color: #113488;
		margin-top: 5;
	}
	* html #pagelayout02 form#zoektussenpersoon input.submit{
		left: 68px;
	}
	
	
	/* ###	PRODUCTLAYOUT	########################################################## */
	
	
	
	#productlayout01 .top{
		height: 420px; 
		overflow: hidden;
	}
	
	#productlayout01 #highlight{
		width: 340px; 
		height: 350px; 
		overflow: hidden; 
		margin: 0; 
		position: absolute;
		top: 156px;
		left: 26px;
	}
	
	
	#productlayout01 #highlight h1{
		padding: 10px 15px 5px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
	}	
	
	#productlayout01 #highlight h2{
		padding: 0px 15px 10px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
		font-weight: normal;
	}

	#productlayout01 #highlight h3{
		padding: 0px 15px 0px 15px;
		color: #113488;
		margin: 6px 0 0 0;
		font-weight: bold;
		font-size: 13px;
	}	
	
	#productlayout01 #highlight div{
		padding: 0px 15px 10px 15px;
		font-size: 13px;
		color: #000;
		font-weight: bold;
	}
	
	#productlayout01 #highlight div ul{
		margin: 0 0 0 15px;
		padding: 0;
	}

	
	#productlayout01 div.highlightleft{
		width: 180px; 
		background: #fff; 
		overflow: hidden; 
		float: left; 
		margin: 5px 20px 10px -100px; 
		padding: 10px 10px 10px 15px;
		color: #000;
		font-size: 12px;
		line-height: 17px;
	}
	
	* html #productlayout01 div.highlightleft{
		margin-left: -50px;
	}
	
	#productlayout01 div.highlightleft h3{
		color: #113488;
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 17px;
	
	}
	
	
	#productlayout01 form#zoektussenpersoon{
		width: 182px;
		height: 58px;
		background: #fff url('/img/prodlayout01-zoekbg.jpg');
		background-repeat: no-repeat;
		overflow: hidden;
		float: right;
		margin: 340px 30px 0 0;
	}
	
	
	
	#productlayout01 form#zoektussenpersoon input.field{
		border: 0;
		background: #fff;
		
		position: relative;
		left: 80px;
		top: 13px;
		
		width: 82px;
		height: 12px;
		display: block;
		
		
		line-height: 12px;
		font-size: 11px;
		padding: 1px 3px 1px 3px;
		margin: 0;
		
		
	}
	
	
	#productlayout01 form#zoektussenpersoon input.submit{
		border: 0;
		background: transparent;
		cursor: pointer;
		width: 155px;
		font-size: 0px;
		text-align: left;
		height: 15px;
		position: relative;
		left: 15px;
		top: 18px;
		color: #113488;
	}
	
	
	
	
	
	/* ###	PRODUCTLAYOUT 02	########################################################## */
	
	
	
	#productlayout02 .top{
		height: 180px; 
		overflow: hidden;
	}
	
	#productlayout02 #highlight{
		width: 340px; 
		height: 338px; 
		overflow: hidden; 
		float: left;
		margin: 36px 0 0 24px; 
	}
	
	#productlayout02 #highlight h1{
		padding: 10px 15px 5px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
	}	
	
	#productlayout02 #highlight h2{
		padding: 0px 15px 10px 15px;
		background: #113488;
		color: #fff;
		margin: 0;
		font-weight: normal;
	}

	#productlayout02 #highlight h3{
		padding: 0px 15px 0px 15px;
		color: #113488;
		margin: 10px 0 0 0;
		font-weight: bold;
		font-size: 13px;
	}	
	
	#productlayout02 #highlight div{
		padding: 0px 15px 10px 15px;
		font-size: 13px;
		color: #000;
		font-weight: bold;
	}

	
	#productlayout02 div.highlightleft{
		width: 180px; 
		background: #fff; 
		overflow: hidden; 
		float: left; 
		margin: 5px 20px 10px -100px; 
		padding: 10px 10px 10px 15px;
		color: #000;
		font-size: 12px;
		line-height: 17px;
	}
	
	* html #productlayout02 div.highlightleft{
		margin-left: -50px;
		width: 205px; 
	}
	
	#productlayout02 div.highlightleft h3{
		color: #113488;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 13px;
		line-height: 17px;
	
	}
	
	
	#productlayout02 form#zoektussenpersoon{
		width: 180px;
		height: 58px;
		background: #fff url('/img/prodlayout01-zoekbg.jpg');
		background-repeat: no-repeat;
		background-position: top right;
		overflow: hidden;
		float: right;
		margin: 10px 0 0 0;
	}
	
	
	
	#productlayout02 form#zoektussenpersoon input.field{
		border: 0;
		background: #fff;
		
		position: relative;
		left: 77px;
		top: 13px;
		
		width: 82px;
		height: 12px;
		display: block;
		
		
		line-height: 12px;
		font-size: 11px;
		padding: 1px 3px 1px 3px;
		margin: 0;
	}
	
	
	#productlayout02 form#zoektussenpersoon input.submit{
		border: 0;
		background: transparent;
		cursor: pointer;
		width: 155px;
		font-size: 0px;
		text-align: left;
		height: 15px;
		position: relative;
		left: 15px;
		top: 16px;
		color: #113488;
	}
	
	#productlayout02 #highlightright{
		background: #113488; 
		color: #fff; 
		width: 180px; 
		padding:14px; 
		float: right; 
		clear: right; 
		margin: 15px 0 15px 15px; 
	}
	
	#productlayout02 #highlightright h1{
		color: #fff;
	}
	
	#productlayout02 #highlightrightspacer{
		width: 1px; 
		height: 360px;  
		float: right; 
		clear: right;
	}
	
	
	
	#productlayout02 a.pdf{
	
		width: 120px;
		padding-left: 50px;
		float: left;
		margin-right: 30px;
		background: transparent url('/img/icons/pdf.gif');
		background-repeat: no-repeat;
		min-height: 40px;
		
		color: #113488;
		font-weight: bold;
		font-size: 13px;
	}	
	
	#productlayout02 a.pdf:hover{
	
		color: #113488;
		font-weight: bold;
		font-size: 13px;
		text-decoration: underline;
	}	
	
	/* ###	COLLECTION	########################################################## */
	
	#collection .item {
		float: left;
		padding-bottom: 10px; 
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#collection .title {
		padding-top:10px; 
	}
	
	/* ###	SCROLLCOLLECTION	########################################################## */
	
		
	#scrollcollection .scrollItemContainer{
		clear: both;
		background: transparent;		
		margin: 5px 0 5px 0;
		padding: 0 0 0 0;
		cursor: pointer;
		
	}
	
	#scrollcollection div.scrollItemContainerContent{
		float: left; 
		width: 400px; 
		overflow: hidden;
	}

	#scrollcollection img{
		float: left; 
		margin-right: 10px;
		border: none;
	}	
	
	
	#scrollcollection .scrollText {
		font-size: 12px;
		line-height: 16px;
		color: #000;
		padding: 0;
		margin: 0;
		
	}
	
	#scrollcollection  div.scrollItemContainerContent h2{
		font-weight: normal;
	}
	
	#scrollcollection div.scrollText a, #scrollcollection div.scrollText a:hover{
		text-decoration: none !important;
		color: #000;
	}
		
	
	
	#scrollcollection .scrollitem-selected {
		background-image: url('/img/pijl_rechts_hover.gif');
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #c38e41;
		color: #000;
	}
	
	#scrollcollection .scrollTitle-hover {
		font-weight: normal;
		padding-bottom: 4px;
		font-size: 16px;	
		color: #000;
	}



	
	
	/* ###	HARMONICA 	########################################################## */
	
	#harmonica{
		width: 162px;
		position: absolute;
		top: 122px;
		left: 820px;
		
	}
	
	
	
	
	#harmonica a {
		color: #000;
		text-decoration: none;	
	}
	
	#harmonica #extrainformatie {
		background-color: #eee; 
		height: 23px; 
		font-size: 14px; 
		font-weight: bold;
		padding-left: 10px;
	}
	
	#harmonica h2 {
		background-color: transparent; 
		
		width: 152px;
		
		color: #8b9396;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		
		padding: 7px 5px 7px 5px;
		margin: 2px 0 1px 0;
		
		cursor: pointer;
		
		background-color: #fff;
		
		/*opacity: 0.8;*/
	}
	
	* html #harmonica h2{
		width: 162px;
	}
	
	#harmonica .contentContainer{
		background-color: #fff;
	}
	

	#harmonica .promotext{
		padding: 7px;
		font-size: 11px;
		font-weight: normal;
		line-height: 14px !important;
		margin: 0;
		color: #000;
	}
	
	#harmonica h2 a:hover{
		color: red;
		
	}
	
	
	#harmonica .promotext  a {
		color: #000;
	}
	
	#harmonica .contentImage {

		border: 0px;	
	}
	
	#harmonica .contentImagelink {
		text-decoration: none;	
	}
	
	
	#harmonica .spacer {
		height: 2px;
	}
	
	
	
	
	/* ###	PROMOTIEBALK 	########################################################## */
	
	#promotiebalk {		
		text-align: left;
		margin: 0px 0px 0px 2px;
		padding: 0;
		border: solid 0px #fff;
		border-width: 0 0px 0px 0px;
		background: #fff;
		
		width: 100% !important;
		height: 96px;
		overflow: hidden;
		
		line-height: 13px;
	}
	
	#promotiebalk .promotieItemClass{
		margin: 2px 2px 0px 0px;
		background-color: #d4e4f4;
		width: 139px;
		overflow: hidden;
		height: 75px;
		*height: 87px;
		float: left;
		padding: 11px 11px 11px 11px;	
		color: #878e94;
		cursor: pointer;
	}
	
	#promotiebalk .last{
		margin: 2px 0 0px 0px;
	}

	#promotiebalk .promotieItemClass h2{
		font-size: 12px;
		line-height: 13px;
		margin: 0 0 5px 0;
	}
	
	
	
	#promotiebalk div.promotieItemClass a, #footer02 #promotiebalk div.promotieItemClass a:hover{
		font-size: 11px;
		line-height: 13px !important;
		color: #010101;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	#promotiebalk div.promotieItemClass h2 a, #footer02 #promotiebalk div.promotieItemClass h2 a:hover{
		font-size: 13px;
		line-height: 16px;
		color: #103488;
		text-decoration: none;
	}
	
	
	/* ###	NIEUWS 	########################################################## */
	
	#nieuws .header {
		background-color: #57572b; 
		height: 26px;	
		padding-top: 4px;
		padding-left: 8px;
		font-size: 16px;
	}
	
	#nieuws .item {
		background-color: #878655;
		padding: 4px; 
		height: 20px;	
		padding-left: 8px;
	}
	
	#nieuws a {
		font-size: 13px;
		padding-right: 20px;
		background-image: url('/img/nieuws-pijl.gif');
		background-repeat: no-repeat;
		background-position: top right;	
	}
	
	#nieuws a:hover {
		font-size: 13px;
		padding-right: 20px;
		background-image: url('/img/nieuws-pijl-select.gif');
		background-repeat: no-repeat;
		background-position: top right;	
		text-decoration: underline;
		color: #000;
	}
	
	
	/* ###	CONTACT 	########################################################## */
	
	form#contactform .formItem{
		_height: 24px;
		* height: 28px;
	}
	
	form#contactform .formItem2{
		_height: 120px;
		* height: 120px;
	}

	form#contactform .labelfield{
		width: 80px; 
		display: block; 
		float: left; 
		height: 16px; 
		_height: 19px;
		* height: 19px;
		background-color: #b6b7bc; 
		overflow: hidden; 
		margin: 0 0 0px 0; 
		padding: 0 10px 4px 10px;
		_padding: 0px 10px 4px 10px;
	}
	
	form#contactform .inputfield{
		width: 280px; 
		display: block; 
		float: left; 
		height: 17px; 
		* height: 20px;

		background-color: #fff; 
		overflow: hidden; 
		font-size: 13px; 
		
		border: 1px solid #b6b7bc; 
		padding: 1px 0 0 5px; 
		margin: 0 0 10px 0; 
	}

	form#contactform .selectfield{
		width: 285px; 
		display: block; 
		height: 18px; 
		_height: 19px;
		* height: 27px;
		background-color: #fff; 
		overflow: hidden; 
		font-size: 13px;
		border: 1px solid #666; 
		padding: 1px 0 0 5px; 
		margin: 0 0 10px 0; 
	}
	
	
	#contactformdiv{
		float: left; 
		margin-top: 10px;
		width: 400px;
	}
	
	
	#searchresults{
		float: left;
		width: 339px; 
		background-color: #fff; 
		line-height: 17px; 
		margin: 20px;
		font-size: 12px;
		padding-bottom: 10px;
	}
	
	
	#searchresults h2{
		margin: 10px 0 10px 70px;
	}
	
	#searchresults div.zoekresultaat{
		background: #fff;
		margin: 0 0 2px 15px;
		width: 300px;
		height: 60px;
		overflow: hidden;
		padding: 5px;
		background-repeat: no-repeat !important;
	}
	
	#searchresults div.selected{
		background: #dddfec;
	}
	
	#searchresults div.zoekresultaat div.select{
		float: left;
		width: 30px;
		height: 40px;
		padding: 20px 0 0 18px;
		
	}
	
	#searchresults div.zoekresultaat div.result h3{
		margin: 0 0 0 0;
		padding: 0;
		color: #0f3484;
		font-size: 12px;
	}
	
	
	/* landing pages */
	form input.simplesubmit{
		background: red;
	}
	
	
	
	
	
	
	/* ###	CONTACT 	########################################################## */
	
	form#bedanktform .formItem{
		_height: 24px;
		* height: 28px;
	}
	
	form#bedanktform h3{
		color: #103488;
		font-size: 12px;
		margin-bottom: 5px;
		
	}

	form#bedanktform .labelfield{
		width: 100px; 
		display: block; 
		float: left; 
		height: 16px; 
		_height: 19px;
		* height: 19px;
		background-color: #b6b7bc; 
		overflow: hidden; 
		margin: 0 0 0px 0; 
		padding: 0 10px 4px 10px;
		_padding: 0px 10px 4px 10px;
		
		
	}
	
	form#bedanktform .inputfield{
		width: 280px; 
		display: block; 
		float: left; 
		height: 17px; 
		* height: 20px;

		background-color: #fff; 
		overflow: hidden; 
		font-size: 13px; 
		
		border: 1px solid #b6b7bc; 
		padding: 1px 0 0 5px; 
		margin: 0 0 10px 0; 
	}

	form#bedanktform .selectfield{
		width: 80px; 
		display: block; 
		height: 18px; 
		_height: 19px;
		* height: 27px;
		background-color: #fff; 
		overflow: hidden; 
		font-size: 13px;
		border: 1px solid #b6b7bc; 
		padding: 1px 0 0 5px; 
		margin: 0 0 10px 10px; 
	}
	
	
	form#bedanktform .textarea{
		width: 280px; 
		display: block; 
		height: 100px; 
		_height: 100px;
		* height: 100px;
		background-color: #fff; 
		overflow: hidden; 
		font-size: 13px;
		border: 1px solid #b6b7bc; 
		padding: 1px 0 0 5px; 
		margin: 0 0 10px 0; clear: left;
		
		font-family: arial;
		font-size: 12px;
		line-height: 15px;
	}
	
	form#bedanktform .submit{
		background: #103488;
		margin-left: 324px;
		* margin-left: 298px;
		border: none;
		color: #fff;
		padding: 3px 10px 3px 10px;
		font-weight: bold;
		
	}
	
	
	
