/*********************

 *	Ntb zig 20090916

 *********************/



/**

 * Style Reset

 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img

{

	margin:				0;

	padding:			0;

	border:				0;

	outline:			0;

	vertical-align:		baseline;

	background:			transparent;

}



/**

 * Algemene opmaak

 */



html,

body

{

	background-color:	#eef3f7;

	height:				100%;

	font-family:		Arial, Helvetica;

}



ul

{

	list-style:			none;

}



a, input#searchbutton

{

	cursor:				pointer;

}



a:active,

a:focus,

button:active,

button:focus

{

	outline:			none;

}



.clear

{

	clear:				both;

}



.hide

{

	display:			none;

}



/**

 * Header

 */



div#header

{

	position:			relative;

	background-image:	url("/images/header.jpg");

	width:				980px;

	height:				117px;

	margin:				0 auto;

	padding:			0;

}



div#hkv_logo

{

	position:			absolute;

	left:				20px;

	top:				15px;

}



ul#supernav *

{

	margin:				0;

	padding:			0;

	border:				0;

}



ul#supernav

{

	position:			absolute;

	right:				0;

	top:				0;

	margin:				10px 30px 0 0;

}



ul#supernav li

{

	float:				left;

	margin:				0 20px 0 0;

	padding:			0;

}



ul#supernav li#search

{

	margin:				0;

	padding:			0;

	border:				0;

}



li#search input.zoekterm

{

	border:				1px solid #00609a;

	height:				19px; /* 22px */

	padding:			3px 0 0 4px;

}



li#search input#searchbutton

{

	background-image:	url("/images/button_search.gif");

	width:				53px;

	height:				26px; /* 26px */

	padding:			0 0 3px 53px; /* Right padding to remove inbutton text for IE7 without repositioning the searchfield */

	text-indent:		-999px;

}



ul#supernav li a

{

	color:				#fff;

}



ul#breadbrumb

{

	float:				left;

	margin:				0;

	padding:			0;

	margin:				90px 0 0 280px;

}



ul#breadbrumb li

{

	height:				13px;

	float:				left;

	margin:				0 4px 0 0;

}



ul#breadbrumb li,

ul#breadbrumb li a

{

	color:				#005f9a;

	font-size  : 13px;

}



ul#breadbrumb li img.breadcrumb_divider

{

	width:				4px;

	height:				3px;

	margin:				0 4px 2px 2px;

}



/**

 * MainMenu

 */

 

ul#menu,

ul#menu *

{

	margin:				0;

	padding:			0;

}

 

ul#menu

{

	width:				240px;

	margin:				10px 0 0 0;

}



ul#menu li

{

}



ul#menu li a.menuitem

{

	display:			block;

	width:				230px; /* 240px */

	height:				24px; /* 30px */

	padding:			6px 0 0 10px;

	color:				#fff;

	font-size  : 16px;

	font-weight:		bold;

	text-decoration:	none;

	border-top:			1px solid #fff;

}



ul#menu li a.menuitem:hover

{

	color:				#000;

}



ul#menu li a.menuitem.active

{

	background-image:	url("/images/mainmenuitem_active.png");

}



ul#menu li.menucolor_1

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_2

{

	background-color:	#ee8722; /* Orange */

}



ul#menu li.menucolor_3

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_4

{

	background-color:	#ee8722; /* Orange */

}



ul#menu li.menucolor_5

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_6

{

	background-color:	#ee8722; /* Orange */

}



ul#menu li.menucolor_7

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_8

{

	background-color:	#ee8722; /* Orange */

}



ul#menu li.menucolor_9

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_10

{

	background-color:	#ee8722; /* Orange */

}



ul#menu li.menucolor_11

{

	background-color:	#a1a336; /* Green */

}



ul#menu li.menucolor_12

{

	background-color:	#ee8722; /* Orange */

}





/* Submenu */



ul#menu li ul.submenu

{

}



ul#menu li ul.submenu li a.submenuitem

{

	background-image:	url("/images/submenu_trans1.png");

	display:			block;

	width:				220px; /* 230px */

	height:				23px; /* 30px */

	padding:			7px 0 0 10px;

	margin:				0 0 0 10px;

	color:				#000;

	font-size  : 14px;

	font-weight:		bold;

	text-decoration:	none;

	border-top:			1px solid #fff;

}



ul#menu li ul.submenu li a.submenuitem.active

{

	background-image:	url("/images/submenu_trans1_active.png");

}



ul#menu li ul.submenu li a.submenuitem:hover

{

	color:				#fff;

}



/* Sub Submenu */



ul#menu ul.submenu li ul.sub_submenu li a.sub_submenuitem

{

	background-image:	url("/images/submenu_trans1.png");

	display:			block;

	width:				200px; /* 230px */

	height:				22px; /* 30px */

	padding:			8px 0 0 30px;

	margin:				0 0 0 10px;

	color:				#000;

	font-size  : 12px;

	font-weight:		bold;

	text-decoration:	none;

	border-top:			1px solid #fff;

}



ul#menu ul.submenu li ul.sub_submenu li a.sub_submenuitem.active

{

	background-image:	url("/images/submenu_trans2_active.png");

}



ul#menu ul.submenu li ul.sub_submenu li a.sub_submenuitem:hover

{

	font-weight:		bold;

}



/**

 * Main

 */



div#main

{

	background-image:	url("/images/page_bg.gif");

	background-repeat:	repeat-y;

	width:				980px;

	margin:				0 auto;

}



/* Left */



div#main div#left

{

	float:				left;

	width:				240px;

}



div.slogan

{

	text-align:			center;

	padding:			30px;

	margin:				60% 0 0 0;

}



div.slogan h3

{

	font-size  : 18px;

	text-align:			center;

	font-style:			italic;

	font-weight:		normal;

	color:				#005f9a; /* Blue */

}



/* Middle */



div#main div#middle

{

	float:				left;

	width:				450px; /* 510px */

	padding:			20px 30px 20px 30px;

}



/* Right */



div#main div#right

{

	float:				left;

	width:				222px; /* 230px */

	padding:			0 0 130px 8px;

}



div#right a

{

	display:			block;

	width:				220px;

	height:				137px;

	overflow:			hidden;

}



div#right a.button_inloggen:hover

{

	background-image:	url("/images/button_inloggen_hover.gif");

	height:				0; /* 137px */

	padding-top:		137px;

}



div#right a.button_bestellen:hover

{

	background-image:	url("/images/button_bestellen_hover.gif");

	height:				0; /* 137px */

	padding-top:		137px;

}



div#right a.button_tour:hover

{

	background-image:	url("/images/button_tour_hover.gif");

	height:				0; /* 137px */

	padding-top:		137px;

}



/**

 * Footer

 */



div#footer

{

	position:			relative;

	width:				980px;

	height:				40px;

	margin:				0 auto;

}



div#footer div#footerimage

{

	background-image:	url("/images/footer.png");

	position:			absolute;

	left:				0;

	bottom:				0;

	width:				980px;

	height:				145px;

}



div#footer div#footerimage img

{

	position:			absolute;

	left:				20px;

	bottom:				12px;

}



/* Buttons */



a.button

{

	display:			block;

	width:				100px;

	height:				0; /* 40px */

	padding-top:		40px;

	overflow:			hidden;

}



/**

 * MODULE STYLING

 */



/* Overall styling */



div#middle div#content

{

	font-size  : 13px;

}



div#content ul

{

	list-style:			disc;

}



div#content p

{

	margin:				0 0 13px 0;

}



div#content h1.pagetitle

{

	font-size  : 14px;

	color:				#ef8823;

}



/**

 * To give content title the same color as menu selection

 * menucolor_#module->siteSection->ID is the same as h1.menucolor_ID here in CSS

 */



h1.page_title 

{

	color:				#12619c; /* Blue */

	font-size  : 18px;

	margin:				0 0 13px 0;

}



h1.menucolor_12

{

	color:				#ee8722; /* Orange */

}





h1.menucolor_14

{

	color:				#12619c; /* Blue */

}



h1.menucolor_15

{

	color:				#ee8722; /* Orange */

}



h1.menucolor_16

{

	color:				#a1a336; /* Green */

}



h1.menucolor_17

{

	color:				#d51a67; /* Redish */

}



/* Sitemap */



/* Searchengine */



/* Searchengine */