html {
	height				: 100%; /* In geval van background op html én body */
}

body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.8em Arial, sans-serif;
	text-align			: center;
	background			: #FFF url(../img/bg-body.jpg) repeat-x left top;
	color				: #003a6d;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#menu-links	ul:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix,
	#menu-links	ul
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #menu-links	ul 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#menu-links	ul 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 990px;
	margin				: 0 auto;
	text-align			: left;
	background			: #fff;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 273px;
	background			: #fff url(../img/header.jpg) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 396px;
}

#header h3.slogan	{
	display				: none;
}

#header a.nieuwsbrief-ontvangen {
	position			: absolute;
	bottom				: 34px;
	left				: 38px;
	display				: block;
	width				: 229px;
	height				: 31px;
	text-indent			: -999em;
	overflow			: hidden;
	background			: url(../img/btn-nieuwsbrief-ontvangen.jpg) no-repeat left top;
}

#header a.nieuwsbrief-ontvangen:hover {
	background-position	: left bottom;
}

/* --------------------------------	*/
/* talen						 	*/
/* --------------------------------	*/
ul#talen 	{
	position			: absolute;
	left				: 8px;
	top					: 27px;
}

ul#talen li	{
	float				: left;	
}

ul#talen li a	{
	display				: block;
	width				: 22px;
	height				: 21px;
	text-indent			: -999em;
	overflow			: hidden;
	margin				: 0 5px 0 0;
}

ul#talen li.nl a	{
	background: url(../img/icon_nl.jpg) no-repeat left top;
}

ul#talen li.be a	{
	background: url(../img/icon_be.jpg) no-repeat left top;
}

ul#talen li.ch a	{
	background: url(../img/icon_ch.jpg) no-repeat left top;
}

ul#talen li.at a	{
	background: url(../img/icon_at.jpg) no-repeat left top;
}


/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	position			: absolute;
	right				: 5px;
	top					: 10px;
	color				: #768da2;
	font-size			: 11px;
}

#topmenu li	{
	float				: left;
	padding				: 0 6px;
	border-right		: 1px solid #768da2;
}

#topmenu li.last	{
	border-right		: 0;
}

#topmenu li a	{
	color				: #768da2;
	text-decoration		: none;
}

#topmenu li a:hover	{
	color				: #768da2;
	text-decoration		: underline;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 60px;
	background			: url(../img/bg-menu-container.jpg) no-repeat -1px 0;
	position			: relative;
}

#menu ul	{
	padding				: 7px 0 0 7px;
}

#menu li	{
	float				: left;
}

#menu li a	{
	display				: block;
	height				: 37px;
	text-indent			: -99em;
	overflow			: hidden;
	background-color	: #fff;
	background-image	: url(../img/bg-menu.jpg);
	background-repeat	: no-repeat;
}

#menu li a.home			{ width: 107px; background-position	: 0 0; }
#menu li a.webshop		{ width: 110px; background-position	: -107px 0; }
#menu li a.acties		{ width: 89px; background-position	: -218px 0; }
#menu li a.nieuws		{ width: 96px; background-position	: -307px 0; }
#menu li a.info			{ width: 68px; background-position	: -403px 0; }
#menu li a.wie-zijn-wij	{ width: 117px; background-position	: -469px 0; }

#menu li.actief a.home, #menu li a.home:hover			{ width: 107px; background-position	: 0 -37px; }
#menu li.actief a.webshop, #menu li a.webshop:hover		{ width: 110px; background-position	: -107px -37px; }
#menu li.actief a.acties, #menu li a.acties:hover		{ width: 89px; background-position	: -218px -37px; }
#menu li.actief a.nieuws, #menu li a.nieuws:hover		{ width: 96px; background-position	: -307px -37px; }
#menu li.actief a.info, #menu li a.info:hover			{ width: 68px; background-position	: -403px -37px; }
#menu li.actief a.wie-zijn-wij, #menu li a.wie-zijn-wij:hover	{ width: 117px; background-position	: -469px -37px; }



/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
form.zoeken	{
	position			: absolute;
	top					: 13px;
	left				: 770px;
}

form.zoeken fieldset legend	{
	display				: none;
}

form.zoeken fieldset .input	{
	border				: none;
	background			: none;
	width				: 155px;
}

form.zoeken fieldset .button	{
	border				: 1px solid #6e81bf;
	width				: 50px;
	background			: #2041a1;
	font-weight			: bold;
	color				: #fff;
	cursor				: pointer;
	margin				: 1px 0 0 0;
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent	{
	background			: url(../img/bg-maincontent.jpg) no-repeat -7px 0;
}


/* --------------------------------	*/
/* menu-links					 	*/
/* --------------------------------	*/
#menu-links	{	
	width				: 203px;
	float				: left;
	margin				: 0 0 0 22px;
}

#menu-links h3	{
	font-size			: 1.4em;
	margin-bottom		: 10px;
	margin-left			: 27px;
}

#menu-links .menu-container	{
	min-height			: 300px;
	_height				: 300px;
	background			: url(../img/bg-menu-links-bottom.jpg) no-repeat left bottom;
}

#menu-links	ul	{
	padding				: 0 0 25px 0;
	background			: url(../img/bg-menu-rechts-top.jpg) no-repeat 4px top;
	font-size			: 12px;
}

#menu-links ul li	{
	float				: left;
	width				: 203px;
	line-height			: 1.7em;	
	position			: relative;
}

#menu-links ul li a	{
	float				: left;
	width				: 165px;
	padding-left		: 27px;
	color				: #003a6d;
	text-decoration		: none;
	margin				: 0 5px;
}

#menu-links ul li:hover a,
#menu-links ul li.hover a, 
#menu-links ul li.actief a	{
	background			: #fff;
	font-weight			: bold;
}


/* submenu */
#menu-links ul div.submenu	{
	width				: 205px;
	position			: absolute;
	top					: -10px;
	left				: -999em;	
	display				: none;
	background			: url(../img/bg-submenu-links-bottom.png) no-repeat center bottom;
	z-index				: 1337;
}

#menu-links ul li:hover div.submenu,
#menu-links ul li.hover div.submenu	{
	left				: 186px;
	display				: block;
}

#menu-links ul ul	{
	padding				: 10px 0 20px 0;
	background			: url(../img/bg-submenu-links.png) no-repeat center top;
	min-height			: 80px;
}

#container #menu-links ul ul li a	{
	font-weight			: normal;
	background			: none;
	width				: 175px;
	padding-left		: 20px;
	border-bottom		: 1px solid white;
}

#container #menu-links ul ul li a:hover,
#container #menu-links ul ul li.actief a	{
	font-weight			: bold;
	background			: white;
}

#container #menu-links ul ul li.last a	{
	border-bottom		: none;
}



/* --------------------------------	*/
/* top-tien						 	*/
/* --------------------------------	*/
#top-tien	{
	width				: 227px;
	float				: right;
	margin				: 0;
}

#top-tien h3	{
	font-size			: 1.4em;
	margin-left			: 15px;
	margin-bottom		: 10px;
}

#top-tien .menu-container	{
	min-height			: 300px;
	background			: url(../img/bg-menu-links-bottom.jpg) no-repeat left bottom;
}

#top-tien .inner-menu-container	{
	background			: url(../img/bg-menu-rechts-top.jpg) no-repeat 4px top;
}

#top-tien ol	{
	width				: 173px;
	padding				: 0 10px 40px 15px;
	min-height			: 150px;
	_height				: 150px;
}

#top-tien ol li	{
	padding				: 5px 0;
	border-bottom		: 1px dashed #2541a3;
}

#top-tien ol li a.image	img {
	float				: right;
	border				: 1px solid #768da2;
	margin				: 0 0 0 3px;
}

#top-tien ol li a.title	{
	font-weight			: bold;
	font-size			: 12px;
	text-decoration		: none;
	color				: #003a6d;
	display				: block;
}

#top-tien ol li a.title:hover	{
	text-decoration		: underline;
}

#top-tien ol li span.omschrijving	{
	font-size			: 11px;
	color				: #768da2;
}

#top-tien ol li a.meer	{
	font-weight			: bold;
	color				: #768da2;
}

#top-tien ol li a.meer:hover	{
	text-decoration		: none;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 525px;
	float				: left;
	margin				: 0 0 0 10px;	
}

.frontpage #content h1	{
	font-size			: 2.4em;
	line-height			: 2.5em;
}

#content h1	{
	font-size: 1.4em;
	line-height: 2em;
}

#content a 			{ color: #003a6d; }
#content a:hover 	{ color: #0061b6; }

/* iwes opmaak */
.frontpage #content .iwes	{
}

#content .iwes	{
	min-height: 175px;
	_height: 175px;
}

#content .iwes a:visited 	{ color: #999; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #11579d;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #43418e;
	background			: #efeef9;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #f78f1e;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}



/* --------------------------------	*/
/* content submenu	 				*/
/* --------------------------------	*/
#content #submenu	{
	display				: block;
	margin				: 10px 0 20px -10px;
}

#content #submenu li	{
	float				: left;
}

#content #submenu li a	{
	font-weight			: bold;
	border-right		: 1px solid #11579d;
	padding				: 0 10px;
	text-decoration		: none;
}

#content #submenu li.last a	{
	border-right		: none;
}

#content #submenu li.actief a, #content #submenu li a:hover	{
	color				: #f78f1e;
}

/* --------------------------------	*/
/* spotlight		 				*/
/* --------------------------------	*/
#spotlight	{
	margin				: 25px 0 0 0;
}

#spotlight h3	{
	font-size			: 1.4em;
	margin				: 0 0 10px 0;
}

#spotlight a	{
	text-decoration		: none;
}

#spotlight ul li	{
	display				: -moz-inline-stack;
	display				: inline-block;
	vertical-align		: top;
	width				: 135px;
	border-right		: 1px dashed #11579d;
	padding				: 10px 15px 0 20px;
	margin				: 10px 0;
	min-height			: 190px;	
	background			: #fff;
}

#spotlight ul li.hover {
	background			: #f6f7fb;	
}

#spotlight ul li .image	{
	display				: block;
	width				: 125px;
	height				: 125px;
	text-align			: center;
}

#spotlight ul li.last	{
	border-right		: none;
}

#spotlight ul li span.omschrijving	{
	color				: #768da2;
	font-size			: 11px;
}

#spotlight ul li a.meer	{
	font-weight			: bold;
}


/* --------------------------------	*/
/* productdetails	 				*/
/* --------------------------------	*/
#content .productdetails	{

}

#content .productdetails .omschrijving	{
	width				: 300px;
	float				: left;
}

#content .productdetails .images	{
	width				: 200px;
	float				: right;
	text-align			: center;
	padding				: 0;
}

#content .productdetails .images ul	{
	margin				: 5px 0 0 0;
}

#content .productdetails .images ul li	{
	float				: right;
}

#content .productdetails .images img	{
	border				: 1px solid #1c3ca2;
}

#content .productdetails .images ul li img	{
	margin				: 0 0 0 3px;
}

#content .productdetails table.prijzen	{
	margin				: 10px 0 0 0;
}

#content .productdetails .bedrukking {
	margin				: 10px 0;	
}

/* ----------------------------------------------------- */
/* productdetails geinteresseerd form 					 */
/* ----------------------------------------------------- */
#content .productdetails .geinteresseerd	{
	margin				: 20px 0 0 0;
}

#content .productdetails .geinteresseerd h4 {
	margin				: 0 0 0 125px;
	width				: 250px;
	font-size			: 1.4em;	
}

#content .productdetails .geinteresseerd p	{
	margin				: 10px 0 10px 125px;
	width				: 250px;
	color				: #000;
}

#content .productdetails .geinteresseerd ul li	{
	padding				: 2px 0;
	clear				: both;
}

#content .productdetails .geinteresseerd ul li label	{
	text-align			: right;
	padding-right		: 10px;
	margin-bottom		: 2px;
	display				: block;
}

#content .productdetails .geinteresseerd ul li .input	{
	border				: 1px solid #d6d6d7;
	width				: 245px;
}

#content .productdetails .geinteresseerd ul li.buttons	{
	text-align			: right;
	padding-right		: 150px;
}

#content .productdetails .geinteresseerd ul li.buttons .button	{
	background			: #fff;
	border				: none;
	font-weight			: bold;
	color				: #1c3ca2;
	font-size			: 1.2em;
}


#content .productdetails .geinteresseerd ul li.verplicht,
#content .productdetails .geinteresseerd ul li.melding	{
	padding-left			: 125px;
}

.formmodule div.label	{
	float				: left;
	width				: 115px;
	padding				: 2px 0;
}
.formmodule div.veld	{
	margin-left			: 125px;
}


/* ----------------------------------------------------- */
/* Fotoboek	(voorbeeld)									 */
/* - bij float left en verschillende hoogtes van blokken */
/* ----------------------------------------------------- */
#fotoboek li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 200px;
	margin				: 5px;
	vertical-align		: top;
}


/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .paginanavigatie	{
	float				: right;
	padding				: 10px 0;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #43418e;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	background			: #3bb3ed;
	color				: #FFF;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	background			: #D61F25;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px #11579D;
}

#googlemaps	{
	width				: 500px;
	height				: 300px;
	font				: 1em Arial;
	text-align			: left;
	color				: #000;
	background			: #eee;
	border				: solid 1px #11579D;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	padding				: 65px 0 0 0;
	background			: url(../img/bg-footer.jpg) no-repeat center top;
	text-align			: center;
	font-size			: 12px;
	height				: 20px;
}

#footer	address	{
	font-style			: normal;
}

#footer address a	{
	text-decoration		: none;
	color				: #003a6d;
}

#footer address a:hover	{
	text-decoration		: underline;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	color				: #768da2;
}

#amimpact a {
	text-decoration		: none;
	color				: #768da2;
}

#amimpact a:hover {
	text-decoration		: underline;
}

#amimpact a.actief {
	font-weight			: bold;
}