/* reset browser defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;	color: black; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }



/*classes*/
.first { margin-left:0 !important; }
.last { margin-right:0 !important; }
.top { margin-top:0 !important; }
.bottom{ margin-bottom:0 !important; }
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.imagereplaced { margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999999px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; }
.clear { clear:both; }
.navigation { list-style:none; list-style-type:none; margin:0; }
.navigation.horizontal:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
.navigation.horizontal li { float:left; display:inline ; }	
.hidden, .print{ display:none; }
.rounded { -moz-border-radius:.5em; -webkit-border-radius:.5em; }
.fade { opacity: 0.5; -moz-opacity: 0.5; }
.transition {  }
.shadow { text-shadow: 2px 2px 2px #000; }
ul.shadow, table.shadow, p.shadow, button.shadow { box-shadow: 10px 10px 5px #888; text-shadow:none; -webkit-box-shadow: #888 2px 2px 4px; }

.box { border:1px solid #CCC; margin-bottom:0.5em; padding:1em 2em; width:20%; }
.box.left, .pullquote.left { margin-right:2em; }
.box.right, .pullquote.right { margin-left:2em; }
.pullquote { border-right:1px solid #CCCCCC; color:#777777; font-size:1.1em; font-family:Georgia; font-style:italic; margin-bottom:0.5em; padding-right:2em; text-align:right; width:20%; }


/*type*/
html { font-size:62.5%; } body { background:#fff; margin:0; padding:0; }	
h1, h2, h3, h4, h5, h6 { font: normal normal normal 1em/1.4em Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#b00d0d; margin-bottom:.3em; }
body { font: normal normal normal 1.2em/1.6em Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#303030; }		
em { font-style: italic; }
strong { color:#b00d0d; }

h1 { font-size:1.6em; }
h2 { font-size:1.4em; margin-top:10px; }
h3 { font-size:1.2em; margin-top:10px; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
h6 { font-size:1em; }
a, a:visited, a h1  { text-decoration:underline; color:#b00d0d; }
a:hover { color:#b00d0d; text-decoration: none; }
p { display:block; margin:0em 0em 1em 0em;  }


/*navigation */


/*structure*/
body, html { height:100%; }
body { background:#ececec url(../img/bg-repeat.png) repeat-x center top;  }


#sitewrapper { min-height:1167px; background: transparent url(../img/site-bg.png) no-repeat center top; position:relative; padding-bottom:10px; }
#sitewrapper.eng { min-height:1257px; background: transparent url(../img/site-bg.png) no-repeat center top; position:relative; padding-bottom:10px;  }

#header { width:960px; margin:0px auto; margin-bottom: 50px; }
#header #logo { width:331px; height:125px; display: block; background:url(../img/logo.png) no-repeat center top; margin-left:-10px; } 
#header span.language { color:#2d2d2d; font-size:0.8em; margin-top:-100px; }
#header span.language a { color:#2d2d2d; }
#header span.language ul#langswitch { list-style:none; list-style-type:none; height:29px; }
ul#langswitch li { border-right:1px solid #cbcaca; width:50px; height:22px;  padding-top:2px; }
ul#langswitch li.last { border-right:none; padding-right:0px; margin-right:0px; padding-left:15px; }
ul#langswitch li.active { color:#fff; background:url(../img/lang-active.png) no-repeat left bottom; padding-left:11px; width:40px; }
#sitewrapper.eng ul#langswitch li.active { padding-left:7px }


#content { width:960px; margin:0px auto; }
#content #tagline { width:inherit; height:53px; background:url(../img/tagline.png) no-repeat center top; margin-left:-4px; margin-bottom:35px; }
#content #tagline-en { width:inherit; height:53px; background:url(../img/tagline-en.png) no-repeat center top; margin-left:-4px; margin-bottom:35px; }
#content p.introduction { font-size:1.2em; line-height:1.8; width:460px; text-shadow: 1px 1px 0px #fff; margin-bottom:80px; }

#content #products { width:608px; margin-right:60px; }
#content #products #productheader { width:608px; height:48px; background:url(../img/producten-bg.png) no-repeat center top; margin-bottom:30px;} 
#content #products #productheader-en { width:608px; height:48px; background:url(../img/products-bg.png) no-repeat center top; margin-bottom:30px;} 

#content #products p { margin-bottom: 22px; }
#content #products #productslist { list-style: none; list-style-type:none;  }
#content #products #productslist li { font-size:1.1em; padding-bottom:30px; margin-bottom:30px; background:url(../img/hr.png) no-repeat center bottom; text-shadow: 1px 1px 0px #fff;  }

#content #contact #newsletter { width:260px; padding:15px 15px 0px 15px; height:181px; background:url(../img/newsletter-bg.png) no-repeat left bottom; margin-bottom:20px; }
#content #contact #newsletter h3#newsheader { width:129px; height:16px; background:url(../img/newsletter-header.png) no-repeat center bottom; }
#content #contact #newsletter h3#newsheader-en { width:129px; height:16px; background:url(../img/newsletter-header-en.png) no-repeat center bottom; }

#content #contact  p { font-size:0.9em; text-shadow: 1px 1px 0px #fff; }
#content #contact input.textfield { border:none; background:none; color:#696767; color:#4c4c4c; font-family:Arial, Verdana, Tahoma; height:28px; width:230px;}
#content #contact div.inputcontainer { padding-left:10px; width:246px; height:28px; background:url(../img/input-bg.png) no-repeat left top; margin-bottom:8px; padding-bottom:0px; }
#content #contact div.textareacontainer { width:246px; height:113px; background:url(../img/textarea-bg.png) no-repeat left top; margin-bottom:8px; padding-bottom:0px; padding-top:10px; padding-left:10px; }
#content #contact textarea { width:226px; height:93px; background:none; border:none;color:#4c4c4c; font-family:Arial, Verdana, Tahoma; font-size:0.9em; }

#content #contact input.formsubmit { border:none; background:url(../img/button-bg.png) no-repeat center bottom; width:79px; height:32px; color:#4c4c4c; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Tahoma; cursor:pointer; float:right; margin-right:12px;}
#content #contact input.formsubmit:hover { background:url(../img/button-bg-hover.png) no-repeat center bottom; }

#content #contact form#messageform input.formsubmit { margin-top:-10px; }

#content #contact #contactform { width:260px; height:307px; padding:15px 15px 0px 15px; background:url(../img/form-bg.png) no-repeat left bottom; }
#content #contact #contactform h3#contactheader { width:171px; height:16px; background:url(../img/contact-header.png) no-repeat center bottom; }
#content #contact #contactform h3#contactheader-en { width:171px; height:16px; background:url(../img/contact-header-en.png) no-repeat center bottom; }


#footer { height:46px; width:100%; background:url(../img/footer-bg.png) repeat-x left top; position:absolute; bottom:0px;  }
#footer #footercontent { list-style:none; list-style-type:none; width:690px;  height:31px;  padding-top:15px; margin:0px auto; }
#footer #footercontent li { padding-right:25px; margin-right:25px; background:url(../img/footer-divider.png) no-repeat right center; font-size:0.9em; color:#4a4949; text-shadow: 1px 1px 0px #fff;}
#footer #footercontent li:last-child { background:none; }

#content .col { float:left; display:inline; }