/*----->>> IMPORT RESET.CSS <<<-----*/ 
@import url("reset.css"); 
/*@import url("scratch.css"); */

/** embedded font **/
@font-face {
	font-family: 'AachenBTRoman';
	src: url('../fonts/aachenn.eot');
	src: local('Aachen BT'), local('AachenBT-Roman'), url('../fonts/aachenn.woff') format('woff'), url('../fonts/aachenn.ttf') format('truetype');
}

/*----->>> GLOBAL SETTINGS <<<-----*/
body {
	font-size: 62.5%; /*1.0em --> 10px*/
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) repeat center top;
	color: #261d02;	
}
	h1, .font1 {
		font-family: "AachenBTRoman", Georgia, "Times New Roman", Times, serif;
		font-size: 2.6em;
		line-height: 30px;
		color: #bd3b01;
		text-transform: uppercase;
		letter-spacing: -2.4px;
	}
	.font2 {
		font-family: "AachenBTRoman", Georgia, "Times New Roman", Times, serif;
		font-size: 1.9em;
		line-height: 24px;
		color: #bd7001;
		text-transform: uppercase;
		letter-spacing: -2.0px;
	}
/*----->>> HEADINGS <<<-----*/ 
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	margin: 0px 0px 25px 0px;
}
h2 {
	margin: 0px 0px 12px 0px;
	font-family: "AachenBTRoman", Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 20px;
	color: #bd3b01;
	text-transform: uppercase;
	letter-spacing: -1.8px;
	background: url(../images/dotted.gif) repeat-x left bottom;
	padding: 0px 0px 6px 0px;
}
h3 {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 1.4em;/*13px/12*/
	color: #bd3b01;
	background: url(../images/hr.gif) no-repeat center bottom;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	h3 .note {
		font-size: 0.6em;
		font-family: Arial, Helvetica, sans-serif;
	}
h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}
/*----->>> LINKS <<<-----*/ 
a, .highlight {
	color: #9f0000;
}
a {
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #5f5f5f;
}
	a.logo-intracto {
		display: inline-block;
		background: url(../images/logo_intracto.png) no-repeat left top;
		width: 126px;
		height: 50px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	
	a.logo-hendrickx{
		display: inline-block;
		background: url(../images/logo_hendrickx.jpg) no-repeat left top;
		width: 126px;
		height: 61px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	
	a.logo-averydennison {
		display: inline-block;
		background: url(../images/logo_avery.png) no-repeat left top;
		width: 126px;
		height: 48px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	
	a.logo-2hm {
		display: inline-block;
		background: url(../images/logo_2hm.jpg) no-repeat left top;
		width: 126px;
		height: 50px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	
	a.logo-wilma {
		display: inline-block;
		background: url(../images/logo_wilma.jpg) no-repeat left top;
		width: 126px;
		height: 106px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	a.logo-baeken {
		display: inline-block;
		background: url(../images/logo_baeken.png) no-repeat left top;
		width: 126px;
		height: 139px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	a.logo-soudal {
		display: inline-block;
		background: url(../images/logo_soudal.png) no-repeat left top;
		width: 126px;
		height: 51px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	a.logo-acw {
		display: inline-block;
		background: url(../images/logo_acw.png) no-repeat left top;
		width: 126px;
		height: 60px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
a.more {
	text-decoration: none;
	color: #5f5f5f;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
}
	a:hover.more {
		text-decoration: underline;
		color: #9f0000;
	}
/*----->>> COMMON FORMATTING <<<-----*/ 
p {
	margin: 0px 0px 20px 0px;
}
	.accent, .note {
		color: #bb955f;
	}
	.note {
		font-size: 0.9em;
	}
	.fontbig {
		text-transform: uppercase;
		font-size: 1.4em;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 27px;
	}
ul.liststyle1 li {
	margin: 0px 0px 3px 0px;
	background: #faf6ef;
	padding: 3px 9px 5px 9px;
}
img {
	border: 3px solid #f6efe3;
}
img.noborder {
	border: none;
}
/*----->>> GLOBAL CLASSES <<<-----*/ 
.float-left {
	float: left; 
}
.float-right {
	float: right; 
} 
.text-left { 
	text-align: left; 
}
.text-right { 
	text-align: right;
}
.text-center { 
	text-align: center; 
}
.text-justify  { 
	text-align: justify; 
}
.underline { 
	border-bottom: 1px solid; 
}
.img-left { 
	float: left;
	margin: 4px 10px 4px 0px; 
}
.img-right { 
	float: right;
	margin: 4px 0px 4px 10px; 
}
.nopadding { 
	padding: 0px; 
}
	.paddingbox1 {
		padding: 20px 0px 0px 30px;
	}
	.paddingbox2 {
		padding: 15px;
	}
.nomargin {
	margin: 0px;
}
	.margin1 {
		margin: 0px 11px 5px 0px;
	}
.vj-ellen {
	background: url(../images/vitalski.png) no-repeat right top;
	min-height: 165px;
}
* html .vj-ellen {
	height: 165px;
}
.bg-movie {
	background: url(../images/bg_movie.gif) no-repeat left top;
	height: 408px;
}
.icon-links a {
	margin-right: 8px;
}
.hightlight {
	padding: 20px 35px;
	background: url(../images/box-highlight.png) no-repeat left top;
}
/**>> boxen <<**/
.box173 {
	width: 173px;
}
.box663 {
	width: 663px;
}
.box {
	margin: 0px 0px 10px 0px;
}
.box-orange {
	background: url(../images/box_orange_top.png) no-repeat left top;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
	.box-orange-content {
		background: url(../images/box_orange.png) repeat-y left top;
		padding: 10px 16px 0px 16px;
	}
	.box-orange-bottom {
		background: url(../images/box_orange_bottom.png) no-repeat left bottom;
		padding: 0px 0px 22px 0px;
	}
.box-white {
	background: url(../images/box_white_top.png) no-repeat left top;
	padding: 28px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
	.box-white-content {
		background: #ffffff;
		padding: 0px 20px;
	}
	.box-white-bottom {
		background: url(../images/box_white_bottom.png) no-repeat left top;
		height: 16px;
		line-height: 0px;
		font-size: 0px;
	}
/**>> <<**/
#wrapper {
	background: url(../images/bg_top.jpg) repeat-x center top;
}
#container {
	font-size: 1.2em;/*12px*/
	width: 900px; /*set width of global container*/
	margin: 0px auto 30px auto;
	background: url(../images/bg_container.jpg) no-repeat center top;
}
	#header {
		height: 196px;
		position: relative;
	}
	
	#header a.kaaiplezantlink{
		background: url(../images/btn_kaaiplezant.png) no-repeat center top;
		display:block;
		height:95px;
		width:117px;
		position: absolute;
		top:0px;
		left: 775px;
		
	}
	#header a.kaaiplezantlink:hover{
		background: url(../images/btn_kaaiplezant.png) no-repeat center bottom;
	}
		#mainnav {
			position: absolute;
			top: 45px;
			left: 381px;
			display: block;
			width: 121px;
			height: 107px;
			background: url(../images/bg_mainnavleft.png) no-repeat left top;
			font-size: 0px;
			line-height: 0px;
			padding: 6px 0px 0px 0px;
		}
			ul#mainnav li, ul#mainnav li a {
				display: block;
				width: 121px;
				height: 23px;
				text-indent: -9999px;
			}
				ul#mainnav li a.home {
					background: url(../images/mainnav_home.png) no-repeat left top;
				}
					ul#mainnav li a:hover.home, ul#mainnav li.active a.home {
						background: url(../images/mainnav_home.png) no-repeat left bottom;
					}
				ul#mainnav li a.wat {
					background: url(../images/mainnav_wat.png) no-repeat left top;
				}
					ul#mainnav li a:hover.wat, ul#mainnav li.active a.wat {
						background: url(../images/mainnav_wat.png) no-repeat left bottom;
					}
				ul#mainnav li a.organisatie {
					background: url(../images/mainnav_organisatie.png) no-repeat left top;
				}
					ul#mainnav li a:hover.organisatie, ul#mainnav li.active a.organisatie {
						background: url(../images/mainnav_organisatie.png) no-repeat left bottom;
					}
				ul#mainnav li a.kalender {
					background: url(../images/mainnav_kalender.png) no-repeat left top;
				}
					ul#mainnav li a:hover.kalender, ul#mainnav li.active a.kalender {
						background: url(../images/mainnav_kalender.png) no-repeat left bottom;
					}
		#mainnav2 {
			position: absolute;
			top: 55px;
			left: 506px;
			display: block;
			width: 127px;
			height: 108px;
			background: url(../images/bg_mainnavright.png) no-repeat left top;
			font-size: 0px;
			line-height: 0px;
			padding: 6px 0px 0px 0px;
		}
			ul#mainnav2 li, ul#mainnav2 li a {
				display: block;
				width: 127px;
				height: 23px;
				text-indent: -9999px;
			}
				ul#mainnav2 li a.media {
					background: url(../images/mainnav2_media.png) no-repeat left top;
				}
					ul#mainnav2 li a:hover.media, ul#mainnav2 li.active a.media {
						background: url(../images/mainnav2_media.png) no-repeat left bottom;
					}
				ul#mainnav2 li a.sponsors {
					background: url(../images/mainnav2_sponsors.png) no-repeat left top;
				}
					ul#mainnav2 li a:hover.sponsors, ul#mainnav2 li.active a.sponsors {
						background: url(../images/mainnav2_sponsors.png) no-repeat left bottom;
					}
				ul#mainnav2 li a.overdeband {
					background: url(../images/mainnav2_overdeband.png) no-repeat left top;
					height: 24px;
				}
					ul#mainnav2 li a:hover.overdeband, ul#mainnav2 li.active a.overdeband {
						background: url(../images/mainnav2_overdeband.png) no-repeat left bottom;
					}
				ul#mainnav2 li a.locatie {
					position: relative;
					top: 1px;
					background: url(../images/mainnav2_locatie.png) no-repeat left top;
				}
					ul#mainnav2 li a:hover.locatie, ul#mainnav2 li.active a.locatie {
						background: url(../images/mainnav2_locatie.png) no-repeat left bottom;
					}
	.footer {
		background: url(../images/bg_footer.png) no-repeat left top;
		height: 42px;
		padding: 24px 20px 0px 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #fed149;
		margin: 16px 0px 0px 0px;
	}
		.footer-nav {
			
		}
		.footer-nav li {
			float: left;
			line-height: 17px;
			border-left: 1px solid #a40909;
		}
		.footer-nav li.first {
			border: none;
		}
			.footer-nav li a {
				color: #fed149;
				padding: 0px 12px;
				text-decoration: none;
				font-size: 1.4em;
				font-weight: normal;
			}
			.footer-nav li a:hover, .footer-nav li a.active {
				color: #ffffff;
			}
			
/**>> artikel <<**/
.artikel {
	width: 49%;
}
	.artikel-img {
		float: left;
		width: 65px;
		overflow: hidden;
	}
	.artikel-content {
		margin: 0px 0px 0px 75px;
		padding: 8px 10px 8px 0px;
	}

/**>> artikel <<**/
table.login-form td { 
	padding:3px; 
	}