/* Presentation Stylesheet */

a { 
	color: #333; 
	background: transparent; 
	font-weight: normal; 
	text-decoration: none;
}

a:hover { 
	color: #D40058; 
	background: transparent; 
	font-weight: normal; 
	text-decoration: none;
}

a.highlight { 
	color: #D40058; 
	background: transparent; 
	font-weight: normal; 
	text-decoration: none;
}

#prodimg {
	margin-bottom: 20px;
}



h1 {
	font-size: 24px;
	color: #D40058;
	background: transparent;
	line-height: 120%;
	font-weight: normal;

	padding: 0;
	margin: 0 0 6px 0;
}

h2 {
	color: #D40058;
	background: transparent;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	margin: 0px 0 10px 0;
	padding: 0 0 3px 0;

}

h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 105%;
	line-height: 120%;
	color: #0585dd;
	background: transparent;
}

p{
	margin: 0 0 1em; }

p.intro{
	color: #8C8C8C;
	font-size: 14px;
	line-height: 20px;
	
}


strong {
	font-weight: bold;
}

small {
	font-size: 9px;
}


hr {
  	border: 0;
  	width: 100%;
  	color: #0585dd;
	background-color: #0585dd;
	height: 1px;
	clear: both;
	margin: 8px 0 8px 0;
}



#content a.meerinfo{
	padding: 2px 25px 3px 5px;
	margin: 15px 0 15px 0;
	font-size: 80%;
	background: #D40058 url(../img/icons/arrow-right-redbg.gif);
	background-repeat: no-repeat;
	background-position: 95% 5px;
	text-transform: uppercase;
	color: #fff;
}

#content a.meerinfo:hover{
	text-decoration: underline;
	color: #fff;
}

span.bottom{
	
	display: block;
	height: 20px;
	
	background: transparent url(../img/css/mainbg-bottom.jpg);
	background-repeat: no-repeat;

}



/* TOP NAV */

#nav #topnav a#info{
	display: block;
	width: 161px;
	height: 37px;
	margin: 9px 0 0 0px;
	padding: 0 0 0 0;
	background: transparent url(../img/topnav/tab1.jpg);
	background-repeat: no-repeat;
	float: left;
}
								  
#nav #topnav a#info:hover, #nav #topnav a#info.highlight{
	background: transparent url(../img/topnav/tab1-highlight.jpg);
	background-repeat: no-repeat;
}


#nav #topnav a#contact{
	display: block;
	width: 74px;
	height: 37px;
	margin: 9px 0 0 0px;
	padding: 0 0 0 0;
	background: transparent url(../img/topnav/tab2.jpg);
	background-repeat: no-repeat;
	float: left;
}

#nav #topnav a#contact:hover, #nav #topnav a#contact.highlight{
	background: transparent url(../img/topnav/tab2-highlight.jpg);
	background-repeat: no-repeat;
}

#nav #topnav a#inloggen{
	display: block;
	width: 125px;
	height: 37px;
	margin: 9px 0 0 0px;
	padding: 0 0 0 0;
	background: transparent url(../img/topnav/tab3.jpg);
	background-repeat: no-repeat;
	float: left;
}

#nav #topnav a#inloggen:hover, #nav #topnav a#inloggen.highlight{
	background: transparent url(../img/topnav/tab3-highlight.jpg);
	background-repeat: no-repeat;
}












/* Image styling */

img.border{
	border-style: solid;
	border-width: 0px;
	border-color: #fff;
}

img.padding-left{
	margin: 0px 0px 15px 10px;
}


img.padding-right{
	margin: 0px 10px 10px 0px;
}











/* LEFTCOL */

#leftcol ul{
	
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}

#leftcol ul li{
	width: 115px;
	margin: 0;
	padding: 5px 0 5px 8px;
}


#leftcol ul li a { 
	font-size: 11px;	
	display: block; 
	width: 115px;
	color: #666666; 
	background: transparent; 
	font-weight: bold; 
	text-decoration: none;
	text-transform: uppercase;
}

#leftcol ul li.highlight a { 
	font-size: 11px;	
	color: #D40058; 
	background: transparent; 
	font-weight: bold; 
	text-decoration: none;
	
	background: transparent url(../img/icons/leftcol-highlight-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	
	padding: 0px 0 0px 16px;

	width: 106px;
	
}


#leftcol ul li a:hover{
	color: #D40058; 
	text-decoration: underline;
}



/* left infoboxes */

#leftcol div.infobox{
	background-color: #D1E7F4;
	width: 115px;
	margin: 10px 0 0 6px;
}

#leftcol div.infobox h2{
	height: 18px;
	padding: 6px 0 0 5px;
	margin: 0;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	
	background: transparent url(../img/leftcol/leftcolbox-top.gif);
	background-repeat: no-repeat;
}

#leftcol div.infobox p{
	padding: 6px 6px 0 6px;
	margin: 0;
	font-size: 10px;
	color: #666;
}

#leftcol div.infobox div.bottom{
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 1px;
	border: 0;
	
	background: transparent url(../img/leftcol/leftcolbox-footer.gif);
	background-repeat: no-repeat;
	
}


#leftcol div.infobox a{
	display: block;
	height: 16px;
	width: 75px;
	margin: 10px 0 0 3px;
	padding: 0 15px 1px 5px;
	color: #fff;
	text-transform: uppercase;
	
	background: #D40058 url(../img/leftcol/infobox-submit-arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}







/* rightcol styles */



#rightcol div.promoitem{
	color: #000;
	
	overflow: hidden;
	margin: 0px 0px 10px  0px;
	padding: 0;
	background-color: #fff;
}




#rightcol div h2 a{
	color: #D40058;
	font-size: 15px;
	margin: -2px 11px 0 11px;
	padding: 0px 0px 0 0px;
	border: 0;

	display: block;
}

#rightcol div h2 a:hover{
	color: #666;
}

#rightcol div p{
	margin: -2px 11px 0 11px;
	padding: 0px 0px 0 0px;

}

#rightcol div p a:hover{
	color: #666;
}


#rightcol div img{
	padding: 5px 0px 11px 0px;
	margin: 0px 11px 0 11px;
	border: 0;
}





/* CONTENT */


/* Breadcrums */
ul#breadcrums{
	font-size: 11px;
	list-style-type: disc;
	margin: 0px 0 5px 0;
	padding: 0;
}

ul#breadcrums li{
	color: #676767;
	font-size: 95%;
	display: inline;
	
	background: transparent url(../img/icons/breadcrum-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	
	padding: 0 3px 0 15px;
}

ul#breadcrums li.first{
	background: transparent;
	padding: 0 3px 0 0;
}



/* Nieuws artikelen op homepage */



/* content infoboxes */

#content div.infobox{
	background-color: #d1e7f4;
	width: 412px;
	margin: 25px 0 0px 0px;
	font-weight: bold;
}

#content div.infobox div.top{
	height: 22px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border: 0;
	
	background: transparent url(../img/content/infobox-h2-bg-top.gif);
	background-repeat: no-repeat;
}

#content div.infobox h2{
	
	padding: 3px 0 0 10px;
	
	margin: 0;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	border: 0;
	
	float: left;

}

#content div.infobox div.top a{
	display: block;
	width: 120px;

	font-size: 11px;
	padding: 3px 0 0 0;
	font-weight: bold;
	float: right;
	color: #fff;
	font-weight: normal;
	
	background: transparent url(../img/icons/arrow-nieuws-wit.gif);
	background-repeat: no-repeat;
	background-position: 100px 7px;
}

#content div.infobox div.top a:hover{
	color: #D40058;
	background: transparent url(../img/icons/arrow-nieuws-red.gif);
	background-repeat: no-repeat;
	background-position: 100px 7px;
	
}



#content div.infobox ul{
	padding: 6px 6px 0 10px;
	margin: 0;
	font-size: 11px;
	color: #666;
	list-style-type: none;

}



#content div.infobox ul#nieuwsitems li{
	margin: 0;
	padding: 0 10px 5px 0;
}


#content div.infobox ul#nieuwsitems a { 
	color: #666;
	width: 100%;
	background: transparent url(../img/icons/arrow-right-blue.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	padding: 0 20px 0 0;
}

#content div.infobox ul#nieuwsitems a:hover { 
	color: #D40058;
	text-decoration: underline;
	
	background: transparent url(../img/icons/arrow-right-red.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	padding: 0 20px 0 0;
}


#content div.infobox div.bottom{
	height: 12px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	border: 0;
	
	background: transparent url(../img/content/infobox-bg-bottom.gif);
	background-repeat: no-repeat;
}




/* Scrollcollection */

#content div.scrolldiv{
	background-color: #ffe0ce;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0px;
}


#content div.scrolldiv div.scrollcontent{
	padding: 0 10px 0 10px;
	margin: 0;

}


#content div.scrolldiv div.scrollcontent p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
}


#content div.scrolldiv div.scrollcontent h2, #content div.scrolldiv div.scrollcontent h2 a{
	margin: 0 0 0px 0;
	padding: 0;
	
	color: #D40058;
	background: transparent;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	
}

#content div.scrolldiv div.scrollcontent h2 a:hover{
	text-decoration: underline;
}

#content div.scrolldiv div.scrollcontent img{
	margin: 0 12px 0 0;
	border: 0;
}





/* Collection */

#content div.collectiondiv{
	background-color: #ffe0ce;
	color: #666666;
	margin: 0 0 22px 22px;
	padding: 0px;
	width: 158px;
	float: left;
}

#content div.collectiondivfirst{
	background-color: #ffe0ce;
	color: #666666;
	margin: 0 0 10px 0px;
	padding: 0px;
	width: 158px;
	float: left;
}
 


#content div.collectiondiv div.scrollcontent, #content div.collectiondivfirst div.scrollcontent{
	padding: 0 10px 0 10px;
	margin: 0;
	padding: 0 0px 0 10px; 

}


#content div.collectiondiv div.scrollcontent p, #content div.collectiondivfirst div.scrollcontent p{
	margin: 0;
	padding: 0;
}


#content div.collectiondiv div.scrollcontent h2, #content div.collectiondivfirst div.scrollcontent h2{
	margin: 5px 0 0px 0;
	padding: 1px 0 0 0;
	
	color: #666;
	background: transparent;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	
	
}

#content div.collectiondiv div.scrollcontent h2 a, #content div.collectiondivfirst div.scrollcontent h2 a{
	background: transparent url(../img/icons/arrow-right-small-blue.gif);
	background-repeat: no-repeat;
	background-position: 98% 3px;
	padding: 0 20px 0 0;
	margin: 0;
}

#content div.collectiondiv div.scrollcontent h2 a:hover, #content div.collectiondivfirst div.scrollcontent h2 a:hover{
	text-decoration: underline !important;
}

#content div.collectiondiv div.scrollcontent img, #content div.collectiondivfirst div.scrollcontent img{
	margin: 0 0px 0 0;
	border: 0;
}









/* Cases */


/* pdficons hidden*/
#content a#pdf1, #content a#pdf2, #content a#pdf3, #content a#pdf4{
	display: none;
}

#content div.casediv{
	background-color: #ffe0ce;
	color: #666666;
	margin: 0 0px 10px 10px;
	padding: 0px;
	width: 255px;
	
	float: left;
}

#content div.casedivfirst{
	margin-left: 0px;
}


#content div.casediv div.scrollcontent{
	padding: 0 10px 0 10px;
	margin: 0;
	padding: 0 0px 0 10px; 
	overflow: hidden;
}


#content div.casediv div.scrollcontent p{
	margin: 0;
	padding: 0;
	font-size: 90%;
}


#content div.casediv div.scrollcontent h2, #content div.casediv div.scrollcontent h2 a{
	margin: 8px 0 4px 0;
	padding: 0;
	
	color: #D40058;
	background: transparent;
	font-size: 120%;
	line-height: 130%;
	font-weight: normal;
	
	
	
}

#content div.casediv div.scrollcontent h2 a:hover{
	text-decoration: underline !important;
}

#content div.casediv div.scrollcontent img{
	margin: 0 10px 0 0;
	border: 0;
}

#content div.casediv div.scrollcontent img.pdf{
	margin: 5px 10px 0px 5px;
	border: 0;
}









/* Contact */

#content div.contactdiv{
	background-color: #ffe0ce;
	color: #666666;
	line-height: 17px;
	
	margin: 0 0px 10px 10px;
	padding: 0px;
	width: 255px;
	
	float: left;
}

#content div.contactdivfirst{
	margin-left: 0px;
}


#content div.contactdiv div.scrollcontent{
	padding: 0 10px 0 10px;
	margin: 0;
	padding: 0 0px 0 10px; 
	height: 358px;
	overflow: hidden;
}


#content div.contactdiv div.scrollcontent p{
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 90%;
}


#content div.contactdiv div.scrollcontent h2, #content div.contactdiv div.scrollcontent h2 a{
	margin: 8px 0 4px 0;
	padding: 0;
	
	color: #D40058;
	background: transparent;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	
	
	
}

#content div.contactdiv div.scrollcontent h2 a:hover{
	text-decoration: underline !important;
}

#content div.contactdiv div.scrollcontent img{
	margin: 0 10px 0 0;
	border: 0;
}

#content div.contactdiv div.scrollcontent img.pdf{
	margin: 5px 10px 0px 5px;
	border: 0;
}


#content div.contactdiv div.scrollcontent a.meerinfo{
	padding: 1px 25px 1px 5px;
	margin: 15px 0 15px 0;
	font-size: 80%;
	
	background: #D40058 url(../img/icons/arrow-right-redbg.gif);
	background-repeat: no-repeat;
	background-position: 95% 6px;
	text-transform: uppercase;
	display: block;
	width: 150px;
	
	color: #fff;
	text-decoration: none;
}


#content div.contactdiv div.scrollcontent a.meerinfo:hover{
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
}



/* meer weten over */

#content #meerwetentop h2{
	margin: 0; 
	padding: 0 10px 5px 10px; 
	color: #666;
	font-size: 110%;
	font-weight: normal;
}


#content #meerwetencontent div.meerwetencontent-inner{
	padding: 10px 10px 0 10px;
	font-size: 11px;
	
}







/* tabel voor paginaindex op verschillende content pagina's */

#content div.content-pageinfo div.content-pageinfo-inner{
	padding: 0 10px 0 10px;
	color: #666;
}

#content table.content-pageinfo{
	font-size: 85%;
	width: 100%;
	border: 0;
	margin-top: 0px;
	
}

#content table.content-pageinfo a{
	font-weight: bold;
	color: #666;
}

#content table.content-pageinfo a:hover{
	color: #D40058;
	text-decoration: underline;
}

#content table.content-pageinfo a.first{
	padding-left: 20px;
	background-image: url(../img/icons/arrow-left-red.gif);
    background-repeat: no-repeat;
	background-position: 0 3px;
}


#content table.content-pageinfo a.last{
	padding-right: 20px;
	background-image: url(../img/icons/arrow-right-red.gif);
	background-repeat: no-repeat;
	background-position: 100% 3px;
}











/* Footer */



#footer #adres a{
	color: #fff;
	text-decoration: none;
}

#footer #adres a:hover{
	color: #fff;
	text-decoration: underline;
}








/* Aanmeldformulier */

form{
	margin: 0;
	padding: 0;
}

form.aanmelden fieldset{
  border: 1px solid #612e01;
  margin: 15px 0 10px 0;
  padding: 10px;
  font-size: 95%;
  overflow: hidden;
}


form.aanmelden fieldset legend{
	font-weight: bold;
	font-size: 110%;
}

* html form.aanmelden fieldset legend{
	margin: 0 0 10px 0;
}


form.aanmelden  label{
	width: 120px;
	float: left;
	font-size: 90%;
}

form.aanmelden strong{
	color: #D40058;
	font-weight: bold;
}


form.aanmelden input.checkbox{
   float: left;
   margin-right: 8px;
}

form.aanmelden p.floatleft{
	float: left; 
	width: 460px;
}

form.aanmelden input.text{
	border: 1px solid #b2b2b2;
	padding: 0 3px 0 3px;
	margin: 0 0 4px 0;
}


form.aanmelden .textarea{
	border: 1px solid #b2b2b2;
	padding: 0 3px 0 3px;
	margin: 0 0 4px 0;
	width: 350px;
	height: 80px;
}


form.aanmelden input.small{
   width: 50px;
}

form.aanmelden input.mid{
   width: 288px;
}

form.aanmelden input.large{
   width: 350px;
}


form.aanmelden select{
	padding: 0;
	margin: 0px 0 4px 0;
	font-size: 11px;
	border: 1px solid #b2b2b2;
}

form.aanmelden input.submit{
  	border: 0px;
	
	padding: 1px 25px 1px 5px;
	margin: 5px 0 5px 0;
	font-size: 9px;
	
	
	
	background: #D40058 url(../img/icons/arrow-right-redbg.gif);
	background-repeat: no-repeat;
	background-position: 95% 4px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	color: #fff;
	text-decoration: none;

}