/* fonts */

@font-face {
	font-family: 'corbel';
	src: url('fonts/corbel-webfont.eot');
	src: local('☺'), url('fonts/corbel-webfont.woff') format('woff'), url('fonts/corbel-webfont.ttf') format('truetype'), url('fonts/corbel-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'theinhardt';
	src: url('fonts/Theinhardt-Regular.eot');
	src: local('☺'), url('fonts/Theinhardt-Regular.woff') format('woff'), url('fonts/Theinhardt-Regular.ttf') format('truetype'), url('fonts/Theinhardt-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dazedarchetype';
	src: url('fonts/dazedarchetype-webfont.eot');
	src: local('☺'), url('fonts/dazedarchetype-webfont.woff') format('woff'), url('fonts/dazedarchetype-webfont.ttf') format('truetype'), url('fonts/dazedarchetype-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* algemeen */

body {
	padding: 0px;
	margin: 0px;
	font-family: corbel, arial, Times;
	font-size:12px;
	line-height: 17px;
}

img {display: block; border: 0px none; }
a {
	color: #ff8800; 
	text-decoration: none; 
	outline: none;
}
a:hover { color: #000000; }

h1,.h1 {
	font-family: dazedarchetype, arial; 
	font-size: 18px;
	margin: 25px 0px 25px 0px;
}
h2,.h2 {
	font-family: dazedarchetype, arial; 
	font-size: 18px;
	margin: 15px 0px 15px 0px;
}
.h2.underline {
	text-align: center;
	background:url(../images/head_bottom.png) no-repeat center bottom;
	padding-bottom: 18px;
	padding-top: 8px;
	border-top: 1px solid #000000;
}
h3,.h3 {
	font-family: dazedarchetype, arial; 
	font-size: 14px;
	margin: 10px 0px 10px 0px;
}
p {
	margin: 0px 0px 20px 0px;
}
select,input,textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
input[type=submit] {
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: corbel, arial;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
}
select,input[type=text],input[type=password] {
	height: 30px;
	line-height: 30px;
	font-family: corbel, arial;
	border: 1px solid;
	padding: 0px;
	text-indent: 5px;
	margin: 0px 0px 5px 0px;
}
select { 
	border-color: #bbbfc2; 
	text-transform: uppercase;
	color: #59595b;
}
input[type=text],input[type=password] { border-color: #58595b; }

table tr td { vertical-align: top; }

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.ui-datepicker { display:none; }
.italic {font-style:italic;}
.hidden { display:none; }

/* arrows */
.arrow {
	background: no-repeat top right;
	color: #ffffff;
	line-height: 18px;
	text-transform: uppercase;
	padding: 2px 20px 0px 14px;
	margin-right: 14px;
}
.arrow a {
	display:block;
	color: #ffffff !important;
}
.white .arrow a {
	color: #000!important;
}
.white.arrow,
#nav .white .arrow {
	background-image: url(../images/arrow_white.png);
	width: 42px;

}
.white.arrow.left,
.white .arrow.left {
	background-position: top left;
	background-image: url(../images/arrow_white_left.png);
}
.black.arrow,
.black .arrow {
	background-image: url(../images/arrow_black.png);
}
.black.arrow.left,
.black .arrow.left {
	background-position: top left;
	background-image: url(../images/arrow_black_left.png);
}
.grey.arrow,
.grey .arrow{
	background-image: url(../images/arrow_grey.png);
}
.black.arrow.left,
.black .arrow.left {
	background-position: top left;
	background-image: url(../images/arrow_grey_left.png);
}
.orange.arrow,
.orange .arrow{
	background-image: url(../images/arrow_orange.png);
}
.black.arrow.left,
.black .arrow.left {
	background-position: top left;
	background-image: url(../images/arrow_orange_left.png);
}
input[type=submit].arrow {
	line-height: 20px;
	height: 20px;
	border: 0px none;
	font-size: 12px;
}
a.arrow { 
	display: block;
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
}

/* structuur */

#main {
	position: relative;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 10px 0px 10px;
}

#header_wrapper {
	position: fixed;
	height:190px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	z-index: 200;
	padding: 0px 10px 0px 10px;
}
#header {
	position: relative;
	width: 956px;
	margin-left:auto;
	margin-right:auto;
	height:175px;
}

#content {
	position: relative;
	padding-top: 190px;
}

/* header */

#logo {
	position: absolute;
	top: 12px;
	left: 0px;
	background: url(../images/logo.png) no-repeat;
	width: 248px;
	height: 52px;
}
#logo a { display: block; width:100%; height: 100%; }

#zoek {
	position: absolute;
	top: 56px;
	right: 16px;
	width: 349px;
	/*padding-left: 100px;*/
	border-bottom: 1px solid #7e7e7e;
	height: 118px;
}

/* search */

#zoekbar {
	background-color: #f0eee9;
	padding: 19px 0px 14px 13px;
	margin-bottom: 0px;
}

#zoek .arrow { 
	width: 50px; 
	margin-bottom: 5px;
}
#zoek a.arrow { 
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
}
#zoek select { 
	width: 100%; 
	border-left: 0px none;
}
#zoek input[type=text] {
	float: left;
	width: 292px;
	/* width: 270px; */
}
#zoek input[type=submit] {
	background: url(../images/btn_zoeken.png) no-repeat top right;
	/* padding: 0px 34px 0px 5px; */
	padding: 0px 26px 0px 5px;
	color: #ffffff;
	border: 0px none;
	float: left;
	width: 30px;
}
#zoek #btn_zoekinfo {
	display: block;
	background: url(../images/btn_zoeken_info.png);
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 3px;
	cursor: pointer;
}
#zoek #zoekinfo {
	display: none;
	position: absolute;
	padding: 30px 20px 35px 20px;
	border: 1px solid #929397;
	width: 300px;
	top: 54px;
	right: 4px;
	background-color: #ffffff;
	font-size: 14px;
	z-index: 100;
}
#zoek #btn_zoekinfo:hover #zoekinfo {
	display: block;
}

/* breadcrumb */
#breadcrumb {
	padding: 10px 0px 25px 0px;
}
#breadcrumb ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#breadcrumb ul li {
	float: left;
	line-height: 18px;
	padding-top: 2px;
}
#breadcrumb ul li.split {
	background: url(../images/breadcrumb_split.png) no-repeat top right;
	padding-right: 12px;
}
#breadcrumb a { color: #000000; }
#breadcrumb a:hover { text-decoration: underline; }

.breadcrumb_right {
	position: absolute;
	height: 20px;
	top:200px;
	right: 16px;
}

/* content */

#columns {
	width: 940px;
	text-align: justify;
/* 	-webkit-column-count:4;
	-moz-column-count:4;
	column-count:4;
	
	-webkit-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px; */
/* 	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	
	-webkit-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
 */}
.kolom_trippel, .kolom_dubbel, .kolom_enkel {
	float: left;
	margin-right: 16px;
}
.kolom_trippel,.kolom_trippel_width { width: 701px; }
.kolom_dubbel,.kolom_dubbel_width { width: 462px; }
.kolom_enkel,.kolom_enkel_width { width: 223px; }

.h2.kolom_dubbel_width { line-height: 22px; margin-top:5px; min-height: 45px;}

/* highlights */
#highlights {
	position: relative;
	height: 100px;
	border-top: 2px solid #000000;
	text-align: center;
	padding: 25px 0px 25px 0px;
	clear:both;
	margin-right:16px;
}
#highlights #highlights_center {
	width: 460px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#highlights .highlight_image {
	overflow:hidden;
	width: 100px;
	height: 100px;
	float:left;
	margin: 0px 7px 0px 7px;
}
#highlights .arrow {
	position: absolute;
	left: 0px;
	top: 20px;
}

#highlights .arrow {
	background-position-x: 0px;
}

/* footer */
#footer {
	padding: 15px 0px 50px 0px;
	color: #58595b;
	border-top: 1px solid #000000;
	margin-right:16px;
}
#footer strong, #footer b {
	color: #000000;
}
#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#footer ul li {
	float: left;
	width: 223px;
	margin-right: 16px;
}
#footer ul li.pad {
	width: 171px;
	padding-left: 52px;
	margin-right: 0px;
}
#footer ul li.pad strong{
	padding-left: 29px;
}
#footer ul li ul li {
	float: none;
	height: 23px;
	line-height: 23px;
	vertical-align: top;
}
#footer ul li ul li a {
	display: block;
	height: 100%;
	/* color: #58595b; */
}
#footer ul li ul li img{
	float: left;
	margin-right:10px;
}

#footer a {
	/* color: #58595b; */
}

#footer a:hover {
	color: #ff8800;
}

#footer ul li .cms_edit {
	float:none;
}

/* social media balk */
#main .socialmedia_balk .at4-icon {
	background-size: 20px !important;
	background-color: transparent !important;
	width: 20px !important;
	height: 20px !important;
}

.socialmedia_balk {
	float: right;
	width: 462px;
	border-bottom: 1px solid #dddce1;
	padding-bottom: 5px;
	margin-right: 16px;
}
.socialmedia_balk .addthis_toolbox a {
	float: right;
/*	width: 100px;
	margin-right: -6px;*/
}
/*.socialmedia_balk .addthis_button_facebook span {
	background-image: url(../images/smb_facebook.png);
	height: 20px;
	width: 20px;
	background-position: top;
}
.socialmedia_balk .addthis_button_twitter span {
	background-image: url(../images/smb_twitter.png);
	height: 20px;
	width: 20px;
	background-position: top;
}*/
.socialmedia_balk .addthis_button_pinterest span {
	background-image: url(../images/smb_pinterest.png);
	height: 20px;
	width: 20px;
	background-position: top;
}
/*.socialmedia_balk .addthis_button_compact span {
	background-image: url(../images/smb_addthis.png);
	height: 20px;
	width: 20px;
	background-position: top;
}*/

/* datatables */
table.dt {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
}
table.dt th {
	text-align: left;
	cursor: pointer;
}
table.dt td {
	padding-right: 5px;
}

/* general cms settings */
.cms_edit {
	float: left;
	margin-right: 5px;
}
.cms_forms {
	z-index: 1000;
}

/* comments */
#content .tool_comment_form{
	width:460px;
	background-color:transparent;
	border:none;
	font-family: corbel, arial, Times;
	font-size:12px;
	overflow: hidden;
}

#content .tool_comment_form .tool_comment_head{
	/*background-image: url(../images/arrow_black.png);*/
	background-position:right;
	/*background-color:transparent;*/
	background-color:black;
	height:20px;
	/*width:140px;*/
	width:127px;
}

#content .tool_comment_form .tool_comment_head_text{
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	line-height:20px;
}

#content .tool_comment_form .tool_comment_caption{
	text-transform:uppercase;
	line-height: 30px;
	width:100px;
}

#content .tool_comment_form .tool_comment_input p{
	margin-bottom:10px;
}

#content .tool_comment_form input[type=text] {
	width: 360px;
}

#content .tool_comment_form .tool_comment_name,
#content .tool_comment_form .tool_comment_email,
#content .tool_comment_form .tool_comment_message{
	padding:0;
}

#content .tool_comment_form textarea {
	border: 1px solid #58595b;
	height:120px;
}

.tool_comment_form input[type=submit]{
	background-color:#ff862f;
	border:none;
	color:#fff;
	float:right;
}

#content .tool_comments{
	border-bottom:1px solid #7e7e7e;
	margin-bottom:15px;
}

#content .tool_comments .tool_comment_item{
	border-top:1px solid #dddce1;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background-color:transparent;
	font-family: corbel, arial, Times;
	font-size:12px;
}

#content .tool_comments .tool_comment_item .tool_comment_head{
	background-color:transparent;
	padding-top:10px;
}

#content .tool_comments .tool_comment_item .tool_comment_head .tool_comment_name{
	font-family: dazedarchetype, arial;
	font-size:16px;
	color:#000;
	padding-left:0;
}

#content .tool_comments .tool_comment_item .tool_comment_message{
	padding-left:0;
	padding-right:0;
}

#content .tool_comments .tool_comment_item .tool_comment_timestamp{
	padding-right:0;
}

.tool_comments .tool_comment_item .tool_comment_delete {
	position: absolute;
	right: 0;
	z-index: 30;
}

/*loading*/
#loading_wrapper {
	display: none;
	position: fixed;
	z-index: 1000;
	top:0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.6);
	
}

#loading{
	width:214px;
	height:150px;
	background-color:#ff862f;
	position:absolute;
	margin-left:-107px;
	margin-top:-75px;
	left:50%;
	top:50%;
	text-align:center;
	font-family: dazedarchetype, arial;
	font-size:16px;
	color:#fff;
}

#loading img{
	margin:38px auto 15px auto;
}