a { text-decoration: none; }
#content a { color: red; }
a:hover { text-decoration: underline; }
a.anchor:hover { text-decoration: none; }
.invisible { display: none; }
.invisible-sidemenu { display: none; }

* {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

/* ------------------------ Layout -------------------------- */

html {
	background: white;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}

body { 
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 979px;
	background: url("../images/background.gif") repeat-y 0 2px;
	min-height: 100%; 
	
}
		
#container {
	width: 913px;
	margin: 0 33px;
	text-align: left;
	padding: 0 0 40px 0;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 883px;
	height: 22px;
	border: 3px solid white;
	padding: 8px 15px 0 15px;
	background: #5449A0;
	text-align: left;
}

#footer a {
	color: white;
}

#footer #naarboven {
	background: url("../images/naarboven.gif") no-repeat top left;
	padding: 0 0 0 20px;
	margin: 0 0 0 550px;
}

#logo {
	display: block;
	width: 913px;
	height: 103px;
	background: url("../images/logo_background.gif") no-repeat 242px 0;
}

#logo img {
	border: none;
}

#veiligheids-informatie-blad {
	background: #5449A0;
	width: 913px;
	height: 30px;
	border-bottom: 3px solid white;
	color: white;
}

#veiligheids-informatie-blad img {
	border: none;
	display: block;
	margin: 0px 0px 0px 150px;
	float: left;
}

#veiligheids-informatie-blad p { margin: 0 0 0 390px; padding: 8px 0 0 0; }

#right-background {
	background: url("../images/right-background.gif") no-repeat top left;
	position: absolute;
	width: 188px;
	height: 164px;
	bottom: 35px;
	right: 33px;
	border-bottom: 3px solid white;
}

#content.normal * { font-size: 11px; }
#content.small * { font-size: 10px; }
#content.large * { font-size: 12px; }

#content { 
	float: left;
	width: 535px;
	padding: 20px;
	position: relative;
	z-index: 0;
	color: #333333;
}

#content .red { color: red; }

/* ------------------ Zoeken ------------------ */

#content table.zoekresultaat {
	border-collapse: collapse;
	width: 100%;
}

#content table.zoekresultaat td {
	padding: 5px 0;
	width: 50%;
}

#content table.zoekresultaat td.lastcolumn {
	text-align: right;
}

#content table.zoekresultaat tr.firstrow td {
	border-bottom: 1px solid #CCCCCC; 
	font-weight: bold;
}


#content #zoekresultaten {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #zoekresultaten li {
	margin: 10px 0;
}

#content #zoekresultaten li a {
	font-weight: bold;
	color: red;
}

#content #zoekresultaten li p {
	margin: 0;
}

/* ------------------ Faq ------------------ */

#content dl {
	margin: 10px 0;
	padding: 0;
}

#content dl dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}

#content dl dt a:hover, #content dl dt a {
	text-decoration: none;
	color: #333333;
}
	

#content dl dd {
	margin: 0;
	padding: 0;
}

#content ul.faq {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

#content ul.faq li {
	font-weight: bold;
}

#content ul.faq li li, #content ul.faq li li a {
	font-weight: normal;
	color: red;
}

#content ul.faq ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style: disc outside;
}

/* faq form */

#content form label {
	float: left;
	width: 150px;
}

#content form input, #content form textarea {
	margin: 2px 0;
	width: 250px;
	border: 1px solid black;
}
	
#content form .submit {
	position: relative;
	top: 0;
	left: 150px;
	width: 252px;
}




/* Styling hr can't be done properly cross-browser */
#content .hr {
	font-size: 0;
	background: #CCCCCC;
	height: 2px;
	width: 100%;
}

#zoekfunctie {
	position: absolute;
	top: 10px;
	right: 43px;
}

#zoekfunctie input.text {
	margin: 0 5px;
	height: 15px;
	padding: 0;
	border: 1px solid black;
	float: left;
}

#zoekfunctie p {
	margin: 0;
}


h2 { margin: 0 0 10px 0; color: red; }
h2 a { color: red; }
p,h3 { margin: 10px 0; }


/* ------------------------ Hoofdmenu -------------------------- */

#hoofdmenu {
	position: relative;
	background: #1B0C80;
	height: 30px;
	width: 763px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	padding: 0 0 0 150px;
	margin: 0;
	list-style: none;
}

#hoofdmenu li {
	width: auto;
	float: left;
}

#hoofdmenu li a:hover { text-decoration: none; background-color: red;} 
#hoofdmenu li a {
	display: block;
	font-weight: bold;
	color: white;
	padding: 9px 12px 7px 25px;
	background-position: 5px 0;
	background-repeat: no-repeat;
}


#hoofdmenu li #home { background-image: url("../images/hoofdmenu_home.gif"); }
#hoofdmenu li #coatings-care { background-image: url("../images/hoofdmenu_coatings_care.gif"); }
#hoofdmenu li #wetgeving { background-image: url("../images/hoofdmenu_wetgeving.gif"); }
#hoofdmenu li #vvvf { background-image: url("../images/hoofdmenu_vvvf.gif"); }
#hoofdmenu li #links { background-image: url("../images/hoofdmenu_links.gif"); }
#hoofdmenu li #faq { background-image: url("../images/hoofdmenu_faq.gif"); }
#hoofdmenu li #contact { background-image: url("../images/hoofdmenu_contact.gif"); }

#hoofdmenu li #home:hover { background-image: url("../images/hoofdmenu_home_over.gif"); }
#hoofdmenu li #coatings-care:hover { background-image: url("../images/hoofdmenu_coatings_care_over.gif"); }
#hoofdmenu li #wetgeving:hover { background-image: url("../images/hoofdmenu_wetgeving_over.gif"); }
#hoofdmenu li #vvvf:hover { background-image: url("../images/hoofdmenu_vvvf_over.gif"); }
#hoofdmenu li #links:hover { background-image: url("../images/hoofdmenu_links_over.gif"); }
#hoofdmenu li #faq:hover { background-image: url("../images/hoofdmenu_faq_over.gif"); }
#hoofdmenu li #contact:hover { background-image: url("../images/hoofdmenu_contact_over.gif"); }


#hoofdmenu #sitemap {
	position: absolute;
	top: -24px;
	right: 200px;
	float: none;
}

#hoofdmenu #lettergrootte {
	position: absolute;
	float: none;
	top: -24px;
	right: 10px;
}

#hoofdmenu #sitemap:hover, #hoofdmenu #lettergrootte:hover { background: none; }

#hoofdmenu #lettergrootte span { margin: 0 2px; }

#hoofdmenu #lettergrootte a, #hoofdmenu #sitemap a {
	display: inline;
	padding: 0;
	margin: 0 2px;
	width: auto;
	color: #333399;
	font-weight: normal;
}

#hoofdmenu #lettergrootte a:hover, #hoofdmenu #sitemap a:hover { text-decoration: underline; background: none; }

/* ------------------------ Sidemenu -------------------------- */

#sidemenu {
	position:relative;
	float: left;
	margin: 0;
	padding: 0 0 308px 0;
	width: 150px;
	list-style: none;
	background: url("../images/sidemenu_background.gif") no-repeat bottom right;
	z-index: 100;
}

#sidemenu li {
	position: relative;
	width: 150px;
}

#sidemenu li a {
	display: block;
	width: 150px;
	height: 33px;
	border-bottom: 3px solid #1B0C80;
}

#sidemenu li #verf { background: url("../images/sidemenu_verf.gif") no-repeat top left; }
#sidemenu li #veiligheid { background: url("../images/sidemenu_veiligheid.gif") no-repeat top left; }
#sidemenu li #gezondheid { background: url("../images/sidemenu_gezondheid.gif") no-repeat top left; }
#sidemenu li #milieu { background: url("../images/sidemenu_milieu.gif") no-repeat top left; }

#sidemenu li:hover #verf, #sidemenu li.over #verf { background: url("../images/sidemenu_verf_over.gif") no-repeat top left; }
#sidemenu li:hover #veiligheid, #sidemenu li.over #veiligheid { background: url("../images/sidemenu_veiligheid_over.gif") no-repeat top left; }
#sidemenu li:hover #gezondheid, #sidemenu li.over #gezondheid { background: url("../images/sidemenu_gezondheid_over.gif") no-repeat top left; }
#sidemenu li:hover #milieu, #sidemenu li.over #milieu  { background: url("../images/sidemenu_milieu_over.gif") no-repeat top left; }

#sidemenu li:hover, #sidemenu li.over { z-index: 100; }

#sidemenu li ul { 
	display: none;
	position: absolute;
	top: 12px;
	left: 138px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid white;
	border-bottom: none;
	z-index: 10;
}

#sidemenu li:hover ul, 
#sidemenu li:hover ul li:hover ul,
#sidemenu li.over ul, 
#sidemenu li.over ul li.over ul {
	display: block;
}

#sidemenu li:hover ul li ul,
#sidemenu li.over ul li ul { 
	display: none; 
}

#sidemenu li ul li {
	background: red;
	width: 170px;
	height: auto;
	min-height: 22px;
	border-bottom: 1px solid white;
}	

#sidemenu li ul li a {
	border: none;
	display: block;
	color: white;
	font-weight: bold;
	width: 160px;
	height: auto;
	min-height: 12px;
	padding: 4px 5px 5px 5px;
}

#sidemenu li ul li:hover, #sidemenu li ul li.over { background: #FF4D4D; }
#sidemenu li ul li:hover a.pijl, #sidemenu li ul li.over a.pijl { background: url("../images/sidemenu_pijltje_over.gif") no-repeat center right; }
#sidemenu li ul li a:hover { text-decoration: none; }

#sidemenu li ul li a.pijl { background: url("../images/sidemenu_pijltje.gif") no-repeat center right; padding: 4px 25px 5px 5px; width: 140px; }
#sidemenu li ul li a.pijl:hover { background: url("../images/sidemenu_pijltje_over.gif") no-repeat center right; }

#sidemenu li ul li ul {
	display: none;
	position: absolute;
	top: 5px;
	left: 160px;
}

#sidemenu li ul li ul li:hover, #sidemenu li ul li ul li.over { background: #FF8383; }
#sidemenu li ul li ul li { background: #FF4D4D; }

/* ------------------------ Homepage Item -------------------------- */

#content h2 img { float: left; position: relative; top: -2px;}
#content a img { border: none; }

#content .home-item {
	position: relative;
	height: 69px;
	width: 100%;
	margin: 10px 0;
	background: url("../images/home_item_background.gif") repeat-y 72px 0;
	overflow: hidden;
	z-index: 0;
}

#content .home-item img {
	float: left;
}

#content .home-item h3 {
	position: absolute;
	top: 7px;
	left: 79px;			
	margin: 0;
	height: 20px;
	width: 300px;
}

#content .home-item h3 a {
	display: block;
	width: 300px;
	height: 20px;
}

#content .home-item #veiligheidsinfoh3 a { background: url("../images/title_vib.gif") no-repeat top left; width: 230px }
#content .home-item #verfh3 a { background: url("../images/title_verf.gif") no-repeat top left; width: 40px; }
#content .home-item #veiligheidh3 a { background: url("../images/title_veiligheid.gif") no-repeat top left; width: 90px; }
#content .home-item #gezondheidh3 a { background: url("../images/title_gezondheid.gif") no-repeat top left; width: 105px; }
#content .home-item #milieuh3 a { background: url("../images/title_milieu.gif") no-repeat top left; width: 60px; }

#content .home-item p {
	position: absolute;
	top: 28px;
	left: 80px;
	width: 180px;
	margin: 0;
	color: #666666;
}

#content .home-item ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	left: 317px;
	top: 5px;
}

#content .home-item ul li {
	background: url("../images/home_item_li.gif") no-repeat 0 4px;
	padding: 0 0 0 10px;
}

#content .home-item ul li a { color: red; }
#content .home-item ul li a:hover { color: #330099; }

#contact{
	text-align: right;
	padding-bottom: 2px;
}

#contact a{
	margin-right: 5px;
}

/* ------------------------ Right content -------------------------- */

#right-content {
	position: relative;
	z-index: 1;
	float: left;
	width: 162px;
	padding: 20px 13px;
}

#right-content h3 {
	height: 13px;
	margin: 0;
}

#right-content #direct-uitleg {
	background: url("../images/direct_uitleg.gif") no-repeat top left;
	height: 13px;
}

#right-content #aktueel { background: url("../images/aktueel.gif") no-repeat top left; }
#right-content #meer-info { background: url("../images/meerinformatie.gif") no-repeat top left; }


#right-content ul {
	position: relative;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

#right-content ul li {
	margin: 10px 0;
}

#right-content ul#uitleg li {
	padding: 2px 0 0 20px;
	background: url("../images/right_content_li.gif") no-repeat center left;
	height: 16px;
	margin: 0;
}

#right-content ul li a { color: #333399; }
#right-content ul#uitleg li a { font-weight: bold; }

ul.redmenu, ul.redmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#content ul.redmenu li li {
	margin: 0 0 0 10px;
}

ul.redmenu li, #right-content ul.redmenu li {
	background: url("../images/home_item_li.gif") no-repeat 0 5px;
	padding: 0 0 0 10px;
	margin: 0;
}

ul.redmenu li ul, #right-content ul.redmenu li ul {
	margin: 0;
}

ul.redmenu li li, #right-content ul.redmenu li li {
	background: url("../images/redmenu_second_li.gif") no-repeat 0 5px;
	margin: 0 0 0 5px;
}

#content ul.redmenu li a { color: #333333; }

ul.redmenu li a, #right-content ul.redmenu li a { color: red; }
ul.redmenu li a:hover, #right-content ul.redmenu li a:hover { color: #330099; }
ul.redmenu li .current { color: #333333; }

a.file {
	padding: 4px 0 4px 22px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}

a.ace { background-image: url("../images/extensions/ace.gif"); }
a.ai { background-image: url("../images/extensions/ai.gif"); }
a.avi {	background-image: url("../images/extensions/avi.gif"); }
a.blank { background-image: url("../images/extensions/blank.gif"); }
a.bmp { background-image: url("../images/extensions/bmp.gif"); }
a.csv { background-image: url("../images/extensions/csv.gif"); }
a.doc { background-image: url("../images/extensions/doc.gif"); }
a.eps { background-image: url("../images/extensions/eps.gif"); }
a.gif { background-image: url("../images/extensions/gif.gif"); }
a.jpeg { background-image: url("../images/extensions/jpeg.gif"); }
a.jpg { background-image: url("../images/extensions/jpg.gif"); }
a.mdb { background-image: url("../images/extensions/mdb.gif"); }
a.mov { background-image: url("../images/extensions/mov.gif"); }
a.mp3 { background-image: url("../images/extensions/mp3.gif"); }
a.mpeg { background-image: url("../images/extensions/mpeg.gif"); }
a.mpg { background-image: url("../images/extensions/mpg.gif"); }
a.pdf { background-image: url("../images/extensions/pdf.gif"); }
a.png { background-image: url("../images/extensions/png.gif"); }
a.rar { background-image: url("../images/extensions/rar.gif"); }
a.rm { background-image: url("../images/extensions/rm.gif"); }
a.tif { background-image: url("../images/extensions/tif.gif"); }
a.tiff { background-image: url("../images/extensions/tiff.gif"); }
a.wav { background-image: url("../images/extensions/wav.gif"); }
a.wmv { background-image: url("../images/extensions/wmv.gif"); }
a.xls { background-image: url("../images/extensions/xls.gif"); }