/* ================================================================
   Sphinx base style sheet, version 19-03-2004
	 © Copyright 2004 by Sphinx. all rights reserved. 
	 Original author : Ruud Vendeloo (r.vendeloo@ara-interactive.nl)
	 ---------------------------------------------------------------
	 Last changed by : Ruud Vendeloo
================================================================ */

/* ----------------------------------------------------------------
   Default HTML element definitions
---------------------------------------------------------------- */

/* Removing borders (if any) from images */ 
a img { border : none; }

/* Removing extra margin from form elements */
form { margin : 0px; }

/* default font */
html { font-size : small; }
div.globalcontainer { font-size : 90%; }
div[class=globalcontainer] { font-size : 100%; } /*hack om lettertype in alle browsers dezelfde grootte te geven als in IE6*/


body, p, h1, h2, h3, h4, h5, h6, td, div, select, ul, ol { margin : 0px; color : #362D26; font-family : Verdana, Arial, tahoma, Geneva, Helvetica, sans-serif, "trebuchet ms"; font-size-adjust : 0.51; }


/* Headlines : h1 is used for the main (top) headline/contecnt section. h2 is used for the rest of the content headlines */

h1 { margin : 8px auto 4px auto; font-size : 160%; font-weight : normal; }
h2 { margin : 20px auto 0px auto; font-size : 130%; font-weight : bold; }
h3 { margin : 20px 0px 0px 0px !important; font-size : 100%; font-weight : bold; }

/* Common text elements */
p, ul { margin : 8px auto 0px auto; line-height : 140%; }
ol { margin : 8px auto 0px 24px; line-height : 140%; }
p.intro { letter-spacing : 2px; }

/* Link colors */
a:link { color : #F66835; text-decoration : none; }
a:visited { color : #F66835; text-decoration : none;}
a:hover { color : #F66835; text-decoration : underline; }
a:active { color : #F66835; }

/* Ordered and unordered list elements */
/*ul,ol,li { margin : 0px; padding : 0px; }*/

/* body styling */
body { margin : 0px; height : 100%; /* setting top and bottom margin */ background-image : url(../../lib/images/bg_gradient.jpg); background-position : top left; background-repeat : repeat-x; background-color : #E3E3E3; }


/* ----------------------------------------------------------------
   Global Container
---------------------------------------------------------------- */

/* this div contains all elements.
   website width is set here.
   Text-align is left.
   This overrides the aligning set in body, which is used to center the website.
   The background image is for making the sidebar on the right gray. */

body .globalcontainer { margin : 5px auto; width : 772px; text-align : left; background-color : #F4F1F2; background-image : url(../../lib/images/sidebarbg.gif); background-position : top right; background-repeat : repeat-y; }
body #bgscheme01 { background-color : #FFF; }
body #bgscheme02 { background-color : #F4F1F2; }
body #bgscheme03 { background-image : url(../../lib/images/bgscheme03.gif); background-position : top right; background-repeat : repeat-y; }

/* ----------------------------------------------------------------
   Page header
---------------------------------------------------------------- */

/* Header container box */
#globalheader { width : auto; height : 76px; position : relative; z-index : 100; }

/* container for 1 visual on top of all pages */
#globalvisuals { width:auto; height: 60px; background : url('../../lib/images/visualtop_consumer_full.jpg') center left no-repeat; }


/* Box containing navigation - remember width for IE 4 compliance - Margin used for indenting */
.globalnav { width : 772px; background-color : #555; position : absolute; z-index : 100; height : 18px; }
.globalnav div { float : left; width : 88px; height : 18px; overflow : hidden; }
.globalnav div a { height : 18px; line-height : 17px; display : block; padding-left : 6px; color : #FFF !important; font-size : 80%; font-weight : bold; text-decoration : none ! important; }
.globalnav div a:hover { background-color : #F66835; color : #FFF ! important; }

.globalnav1 { width :  82px ! important; }
.globalnav2 { width :  89px ! important; }
.globalnav3 { width : 113px ! important; }
.globalnav4 { width : 140px ! important; }
.globalnav5 { width : 104px ! important; }
.globalnav6 { width : 100px ! important; background-color : #BBA194; }
.globalnav6 a { background-color : #BBA194; }
.globalnav7 { width : 144px ! important; background-color : #1860AB; }
.globalnav7 a { background-image : url(../../lib/images/arrow_naarconsumenten.gif); background-position : center right; background-repeat : no-repeat; }
.globalnav7 a:hover { background-color : #FF00FF; background-image : url(../../lib/images/arrow_naarconsumenten.gif) ! important; background-position : center right; background-repeat : no-repeat; }
.globalnav7 a.globalnavlink7:hover { color : #FFF !important; background-color : #418DDB;}

a.globalnavlink2,
a.globalnavlink3,
a.globalnavlink4,
a.globalnavlink5,
a.globalnavlink6 { cursor : default; }


/* ----------------------------------------------------------------
   Whitespace between header and content area, used for sphinx
   logo and sectionheader / breadcrumbs.
---------------------------------------------------------------- */

/* whitespace container */
#globalwhitespace { width : auto; background-color : #fff; height : 120px; position : relative; z-index : 100; top : 2px;}

/* sectioncontainer */
#globalsectionheader { width : 227px; height : 68px; position : absolute; top : 0px; left : 0px; }

/*  */
#sectionpath { color:#999999; width:530px; font-size:75%; position : absolute; left:4px; bottom:11px; }
#sectionpath a {color : #999999; }
#sectionpath a:hover {color : #F66835; }
#sectionpath #active { font-weight : bold; }


#globallogo img { float : right; width : 246px; height : 120px; margin-top : 0px; }

#topleftbox { float : left; width : 144px; height : 60px; }
#sitelabel {}
#langswitch { padding-left : 10px; }
ul#langlinks { margin-top : 4px; }
ul#langlinks li { font-size : 10px; margin-left : 0px; padding-left : 10px; line-height : 140%; list-style-type : none; background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center left; background-repeat : no-repeat; }
ul#langlinks li#active { background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center left; background-repeat : no-repeat; }
ul#langlinks li a { color : #999; }
ul#langlinks li#active span { font-weight : normal; color : #F66835; text-decoration : none; }





/* ======================================================
   CONTENT STYLING
====================================================== /*

/* Container holding the content area below the pageheader */
#globalcontentcontainer { width : 100%; position : relative; }

/* Width of content ALL area's is always 528px
   This sets the width of ALL content area's - not only the globalcontent area! */
#globalcontent { width : 528px; float : left; overflow : hidden; }

/* Style for the readon link */
#globalcontentcontainer div.readon { margin-top : 8px; margin-bottom : 8px; padding-bottom : 4px; }
#globalcontentcontainer div.readon a { background-image : url(../../lib/images/arrowlink.gif); background-position : top left; background-repeat : no-repeat; text-decoration : none; padding-left : 10px; }
#globalcontentcontainer div.readon a:hover { text-decoration : underline; }




#globalcontentcontainer span.readon { font-size : 75%; margin : 0px; padding : 0px;}
#globalcontentcontainer span.readon a { background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center right; background-repeat : no-repeat; text-decoration : none; padding-right : 10px; }
#globalcontentcontainer span.readon a:hover { text-decoration : underline; }



/* List styling */

/*ul { list-style : circle; line-height : 140%; margin : 10px auto 0px auto; }*/
ul li,
ol li { margin-left : 14px; }

/*ul.links { margin-top : 4px; margin-bottom : 4px; }*/
ul.links li { margin-left : 0px; padding-left : 10px; line-height : 140%; list-style-type : none; background-image : url(../../lib/images/arrowlink.gif); background-position : top left; background-repeat : no-repeat; }
ul.links li#active { background : url(../../lib/images/arrowlink_active.gif) top left no-repeat; }
ul.links li#active a { font-weight : normal; color : #362D26; text-decoration : underline; }
ul.links li a.notyet { color : #999; cursor : text; }
ul.links li a.notyet:hover { text-decoration : none; }
ul.links li img { margin : 3px 6px -2px 4px; }

div.colors { margin-top : 10px; padding-left : 7px; }
div.colors div { height : 18px; }
div.colors div img { margin-right : 7px; }
div.colors div span { display : inline-block; height :16px; padding-left: 2px; }


/* news List styling */
.newsblock h2 { background : url(../../lib/images/icon_news.gif) center left no-repeat; margin-left : 14px; padding-left : 18px ! important; }
.newsblock p { margin-top : 0px; }
.newsblock .item { margin-top : 7px; }

/* =========================================================
   Column styling for GLOBAL content
========================================================= /*

/* Both columns:
   setting padding of 8px for all of these elemets in all columns */
#globalcontent h2,
#globalcontent h3,
#globalcontent .text,
#globalcontent p,
#globalcontent ul,
#globalcontent .readon,
#globalcontent form,
#globalcontent .links { padding-right : 14px; padding-left : 14px; }

p.visual { padding : 0 ! important; margin : 0 ! important; }
#allseries p.visual { padding-left : 14px ! important; margin : 16px auto 4px auto ! important; line-height : 16px; }
#allseries h3 { margin-top : 0px !important; }

#seriehead { position : absolute; top : 130px; width : 263px ! important; height : 38px; background-color : #666; }
#seriehead span { color : #FFF; line-height : 36px; font-size : 30px; letter-spacing : -1px; font-weight : normal; margin : 0px 8px; }

.columnhead { width : 263px ! important; height : 21px; background-color : #B2B2B2; }
.col1 .columnhead { background-color : #666; width : 528px ! important; }
.columnhead span { font-size : 100%; line-height : 21px; margin : 0px 8px; color : #FFFFFF; font-weight : bold; }



/* Nexwork was here
	Dit wordt een container van nexwork zodat alles vanuit het CMS goed wordt gedisplayed
*/
#globalcontentcontainer #globalcontent .nexcontent { margin : 0 14px 0 14px; }
#globalcontentcontainer #globalcontent .nexcontent h2 { padding-right : 0; padding-left : 0; margin : 10px 0 10px 0; }
#globalcontentcontainer #globalcontent .nexcontent P { padding-right : 0; padding-left : 0; }
#globalcontentcontainer #globalcontent .nexcontent img { float : right; }
/* End nexwork */



/* ------------------------------------------------------
   2 Columns
------------------------------------------------------ */
#globalcontent .columns2 { float : left; width : 528px; background-color : transparent; background-image : url(../../lib/images/column2bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 30px; }

/* similar styling for the columns in 2 column-style */
#globalcontent .columns2 div { width : 263px; margin-right : 1px; float : left; overflow : hidden; }




/* ------------------------------------------------------
   1 Column
------------------------------------------------------ */
#globalcontent .columns1 { float : left; width : 527px; background-color : #FFFFFF; background-image : url(../../lib/images/column1bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; }

/* similar styling for the columns */
#globalcontent .columns1 div { width : 527px; float : left; overflow : hidden; }

/* the first column (left) */
#globalcontent .col1 { margin-right : 1px; margin-bottom : 20px; }


/* ===========================================================
   Columns styling for ALL SERIES content
=========================================================== */

#allseries { float : left; width : 528px; background-image : url(../../lib/images/column1bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 14px; }


#allseries h2,
#allseries h3,
#allseries .text,
#allseries .visual,
#allseries .links { padding-left : 14px; padding-top : 14px; margin : 0px; }
#allseries .visual a img { border : 1px solid #666; }
#allseries .visual a:hover img { border : 1px solid #F66835; }
#allseries #heading { }
#allseries .readon { margin-left : 7px;}
#allseries .columns2
{
	display:block; overflow:hidden; clear:both;
	width:528px; height:auto;
	margin-top:0;
	padding-top:10px;
	background-image:url(../../lib/images/line_dotted.gif);
	background-position:top left;
	background-repeat : no-repeat;
}
#allseries .columns2 div {float:left;}
#allseries .columns2 .col1 {width:182px;}
#allseries .columns2 .col2 {width : 336px; height:auto; position:relative;  margin-top:1px;}




/* Global sidebar sits on the right site of the webpage and contains the global searchbox */
#globalsidebar { width: 244px; float : left; background-color : transparent; overflow : hidden; }






/* ------------------------------------------------------
   Global search box
------------------------------------------------------ */
#globalsearch { background-color:#F66835; }

#globalsearch fieldset {
	border:1px solid #F99B79;
	padding:8px 8px 8px 8px; font-size:90%;
}
#globalsearch legend { font-weight:bold; color:#FFF; margin-bottom:6px;}
#globalsearch p.info { color:#FFF; font-size:75%; line-height:160%; }

#globalsearch label
{
	display:block;
	margin-top:0;
	height:18px;
	line-height:18px;
	color:#fff;
	font-size:10px;
}
#globalsearch select,
#globalsearch input { margin-top:2px; margin-bottom:4px; background-color:#FFF; }
#globalsearch .selectfld { width:160px; border:1px solid #FFF; font-size:90%; }
#globalsearch .inputfld { width:140px; height:14px; line-height:14px; border:1px solid #FFF; font-size:85%; }
#globalsearch .btn { margin-top:3px; clear:both; width:26px; float:right; border:1px outset; background-color:#ECEAEA; background-image:url(../../lib/images/arrowlinkbtn.gif); background-position:center right; background-repeat:no-repeat; font-size:11px; height:19px; cursor:pointer; }
#globalsearch input.radiocheck { float:left; margin:0 4px 0 0; background-color:#F66835; clear:left; }


#contactinfo { padding : 0px 8px 8px 8px; font-size : 80%; line-height : 150%; }
#contactinfo span { color : #333; display : block; }
#contactinfo a {color : #333; text-decoration : underline; }
#contactinfo a:hover {color : #F66835; }


#globalresults {
	background-color : #FFF;
	padding : 8px 8px 8px 8px;
	border-bottom : 18px solid #F66835;
}

#globallinks { background-color : #FFF; padding : 8px 8px 8px 8px; }

/* see ns6.css */ #globalresults #searchedfor { border : 1px solid #CCC; padding : 0px 4px; }
#globalresults #searchedfor legend { font-weight : bold; }
#globalresults #searchedfor #key { margin-top : 10px; background-color : #F2F2F2; padding : 4px; margin-left : 4px; margin-right : 4px; }
#globalresults #searchedfor #key div { color : #000; line-height : 17px; }
#globalresults #searchedfor #hits { float : right; padding : 4px 0px; font-size : 85%; color : #666; text-align : right; margin-left : 4px; margin-right : 4px; }
#globalresults #searchedfor #hits span { font-weight : bold; font-size : 90%; }
#globalresults #searchedfor #clearresults { float : right; padding : 4px 0px; cursor : pointer; margin-top : 1px; margin-left : 4px; margin-right : 2px; }
#globalresults #searchedfor #clearresults span { border : 1px outset; padding : 0px 2px; font-size : 85%; color : #666; }


/* see ns6.css */ .dynamic-tab-pane-control #searchedfor { margin-top : 8px; border : 1px solid #F66835; padding : 0px 4px; }
.dynamic-tab-pane-control #searchedfor legend { font-weight : bold; }
.dynamic-tab-pane-control #searchedfor #key { margin-top : 4px; background-color : #F4F1F2; padding : 4px; margin-left : 4px; margin-right : 4px; }
.dynamic-tab-pane-control #searchedfor #key div { color : #000; line-height : 17px; }
.dynamic-tab-pane-control #searchedfor #hits { float : right; padding : 4px 0px; font-size : 85%; text-align : right; margin-left : 4px; margin-right : 4px; }
.dynamic-tab-pane-control #searchedfor #hits span { font-weight : bold; font-size : 90%; }
.dynamic-tab-pane-control #searchedfor #clearresults { float : right; padding : 4px 0px; cursor : pointer; margin-top : 1px; margin-left : 4px; margin-right : 2px; }
.dynamic-tab-pane-control #searchedfor #clearresults span { border : 1px outset; background-color : #ECEAEA; padding : 0px 2px; font-size : 85%; color : #000; }



#globalresults h3 { margin : 0px; }

#globalresults #results { width : 218px; border : 0px solid #CCC; padding : 0px 4px; }
#globalresults #results legend { font-weight : bold; }

#globalresults #results #viewport { margin-bottom : 7px; scrollbar-3dlight-color : #C8C8C8; scrollbar-arrow-color : #FFF; scrollbar-base-color : #F2F2F2; scrollbar-darkshadow-color : #C8C8C8; scrollbar-face-color : #C8C8C8; scrollbar-highlight-color : #C8C8C8; scrollbar-shadow-color : #C8C8C8; scrollbar-track-color : #F2F2F2; }
#globalresults #results #viewport.vpup { width : 218px; height : 250px; overflow : auto; }
#globalresults #results #viewport.vpdown { width : 218px; height : auto; }

#globalresults div#btnresults { float : right; color : #000; width : 18px; height : 18px; cursor : pointer; background-color : transparent; background-position : center center; background-repeat : no-repeat; }
.btnup { background-image : url(../../lib/images/btnresults_height_auto.gif); }
.btndown { background-image : url(../../lib/images/btnresults_height_fixed.gif); }

#globalresults #results div.group { margin : 14px 4px -4px 4px; font-weight : bold; /*background-color : #FEF1EB;*/ border-top : 1px solid #FCC8B4; border-right : 0px solid #FFF; border-bottom : 1px solid #F2F2F2; border-left : 0px solid #FCC8B4; }
#globalresults #results li.group { margin : 14px 4px 0px 0px; font-weight : bold; /*background-color : #FEF1EB;*/ border-top : 0px solid #FCC8B4; border-right : 0px solid #FFF; border-bottom : 1px solid #F2F2F2; border-left : 0px solid #FCC8B4; }
#globalresults #results .group a { padding : 2px 3px; display : block; line-height : 16px; }
#globalresults #results .group a:hover { background-color : #F2F2F2; color : #000; text-decoration : none; }



select option#allgroups { background-color : #FCC8B4; color : #000; }

#globalresults #results ul { margin : 4px; }
#globalresults #results ul li { list-style-type : none; background : none; margin-left : 0px; }
#globalresults #results ul li a {
	display : block;
	height : 16px;
	line-height : 16px;
	padding : 2px 4px;
	font-size : 90%;
}
/*
#globalresults #results ul  { margin : 4px; padding : 0px; } 
#globalresults #results ul li { list-style-type : none; background :none; margin : 0px ! important; padding : 0px; } 
#globalresults #results ul li a { display : block; padding : 2px 4px; margin : 0px ! important; }
#globalresults #results ul li a:hover { background-color : #F2F2F2; text-decoration : none; color : #000; padding-top : 2px; }
#globalresults #results ul li#active a { font-weight : bold; color : #362D26; }
#globalresults #results ul li#active a:hover { background-color : transparent; }
*/
#globalresults #results ul
{
	margin:4px; padding:0px;
} 
#globalresults #results ul li
{
	display:block;
	overflow:visible;
	height:40px;
	margin:0; padding:0;
	list-style-type:none;
	background:none;
} 
#globalresults #results ul li a
{
	display:block;
	overflow:visible;
	height:40px;
	padding:2px 4px; margin:0;
}
#globalresults #results ul li a:hover
{
	display:block; overflow:visible;
	height:40px;
	padding:2px 4px; margin:0;
	color:#000; background-color:#F2F2F2;
	text-decoration:none;
}
#globalresults #results ul li#active a
{
	font-weight:bold;
	color:#362D26;
}
#globalresults #results ul li#active a:hover
{
	background-color:transparent;
}


#rightIllustration01,
#rightIllustration02
{
	width:244px; height:315px;
	margin:0; padding:0;
}

#rightIllustration01 { background: #f66835 url(../../lib/images/visuals/foto-douche.jpg) no-repeat; }
#rightIllustration02 { background: #f66835 url(../../lib/images/visuals/foto-vrouw.jpg) no-repeat; }


/* ------------------------------------------------------
   Page Footer
------------------------------------------------------ */

/*  Bottom of page */
#globalfooter { padding : 3px 0px 0px 14px; clear : both; background-color : #666; height : 20px; margin-top : 0px; }

/* Footer links */
#globalfooter a { color : #DDDDDD; text-decoration : none; }
	
#globalfooter a:hover { color : #F66835; }
	
#globalfooter span { margin-right : 7px; color : #DDDDDD; font-size : 75%; }

#globalfooter #left { float : left; }

#globalfooter #right { float : right; }

/* Highlight */
#globalfooter .highlight { color : #FF00FF; font-weight : bold; }


/* ---------------------------------------------------------
 Working class' (used for different fixes and generel stuff)
--------------------------------------------------------- */

/* used for breaking flows */ 
.breaker { clear : both; overflow : hidden; height : 1px; }

/* removes margin */
.nomargin { margin : 0px; }

/* inserts a dotted line 1px height, breaks the flow */
.hr { clear: both; margin: 0px; padding: 0px; background: url(../../lib/images/dotted.gif) top left repeat-x; height: 2px; overflow: hidden; }
/*.col1 .hr { margin-left : 7px; width : 240px ! important; }
.col2 .hr { margin-left : 3px; width : 247px ! important; }*/


/* ===========================================================
   Product list
=========================================================== */

#productlist { width : 527px ! important; }
#productlist .productRow {margin:0; padding:0;}
#productlist .product
{
	width:260px ! important;
	float:left;
	margin:14px 0 0 0; padding:0;
}
#productlist .product .visual { margin-top:14px; margin-left:7px; float:left; width:112px; }
#productlist .product .visual a { display:block; border:1px solid #CCC; }
#productlist .product .visual a:hover { border : 1px solid #F66835; }
#productlist .product .visual img {  width:110px; }

#productlist .product .details
{
	float:left;
	width:140px;
	margin-top:14px;
}

#productlist .details div { width : 133px; padding-left : 4px; float : left; cursor : default; }
#productlist .product .details .brutprice { margin-bottom : 4px;}
#productlist .product .details .serie span,
#productlist .product .details .group span { color:#999; }
#productlist .details .name {margin:0; padding:0 0 0 4px; width:137px;}
#productlist .details .name span { font-size:90%; font-weight:bold; }
#productlist span { line-height:16px; font-size:10px; }
#productlist .product .details .typenames {width:140px; margin:0; padding:0 0 0 4px; font-size:10px;}
#productlist .product .details .typenames a {font-size : 10px;}

/* ===========================================================
   Product details
=========================================================== */

#specsbox { width : 263px; margin-top : 7px; }
/*#specsbox .specodd,
#specsbox .speceven, { border-bottom : 1px solid #CCC; }*/
#specsbox .specodd { width : 263px; background-color : transparent; clear : both; }
#specsbox .speceven { width : 263px; background-color : #FFF; clear : both;}


#specsbox .specodd .label,
#specsbox .speceven .label { width : 90px; float : left; color : #999; }
#specsbox .specodd .data,
#specsbox .speceven .data { width : 154px; float : left; }
#specsbox div div span { line-height : 21px; font-size : 11px; }
#specsbox div .label { padding-left : 8px; }
#specsbox div .data { padding-left : 7px; }
#specsbox div .data span {  }

p.producttext
{
	padding:10px 20px 0 20px;
}

.opmermerking
{
	padding:8px;
}

ul.moreinfo { margin-top : 4px; margin-bottom : 4px; }
ul.moreinfo li { margin-left : 0px; padding-left : 20px; line-height : 22px; list-style-type : none; background-image : url(../../lib/images/icon_downloaditem.gif); background-position : center left; background-repeat : no-repeat; }
ul.moreinfo li.absent { background-image : url(../../lib/images/icon_downloaditem_no.gif); }
ul.moreinfo li.absent a { color : #999; cursor : text; }
ul.moreinfo li.absent a:hover { text-decoration : none; }

#productdetails { width : 528px; float : left; overflow : hidden; }
#productdetails .columns2 { float : left; width : 528px; background-color : transparent; background-image : url(../../lib/images/column2bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 30px; }
#productdetails .columns2 div { width : 263px; margin-right : 1px; float : left; overflow : hidden; }

#productdetails .columns2 .col1 h2,
#productdetails .columns2 .col1 h3,
#productdetails .columns2 .col1 .text,
#productdetails .columns2 .col1 .readon,
#productdetails .columns2 .col1 .links,
#productdetails .columns2 .col1 .moreinfo { padding-right : 14px; padding-left : 14px; }

#productdetails .columns2 .col2 h2,
#productdetails .columns2 .col2 h3,
#productdetails .columns2 .col2 .text,
#productdetails .columns2 .col2 .readon,
#productdetails .columns2 .col2 .links,
#productdetails .columns2 .col2 .colors { padding-right : 7px; padding-left : 21px; }

#productdetails .product .visual
{
	float:left;	width:210px;
	margin:14px 0 0 7px; padding:2px 0 0 0;
	text-align:center;
}

#productdetails .product .visual a
{
	display:block;
	margin:auto; padding:0;
	border:1px solid #ccc;
}

#productdetails .product .visual a:hover { border:1px solid #F66835; }
#productdetails .product .visual a img { margin:0; padding:0; }

#productdetails .product .visual a.image { width:110px; }
#productdetails .product .visual a.image img { width:110px; }
#productdetails .product .visual a.zoom
{
	margin-top:2px; border:none;
}

#productdetails .product .visual div.resize
{
	display:block;
	width:160px;
	margin:0; padding:0;
	font-size:10px;
	text-align:right;
	vertical-align:top;
	border:none;
}

#productdetails .product .visual a
{
	width:auto;
	display:inline;
	border:none;
}
#productdetails .product .visual a.zoom img
{
	width:13px;
	display:inline;
	border:none;
}



#productdetails .columns2 .col2 .moreinfo,
#productdetails .columns2 .col2 #specsbox { padding-right : 7px; padding-left : 14px; }

#productdetails .columns2 h3 {text-decoration : underline; font-weight: normal; }


#colorbox { margin-top : 5px; width : 263px ! important; margin-bottom : 10px; }
#allcolors { width : 154px ! important; float : left; margin-left : 3px; }
#allcolors div { height : 19px; }
#allcolors div img { display : block; float : left; margin-top : 2px; border : 1px solid #B2B2B2; }
#allcolors div span { display : block; float : left; padding-left : 8px; line-height : 19px; cursor : default; }
#allcolors div span.show { font-weight: bold; }
#allcolors div span.hide { font-weight: normal; }
#thiscolor { width : 100px ! important; float : right; }
#thiscolor img { margin-left : 7px; margin-top : 7px; border : 1px solid #B2B2B2; }

#varianten { margin-top : 4px; }
#varianten #head { display : none; }
#varianten #head #artcode,
#varianten #head #kleur,
#varianten #head #oppbeh { display : inline-block; }
#varianten #head #artcode { width : 70px; text-align : right; }
#varianten #head #kleur { width : 88px; padding-left : 10px; }
#varianten #head #oppbeh { width : 60px; padding-left : 1px; }

#varianten ul.links li { line-height : 18px; height : 18px; display : block; margin-left : -4px; padding-left : 0px; background-image : none; }
#varianten a { line-height : 18px; height : 18px; display : block; text-decoration : none; }
#varianten a:hover { background-color : #FFF; }
#varianten li#active { font-weight : bold; }
#varianten .artcode { display : inline-block; width : 86px; text-align : right; cursor : pointer; padding-left : 4px; }
#varianten .kleur { display : inline-block; width : 80px; cursor : pointer; padding-left : 1px; }
#varianten .oppbeh { display : inline-block; width : 50px; cursor : pointer; padding-left : 1px; }


#prodvars {margin:0; padding:0;}
#prodvars ul {margin:10px 0 0 18px; padding:0;}

#prodvars ul li
{
	display:block; clear:both; overflow:hidden;
	margin:0; padding:0 0 0 12px;
	line-height:140%;
	list-style-type:none;
	background: url(../../lib/images/arrowlink.gif) top left no-repeat;
}

#prodvars ul li a,
#prodvars ul li img
{
	float:left; overflow:hidden;
	margin:1px 0 0 0; padding:0;
}

#prodvars ul li a.linktext,
#prodvars ul li a.active,
#prodvars ul li p
{
	margin:0 0 0 10px; padding:0;
	width:200px;
	line-height:normal;
}
#prodvars ul li a.active {color:#000;}


#produtils {margin:0; padding:0;}
#produtils p
{
	display:block; overflow:hidden;
	margin:0 0 6px 6px; padding:0;
}
#produtils a
{
	display:block; float:left; overflow:hidden;
	margin:0 0 0 10px; padding:0;
	line-height:normal;
}
#produtils a.icon {margin-top:1px;}
#produtils a.linktext{width:210px;}


/* SLIDING SEARCHBAR */

#movingsearchbarcontainer { width : 264px; margin-left : -20px; border : 0; position : relative; float : left; }
#movingsearchbar { left : 752px; border : 0px solid gold; position : absolute; overflow : hidden; top : 0px; }

#searchcontainer { width : 264px; }
#globalsearchbar { width : 20px; height : 168px; position : relative; float : left; }
#globalsidebar { position : relative; float : left; }
#sidebarcontent { padding-left : 20px; }


#homebox #globalcontent h2 { margin-bottom : 0px; }
#faqbox h3 {margin-top : 21px; }
#faqbox ul.links { margin-top : 7px; margin-bottom : 28px; }
#faqbox ul.links li { margin-bottom : 5px; }

#brochurebox h3 {margin-top : 21px; }
#brochurebox ul.links { margin-top : 7px; margin-bottom : 28px; }
#brochurebox ul.links li { margin-bottom : 5px; }

#historybox h2 { margin-bottom : 21px; }
#historybox p.text { margin-bottom : 14px; }

#nieuwsbrief-userinput { margin-top : 14px; margin-left : 7px; font-size : 90%; }
#nieuwsbrief-userinput .label,
#nieuwsbrief-userinput .data { margin-top : 2px; }
#nieuwsbrief-userinput .data { margin-bottom : 7px; }
#nieuwsbrief-userinput .input { border : 1px inset; }
#nieuwsbrief-userinput .btn { border : 1px outset; background-color : #ECEAEA; background-image : url(../../lib/images/arrowlinkbtn.gif); background-position : center right; background-repeat : no-repeat; color : #362D26; font-weight : bold; font-size : 11px; width : 110px; height : 20px; cursor : pointer; }

.date { font-size : 10px; font-weight : normal; color : #666; }
.required { padding-right : 16px; background : transparent url("../../lib/images/iconreq.gif") no-repeat right center; }

/***********NEXWORK*****************/
#langswitch { display:none; }