
* { margin: 0; padding: 0; }

html, body { background: #fff url(../images/bg.png) repeat-x; }

body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif; color: #454141; }

.clearfloat { clear: both; height: 0px; }

img { border: 0px; }

p, ul, ol { margin-bottom: 18px; }

h1, h2, h3 { /*	text-transform: uppercase;*/ font-size: 12px; line-height: 18px; }

a:link, a:visited { color: #da2521; text-decoration: none; }

a:link:hover, a:visited:hover { color: #00a0d3; text-decoration: underline; }

a:link:active, a:visited:active { color: #000; }

.pdf { background: url(../images/pdf.png) no-repeat 0 2px; padding-left: 35px; font-size: 11px; line-height: 16px; }

/* HEADER */
#header { width: 1024px; margin: 4px auto 0; height: 377px; padding: 0 9px; background-image: url(../images/header.png); position: relative; overflow: hidden; }

#header #logo { z-index: 0; position: absolute; background-image: url(../images/logo.png); width: 431px; height: 78px; display: block; text-indent: -9999px; left: 232px; bottom: 21px; }

#header #banner { z-index: 0; position: absolute; width: 150px; height: 150px; display: block; text-indent: -9999px; left: 132px; bottom: 132px; }

#header #quality { z-index: 0; position: absolute; background-image: url(../images/quality.png); width: 87px; height: 90px; display: block; text-indent: -9999px; top: 254px; right: 46px; }

#header #navigation { position: absolute; z-index: 0; height: 41px; top: 21px; width: 880px; left: 9px; list-style-type: none; padding-left: 144px; padding-top: 5px; background: url(../images/navigation.png) 0 0; }

#header #navigation li { float: left; background: url(../images/navigation-seperator.png) no-repeat right 0; }

#header #navigation li.last { background-image: none; width: 122px; }

#header #navigation li.last a { padding-right: 0; }

#header #navigation li a { float: left; color: #b1afae; text-decoration: none; font-size: 10px; padding: 0 9px; }

#header #navigation li a:hover, #header #navigation li a#current:hover { text-decoration: none; color: #fff; }

#header #navigation li a#current { text-decoration: none; color: #d6d6d6; /*#da2521;*/ }

#header #navigation li a strong { font-size: 12px; line-height: 18px; display: block; }

#header img { position: absolute; top: 9px; left: 9px; z-index: 0; }

#header #langform { position: relative; float: right; z-index: 0; height: 21px; top: 62px; left: 9px; list-style-type: none; margin-right: 20px; margin-top: 20px; background: none; color: #D6D6D6; padding: 4px; background-color: #2b2828; width: 160px; }

#header #langform #langspan { cursor: pointer; }

#header #langform ul#langdiv { list-style: none; width: 160px; margin-top: 7px; padding: 4px; background-color: #D6D6D6; margin-left: -4px; }

#header #langform ul#langdiv li { height: 20px; vertical-align: middle; }

#header #langform ul#langdiv li a{ color: black; text-decoration: none; outline: none; }

#header #langform ul#langdiv li a:hover { color: #FFFFFF; text-decoration: none; }

img.vlag{ position: relative !important; padding-right: 5px; float: left; top: 0px !important; left: 0px !important; vertical-align: middle; }

/* MAIN */
#main { width: 1024px; margin: 0 auto; background: url(../images/content.png) repeat-y; padding: 32px 9px 0; overflow: hidden; }

#main h1 { font-size: 18px; line-height: 22px; }

#main h2 { font-size: 14px; line-height: 20px; font-weight: normal; font-style: normal; }

#main h3 { font-size: 11px; line-height: 20px; font-weight: bold; font-style: normal; border-bottom: 1px solid #454141; background-color: #454141; color: white; padding: 4px; margin-bottom: 10px; }

#main p.cat { font-size: 13px; line-height: 20px; font-weight: bold; font-style: italic; color: #da2521; }

#main .imgright { float: right; }

#main .imgright15 { float: right; margin-left: 15px; }

#main #textcolumn { width: 422px; display: block; }

#main #linebox { width: auto; display: block; padding: bottom: 10px; border-bottom: 1px solid #454141; overflow: hidden; }

#main ul li { list-style-position: outside; list-style-type: square; line-height: 20px; margin-left: 15px; }

#main #colwrap { float: left; width: auto; margin-top: 0px; margin-left: 0px; border: 0px solid #f0f0f0; padding-left: 32px; }

#main #ingredients { margin-left: 0px; margin-top: 0px; width: 221px; height: 250px; margin-bottom: 0px; float: left; display: inline; }

#main #automatics { margin-left: 0px; margin-top: 0px; width: 239px; height: 250px; margin-bottom: 0px; float: left; display: inline; }

img.vaag:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

#main #disposables { margin-left: 0px; margin-top: 0px; width: 298px; height: 250px; margin-bottom: 0px; float: left; display: inline; }

#main #filter { margin-left: 0px; margin-top: 0px; width: 169px; height: 250px; margin-bottom: 0px; float: left; display: inline; }

/* --- */
#main #content { padding-bottom: 1px; float: right; width: 682px; padding-right: 32px; }

/* --- */
#main #sidebar { float: left; width: 247px; padding-left: 32px; }

/* FOOTER */
#footer { width: 1024px; margin: 0 auto; background: url(../images/footer.png) 0 bottom; height: 71px; padding: 0 9px; position: relative; }

#footer #upto { z-index: 0; width: 294px; height: 45px; display: inline; text-indent: -9999px; background-image: url(../images/upto.png); float: right; margin-right: 32px; margin-top: 7px; }

table { font-size: 10px; }

#bestelformulier { margin: 0 auto; width: 720px; text-align: left; padding: 10px; }

.input{ width: 500px; }

.mceEditor{ width: 500px; height: 300px; margin: 5px 0px 15px; }
	
