/* Algemeen */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

img {
	border: none;
}

a, a:link, a:active, a:visited, a:hover {
	color: #ED6A12;
	text-decoration: underline;
}

.htxt a:link, .htxt a:active, .htxt a:visited, .htxt a:hover {
	color: #000000;
	text-decoration: none;
}
.interactie {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	margin-left: 10px;
	margin-top: 50px;
}


/* Heading */

h1, h2, h3, h4, h5, h6, .ti {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

h1, .ti {
	font-size: 22px;
	margin: 8px 0px 8px 0px;
	color: #FF6500;
	font-weight: normal;
}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
	color: #FF6500;
	text-decoration: none;
}

h1.cat {
	color: #5A5A5A;
	font-size: 30px;
}


h2 {
	font-size: 12px;
	margin: 8px 0px 8px 0px;
	color: #FF6500;
	text-transform: uppercase;
	letter-spacing: 1.5px;	
}

h3, .ti3 {
	font-size: 14px;
	margin: 3px 0px 2px 0px;
}

h4, h5, h6 {
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}

.tix {
	margin: 3px 0px 2px 0px;
}

.tiu {
	margin: 0px 0px 8px 0px;
}

/* Form */

input.input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	background: url(../img/bgInput.gif) no-repeat 0px 0px;
	width: 160px;
}

textarea {
	height: 80px;
}

.logbtn {
	margin-top: 6px;
}

/* Layout */

#all {
	width: 100%;
	height: 100%;
}

#site, #inSite, .site {
	width: 100%;
	height: 100%;
}

#inSite td {
	vertical-align: top;
}

.siteLeft, .siteRight {
	empty-cells: show;
}

.siteMid {
	width: 949px;
}

tr.header .siteMid {
	height: 190px;
}

tr.header .logo {
	height: 74px;
	vertical-align: top;
	border-bottom: 8px solid #7F7E80;
}

tr.header .siteLeft .headers, tr.header .siteRight .headers {
	background: url(../img/shTop.gif) repeat-x bottom;
}

tr.header table.header {
	width: 100%;
	height: 100%;
}

tr.header .menu {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #4C4C4C;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.ctColDarkGray {
	background: #7F7F7F url(../img/shDgr.gif) repeat-x 0px 0px;
	width: 316px;
	vertical-align: top;
}

.ctColDarkGray, .ctColDarkGray td, .ctColDarkGray div {
	color: #FFFFFF;
}

.ctColLightGray, .ctColLightGray td, .ctColLightGray div {
	color: #FFFFFF;
}

.ctColLightGray {
	background: #B2B2B2 url(../img/shLgr.gif) repeat-x 0px 0px;
	width: 316px;
	vertical-align: top;
}

.ctColLightGrayCat, .ctColLightGrayCat td, .ctColLightGrayCat div {
	color: #FFFFFF;
}

.ctColLightGrayCat {
	background-image: none;
	background-color: #B2B2B2;
	width: 316px;
	vertical-align: top;
}


.ctColWhite, .ctColWhite2 {
	background: #FFFFFF url(../img/shWhi.gif) repeat-x 0px 0px;
	vertical-align: top;
}


tr.body .siteLeft {
	background: #7F7F7F url(../img/shDgr.gif) repeat-x 0px 0px;
}

tr.body .siteRight {
	background: #B2B2B2 url(../img/shLgr.gif) repeat-x 0px 0px;
}

.ct {
	padding: 20px 20px 4px 20px;
}

.ct2 {
	padding: 20px 10px 4px 10px;
}

.ct-cat {
	padding: 20px 0px 4px 0px;
}

.prijs-voor, .prijs-voor a:link, .prijs-voor a:active, .prijs-voor a:visited, .prijs-voor a:hover {
	font-size: 22px;
	color: #FF6500;
	font-weight: bold;
	text-decoration:none;
}

.prijs-van, .prijs-van a:link, .prijs-van a:active, .prijs-van a:visited, .prijs-van a:hover {
	font-size: 12px;
	color: #C0C0C0;
	font-weight: bold;
	text-decoration:none;
}

.cttable {
	width: 600px;
}


/* Catalogus */

.catalogus div a:link, div .catalogus div a:active, .catalogus div a:visited, .catalogus div a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.catalogus div.c {
	border-left: 2px solid #ED6A12;
	padding: 2px 0px 2px 3px;
}

.catalogus div.s {
	border-left: 2px solid #FFFFFF;
	font-weight: bold;
	padding: 2px 0px 2px 5px;
}


.catalogus {
	width: 100%;
}

.catalogus .col1 {
	width: 140px;
	vertical-align: top;
}

.catalogus .col2 {
	width: 155px;
	vertical-align: top;
}

.catalogus .space {
	width: 0px;
}

.gray {
	color: #616161;
}

ul.brands {
	color: #FF6600;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

ul.brands li span {
	color: #000000;
}

.catdetail {
	margin: 0px 6px 11px 6px;
	width: 50px;
}

.HFOcontainer {
	width: 317px;
	overflow: hidden;
}


/* Shade */

.sh { position: absolute; z-index: 1; }  .sh div { height: 1px; width: 317px; background-color: #848484; }  .sh .l2 { filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .sh .l3 { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } .sh .l4 { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } .sh .l5 { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } .sh .l6 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; } .sh .l7 { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } .sh .l8 { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; } .sh .l9 { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; } .sh .l10 { filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; }