/* 
Labstream donkerblauw: #005172; 
Labstream blauw: #0099ff;
Labstream lichtblauw: #bfd7e1;
Labstream donkergrijs #7d7e81;
Labstream goud #c49a6b;
*/

/* algemeen */
body { border: 0; margin: 0; background: #ffffff; color: black; font-family: Verdana; text-align: center; }
#body { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 980px; background: url(/style/shadow.png) repeat-y; }
.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; }
div { border: 0px solid red; }
br.clear { clear: all; font-size: 0px; }


/* topheader */
#topheader { height: 158px; background: url(/style/topheader.png) no-repeat; margin-left: 10px }
#topheader ul{ margin: 0; padding: 0; position: absolute; top: 130px; right: 65px;}
#topheader li{ margin: 0; padding: 0; display: inline; list-style-type: none; }
#topheader a{ font-weight: bold; color: white; }
#topheader a.selected { color: black }
#topheader a.top_link{ position: absolute; border: 0px solid red; width: 375px; height: 75px; top: 20px; left: 20px; }

/* mainheader */
#mainheader { height: 25px; background: url(/style/mainheader.png) repeat-x;  color: white; font-weight: bold; margin: 0 10px 0 10px; }
#mainheader li{ display: inline; list-style-type: none; }
#mainheader ul{ margin: 0; padding: 0; }
#mainheader td{ padding: 0; vertical-align: middle; text-align: left; height: 25px; }
#mainheader table{ padding: 0; margin: 0; border-collapse: collapse; }
#mainheader .products{ border-right: 1px solid white; width: 180px; padding: 0 0 0 20px; margin: 0; }
#mainheader .products .selected{ color: black; }

#mainheader a{ color: white; font-weight: bold; }
#mainheader a.selected{ color: black; }

#mainheader .menu{ padding: 0 0 0 0; margin: 0; }
#mainheader .menu li{ padding: 0 0 0 20px; margin: 0; }
  .searchbox { position: absolute; top: 161px; right: 30px;}
  #searchbox { width: 107px; height: 14px;  padding: 1px 0 0 5px; font-size: 11px; border: 1px solid #bfd7e1; color: #7d7e81; }
   .default { color: #27dc00; }



/* contentcontainer */
#contentcontainer { margin: 0 0 0 10px; }


/* side */
#side { width: 170px; padding: 20px 10px 10px 20px; margin: 0; float: left;  position: relative; }
#side li { background: url(/style/arrow.png) no-repeat left top; list-style-type: none; padding: 0 0 0 20px; margin: 0 0 10px 0; }
#side ul { margin: 0 0 0 0; padding: 0; }
#side a { color: #0099cc; }
#side .selected { background: url(/style/arrow_selected.png) no-repeat left top; }
#side .selected a{ color: black;  }
#side .level_2 { padding: 0 0 0 40px; background: none; display: none;}
#side li.active { display: block; }


/* content */
#content { width: 719px; min-height: 500px; margin: 0 0 0 200px; padding: 20px 20px 0 20px; border-left: 1px solid black; }
#content .breadcrumbs { padding: 0; margin: 0 0 20px 0; color: #7d7e81; }
#content .breadcrumbs li { display: inline; padding: 0; margin: 0; }
#content .breadcrumbs a{ color: #7d7e81; font-weight: normal; }
#content .home{ margin: -20px -20px 20px -20px; }
#content .catalog h1 { margin-left: 120px; margin-top: -5px; margin-right: 75px; margin-bottom: 5px; }
#content .catalog p { margin-left: 120px; margin-right: 75px;  margin-bottom: 5px; }
#content .catalog .color { margin-left: 120px; margin-right: 75px;  margin-bottom: 5px; font-size: 15px; font-weight: normal;}

#content .article h1 { margin-left: 220px; margin-top: -5px; margin-right: 75px; }
#content .article p { margin-left: 220px; margin-right: 75px; }
.article .lightbox img{ width: 200px; }
.article .container { float: left; width: 200px; }
.article .links { float: right; color: #c49a6b; }
.article .links li{ display: inline; padding: 0; margin: 0; }

 .container { float: left; width: 100px; }
 .subcontainer { position: relative; }

 .lightbox { margin: 0 0 0 0; position: relative; }
 .lightbox img{ width: 100px; }


 .nolightbox { margin: 0 0 0 0; position: relative; }
 .nolightbox img{ width: 100px; }


.searchlist { list-style-type: none; }
.searchlist td.number { width: 20px; text-align: right; padding-right: 10px; }
#content .searchlist .breadcrumbs { margin: 10px 0 0 0; }

#content .pagination { margin: 0 0 20px 0; }
#content .pagination .selected{ color: black; }

 .nolightbox .zoom{ width: 13px; height: 13px; position: absolute; bottom: 5px; right: 5px; }
.article .lightbox .zoom{ width: 13px; height: 13px; position: absolute; bottom: 5px; right: 5px; }

#content .nofile { color: #cccccc; }

.clear { width: 960px; height: 0; clear: all; display: inline-block; }
.clear_content { width: 719px; height: 0; clear: all; display: inline-block; }


/* footer */
#footer { height: 20px; width: 966px; text-align: left; font-size: 10px; position: relative; margin: 0 auto; padding: 10px 0 0 0; background: url(/style/shadow-bottom.png) repeat-x;}
#footer ul { list-style-type: none; padding: 0; margin: 0 0 0 0; }
#footer a { color: #cccccc; }