/* Start of CMSMS style sheet 'Stylesheet' */
/* CSS Document */

html, body {
margin:0;
padding:0;
height:100%;
background: #f7af4b url(uploads/designimgs/achtergrond.jpg) repeat-x;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
color: #f39f35;
text-decoration: none;
}

#container {
min-height:100%;
position:relative;
}

#header {
width: 100%;
padding-top:0;
}

#zwarte_rand {
width: 800px;
height: 3px;
background: #000;
margin: auto;
}

#body {
margin-bottom: -10px;
}

#body_inhoud {
position: relative;
width: 800px;
margin: auto;
background: url(uploads/designimgs/achtergrond-content.png) no-repeat;
z-index: 2;
}

#pagina_afbeelding_container {
position: relative;
width: 800px;
margin: auto;
}

#pagina_afbeelding {
position: absolute;
width: 341px;
height: 287px;
top: 0;
right: 0;
background: #00FFFF;
z-index: 1;
}



/* Linker helft */

#links {
width: 400px;
min-height: 500px;
padding-top: 195px;
padding-left: 22px;
padding-bottom: 15px;
}

#links h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 0;
}

#links h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 15px 0 0 0;
}

#links h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 15px 0 0 0;
}

#links p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 10px;
line-height: 17px;
}

img#logo {
position: absolute;
left: 22px;
top: 40px;
}

#foto1en2 {
position: absolute;
width: 155px;
height: 314px;
top: 374px;
left: 493px;
}

#foto1en2 img {
margin-bottom: 8px;
}

#overlay_foto1 {
position: absolute;
z-index: 100;
width: 155px;
height: 154px;
background: url(uploads/designimgs/overlay-foto1.png) no-repeat;
}

#overlay_foto2 {
position: absolute;
z-index: 100;
width: 156px;
height: 154px;
top: 162px;
left: -1px;
background: url(uploads/designimgs/overlay-foto2.png) no-repeat;
}

/* Search bar */
#search_box {
width: 108px;
height: 17px;
background: url(uploads/designimgs/search-bar.jpg) no-repeat;
position: absolute;
right: 10px;
top: 445px;
z-index: 10;
}

#search_box #s {
float: left;
padding: 0;
margin: 2px 0 0 2px;
border: 0;
width: 87px;
background: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align: right;
}

#search_box #go {
float: right;
margin-top: 0px;
}

ul.search, ul.search a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* End of searchbar */

#twinlock {
position: absolute;
width: 85px;
height: 39px;
right: 30px;
bottom: 15px;
}

/* Menu */

#oranje_cirkel {
position: absolute;
width: 314px;
height: 430px;
background: url(uploads/designimgs/100-quarantee.png) no-repeat;
left: 486px;
z-index: 2;
}

#menu {
position: absolute;
right: 310px;
top: 40px;
z-index: 3;
*right: 210px;
*padding-right: 100px;
}

#menu ul {
list-style: none;
margin: 0;
}



#menu a {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000;
text-align: right;
padding-right: 20px;
margin-bottom: 15px;
background: url(uploads/designimgs/balletje.png) no-repeat right;
}

#menu a:hover {
color: #f39f35;
}

#menu ul li.currentpage a, #menu ul li.menuactive a {
color: #f39f35;
}

#menu ul li.currentpage a {
background: url(uploads/designimgs/balletje.png) no-repeat right;
}

#menu ul li.menuactive a {
background: url(uploads/designimgs/balletje-pijltje.png) no-repeat right;
}

#menu ul li a.childclass{
background: url(uploads/designimgs/balletje-pijltje.png) no-repeat right;
}

#menu a#home {
margin-right: -12px;
}

#menu a#products {
margin-right: -9px;
}

#menu a#retailers {
margin-right: -9px;
}

#menu a#news {
margin-right: -13px;
*margin-right: -15px;
}

#menu a#sustainability {
margin-right: -19px;
*margin-right: -27px;
}

#menu a#exhibitions {
margin-right: -33px;
*margin-right: -41px;
}

#menu a#data-sheets {
margin-right: -50px;
*margin-right: -63px;
}

#menu a#contact {
margin-right: -74px;
*margin-right: -97px;
}

#menu ul li ul {
display: none;
}

#products_sub{
position: absolute;
z-index: 5;
left: 465px;
top: 50px;
display: none;
margin-left: 40px;
}

#products_sub ul {
list-style: none;
padding: 0;
*margin-top: 23px;
*margin-left: 2px;
}

#products_sub ul a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-decoration: none;
}

#products_sub ul a:hover {
color: #f39f35;
}

#news_sub{
position: absolute;
z-index: 5;
left: 455px;
top: 110px;
display: none;
margin-left: 57px;
}

#news_sub ul {
list-style: none;
padding: 0;
*margin-top: 23px;
*margin-left: 2px;
}

#news_sub ul a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-decoration: none;
}

#news_sub ul a:hover {
color: #f39f37;
}

#products_sub ul li.currentpage a, #news_sub ul li.currentpage a {
color: #f39f35;
}

#achtergrond{
position: absolute;
background-color: #FFF;
z-index: 1;
left: 500px;
width:300px;
-moz-opacity:.90;
filter:alpha(opacity=90);
opacity:.90;
}

/* Einde menu */

/* Footer */

#footer {
bottom:0;
width:100%;
height:28px;   /* Height of the footer */
clear: both;
margin-top: 10px;
}

#footer_inhoud {
width: 800px;
margin: auto;
height: 28px;
background: url(uploads/designimgs/footer.jpg) repeat-x;
clear: both;
}
/* End of 'Stylesheet' */