* { margin: 0; padding: 0 }

html { background: #fff url(htmlBackground.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

#body { width: 924px; position: absolute; left: 50%; margin-left: -462px; }

#top { width: 924px; height: 227px; background: url(topBackground.png) no-repeat; }
#top h1 a { display: block; width: 300px; height: 100px; position: absolute; left: 20px; top: 50px; text-indent: -100em; }

#printLogo { display: none; }

#topNavigation { float: right; padding-right: 36px; }
#topNavigation div { float: left; position: relative; top: 20px; }
#topNavigation ul { list-style-type: none; margin-top: 7px; margin-right: 20px; }
#topNavigation li { float: left; }
#topNavigation a { display: block; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; }
#topNavigation a:hover, #mainNavigation li.active a { color: #0099dd; }

#letterSize a { text-indent: -1000em; padding: 0; height: 26px; }
#letterSize a.normal { width: 16px; background: url(letterSize01.png) no-repeat; }
#letterSize a.large { width: 20px; background: url(letterSize02.png) no-repeat; }
#letterSize a.extralarge { width: 25px; background: url(letterSize03.png) no-repeat; }

#printButton { padding-top: 9px; padding-left: 9px; }
#printButton a { display: block; text-indent: -1000em; width: 22px; height: 21px; background: url(print.jpg) no-repeat; }

#search { margin-left: 1em; margin-top: -10px; }
#search div { float: left; }
#search div.inputText { width: 125px; height: 20px; background: url(searchInput.png) no-repeat; }
#search div.inputSubmit { width: 50px; height: 20px; background: url(searchSubmit.png) no-repeat; }
#search input { background: transparent; border: 0; height: 20px; }
#search input.text { width: 115px; height: 20px; padding: 0 5px 0 5px; }
#search input.submit { color: #fff; font-size: 0.9em; text-align: center; width: 50px; cursor: pointer; padding-top: 0px; }
#search label { display: none; }

#flashHeader { width: 576px; height: 107px; float: right; position: relative; top: 24px; right: 8px; outline: none; }

#bottomNavigation { position: absolute; left: 26px; top: 190px; width: 100%; }
#bottomNavigation ul { list-style-type: none; }
#bottomNavigation li { float: left; margin-right: 2em; }
#bottomNavigation a { display: block; color: #666666; text-decoration: none; padding: 3px 10px 11px 10px; }
#bottomNavigation a:hover, #bottomNavigation li.active a { color: #0D124A; }
#bottomNavigation ul ul { list-style-type: none; position: absolute; top: 30px; margin-left: -10px; }
#bottomNavigation ul ul li { float: left; margin: 0; padding-right: 0; }
#bottomNavigation ul ul li.first { width: 12px; background: url(subNavigationLeft.png) no-repeat; display: block; height: 42px; }
#bottomNavigation ul ul li.last { width: 14px; background: url(subNavigationRight.png) no-repeat; display: block; height: 42px; }
#bottomNavigation ul li.active ul a { display: block; height: 23px; float: left; padding: 10px; background: url(subNavigationBackground.png) left bottom repeat-x; color: #fff; }
#bottomNavigation ul li.active ul a:hover, #bottomNavigation ul li.active ul li.active a { color: #16194a; }

#content { background: url(contentBackground.png) repeat-y; float: left; }

#subNavigation { height: 42px; /* position: relative; top: -7px; */ }
#subNavigation ul { list-style-type: none; }
#subNavigation li { float: left; }
#subNavigation a { display: block; height: 22px; float: left; padding: 10px 20px 10px 20px; background: url(subNavigationBackground.png) repeat-x; color: #fff; text-decoration: none; }
#subNavigation a:hover, #subNavigation a.active { color: #16194a; }

#mainContent { width: 590px; float: left; padding: 0 18px 0 36px; padding-bottom: 2em; }
#mainContent h1, #mainContent h2, #mainContent h3 { font-weight: normal; color: #0099dd; margin: .75em 0 .75em 0; font-size: 2em; }
#mainContent h2 { font-size: 1.25em; margin-bottom: .25em; }
#mainContent h3 { font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: .25em; }
#mainContent p, #mainContent table { line-height: 1.5em; margin-bottom: .75em; color: #666666; }
#mainContent p.introduction { font-size: 1.2em; color: #0099dd; }
#mainContent p.error { font-weight: bold; color: #ff0000; }
#mainContent a { color: #0099dd; text-decoration: none; }
#mainContent a:hover { text-decoration: underline; }
#mainContent ul, #mainContent ol { margin-left: 2em; margin-bottom: .75em; }
#mainContent li { line-height: 1.5em; color: #666666; }
#mainContent img { margin-left: 1em; }
#mainContent .innerContent { width: 482px; padding-right: 18px; float: left; }
#mainContent .outerContent { width: 90px; float: left; padding-top: 70px; }
#mainContent .innerContent .thumbnail { float: right; margin-left: 1em; }
#mainContent .innerContent .thumbnail p { font-size: 0.8em; font-style: italic; text-align: center; margin: 0; }
#mainContent .innerContent .thumbnail img { border: 0; }
#mainContent .outerContent ul { list-style-type: none; margin: 0; }
#mainContent .outerContent li a { display: block; width: 90px; height: 30px; padding-top: 60px; text-align: center; background: url(pdfButton.png) center top no-repeat; margin-bottom: 1em; line-height: 1em; }
#mainContent fieldset { border: 0; margin-bottom: 1em; }
#mainContent legend { display: none; }
#mainContent label { color: #666; }
#mainContent label span, span.red { color: #ff0000; font-weight: bold; }
#mainContent fieldset.proefpakket label { display: block; clear: both; line-height: 1.5em; }
#mainContent fieldset.proefpakket input { margin-right: 1em; }
#mainContent fieldset.producten label { display: block; float: left; width: 100px; }
#mainContent fieldset.producten input { margin-right: 1em; }
#mainContent fieldset.contact label { display: block; width: 63px; float: left; padding-top: 3px;  }
#mainContent fieldset.contact div { float: left; }
#mainContent fieldset.contact div.small { width: 134px; height: 33px; background: url(inputSmall.png) no-repeat; margin-right: 18px; }
#mainContent fieldset.contact div.medium { width: 294px; height: 32px; background: url(inputMedium.png) no-repeat; }
#mainContent fieldset.contact div.large { width: 509px; height: 33px; background: url(inputLarge.png) no-repeat; }
#mainContent fieldset.contact input { margin-left: 9px; margin-top: 7px; border: 0; background: transparent; }
#mainContent fieldset.contact input.small { width: 110px; }
#mainContent fieldset.contact input.medium { width: 270px; }
#mainContent fieldset.contact input.large { width: 485px; }
#mainContent fieldset.opmerkingen label { /* letter-spacing: -1px; display: block; float: left; width: 63px; */ }
#mainContent fieldset.opmerkingen div.textarea { margin-left: 63px; width: 489px; height: 133px; background: url(textarea.png) no-repeat; padding: 10px; }
#mainContent fieldset.opmerkingen textarea { width: 484px; height: 128px; font-family: Arial, Helvetica, sans-serif; border: 0; color: #333; font-size: 0.9em;  }
#mainContent fieldset.verzenden input { border: 0; background: 0; color: #fff; cursor: pointer; background: url(inputSubmit.png) no-repeat; width: 99px; height: 34px; float: right; margin-right: 18px; }
#mainContent div.aanhef { clear: both; display: block; width: 582px; margin-bottom: 8px; color: #666; }
#mainContent table.productTabel { width: 100%; border-collapse: collapse; border-spacing: 0; }
#mainContent table.productTabel td, #mainContent table.productTabel th { border-bottom: 1px solid #ccc; padding: 3px 0; }
#mainContent table.productTabel th { border-bottom: 1px solid #999; color: #09d; font-weight: normal; text-align: left; }

#faq { margin-bottom: .75em; width: 572px; }
#faq ul { margin: 0; }
#faq li { margin: 0; padding: 0; list-style-type: none; /* width: 532px; height: 19px; */ padding: 3px 20px 3px 20px; border: 1px solid #ccc; background: url(faqList.png) no-repeat; border-bottom: 1px solid #eee; }
#faq li li { background: none; clear: both; border: none; list-style-type: disc; padding-left: 0px; margin-left: 20px; }
#faq li li div { padding-left: 2em; }
#faq p { color: #0099dd; margin-bottom: .5em; }

#beslisboom { width: 314px; margin-left: 129px; }
#beslisboom ul, #beslisboom li { padding: 0; margin-bottom: 0; }
#beslisboom h2 { color: #fff; font-size: 1.2em; padding: 10px; padding-left: 50px; margin: 0; }
#beslisboom h3 { margin: 0; padding-left: 15px; color: #666; }
#beslisboom li { padding-bottom: 5px; padding-right: 15px; }
#beslisboom li.vorige { margin-top: 1em; border-top: 1px solid #AFE6FF; margin-right: 2em; list-style-type: none; }
#beslisboom .header { width: 314px; height: 36px; background: url(beslisboomHeader.png) no-repeat; }
#beslisboom .content { width: 294px; background: url(beslisboomBackground.png) repeat-y; padding: 10px; }
#beslisboom .footer { width: 314px; height: 15px; background: url(beslisboomFooter.png) no-repeat; }
#beslisboom .question { display: none; }

#breadCrumbs { border-bottom: 1px solid #0099dd; }
#breadCrumbs p { padding: 10px 0 10px 0; color: #0099dd; font-size: 0.8em; }
#breadCrumbs p a { color: #666666; text-decoration: none; }

#sideContent { width: 280px; float: left; }
#sideContent .banner { margin-bottom: 6px; }
#sideContent .banner a { color: #0D124A; text-decoration: none; font-size: 1.1em; text-align: center; padding-top: 20px; }
#sideContent .banner a:hover { color: #0099dd; }
#sideContent img { border: 0; }
#sideContent a.actie { display: block; width: 150px; height: 149px; background: url("button.png") no-repeat; outline: none; margin: 20px 0 0 40px; text-align: center; text-decoration: none; font-size: 20px;}
#sideContent a.actie span { color: #fff; text-decoration: none; position: relative; top: 20px; left: -1px; line-height: 23px;
	display: block;
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}

#footer { width: 924px; height: 53px; background: url(footerBackground.png) no-repeat; clear: both; padding: 15px 0 0 15px; }
#footer ul { list-style-type: none; }
#footer ul li { float: left; padding-left: 21px; }
#footer ul li.alignRight { float: right; margin-top: -4px; padding-right: 40px; }
#footer ul li.alignRight span { position: relative; top: -10px; }
#footer ul li.alignRight img { display: inline; margin-top: 0px; border: 1px solid #fff; height: 25px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* popup: */
#popup { position: absolute; width: 100%; height: 100%; z-index: 100; background: url(popupBg.png); display: none; }
#frame { position: absolute; width: 640px; left: 50%; margin-left: -150px; background: #fff; }
#frame h1 { background: #09d; font-weight: normal; color: #fff; margin: 0; padding: 5px 0; width: 100%; height: 30px; text-indent: 5px; font-size: 2em; }
#frame h1.judith { background: #09d url(judith.jpg) 10px bottom no-repeat; text-indent: 60px; }
#frame a.close { display: block; width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 2em; }
#frame .container { padding: 15px; }
#frame .container form div { height: 20px; padding: 5px; background: url(input.png) top right no-repeat; width: 404px; }
#frame .container .left { width: 460px; float: left; background: none; }
#frame .container .right { width: 150px; float: right; background: none; }
#frame label { display: block; width: 160px; float: left; font-size: 0.9em; color: #666; }
#frame input { float: left; background: transparent; border: 0; width: 194px; background: transparent; margin-left: 5px; }
#frame input.submit { width: 139px; height: 32px; /* clear: both; margin-left: 235px; float: none; */ float: right; }
#frame form { margin-bottom: 1em; }
#frame p { margin-bottom: 1em; color: #666; font-size: 0.9em; }
#frame p.informatie { color: #09d; font-size: 1.2em; }
#frame div.footer { clear: both; width: 610px; padding: 0; margin: 0; }
#frame .right div { background: none; width: auto; height: auto; }
#frame .links { display: block; }
#frame .links a { display: block; width: 138px; padding: 5px; color: #fff; text-decoration: none; background: #009AE0; font-size: 0.8em; text-align: center; margin-bottom: 10px; }
#frame .links a:hover { color: #0d124a; }
#frame .container form div.bottom { background: none; padding: 0; width: 415px; }

#player { width: 800px; height: 450px; background: #fff; position: absolute; left: 50%; margin-left: -410px; top: 0; padding: 10px; }
#player a.close { position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; background: url("close.png") no-repeat; text-indent: -1000em; outline: none; z-index: 3; }
a.movie, a.movie2, a.movie3 { background: url("movie.png") 18px 0 no-repeat; display: block; width: 90px; padding-top: 60px; text-align: center; margin-bottom: 20px; }

#player iframe { position: absolute; left: 10px; top: 10px; border: none; width: 800px; height: 450px; }
var { display: none; }