.sprite(@x, @y)		{ background-image: url('../img/sprite-tk.png'); background-repeat: no-repeat; background-position: @arguments; }
.cf 				{ zoom:1; 
	&:before,
	&:after 		{ content: ""; display: table; }
	&:after 		{ clear:both; }
}
.padding-box 																{ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) 						{ background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); }
.btn-gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) 						{ background: @color; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); 
	background: -ms-linear-gradient(bottom, @start, @stop); 
	background: -moz-linear-gradient(center bottom, @start 0%, @stop 50%); }
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) 			{ -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); }
.rounded(@radius: 2px) 														{ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; .padding-box; }
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) 	{ -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; .padding-box; }
.box-shadow(@arguments) 													{ -webkit-box-shadow: @arguments; -moz-box-shadow: @arguments; box-shadow: @arguments; }
.transition(@parameters) {
	-webkit-transition: @parameters; -moz-transition: @parameters; 
	-o-transition: @parameters; -ms-transition: @parameters; 
	transition: @parameters;
}

/* FONTS */

@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PTS55F-webfont.eot');
	src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS55F-webfont.woff') format('woff'),
		 url('../fonts/PTS55F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/PTS75F-webfont.eot');
	src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS75F-webfont.woff') format('woff'),
		 url('../fonts/PTS75F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0;	margin: 0;}
fieldset, img 		{ border: 0;}
table 				{ border-collapse: collapse; border-spacing: 0; }
ol, ul 				{ list-style: disc outside; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
em					{ font-weight:normal; }
caption, th 		{ text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after 	{ content: ''; }
abbr, acronym 		{ border: 0; }

/* DEFAULTS */
body				{ background:url('../img/bg.png') repeat-x #fff; font-family: Arial, Helvetica, sans-serif; color: #474747; font-size: 13px; line-height: 20px; }
.center				{ margin:0 auto;  width: 960px; }
a					{ color: #00a0d1; text-decoration: none; }
a:hover				{ text-decoration: underline; } 
input, textarea		{ border:0; font-family: Arial, Helvetica, sans-serif; color: #303030; background-color: transparent; font-size: 14px;  box-shadow: none; -webkit-border-radius:0;-webkit-appearance:none; }
textarea			{ overflow:auto; resize: vertical; }
input:focus 		{ outline: none; }
textarea:focus 		{ outline: none; }
select:focus 		{ outline: none; }
::-moz-selection	{ background: #00a0d1; color:#fff; }
::selection			{ background: #00a0d1; color:#fff; }
::-webkit-input-placeholder  { color:#919191; }
input:-moz-placeholder { color:#919191; }
input[type=search] 	{ -moz-appearance:none; -webkit-appearance:none; }
input[type="search"]::-webkit-search-cancel-button { display:none; }

h1					{ font-size: 24px; line-height: 30px; font-weight: bold; color: #5e5e5e; font-weight: normal; }
.h 					{ font-size: 24px; line-height: 30px; font-weight: bold; color: #5e5e5e; font-family: 'PTSansBold'; font-weight: normal;
	.a 				{ color: #5e5e5e; }
}
.h-search			{ .h; font-size:18px; float:left; width:400px; }
.h-details			{ font-family: Arial, Helvetica, sans-serif; color: #00a0d1; font-size: 13px; line-height: 20px; font-weight:bold; }

h2					{  }
h3					{  }
h4					{  }

hr					{ display:none; }
p					{ padding:7px 0; }

.hidden 			{ display:none; }
.clear 				{ clear:both; }
.intro				{ font-weight:bold; }

.btn-back			{ font-size: 11px; font-style: italic; width: 180px; text-align: right; float: right; margin-top: 5px;
	&:before 		{ display:inline-block; width:7px; height: 10px; .sprite(-210px, -160px); content:' '; margin-right: 5px; }
}
.btn-back-2 		{ .btn-back; margin-bottom: 10px; margin-right: 19px; }
.btn-login-register	{ .sprite(-700px, -160px); color: #fff; float:left; display:block; .rounded(4px); width:150px; line-height: 30px;  margin:15px 0 0 40px;
					 text-decoration: none; position:relative; padding-left: 35px; font-family: 'PTSansRegular'; 
	&:before 		{ content:' '; display:block; width: 13px; height: 16px; .sprite(-20px, -160px); position: absolute; top:7px; left:12px; }
}
.btn-print 			{ display:block; float: left; width: 24px; height: 20px; .sprite(-150px, -160px); text-indent: -9999px; }
.btn-mailfriend		{ display:block; float: right; width: 28px; height: 20px; .sprite(-120px, -160px); text-indent: -9999px; }
.btn-download		{ .sprite(-700px, -160px); color: #fff; display:block; .rounded(4px); width:150px; line-height: 30px;  margin:15px 0 15px 20px;
					 text-decoration: none; position:relative; font-family: 'PTSansRegular'; text-align: center; }
.readmore 			{ font-style: italic; font-size: 11px;  }
.scroll 			{ background: url('../img/scroll-loader.gif') center center no-repeat; display:block; height:80px; text-indent: -9999px; }

.page-h				{ .cf; border-bottom:1px solid #e2e2e2; padding:9px 19px; }
.page-h-2			{ .cf; border-bottom:1px solid #e2e2e2; padding:9px 19px; 
	.h 				{ float:left; width:400px; }
}
.total 				{ color: #00a0d1; }
.results			{ font-size: 11px; font-style: italic; width: 150px; text-align: right; float: right; margin-top: 5px; color: #ababab; }

.article			{ .cf; }
.text 				{ padding:9px 19px; 
	ol, ul 			{ margin:5px 30px; }
}
.date 				{ text-align: right; color: #ababab; font-size: 11px; margin-bottom: 5px; }
.cat 				{ color: #ababab; font-size: 11px; margin-bottom: 5px; }
.options 			{ background: #f6f6f6; padding:19px 19px 39px; .cf; }
.tweet 				{ float:right; margin-right: 10px; }

/* GRID */
.col-1				{ float:right; width: 618px; border:1px solid #e2e2e2; .rounded(4px); .box-shadow(0 0 6px #ececec); margin-right: 10px; background: #fff; }
.col-2				{ float:left; width: 298px; border:1px solid #e2e2e2; .rounded(4px); .box-shadow(0 0 6px #ececec); margin-left: 10px; background: #fff; }
.page 				{  margin:0 10px;  border:1px solid #e2e2e2; .rounded(4px); .box-shadow(0 0 6px #ececec); background: #fff;  }

/* HEADER */
.header 			{ background: #fff; padding-top:20px; .cf; }
#logo 				{ float:left; width: 300px; }
.subtitle 			{ float:right; width: 620px; font-weight: bold; font-size: 16px; font-style: italic; text-align: right; color: #ababab; text-indent: 100px; margin-top: 20px; }
.lang 				{ float: right;
	a 				{ padding-top: 2px;}
	.act 			{ color: #242053;}
}

/* BREADCRUMB */
.l-breadcrumb		{ float: left; }
.breadcrumb 		{ float: left; width: 480px; font-size: 11px; color: #777;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  margin-top: 20px;
	.item 			{ display:inline; margin:0 2px 0 2px; }
	.a 				{ text-decoration: none; color: #777; 
		&:hover 	{ color:#00a0d1; }
	}
	.act 			{ color: #00a0d1; }
}
.search 			{ float:right; width: 230px; border:1px solid #c6c6c6; .rounded(4px); padding:4px 0 4px 9px; margin:15px 0 0 0; 
					.gradient(#f2f2f2, #fcfcfc, #f2f2f2); }
.i-search 			{ border:none; display: block; float:left; width: 210px; line-height: 20px; height: 20px; }
.btn-search	 		{ text-align: left; float:left; margin-top: 2px; width: 16px; height: 16px; .sprite(0, -160px); text-indent: -9999px; cursor: pointer; display: block; }

.bar 				{ height: 60px; background-position: top center; background-repeat: no-repeat; top: 70px; left:0; position: absolute; width: 100%; }
.main 				{ .cf; .center; margin-top: 20px; }

/* MENU */
.nav 				{ background:#00a0d1; height: 80px; position: relative; background: url('../img/bg-nav.png') repeat-x top; padding-top:10px; font-family: 'PTSansRegular';
	&.with-bar 		{ margin-bottom: 80px; }
	.aa 			{ display: block; color: #303030;  font-size: 15px; padding:10px 20px; min-height:20px;
						overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  
		&:last-child { border:0;}
		&:hover 	{ color: #00a0d1; text-decoration: none; }
	}
	.col 			{  width: 320px; }
}
.subnav				{ .center; .cf;  width: 100%; min-width: 320px;} 
.lvl-1				{ .center; .cf;  list-style: none outside; }
.lvl-2 				{ position: absolute; top:70px; left:inherit; background-color: #fff; .box-shadow(0 4px 10px #d2d2d2);  display: none;  list-style: none outside; padding:10px 0 20px 0; width: auto; z-index: 10; }

.nav-item			{ float: left; width: 320px; height: 80px; 
	.a 				{ display: block; height: 60px; text-indent: -9999px; }
	&:hover .lvl-2 	{  }
}
.nav-over-thuiskopie { .nav-item; .sprite(0, 0);
	&:hover 		{ .sprite(0,-80px); }
	&.current		{ .sprite(0,-80px); }
	.col			{ float:left; }
}
.nav-importeurs-fabrikanten-handelaren 	{ .nav-item; .sprite(-320px, 0);
	&:hover 		{ .sprite(-320px,-80px); }
	&.current		{ .sprite(-320px,-80px); }
	.col			{ float:left; }
}
.nav-professioneel-gebruik 	{ .nav-item; .sprite(-640px, 0);
	&:hover 		{ .sprite(-640px,-80px); }
	&.current		{ .sprite(-640px,-80px); }
}

/* FOOTER */
.footer 			{ .cf; background: #00a0d1; .border-radius(4px, 0, 0, 4px); margin-top: 40px; 
	.title 			{ text-transform: uppercase; color: #feffff; border-bottom: 1px solid #ababab; line-height: 50px;  font-family: 'PTSansRegular';
		.a 			{ color: #feffff; text-decoration: none;
			&:hover { color:#00a0d1; }
		 }
	}
}
.footer-c 			{ background: #303030;  .border-radius(4px, 0, 0, 4px); color: #ababab; padding-bottom: 60px; .cf; }
.disclaimer 		{  color: #f1f1f1; text-align: right; padding-right:10px; font-size: 12px; line-height: 30px;
	.a 				{ color: #f1f1f1; }
}
.links 				{ float:left; width: 280px; margin: 0 20px; 
	.a 				{ padding:15px 0; color: #ababab; display: block; border-bottom:1px solid #5e5e5e;
		&:hover		{ color:#00a0d1; text-decoration:none; }
	}
}
.address 			{ float:left; width: 280px; margin: 0 20px; line-height: 16px; 
	p 				{ padding:19px 0 18px; } 
}
.address-main 		{ border-bottom: 1px solid #5e5e5e; }
.twitter 			{ float:left; width: 280px; margin: 0 20px;
	li 				{ margin-top: 30px; font-size: 11px; line-height: 14px; .rounded(4px); position: relative; position: relative;
		 background: url('../img/bg-tweet.png') #fff no-repeat left center; 
		&:before 	{ position: absolute; width:0px; height: 0px; content:' '; display: block; top:-20px; left:15px;
					border-top:10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fff; }
		&:nth-child(2n) { background: url('../img/bg-tweet.png') #fff no-repeat  right center;
			.item  	{ margin:0 60px 0 0;  .border-radius(0, 0, 4px, 4px); }
			&:before 	{ right:20px; left:auto; }
		} 
	}
	ol 					{ list-style: none outside; }
	a 					{ color:#fff;
		&:hover			{ text-decoration: underline; }
	}
	.item 				{ margin:0 0 0 60px; .border-radius(4px, 4px, 0, 0); background: #00a0d1;  color: #fff; padding:5px 10px 5px 10px; display: block; min-height: 28px; }
}

/* SUBMENU */
.l-filter 			{ font-size: 15px; padding:14px 19px; border-bottom:1px solid #e2e2e2; background: #f6f6f6; font-family: 'PTSansRegular'; } 
.submenu 			{ font-size: 15px; list-style: none outside; font-family: 'PTSansRegular';
	li 				{ 
		&:last-child { border:0; }
	}
	.a 				{ color: #303030; text-decoration: none; display: block; border-bottom:1px solid #e2e2e2; padding:14px 19px; 
		&:hover 	{ color: #00a0d1; } 
		&.act 		{ color: #00a0d1; }
	}
}
.employer			{ background-position: left bottom; background-repeat: no-repeat;  padding:200px 20px 0 140px; height: 90px;  line-height: 14px;  font-size: 11px; }
.employer-quote 	{ font-weight: bold; font-style: italic; color: #ababab; text-align: right; margin: 10px 20px 0; }
.name				{  }
.function 			{ font-style: italic; color: #ababab; margin: 0 0 0 20px;  }

/* HOMEPAGE */
.home 				{ margin-left:10px; display: table;
	.item			{ display: table-cell; *float: left; width: 298px; border:1px solid #e2e2e2; .rounded(4px); .box-shadow(0 0 6px #ececec);
						color: #474747; text-decoration: none; background: #fff; position: relative }

	.link-corner    { position: absolute; bottom: 0px; right: 0px; width: 36px; height: 36px; border: 0px solid red; }  

	.a				{ background: url('../img/bg-col.png') bottom right no-repeat #fff;
		&:hover		{ background: url('../img/bg-col-hover.png') bottom right no-repeat #fff; }
	 }
	 
	.img 			{ height: 70px; overflow: hidden; .border-radius(4px, 0, 0, 4px );
		img 		{ display: block; }
	}

	.sep 			{ display: table-cell; *float: left; width: 20px; } 
	.content 		{ padding:19px 19px 39px 19px;  }
}
.quote				{ color: #00a0d1; font-style: italic; font-weight: bold; }

/* DEFAULT LIST */
.list 				{ list-style: none outside;
	li 				{ border-bottom:1px solid #e2e2e2;  padding:9px 19px;  
		&:last-child { border:0; }
	}
	.a 				{ display: block; color: #474747;
		&:hover		{ text-decoration:none;
			.title	{ text-decoration:underline; }
		}
	}
	.title			{ color: #00a0d1; font-weight: bold; }
	.content 		{  }
	.readmore		{ color: #00a0d1; }
}

/* FAQ */
.faqlist 			{ list-style: none outside;
	li 				{ border-bottom:1px solid #e2e2e2; 
		&:last-child { border:0; }
	}
	.a 				{ display: block; color: #00a0d1; font-weight: bold; margin:9px 19px 10px; }
	.content 		{ display: none; .cf; }
	.current		{ 
		.content 	{ display: block; }
	}
	.answer 		{ margin:0 19px 10px; }
	.options 		{ padding:19px 19px; }
}

/* SITEMAP */
.sitemap			{ list-style:none outside; margin: 9px 19px; .cf;
	ol				{ list-style:none outside; margin: 5px 30px 10px; }
	.a				{ color:#474747; font-size:14px; }
	.aa				{ color:#474747; }
}

/* FORMULIER */
.form 				{ margin:20px 0 20px 20px; .cf;
	.item 			{ .cf; margin:5px 0; }
}
.t, .i				{ float:left; display: block; width: 340px; border:1px solid #c6c6c6; .rounded(4px); font-family: 'PTSansRegular'; font-size: 15px; line-height: 20px; padding:4px 9px; margin-left: 20px; 
	&.required 		{ padding:4px 39px 4px 9px;  width: 310px; background: url('../img/bg-required.png') no-repeat center right; 
		&.correct 	{  background: url('../img/bg-correct.png') no-repeat center right; }
		&.error 	{ background: url('../img/bg-error.png') no-repeat center right; }
	}
}
.i 					{ height: 20px }
.t 					{  }
.l 					{ float:left; display: block; width: 200px; color: #5e5e5e;  line-height: 20px; padding:5px 0;  }
.btn-submit 		{ display: block; text-align: center; font-family: 'PTSansRegular'; color: #fff; background: #c8c8c8;
					 .rounded(4px); width: 180px; height: 30px; font-size: 15px;  cursor: pointer; float: right; margin-top: 5px;
					 .sprite(-700px, -160px); padding-bottom: 1px; margin-right: 20px;
	&:active 		{ padding-bottom:0px; } 
}

.popup 				{ background: #fff;
	.t 				{ resize: none; }
}

.letters			{ list-style: none; display:table; line-height:30px; margin:0 auto !important; width:580px;
	li 				{ display:table-cell; text-align:center;
		a 			{ color:#ababab; font-size:12px; font-weight:bold;
			&.act 	{ color:#00a0d1; }
		}
	}
}

.contractors-search { border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:10px 0; display:inline-block;
	.i 				{ width:200px; }
	.radio 			{ float:left; margin-top: 3px; }
	.item-radio		{ padding:6px 0 0; float:left; margin-right: 10px;
		.radio		{ position: absolute; left: -9999px; }
		.l-radio	{ display: inline; padding-left: 25px; position: relative; cursor: pointer; margin-left:15px;
			&:before { width: 14px; height: 14px; border:1px solid #c6c6c6; .rounded(8px); display: block; content:' '; position: absolute; left: 0; top:2px; background: #fff; }
		}
		.radio:checked + .l-radio { 
			&:before {  background:#00A2D3; border:1px solid #00A2D3; .rounded(8px); }
		}
	}
	input[type=submit] { display: block; text-align: center; font-family: 'PTSansRegular'; color: #fff; background: #c8c8c8;
					 .rounded(4px); width: 150px; height: 30px; font-size: 13px; font-weight:bold; cursor: pointer; float: right;
					 padding-bottom: 1px; margin-right: 20px; margin-left:2px;
	}
}

.contractors-search-result { margin-bottom:50px; margin-top:5px;
	table 			{ width:100%;
		tr 			{ border-bottom:1px solid #E2E2E2; }
		th 			{ color:#ababab; font-size:11px; padding:0 20px;
			a 		{ text-decoration:none; color:#ababab;
				&.asc {
					.sort-indicator 	{ .sprite(-353px, -160px); display:inline-block; height:6px; width:9px; margin-bottom:1px; margin-left:3px; }
				}
				&.desc {
					.sort-indicator 	{ .sprite(-353px, -175px); display:inline-block; height:6px; width:9px; margin-bottom:1px; margin-left:3px; }
				}
			}
		}
		td 			{ line-height:30px; padding:0 20px; vertical-align: top; }
	}
	a 				{ text-decoration:underline; color:#474747; }
}

/* HIGHSLIDE */
.highslide-header	{ display:none; }
.highslide-loading 	{ display: block; color: #000; font-size: 9px;  font-weight: bold; text-transform: uppercase; border: 1px solid white; 
						text-decoration: none; padding: 3px 3px 3px 22px; background: url('../img/loader.gif') no-repeat 3px 1px #fff; }
.btn-close			{ display:block; width:28px; height:28px; .sprite(-180px, -160px); text-indent:-9999px; 
					 cursor:pointer; position:absolute; right:-20px; top:-15px; }

/* CookieLaw Popup */
#cookie {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    color: #FFF;
    background-color: #c7c7c7;
    font-size: 13px;
    line-height: 18px;
    bottom: 0;

    .cookie-info {
        margin: 0 auto;
        width: 960px;
        padding: 10px 0;
    }
    a { 
        text-decoration:none;
    }
}

.cookie-text {
    float: left;
    width: 94%;
}

.cookie-btn {
    border: 1px solid;
    padding: 5px 10px;
    background-color: #fff;
    float: right;
    line-height: 19px;
    font-weight: bold;
    margin-top: 2px;
    text-decoration: none;
}
.highslide-dimming { background: #FFFFFF;}

/* THK_POPUP Popup */
#popup {
    display:none;left: 0;
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 99; 
}

.overlay-bg {
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.overlay-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 20px #999;
    -moz-box-shadow: 0 0 20px #999;
    box-shadow: 0 0 20px #999;
    background: #fff;
    border: 1px solid #d4d4d4;
    margin: 0 auto;
    width: 543px;
    padding: 20px 20px 15px;
    position: relative;
    z-index: 10;
}

.close-popup {
	position: absolute;
	right: -7px;
	top: -8px;
	padding: 8px 12px;
	background: #fff;
	font-weight: bold;
	.border-radius(50%, 50%, 50%, 50%);
	cursor: pointer;
}