.mobileHide { display: inline; }
/* Smartphone */
 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 1024px)
{ .mobileHide { display: none; } }

.mobileHidePortrait { display: inline; }
/* Smartphone */
  @media only screen
  and (orientation: portrait)
  and (min-device-width : 320px)
  and (max-device-width : 580px)
{ .mobileHidePortrait { display: none; } }

.pcCategoryCompare { }
/* PC */
 @media only screen
 and (min-device-width : 1024px)
{ .pcCategoryCompare { width: 100%; border: 1px solid #ccc; padding: 5px 10px 10px 10px; float: left; }  }

.pcProductCompare { }
/* PC */
 @media only screen
 and (min-device-width : 1024px)
{ .pcProductCompare { width: 330px; border-top: 0px; float: left; } }

@charset "utf-8";

hr {
	border: 0px;
	height: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}
.znl {
    float: left;
	margin: 0px;
	padding: 0px;
}
.znl table {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 24px;
}
.znl tr {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.znl thead {
    color: #ffffff;
    background-color: #3399cc;
}
.znl td {
	margin: 0px;
	padding: 0px 2px;
	border: 1px solid #ccc;
	text-align: center;
}
.znl .td_l {
	padding-left: 7px;
	text-align: left;
}
.znl img {
	padding: 5px;
	border: 1px solid #ccc;
}
#google_translate {
  height: 25px;
  margin-top: -5px;
}
#google_translate_element {
  color: transparent;
}
#google_translate_element a {
  display: none;
}
select.google_translate_element {
  color: black;
}
div.goog-te-gadget {
  color: transparent !important;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
} 
body {
 top: 0px !important;
}
@charset "utf-8";

.kleuren {
	text-align: center;
	font-weight: bold;
}
.kleuren table {
	width: 100%;
	border: 0px;
    border-collapse: collapse;
	margin: 0px;
    padding: 0px;
}
.kleuren tr {
	border: 8px solid #fff;
    margin: 0px;
    padding: 0px;
	height: 34px;
	vertical-align: middle;
}
.kleuren td {
	border: 0px;
    margin: 0px;
	padding: 0px 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.ral {
	font-size: 100%;
}
.ral table {
	border: 0px;
	border-spacing: 4px;
	width: 100%
}
.ral tr {
	height: 40px;
	vertical-align: middle;
}
.ral td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
}

@charset "utf-8";

div.color_box {
	width: 100%;
	margin: 0px;
    margin: 15px 0px 10px 0px;
	padding: 0px;
}
div.color_box:after {
    content: '';
    display: block;
    clear: left;
}
div.color_box img {
	float: left;
	margin: 3px;
	padding: 3px;
	border: 1px solid #ccc;
}
div.znl_img {
	margin: 0px;
	padding: 0px;
}
div.znl_img img {
	padding: 5px;
	border: 1px solid #ccc;
}
