html
{
	scrollbar-base-color: lightgrey;
	scrollbar-arrow-color: darkgrey;
	scrollbar-face-color: #f4f4f4;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: grey;
	scrollbar-darkshadow-color: darkgrey;
	scrollbar-shadow-color: grey;
}

body
{	
	font-family : Arial; 
	font-size : 11px; 
	color : #000; 
	background-color: white;
	margin: 0; 
	padding: 0; 
}

.BodyHeaderMainLargescreen
{
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	position: relative;
	padding-bottom:0;
}
.BodyHeaderMainSmallscreen
{
	width: 1000px;
	padding-bottom:0;
	margin-left : 5px;
	margin-right : 5px;
}


h1
{
	font-size : 14px;
	font-weight : bold;
}

h1.introHeader
{
	font-size : 12px;
	font-weight : bold;
}

h1.productNameHeader
{
	font-size : 30px;
	display : inline;
}

h3
{
	font-size : 12px;
	font-weight : bold;
}

a
{
	font-size :  11px;	
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

a:focus 
{
	outline-style : none;
}

a:hover, a:active, a:focus
{
	text-decoration :  none;
	color :	#00adfe;
	font-size :  11px;
	font-weight : bold;
}

a.underline 
{
	text-decoration : underline;
}
	
a.Gray
{
	text-decoration : none;
	color : #8a8a8a;
	font-size :  11px;
	font-weight : bold;
}

a.Gray:focus
{
	outline-style : none;
}

a.Gray:hover
{
	text-decoration : none;
	color : #01aaed;
}

a.Gray:active
{
	color : #494949;
}



a.MenAlso
{
    font-size :  14px;	
    font-weight : bold;
    color : white;
    text-decoration : none;
}

a.MenAlso:focus 
{
    outline-style : none;
}

a.MenAlso:hover, a.MenAlso:active
{
    text-decoration :  none;
    color :	#cbf3ff;
    font-size :  14px;
    font-weight : bold;
}

.afrekenen { font-size:10px; color:#00adfe; font-weight:bold; }

td
{
	font-size : 12px;
	color : Black;
}

th
{
	font-size : 12px;
	color : Black;
	text-align : left;
}

td.Content
{
	background-color : White; 
}

div.smaller
{
	font-size : 11px;
}

.input
{
	color : Black;
	background-color : White;
	border : 1px solid black;
	font-family : Arial;
	font-size : 10px;
	font-weight : bold;
	width: 150px
}

.inputLogin
{
	color : Black;
	background-color : White;
	border : 1px solid black;
	font-family : Arial;
	font-size : 10px;
	font-weight : bold;
	width: 168px
}

.cbxLogin
{
	color : Black;
	background-color : White;
	font-family : Arial;
	font-size : 10px;
	font-weight : bold;
}

img
{
	border : 0;
}

img.imageArtikel {	
    border-top: 2px solid White;
    border-left: 2px solid White;
    border-right: 2px solid White;
    border-bottom: 2px solid White;
}



a:active img.imageArtikel {	
    border-top: 2px solid White;
    border-left: 2px solid White;
    border-right: 2px solid White;
    border-bottom: 2px solid White;
}

a:hover img.imageArtikel {	
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
}


.buttonChatSend 
{
	width:85px;
	height:37px;
	background-color:White;
	display:block;
}

.buttonOk 
{
	color : Black;
	background-color : White;
	border : 1px solid black;
	font-family : Arial;
	font-size : 10px;
	font-weight : bold;
	width: 40px;
	height: 16px;
}

.h1Path
{
	font-size : 11px;
	color : #8a8a8a;
	font-weight : bold;
	display : inline;
}

/*CookiePath breadcrumbs*/

.divCpath
{
	font-size : 11px;
	color : #8a8a8a;
	font-weight : bold;
	display : inline;

	height: 16px;
}

ul.cPath {display: block; list-style:none;}
ul.cPath li {display:inline;}
ul.cPath li active {font-weight: bold;}

a.cPath
{
	font-size : 11px;
	color : #8a8a8a;
	font-weight : bold;
	display : inline;
	outline-style : none;
	text-decoration : none;
}

a.cPath:focus 
{
	font-size : 11px;
	color : #01aaed;
	font-weight : bold;
	display : inline;
	outline-style : none;
}

a.cPath:hover
{
	font-size : 11px;
	color : #01aaed;
	font-weight : bold;
	display : inline;
	outline-style : none;
}
	
a.cPath:active
{
	font-size : 11px;
	color : #01aaed;
	font-weight : bold;
	display : inline;
	outline-style : none;
}



	

.editLink
{
	float:right;
}

.HRlineLargescreen
{
	left: 50%;
	margin-top: 118px; 
	margin-left: -500px; /* - (width/2) */
	position: absolute;
	width:998px; 
	z-index:999;
	color : #00adfe;
}

.HRlineSmallscreen
{
	margin-top: 118px; 
	margin-left: 5px;
	position: absolute;
	width:998px; 
	z-index:999;
	color : #00adfe;
}

.HRlineBottom
{
	margin-top: 15px; 
	margin-left: 0px;
	position: absolute;
	width: 998px; 
	height: 1px;
	color : #cccccc;
}


ul {list-style:none; padding:0; margin:0;}
ul.square {list-style:square; padding:0; margin-left:15px;}

.left {float:left;}
.right {float:right;}
.right .right {float:right}

.leftHome {float:left;}
.rightHome {float:right;}

.divHomeWrapper {margin-left: 7px;}
.divHomeSlide {float:left; margin:0px; padding:0px;}

/* Header */

.Header {
	width:1000px;
	height:100px;
	background-color:#fff;
	padding-top: 10px;
}
.HeaderTop {width:1000px; position:static;}
.HeaderBottom { width:1000px; position:static;  vertical-align: bottom; }
.HeaderLeft {float:left; width:570px;}
.HeaderRight {float:right; width:370px}

.HeaderLogo {float:left; }
.HeaderLogo img { border: solid 1px #fff; border-bottom: solid 2px #fff; border-right: solid 2px #fff;}
.HeaderLogo img:hover { border-bottom: solid 2px #666; border-right: solid 1px #666; border-left:solid 1px #fff; border-top:solid 1px #fff;}

.HeaderToplinks {float:right}
.HeaderLinks {list-style:none; padding-right:25px;}

a.hrefHeaderTop { font-size:11px; font-weight: normal; text-decoration:none; }
a.hrefHeaderTop:focus { outline-style : none; }
a.hrefHeaderTop:hover, a.hrefHeaderTop:active { font-size:11px; font-weight:normal; text-decoration:none; color:#00adfe; }
a.hrefHeaderTop.active2 { font-size:11px; font-weight: normal; text-decoration:none; color:#00adfe; }

a.hrefSmaller { font-size:11px; font-weight:bold; text-decoration:none; }
a.hrefSmaller:hover, a.hrefSmaller:active { font-size:11px; font-weight:bold; text-decoration:none; color:#00adfe; }
a.hrefSmaller:focus { outline-style : none; }

a.aFlags img
{
	border-width :0px;
	width : 24px;
}

.divFlags 
{
	float:right; 
	width:78px;
	margin-right: 2px;
}

.divFlag1 
{
	float: left; 
	padding-right:3px;

}

.divFlag2 
{
	float:left;
}

.divFlag3 
{
	float:right;
}

/* Product overview */

.clear { clear: both; }

.divBrandIntro { }
.divBrandIntro .slides { float: left; width:560px; }
.divBrandIntro .introText { float: left; width:265px; }
.divBrandIntro .introText h2 { font-size: 11px; font-weight:bold; padding:0px; margin:0px; display:inline; }

.divProductsItem { margin-left:5px; margin-top:3px; width:200px; }
.divProductsItem .divImage { width:200px; text-align:center; }
.divProductsItem a.productName { display:inline-block; width:88px; height:14px; overflow: hidden; }
.divProductsItem a.img { display:inline-block; height:14px; }
.divProductsItem .borderLines { height:33px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.divProductsItem .red { color:red; }
.divProductsItem .leftMargin { float:left; }
.divProductsItem .rightMargin { float:right; margin-right:2px; }
.divProductsItem .clear { clear:both; }
.divProductsItem .divColors { margin-bottom:5px; }
.divProductsItem .colorCel { float:left; margin-right:5px; width:15px; height:15px; border:solid 1px #999999; cursor:hand; }

.shoppingcart {float:left; width:205px; height:55px; border: 1px solid #ccc; padding:3px; }
.shoppingcart span { color : black; margin: 0 0 4 0; font-size : 11px; font-weight : normal; }
a.hrefShoppingcart { color : black; margin: 0 0 4 0; font-size : 11px; font-weight : bold; text-decoration : none; outline-style : none; }
a.hrefShoppingcart.active { color : #00adfe; margin: 0 0 4 0; font-size : 11px; font-weight : bold; }
.scLeft { float:left; width: 125px; padding: 0; margin:0; cursor: hand;}
.scRight {float:right; width: 75px; padding: 0; margin:0; cursor: hand;}
.scRight img {float:right; padding: 0; margin:0; }

.MenuHeader {float:left;  width:590px; position:relative; }
.MenuHeader ul {  display:block; margin-top:13px;  margin-bottom:13px; }
.MenuHeader li{  display:inline;      }
.MenuHeader li a{ color:#333; background-color:#fff; font-size:12px; font-weight:normal; text-decoration:none; outline-style : none; border: 1px solid #ccc; padding:10 4; line-height:25px;   }
.MenuHeader li a:hover, .MenuHeader li a:active{ color:#fff; font-size:12px; background:#00adfe; font-weight:normal; }
.MenuHeader li a.MenuButton.active { color:#fff; font-size:12px; background:#00adfe; font-weight: normal;}
.MenuHeader li a:focus { outline-style : none; font-size:12px; }

.MenuHeader li#MenuFirst { position:relative; }
.MenuHeader li#MenuFirst a img { vertical-align:middle; width:23px; height:15px;}
.MenuHeader li#MenuFirst a.MenuButton {  } 

.MenuHeader li#MenuLast a.MenuButton {font-weight: normal; background:#fff; color:#f33;}
.MenuHeader li#MenuLast a:hover.MenuButton {font-weight: normal; background:#f33; color:#fff;}
.MenuHeader li#MenuLast a.MenuButton.active{font-weight: normal; background:#f33; color:#fff;}
#MenuFirst {}
.MenuSearch {float:right; width: 370px; background-image:url(/images/bgSearch.png); background-repeat:no-repeat; height:45px}
.MenuSearch .MenuButton input {float:left; width:240px; height:22px; color:#666; font-weight:normal; font-size:13px; margin-top:10px; padding-left:15px;}
.MenuSearch .MenuButton {float:left; width: 40px; padding-left:20px; }
.MenuSearch .searchButton { float:right; padding-right:20px; cursor:pointer; }
#divSearchButton {float:right}

/* Content */
.mainContent {width: auto; height:auto; float:none; clear:both; padding-top:10px; }
.leftContent {width:142px; float:left; clear:both; margin-right:3px }
.rightContent { width: 855px; float:left; }
.rightContentWide { width: 1000px; float:left; }

.pagingContentTopLeft { margin:0; padding: 0px 0px 0px 0px; float:left; color : #8a8a8a; }
.pagingContentTopRight { margin:0; padding: 0px 10px 2px 0px; float:right; }
.pagingContentBottomLeft { margin:0; padding: 8px 0px 0px 3px; float:left; color : #8a8a8a; }
.pagingContentBottomRight { margin:0; padding: 8px 10px 0px 0px; float:right; }
.pagingContentIcon { vertical-align:bottom; }

/*Buttons */

.searchButton {margin-top:10px; font-size: 12px; font-weight:bold; line-height:18px; }
.searchButton span { float:left; height:23px; background: transparent url(/images/bkg_button.png) 0 0 no-repeat; padding:0 0 0 8px; text-align:center; white-space:nowrap; color:#fff; }
.searchButton span span { background-position:100% 0; padding:0 12px 0 4px;}

.addToCartButton {margin-top:3px; height:28px; font-size: 12px; color:#000; font-weight:bold; line-height:18px; }
.addToCartButton span { float:left; height:23px; background: transparent url(/images/bkg_buttonlichtblauw.png) 0 0 no-repeat; padding:0 0 0 8px; text-align:center; white-space:nowrap; color:#fff; }
.addToCartButton span span { background-position:100% 0; padding:0 12px 0 4px;}
.addToCartButton a {color:#fff;}
.addToCartButton a:hover, .addToCartButton a:active, .addToCartButton a:focus {color:#dbeef5;}


/*LeftMenu */
.leftContent ul { padding:0; margin:0; list-style:none; border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.leftContent ul li { border-bottom: 1px solid #ccc; background: #fff; line-height:14px; margin:0; white-space:nowrap; }
.leftContent ul ul { border: none; }
.leftContent ul ul li { border: none; margin-left: 15px; }
.leftContent ul ul ul li { border: none; margin-left: 15px; }
.leftContent a { display:inline-block; font-size:11px; font-weight: normal; text-decoration:none; color:#000; padding: 2px 4px; margin-bottom:0px; }
.leftContent a { display:block; }
.leftContent a:focus { font-size:11px; font-weight: normal; text-decoration:none; outline-style : none; }
.leftContent ul ul a {border:none}
.leftContent a:hover, .leftContent a:active, .leftContent a.active { font-size:11px; font-weight: normal; text-decoration:none; color:#fff; background-color:#00adfe; }

/*RightContent Homepage */

.divHomeHeader { text-decoration: none; color: black; font-size:  10px; font-weight: bold; }

.rightContent .right ul {padding:0; margin:0}

/*TagCloud*/
.tagcloud { clear:both; padding-left:140px; width:auto; }
.tagcloudMarginTop { clear:both; padding-left:140px; margin-top:20px; width:auto; }

#htmltagcloud{
	font-size: 100%;
	width: 100%;
	font-family:'arial';
	background-color:#fff;
	height:60px;
}

#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:center;text-indent:0}
#htmltagcloud a {font-weight: normal;}
#htmltagcloud a:link{font-weight: normal; text-decoration:none}
#htmltagcloud a:visited{font-weight: normal; text-decoration:none}
#htmltagcloud a:hover{font-weight: normal; color:#000;background-color:#fff}
#htmltagcloud a:active{font-weight: normal; color:#000;background-color:#fff}
#htmltagcloud span {white-space: nowrap;}

.wrd{padding:0;position:relative}.wrd a{text-decoration:none;}
.tagcloud0 a {font-size:1.0em; color:#bbb;z-index:10; padding-left:11px; padding-right:5px;}
.tagcloud0 a:hover {font-size:1.0em; padding-left:11px; padding-right:5px;}
.tagcloud1 a {font-size:1.1em; color:#aaa;z-index:9; padding-left:8px; padding-right:8px;}
.tagcloud1 a:hover {font-size:1.1em; padding-left:8px; padding-right:8px;}
.tagcloud2 a {font-size:1.3em; color:#aaa;z-index:8; padding-left:9px; padding-right:7px;}
.tagcloud2 a:hover {font-size:1.3em; padding-left:9px; padding-right:7px;}
.tagcloud3 a {font-size:1.4em; color:#999;z-index:7; padding-left:5px; padding-right:11px;}
.tagcloud3 a:hover {font-size:1.4em; padding-left:5px; padding-right:11px;}
.tagcloud4 a {font-size:1.6em; color:#999;z-index:6; padding-left:3px; padding-right:13px;}
.tagcloud4 a:hover {font-size:1.6em; padding-left:3px; padding-right:13px;}
.tagcloud5 a {font-size:1.8em; color:#888;z-index:5; padding-left:1px; padding-right:15px;}
.tagcloud5 a:hover {font-size:1.8em; padding-left:1px; padding-right:15px;}
.tagcloud6 a {font-size:1.9em; color:#888;z-index:4; padding-left:0px; padding-right:16px;}
.tagcloud6 a:hover {font-size:1.9em; padding-left:0px; padding-right:16px;}
.tagcloud7 a {font-size:2.1em; color:#777;z-index:3; padding-left:16px; padding-right:0px;}
.tagcloud7 a:hover {font-size:2.1em; padding-left:16px; padding-right:0px;}
.tagcloud8 a {font-size:2.2em;color:#777;z-index:2; padding-left:7px; padding-right:9px;}
.tagcloud8 a:hover {font-size:2.2em; padding-left:7px; padding-right:9px;}
.tagcloud9 a {font-size:2.4em;color:#666;z-index:1; padding-left:12px; padding-right:4px;}
.tagcloud9 a:hover {font-size:2.4em; padding-left:12px; padding-right:4px;}
.tagcloud10 a {font-size:2.5em;color:#666;z-index:0; padding-left:2px; padding-right:14px;}
.tagcloud10 a:hover {font-size:2.5em; padding-left:2px; padding-right:14px;}
.freq{font-size:10pt !important;color:#bbb}

/*Footer */
.footer { margin-top: 40px; clear:both; width:1000px; margin-left: 0px; padding-left: 0px; }
.footer div a { font-family : Arial; font-size:10px; color:#6c7780; text-decoration:none; }
.footer div a:hover { font-family : Arial; font-size:10px; color:#00adfe; text-decoration:none; }
.footer ul li { font-family : Arial; font-size:10px; line-height:12px; color:#6c7780; }
.footer p { font-family : Arial; text-align:right; }
.footerhead { font-family : Arial; margin-bottom:5px; color:#6c7780;}
.footerhead span { font-size:11px; color:#6c7780; font-weight:bold; }
.footerhead span a { font-size:11px; color:#6c7780; font-weight:bold; text-decoration : none; }
.footerhead span a:hover { font-size:11px; color:#00adfe; font-weight:bold; text-decoration : none; }
.footer address { text-align:right; font-weight:bold;  }
.footerContainerLargescreen 
{
	width: 1000px; 
	left: 50%;
	margin-left: -510px; /* - (width/2) */
	position: relative;
	padding-left: 10px;
}
.footerContainerSmallscreen {
	width: 1000px; 
	padding-left: 4px;
}
.footer img {}
.footerlinks1 {	float:left;	width:200px; height:95px; }
.footerlinks1 li { font-family:Arial; font-size:10px;	color:#6c7780; }	

.footerlinks2 {	float:left;	width:200px; height:95px; }
.footerlinks2 li { font-family:Arial; font-size:10px;	color:#6c7780; }	

.footerlinks3 {	float:left;	width:200px; height:95px; }
.footerlinks3 li { font-family:Arial; font-size:10px; color:#6c7780; }

.footerlinks4 {	float:left;	width:200px; height:95px; }
.footerlinks4 li { font-family:Arial; font-size:10px;	color:#6c7780; }

.footerlinks5 {	float:right; width:200px; height:95px; }
.footerlinks5 li { font-family:Arial; font-size:10px;	color:#6c7780; }
.newsletter {	float:right; padding-right: 2px; }

.newsmessage { float:left; color: Red; }
.newsinput { width:148px; height: 18px;  margin-top:0px; margin-bottom:0px; font-family : Arial; font-size : 10px; font-weight : bold; }
.newsinputbutton { width:45px; height: 20px; color:white; background-color:#6c7780; font-family:Arial; font-size : 9px; font-weight : bold; }

a.hrefFooter { font-size:11px; color:#6c7780; font-weight:normal; text-decoration : none; vertical-align:top; }
a.hrefFooter:hover, a.hrefFooter:active { font-size:11px; color:#00adfe; font-weight:normal; text-decoration:none; vertical-align:top; }

li:hover { cursor: default;}

.copyright { position:relative; top:20px; float:left; color:#6c7780; margin-top: 2px; margin-left: 0px; height:20px; font-style : italic; }

.copyright a
{
	text-decoration : none;
	color : #6c7780;
	font-size :  10px;
	font-weight : normal;
	font-style : italic;
}
	
.copyright a:hover
{
	text-decoration : none;
	color : #6c7780;
	font-size :  10px;
	font-weight : normal;
	font-style : italic;
}

.promo { position:relative; top:20px; float:right; font-size: 12px; color:#6c7780; margin-top: 0px; padding-right:2px; height:20px; }
.promo b { color:black;  }


.bodyParkedDomain { margin:30px; background:url(/images/parked-domain-bg.jpg) repeat-x; background-color: #575757; }
#DivParkedDomainText { font-size: 20px; text-align: center; }
#DivParkedDomainText a { font-size: 20px; color: Black; font-weight:normal; }

#artikelZoomContainer { float:left; width:200px; height:300px; }
#artikelTextContainer { float:left; margin-left:15px; width:420px; height:300px; }
#artikelRightContainer { float:right; margin-left:15px; width:200px; min-height:300px; _height:300px; border:solid 1px #b5b5b5; }
.artikelMerkContainer { float:right; margin-top:5px; margin-right:5px; }
.margin5 { margin-left:5px; }
#artikelMatenContainer { min-height:75px; _height:75px; }
#artikelMatenHeaderContainer { float:left; min-height:75px; _height:75px; width:40px; }
.artikelMatenValueContainer { float:left; min-height:75px; _height:75px; width:145px; }
#artikelPrijsMainContainer { height:55px; }
#artikelKleurenHeaderContainer { float:left; width:40px; height:30px; margin-top:1px; }
#artikelPrijsHeaderContainer { float:left; width:40px; margin-top:8px; }
.artikelRelevantProductsHeader { border-bottom:solid 1px #b5b5b5; margin-bottom:5px; }
.artikelRelevantImageHref img { border:solid 1px white; }
.artikelRelevantImageHref:hover img { border:solid 1px #b5b5b5; }

img.mainImage { width:200px; height:300px; }
.artikelAddNL { color:White; background-color:#6c7780; width:100px; height:20px; font-size : 10px; font-weight : bold; margin-left:16px; }
.artikelAddDE { color:White; background-color:#6c7780; width:120px; height:20px; font-size : 10px; font-weight : bold; margin-left:16px; }
.inputQuantity { width:20px; height:20px; padding-left:5px; }
div.colorBlock { float:left; margin-left:4px; }

a.maat:active, a.maat:focus { outline: none; text-decoration:none; border: none; }
.prijs { font-size:20px; }


.pager { margin:0; padding:0; font-size:11px; margin-right:2px; }
.pager a { border:solid 1px #ccc; margin-right:2px;  font-weight: normal; }
.pager a:link,
.pager a:visited {color:#000000; display:block; float:left; padding:3px 6px; text-decoration:none; font-weight: normal; }
.pager a:hover{  border:solid 1px #ccc; background:rgb(0, 173, 254); color:#FFFFFF; font-weight: normal; }

.pagerPreviousOff, 
.pagerNextOff { border:solid 1px #ccc; color:#000; display:block;  float:left; font-weight:normal; margin-right:2px; padding:3px 4px; }
.pagerNext a,
.pagerPrevious a { font-weight: normal; } 
.pagerActive { border:solid 1px #ccc; background:rgb(0, 173, 254); color:#FFFFFF; font-weight: normal; display:block; float:left; padding:3px 6px;}

