/*
Ratio rood:         #f30505;
Ratio lichtgrijs:   #d7d7d7;
Ratio donkergrijs:  #999999;
*/

body { border: 0; margin: 0; background: #d7d7d7; #f4f5f5; color: black; font-family: Arial; text-align: center; font-size: 11px; }
#body { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 960px; }
body td { font-family: Arial; font-size: 11px; }

.noscreen { display: none; }

a { color: black; font-weight: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
b, strong { font-weight: bold; }
.endfloat { clear: both; }
div { border: 0px solid red; }
img.triangle { margin: 0 10px 0 0;}
br.sml { clear: all; font-size: 1px; margin: 0;}


#topheader { background: url(/style/topheader.png) no-repeat; height: 65px; }
#topheader ul { margin: 0; padding: 0; position: absolute; list-style-type: none; top: 26px; left: 370px;}
#topheader li { display: inline; margin: 0 5px 0 0; padding: 0; }
#topheader a { cursor: pointer; }
.searchbox { float: right; margin: 19px 10px 0 0;}
  #searchbox-q { width: 130px; margin: 1px 2px; padding: 2px 2px 1px 3px; font-size: 10px; }
  .searchbox .submit { border: 0; background: url(/style/search.png) no-repeat; width: 27px; height: 20px; margin: 0 0 0 0; cursor: pointer; }
   .default { color: red; }
.toplink { position: absolute; top: 3px; left: 88px; width: 180px; height: 55px; }
.default { color: #999999; }


#subheader { position: relative; background: url(/style/subheader.png) no-repeat; height: 168px; }

#mainheader { position: relative; background: url(/style/mainheader.png) no-repeat; height: 34px; z-index: 100;}
#mainheader ul { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 0px; }
#mainheader li { margin: 0; float: left; width: 159px; text-align: center; border-left: 1px solid white; padding: 8px 0 7px 0;  color: #ffffff; */#206b4e;*/ font-size: 12px; font-weight: bold; cursor: pointer; }
#mainheader li.first { border-left: 0px solid white; }
#mainheader a { color: #ffffff; */#206b4e;*/ font-size: 12px; font-weight: bold;}
#mainheader li ul { display: none; position: relative;border-bottom: 1px solid white; }
#mainheader li ul.active { display: block; }

#mainheader li li { background: #848484;  border-left: 0px solid white; border-right: 1px solid white; margin: 0 0 0 0; padding: 8px 0 3px 0; }
#mainheader li li.first { border-left: 0px solid white; }
#mainheader li li a { font-size: 10px; }

#footer { position: relative; background: url(/style/footer.png) no-repeat; height: 21px; padding: 8px 0 0 0; margin: 0 0 10px 0;}
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#footer li { display:inline; color: #ffffff; font-size: 10px;  border-left: 1px solid white; padding: 0 10px 0 10px;}
#footer li.first { border-left: 0px;}

#footer a { font-weight: bold; color: #ffffff;}

#contentcontainer { position: relative; }

#side { position: relative; width: 206px; min-height: 263px; background: #ffffff; top: 3px; float: left; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#side .side_top { position: absolute; top: -3px; height: 3px; }
#side .side_bottom { position: absolute; bottom: -3px; height: 3px; }
#side ul { padding: 0; list-style-type: none; margin: 10px 0 0 0;}
#side li { padding: 0; border-bottom: 1px solid #d7d7d7; margin: 0 10px 10px 10px; }
#side a { font-weight: bold; font-size: 11px; }
#side li.level_2 { list-style-type: disc; margin: 0 0 5px 35px; border-bottom: 0px; display: none;}
#side li.level_2 a{ font-weight: normal; }

#side li.level_2 a.selected{ color: #f30505; }

#side li.active { display: block; }

#content { margin-left: 210px; }
.breadcrumbs { margin: 0; background: url(/style/breadcrumbs.png) no-repeat; height: 30px; list-style-type: none; padding: 8px 0 0 15px; color: white; font-weight: bold; vertical-align: bottom;}
.breadcrumbs li { display: inline; }
.breadcrumbs a { font-size: 10px; color: white; }


#body_content .body_top { position: absolute; top: -3px; height: 3px; left: 0; }
#body_content .body_bottom { position: absolute; bottom: -3px; height: 3px;  left: 0;}
#body_content { position: relative; background: #ffffff; top: 0px; bottom: 0; margin: 0 0 7px 0;  min-height: 218px; padding: 10px;}
#body_content ul{ margin: 0 0 0 0; padding: 0; list-style-type: none; font-weight: bold; font-size: 11px; }
#body_content li{ margin: 10px 0 0 0; padding: 0; list-style-type: none; font-weight: bold; font-size: 11px; }
#body_content li.first{ margin: 0 0 0 0; padding: 0; }
#body_content li.level6{ margin: 5px 0 0 35px; padding: 0; list-style-type: disc; }
#body_content li.level6 a{ font-weight: normal; font-size: 11px;}
#body_content h1{ margin: 0 0 10px 0; font-size: 15px; color: #f30505; }
#body_content h2{ margin: 0; font-size: 11px; }
#body_content h3{ margin: 0 0 0 0; font-size: 15px;}
#body_content h4{ margin: 10px 0 0 20px; font-size: 15px; color: #f30505; }
#body_content p.catalog{ margin: 10px 0 0 20px; }
#body_content p.remarks{ margin: 10px 0 20px 20px; font-style: italic; }
#body_content p.last{ margin: 10px 0 0 20px; font-style: italic; }

.imagelist { border-collapse: collapse; margin: 0 0 -10px 0; }
.imagelist img { float: left; margin: 0 13px 0 0; border: 1px solid #d7d7d7; width: 170px; height: 100px; }
.imagelist img:hover { border: 1px solid #f30505; }

.imagelist td { padding: 0 0 5px 0; border: 0px solid red; vertical-align: top; width: 182px; }
.imagelist td.two_column { width: 365px; }
.imagelist td.two_column img { border: 0px; width: 175px; height: 175px; margin-bottom: 10px;}
.imagelist td.two_column img:hover { border: 0px; }
.imagelist .two_column img.triangle { margin: 0 10px 0 0; border: 0; width: 10px; height: 9px; float: none;}
.imagelist a { font-weight: bold; font-size: 11px; margin: 0 0 0 0; }
#body_content .imagelist p{ margin: 0 5px 0 5px; }
#body_content .imagelist h1{ margin: 0 0 5px 0; }
.imagelist img.triangle { margin: 0 10px 0 0; border: 0; width: 10px; height: 9px; float: none; }


.articlegroups { border-collapse: collapse; }
.articlegroups td { width: 355px; padding: 0 5px 10px 0; vertical-align: top; border: 0px;}
.articlegroups td img { border: 0px; float: left; border: 1px solid #d7d7d7; width: 170px; height: 100px; margin: 0 0 0 0;}
.articlegroups img.triangle { margin: 0 10px 0 0; border: 0; width: 10px; height: 9px; float: none; }
#body_content .articlegroups li { margin: 0 0 5px 0; padding: 0;}
#body_content .articlegroups ul li.level6 { margin: 3px 0 0 25px; }
#body_content .articlegroups ul.level6 { margin: 0 0 0 170px; }



.images { padding: 0; margin: 0; float: right; }
.images .lightbox img { border: 1px solid #d7d7d7; padding: 0; margin: 0 0 0 5px; width: 150px; height: 100px; }
.lightbox img:hover { border: 1px solid #f30505; }
.images a:hover{ text-decoration: none; }

.articletable { width: 100%; border-collapse: collapse; margin: 10px 0 0 0; text-align: center; }
.articletable th { padding: 3px; color: black; background: #d7d7d7; }
.articletable td { border: 1px solid #d7d7d7; padding: 3px; width: auto; }
.articletable img { margin: 0 10px -4px 0; }
.articletable .pdf { text-align: left; padding-left: 10px; width: 120px;}

.articletable_6k { width: 570px; border-collapse: collapse; margin: 10px 0 0 0; text-align: center; }
.articletable_6k th { padding: 3px; color: black; background: #d7d7d7; }
.articletable_6k td { border: 1px solid #d7d7d7; padding: 3px; width: auto; }
.articletable_6k img { margin: 0 10px -4px 0; }
.articletable_6k .pdf { text-align: left; padding-left: 10px; width: 120px;}


#body_content .searchlist li{ font-weight: normal; }
#body_content .searchlist a{ font-weight: bold; }

#body_content .searchlist .breadcrumbs { margin: 0 0 0 0; background: none; height: 15px; list-style-type: none;  color: #999999; }
#body_content .searchlist .breadcrumbs li { display: inline; }
#body_content .searchlist .breadcrumbs a { font-size: 10px; color: #999999; font-weight: normal; }
#body_content p.found { margin: 0;}
.highlight { color: #f30505; }
#body_content .searchlist p { margin: 0 0 0 0; }
#body_content .pagination { margin: 10px 0 0 0; font-weight: normal; font-size: 11px; }
#body_content .pagination a.selected{ color: #f30505; }


#body_content .sitemap a{ font-weight: normal; }
#body_content .sitemap .level_2 { margin: 5px 0 0 32px; }
#body_content .sitemap .level_2 a{ font-weight: bold; }
#body_content .sitemap .level_3 { margin: 5px 0 0 52px; list-style: disc; font-size: 10px; }
#body_content .sitemap .level_4 { margin: 5px 0 0 52px; list-style: disc; font-size: 10px;}
#body_content h1.header_sitemap { font-size: 12px; color: black; margin: 10px 0 0 0; }
#body_content h1.header_sitemap_top { font-size: 12px; color: black; margin: 0 0 0 0; }


/* lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #414b56; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnPrint { width: 120px; float: left; }
#lightbox-secNav-btnPrint img { margin: 0.5em 0.5em 0 0; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.5em; }