
html, body { padding: 0; margin: 0; } 
body {  text-align:center; background: #FFF url(../media/html_bg.gif) top center repeat-y; margin: 10px 0 0 0; }
#cont1 { margin-top: 0px; padding: 0px; float: left; width: 770px; background: #FFF url(../media/body_bg.gif) top left repeat-y; text-align: left; } 
#cont1, #cont2, #mainContent, #rightColumn, #leftColumn { display: inline; } 
#container { margin: 0 auto; width: 770px; }
#cont2 { float: right; width: 512px; text-align: left; } 
#mainContent { float: left; margin: 0 10px; width: 236px; background: transparent url(../media/productrange.gif) top left no-repeat; } 
#rightColumn { float: right; width: 236px; padding: 0px 10px;  background: transparent url(../media/submenu_kop.gif) top left no-repeat; } 
#rightColumnus { float: right; width: 236px; padding: 0px 10px;  background: transparent url(../media_us/submenu_kop.gif) top left no-repeat;  }
#leftColumn { float: left; margin: 0 10px; padding: 0 10px; width: 217px; } 
#header { clear: both; float:left; width: 100%; height: 270px; background: #FFF /*url(../media/header_bg.gif) top left repeat-y;*/ }
#headerus { clear: both; float:left; width: 100%; height: 270px; background: #FFF /*url(../media/header_bg.gif) top left repeat-y;*/ }
#subContent { clear: both; } 
#footer { clear: both; float:left; width: 100%; height: 30px; margin-bottom: 20px; background: #FFF url(../media/footer_bg.gif) top left no-repeat; }

#algemeen #cont1 { background: #FFF url(../media/body_algemeen_bg.gif) top left repeat-y; text-align: left; }
#algemeen #cont2 { float: left; width: 770px; padding-bottom: 265px; background: transparent url(../media/submenu_foto.jpg) bottom right no-repeat; } 
#algemeen #mainContent { float: left; width: 474px; background: none; padding: 0 10px;  }
#algemeen #leftColumn { display: none; } 
#algemeen #footer { background: #FFF url(../media/footer_algemeen_bg.gif) top left repeat-x; }

#product #cont1 { background: #FFF url(../media/body_product_bg.gif) top left repeat-y; text-align: left; }
#product #mainContent { background: none; padding: 0 10px; width: 216px; }

a { font-family: arial, serif; font-weight: bold; font-size: 11px; color: white; text-decoration: none; }
a:hover { text-decoration: none; }

#hoofdmenu ul { overflow: hidden; list-style: none; margin: 0; padding: 0 0; height: 36px; width: 770px; border: 1px solid black; border-width: 1px 0; background: #8C2F2F url(../media/hoofdmenu_ul_bg.gif) top left repeat-x;}
#hoofdmenu li ul { display: none; }
#hoofdmenu li { float: left; margin: 3px 0; padding: 0; border-right: 1px solid #E8888A; } 
#hoofdmenu li { background: #9C1A1C; }
#hoofdmenu li:hover, #hoofdmenu li.over {  }
/*#hoofdmenu li:hover, #hoofdmenu li.over { background: #8C2F2F url(../media/hoofdmenu_ul_bg-roll.gif) top left repeat-x; }*/
#hoofdmenu a.active { text-decoration: none; background: #8C2F2F url(../media/hoofdmenu_li_bg-roll.gif) top left repeat-x;}
#hoofdmenu a { float: left; height: 28px; line-height: 28px; padding: 0 10px; background: #8C2F2F url(../media/hoofdmenu_li_bg.gif) top left repeat-x; margin-right: 1px; }
#hoofdmenu a:hover { background: #8C2F2F url(../media/hoofdmenu_li_bg-roll.gif) top left repeat-x; }
#hoofdmen\u ul { height: 34px; } /* IE5.x hack. Eerst is height 36px gezet voor IE, en vervolgens 34 (welke IE5.x niet leest)*/

#submenu { position: relative; }
#submenu h1 { margin: 5px 0 10px 0; padding: 0; }
* html #submenu h1 { margin-top: 9px; }
#submenu img { margin: 0px; display: inline; }
#submenu ul { margin: 0; padding: 0; list-style: none; line-height: 25px; }
#submenu li { padding: 6px 0; border-bottom: 1px solid #CFD1CF; }
#submenu a { width: 235px; color: #343434; font-weight: normal; display: block; background: transparent url(../media/submenu_bg.gif) 227px 8px no-repeat; }
#submenu a:hover { background-color: #F0F0F0; text-decoration: none; }
#submenu a.active { background-color: #F0F0F0; }

#featurednewsitems h1 { margin: 5px 0 10px 0; padding: 0; }
#featurednewsitems p.geennieuws { margin: 0; padding: 0 0 10px 0; font-family: arial, serif; font-size: 12px; line-height: 12px; font-weight: bold; color: #D33336; text-decoration: none; border-bottom: 1px solid silver; }
* html #featurednewsitems h1 { margin-top: 9px; }

#headertop { height: 26px; position: relative; background: #FFF; }
#disclaimer { position: absolute; bottom: 7px; left: 0;  text-align: left; padding-right: 30px; font-family: arial, serif; font-size: 11px; font-weight: normal; color: #6E6E6E;}
#disclaimer a { font-family: arial, serif; font-size: 11px; font-weight: normal; color: #6E6E6E; text-decoration: underline; }
#disclaimer a:hover { background-color: #6E6E6E; color: #FFF; text-decoration: none; }
#disclaimer a.print { position: absolute; right: 0; text-decoration: none; text-indent: -9999px; height: 16px; width: 21px; background: transparent url(../media/print.gif) top left no-repeat; }
#language { position: absolute; right: 0; }
#language img { border: 0; float: left; margin: 4px 5px 0 0; }
* html #language img { margin-top: 3px; }
#language p { margin: 0; padding: 0; }
#language select { background: #E03D40; border: 1px solid #000; color: #FFF; font-family: arial, serif; font-weight: bold; font-size: 11px; }
#language ul { margin: 0 10px 0 0; padding: 0; list-style: none;}
#language ul li.select { background: transparent url(../media/taalkeuze_select.gif) top left no-repeat; width: 141px; height: 22px; }
#language ul#options { background: #E03D40; border: 1px solid black; display:none; width: 139px; list-style: none; text-align: left; margin: 0 10px 0 0; padding: 0; text-indent: 5px; }
#language ul#options a {display: block; width: 139px; height: 20px; line-height: 20px; }
#language ul#options a:hover { background: red; }


.flash1 { width: 770px; height: 199px; background: transparent url(../media/flash1.jpg) top left no-repeat; }
.flash2 { width: 770px; height: 199px; background: transparent url(../media/flash2.jpg) top left no-repeat; }
.flash3 { width: 770px; height: 199px; background: transparent url(../media/flash3.jpg) top left no-repeat; }
.flash4 { width: 770px; height: 199px; background: transparent url(../media/flash4.jpg) top left no-repeat; }
.flash5 { width: 770px; height: 199px; background: transparent url(../media/flash5.jpg) top left no-repeat; }
.flash6 { width: 770px; height: 199px; background: transparent url(../media/flash6.jpg) top left no-repeat; }

.flashEU1 { width: 770px; height: 199px; background: transparent url(../media/flash1.jpg) top left no-repeat; }
.flashEU2 { width: 770px; height: 199px; background: transparent url(../media/flash2.jpg) top left no-repeat; }
.flashEU3 { width: 770px; height: 199px; background: transparent url(../media/flash3.jpg) top left no-repeat; }
.flashEU4 { width: 770px; height: 199px; background: transparent url(../media/flash4.jpg) top left no-repeat; }
.flashEU5 { width: 770px; height: 199px; background: transparent url(../media/flash5.jpg) top left no-repeat; }
.flashEU6 { width: 770px; height: 199px; background: transparent url(../media/flash6.jpg) top left no-repeat; }
.flashUS1 { width: 770px; height: 199px; background: transparent url(../media/flash1.jpg) top left no-repeat; }
.flashUS2 { width: 770px; height: 199px; background: transparent url(../media/flash2.jpg) top left no-repeat; }
.flashUS3 { width: 770px; height: 199px; background: transparent url(../media/flash3.jpg) top left no-repeat; }
.flashUS4 { width: 770px; height: 199px; background: transparent url(../media/flash4.jpg) top left no-repeat; }
.flashUS5 { width: 770px; height: 199px; background: transparent url(../media/flash5.jpg) top left no-repeat; }
.flashUS6 { width: 770px; height: 199px; background: transparent url(../media/flash6.jpg) top left no-repeat; }


.newsitem { padding-bottom: 10px; border-bottom: 1px solid #CFD1CF; }
.newsitem h2 { font-family: arial, serif; font-size: 12px; font-weight: bold; color: #525551; }
.newsitem p { font-family: arial, serif; font-size: 12px; font-weight: normal; color: #343434; line-height: 20px; }
.newsitem a { font-family: arial, serif; font-size: 12px; line-height: 12px; font-weight: bold; color: #D33336; text-decoration: none; background: transparent url(../media/readmore.gif) right 4px no-repeat; padding-right: 13px; }
.newsitem a:hover { text-decoration: none; color: #FFF; background: #D33336 url(../media/readmore_hover.gif) 67px 4px no-repeat;}
.showallnewsitems { float: left; margin-top: 15px; color: #6E6E6E; text-decoration: underline; background: transparent url(../media/showall.gif) 117px 4px no-repeat; padding-right: 13px;}
.showallnewsitems:hover { color: #FFF; text-decoration: none; background: #6E6E6E url(../media/readmore_hover.gif) 117px 4px no-repeat; }

.productrange { position: relative; }
.productrange img { margin-top: 32px; display: inline; }
.productrange ul { margin: 0; padding: 0; position: absolute; top: 32px; left: 120px; list-style: none; line-height: 25px; }
.productrange a { padding: 4px; color: #D33336; font-weight: normal; }
.productrange a:hover { background-color: #D3D3D3; text-decoration: none; }

.homepagetext h1 { margin: 8px 0 0px 0; padding: 0; }
.homepagetext h2 { margin: 0; padding: 0; font-family: arial, serif; font-weight: bold; font-size: 12px; color: #D33336; }
.homepagetext img { margin: 0; padding: 0; border: 0; display: block; }
.homepagetext p { margin: 0; padding: 0; }
.homepagetext a { color: #D33336; text-decoration: underline; font-family: arial, serif; font-size: 12px; font-weight: normal; }
.homepagetext a:hover { background-color: #D33336; color: #FFF; text-decoration: none; }
.homepagetext .paragraaf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.homepagetext .paragraaf { line-height: 20px; margin: 0; padding: 0 0 20px 0; font-family: arial, serif; font-weight: normal; font-size: 12px; color: #343434; }
/* Hides from IE-mac \*/ * html .homepagetext .paragraaf { height: 1%; } /* End hide from IE-mac */
.topbutton { clear:both; background: transparent url(../media/topbutton.gif) top left no-repeat; width: 15px; height:15px; float: right; margin-bottom: 5px;  }

.content h1 { margin: 2px 0 0px 0; padding: 0; }
.content h2 { margin: 0; padding: 0; font-family: arial, serif; font-weight: bold; font-size: 12px; color: #D33336; }
.content h2 a { font-weight: bold; text-decoration: none; }
.content img { margin: 7px 10px 5px 0; padding: 0; border: 0; float: left; }
.content img.kop { float: none; }
.content p { margin: 0; padding: 0; }
.content a { color: #D33336; text-decoration: underline; font-family: arial, serif; font-size: 12px; font-weight: normal; }
.content a:hover { background-color: #D33336; color: #FFF; text-decoration: none; }
.content .paragraaf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content .paragraaf { line-height: 20px; margin: 0; padding: 0 0 20px 0; font-family: arial, serif; font-weight: normal; font-size: 12px; color: #343434; }
.content .paragraaf p { line-height: 20px; }
/* Hides from IE-mac \*/ * html .content .paragraaf { height: 1%; } /* End hide from IE-mac */
.topbutton { background: transparent url(../media/topbutton.gif) top left no-repeat; width: 15px; height:15px; float: right; margin-bottom: 5px;  }

.nieuws h2 { font-family: arial, serif; font-size: 12px; font-weight: bold; color: #525551; }
.nieuws a { font-family: arial, serif; font-size: 12px; line-height: 12px; font-weight: bold; color: #D33336; text-decoration: none; }
.nieuws a:hover { text-decoration: none; color: #FFF; background: #D33336 url(../media/readmore_hover.gif) 67px 4px no-repeat;}


#productoverzicht { position: relative; }
#productoverzicht h1 { margin: 5px 0 10px 0; padding: 0; }
* html #productoverzicht h1 { margin-top: 9px; }
#productoverzicht img { margin: 0px; display: inline; }
#productoverzicht ul { margin: 0; padding: 0; list-style: none; line-height: 25px; }
#productoverzicht li { padding: 6px 0;  }
#productoverzicht a { border-bottom: 1px solid #CFD1CF; width: 235px; color: #343434; font-weight: normal; display: block; background: transparent url(../media/submenu_bg.gif) 227px 8px no-repeat; }
#productoverzicht a:hover { background-color: #F0F0F0; text-decoration: none; }
#productoverzicht a.active { background-color: #F0F0F0; }
#productoverzicht .sub a { text-indent: 30px; background: #F0F0F0; border: 0; }
#productoverzicht .sub li.active a { text-indent: 30px; background: #F0F0F0; border: 0; color: #D33336;}
#productoverzicht .sub a:hover { color: #D33336; background: #F0F0F0; border: 0; }
#productoverzicht .sub { margin-top: 10px; }
#productoverzicht .sub li { padding: 0; border-bottom: 0; }
#productoverzicht .subsub a { text-indent: 50px; background: #F0F0F0; border: 0; }
#productoverzicht .subsub li.active a { text-indent: 50px; background: #F0F0F0; border: 0; color: #D33336;}
#productoverzicht .subsub a:hover { color: #D33336; background: #F0F0F0; border: 0; }
#productoverzicht .subsub { margin-top: 0px; }
#productoverzicht .subsub li { padding: 0; border-bottom: 0; }

.producttext h1 { margin: 8px 0 10px 0; padding: 0; }
.producttext h2 { margin: 0; padding: 0; font-family: arial, serif; font-weight: bold; font-size: 12px; color: #D33336; }
.producttext img { margin: 0; padding: 0; border: 0; display: block; }
.producttext p { margin: 0; padding: 0; }
.producttext a { color: #D33336; text-decoration: underline; font-family: arial, serif; font-size: 12px; font-weight: normal; }
.producttext a:hover { background-color: #D33336; color: #FFF; text-decoration: none; }
.producttext .paragraaf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.producttext .paragraaf { line-height: 25px; margin: 0; padding: 0 0 20px 0; font-family: arial, serif; font-weight: normal; font-size: 12px; color: #343434; }
/* Hides from IE-mac \*/ * html .producttext .paragraaf { height: 1%; } /* End hide from IE-mac */
.producttext strong { color: #D33336; }

.productexample h1 { margin: 8px 0 0px 0; padding: 0; }
.productexample img.thumbnail { width: 60px; height: 60px; border: 1px solid black; margin-right: 7px;  }
/*
#contactform { }
#contactform label {display: block; margin: 10px 0; font-size: 12px; }
#contactform input, #contactform textarea { position: absolute; left: 200px; }
#contactform input.submit, #contactform input.reset { position: relative; top:50px; left: 0; border: 1px solid black; background-color: #D33336; font-size: 10px; color: #FFF; }
*/
#contactform {  }
#contactform span { margin-top: 0px;float: left; width: 180px; font-family: arial, serif; font-weight: normal; color: #000;}
#contactform label { display: block; margin: 10px 0; font-size: 12px; }
#contactform input, #contactform textarea { width: 200px;  }
#contactform .radio, #contactform .checkbox { width: auto; }
#contactform input.submit, #contactform input.reset { border: 1px solid black; background-color: #D33336; font-size: 10px; color: #FFF; width: 60px; }
#contactform input.reset { width: 60px; }


#bannerUS {margin:0 0 11px 0; padding: 0px 0 0 0; }
*HTML #bannerUS {margin:0 0 21px 0; padding: 0px 0 0 0; text-align: center; }
#bannerEU{display:none;}


.questinair_checkblok{ float:left; width:155px; height:20px; }

.questinair_checkblokOther{width:300px; height:20px; }
#contactform input.questionRadio { width:auto; }

#left1 { float: left; background-color: transparant; height: 30px; width: 150px; margin-top: 15px; padding: 0px;}
#left1 label { margin: 0px; }
#right1 { float: right; background-color: transparant; height: 30px; width: 295px; margin-top: 18px; padding: 0px; }


#left { float: left; background-color: transparant; height: 120px; width: 150px; margin-top: 22px; padding: 0px;}
#left label { margin: 0px; }
#right { float: right; background-color: transparant; height: 120px; width: 295px; margin-top: 20px; padding: 0px;}

#mainContent img.geslacht {margin: 0px; padding: 0px;}
#contactform img {float:none; padding: 0px; margin: 0px;}

#indien 
	{margin-left:180px; padding: 0px; width: 20px; height: 40px;}

#afmeld fieldset { border: 0; }
#afmeld legend { display: none; }
#afmeld .left { float: left; width: 20px; border: 0px solid green; }
#afmeld .right { float: left; margin-left: 5px; border: 0px solid red; width: 400px; }	
#afmeld label.radio { font-size: 12px; }
#afmeld input { }
#afmeld input.text { float: none; width: 200px;  }
#afmeld input.submit{ border: 0; background: url(/media/submit.png) 0 0 no-repeat; width: 60px; height: 18px; font-size: 10px; color: #fff; font-family: arial}
#afmeld .field { clear: both; }
