/* ********************************************************* */
/* DEFAULT */
/* ********************************************************* */
body {
	background-color:#101318;
	background-image:url(../media/image/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
}
#base {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:896px;
	min-height:700px;
	text-align:left;
	margin-top:15px;
}

/* ********************************************************* */
/* HEADER */
/* ********************************************************* */
#header {
	position:relative;
	float:left;
	width:896px;
	height:93px;
	margin-bottom:47px;
	background-image:url(../media/image/img_divider.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#header_logo {
	position:relative;
	background-image:url(../media/image/logo.gif);
	background-repeat:no-repeat;
	width:436px;
	height:91px;
	float:left;
}
#header_reclame_1 {
	position:relative;
	width:230px;
	height:91px;
	float:left;
}
#header_reclame_2 {
	position:relative;
	background-image:url(../media/image/adv_2.gif);
	background-repeat:no-repeat;
	width:230px;
	height:91px;
	float:left;
}

/* ********************************************************* */
/* MENU */
/* ********************************************************* */
#preload {
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1000;
	display:none;
} 
#menu {
	position:relative;
	width:896px;
	height:42px;
}
#menu li.home {
	float:left;
	list-style-type:none;
	text-align:center;
	width:128px;
	height:42px;
	background-image:url(../media/image/bttn_home.gif);
	background-repeat:no-repeat;
}
#menu li.home:hover {
	background-image:url(../media/image/bttn_homeM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.homeM {
	background-image:url(../media/image/bttn_homeM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.voorstellen {
	float:left;
	list-style-type:none;
	text-align:center;
	width:128px;
	height:42px;
	background-image:url(../media/image/bttn_voorstellen.gif);
	background-repeat:no-repeat;
}
#menu li.voorstellen:hover {
	background-image:url(../media/image/bttn_voorstellenM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.voorstellenM {
	background-image:url(../media/image/bttn_voorstellenM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.nieuws {
	float:left;
	list-style-type:none;
	text-align:center;
	width:128px;
	height:42px;
	background-image:url(../media/image/bttn_nieuws.gif);
	background-repeat:no-repeat;
}
#menu li.nieuws:hover {
	background-image:url(../media/image/bttn_nieuwsM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.nieuwsM {
	background-image:url(../media/image/bttn_nieuwsM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.assortiment {
	float:left;
	list-style-type:none;
	text-align:center;
	height:42px;
	width:128px;
	background-image:url(../media/image/bttn_assortiment.gif);
	background-repeat:no-repeat;
}
#menu li.assortiment:hover {
	background-image:url(../media/image/bttn_assortimentM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
	width:128px;
}
#menu li.assortimentM {
	background-image:url(../media/image/bttn_assortimentM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.fotos {
	float:left;
	list-style-type:none;
	text-align:center;
	height:42px;
	width:128px;
	background-image:url(../media/image/bttn_fotos.gif);
	background-repeat:no-repeat;
}
#menu li.fotos:hover {
	background-image:url(../media/image/bttn_fotosM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.fotosM {
	background-image:url(../media/image/bttn_fotosM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.overig {
	float:left;
	list-style-type:none;
	text-align:center;
	height:42px;
	width:128px;
	background-image:url(../media/image/bttn_overig.gif);
	background-repeat:no-repeat;
}
#menu li.overig:hover {
	background-image:url(../media/image/bttn_overigM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.overigM {
	background-image:url(../media/image/bttn_overigM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.contact {
	float:left;
	list-style-type:none;
	text-align:center;
	height:42px;
	width:128px;
	background-image:url(../media/image/bttn_contact.gif);
	background-repeat:no-repeat;
}
#menu li.contact:hover {
	background-image:url(../media/image/bttn_contactM.gif);
	background-repeat:no-repeat;
	color:#939598;
	height:42px;
}
#menu li.contactM {
	background-image:url(../media/image/bttn_contactM.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
	text-align:center;
	width:128px;
	height:42px;
}
#menu li.active a {
	color:#939598;
}
#menu li:hover a {
	color:#939598;
	height:42px;
}
/*toevoeging voor ie6*/
#menu li.home a:hover {
	_background-image:url(../media/image/bttn_homeM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.voorstellen a:hover {
	_background-image:url(../media/image/bttn_voorstellenM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.nieuws a:hover {
	_background-image:url(../media/image/bttn_nieuwsM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.assortiment a:hover {
	_background-image:url(../media/image/bttn_assortimentM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.overig a:hover {
	_background-image:url(../media/image/bttn_overigM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.fotos a:hover {
	_background-image:url(../media/image/bttn_fotosM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
#menu li.contact a:hover {
	_background-image:url(../media/image/bttn_contactM.gif);
	_background-repeat:no-repeat;
	_color:#939598;
	_height:42px;
}
/*einde toevoeging voor ie6*/
.menu_space {
	padding:13px 0 0 0;
	_padding-top:13px;
}
ul a { 
	_padding:13px 0 0 0;
	float:none;
	width:auto;
}
#menu a {
	display:block; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#menu_shadow {
	position:relative;
	float:left;
	background-image:url(../media/image/img_shadow.png);
	background-repeat:no-repeat;
	width:512px;
	height:47px;
	margin:0 192px 0 192px;
}

/* ********************************************************* */
/* CONTENT */
/* ********************************************************* */
#content_base {
	position:relative;
	margin-left:auto;
	_margin-left:81px;
	margin-right:auto;
	background-color:#181b23;
	border:solid 1px;
	border-color:#353d48;
	width:734px;
	_width:736px;
	min-height:700px;
	_height:700px;
}
#content_wrapper_left {
	position:relative;
	float:left;
	margin:25px 0 0 25px;
	width:406px;
	min-height:200px;
}
#content_wrapper_right {
	position:relative;
	float:left;
	margin:25px 0 0 25px;
	width:253px;
	min-height:200px;
}
.content_wrapper_center {
	position:relative;
	float:left;
	background-color:#1d2029;
	margin:25px 0 0 25px;
	width:654px;
	_width:684px;
	min-height:200px;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
}
.content_bg_center {
	position:relative;
	width:684px;
	min-height:50px;
	background-color:#1d2029;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
	margin-bottom:25px;
}
.content_bg_left {
	position:relative;
	width:376px;
	_width:406px;
	min-height:50px;
	background-color:#1d2029;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
	margin-bottom:25px;
}
.content_bg_flash {
	position:relative;
	width:406px;
	_width:406px;
	min-height:50px;
	background-color:#101318;
	margin-bottom:25px;
}
.content_bg_right {
	position:relative;
	width:223px;
	_width:253px;
	min-height:100px;
	background-color:#1d2029;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
	margin-bottom:25px;
}
#content_openingstijden {
	position:relative;
	width:223px;
	min-height:100px;
}
#content_openingstijden_dagen {
	position:relative;
	float:left;
	width:80px;
	min-height:150px;
}
#content_openingstijden_tijden {
	position:relative;
	float:right;
	width:133px;
	_width:140px;
	min-height:150px;
	padding-left:5px;
}
.content_wof_row_left {
	position:relative;
	float:left;
	margin-right:15px;
	width:64px;
	min-height:150px;
}
.content_wof_row_right {
	position:relative;
	float:left;
	width:64px;
	min-height:150px;
}
.foto_bg {
	position:relative;
	background-image:url(../media/image/bg_fotos.gif);
	background-repeat:no-repeat;
	width:223px;
	height:71px;
	padding:3px 3px 3px 3px;
	margin-top:5px;
}
/* ********************************************************* */
/* ASSORTIMENT PAGINA */
/* ********************************************************* */
.assortiment_wrapper {
	position:relative;
	float:left;
	margin-top:20px;
	width:654px;
	min-height:130px;
	text-align:center;
}
.assortiment_blok1 {
	position:relative;
	float:left;
	margin-right:72px;
	background-color:#1d2029;
	width:170px;
	height:135px;
	text-align:center;
}
.assortiment_blok2 {
	position:relative;
	float:right;
	background-color:#1d2029;
	width:170px;
	height:135px;
	text-align:center;
}
#assortiment_info {
	position:relative;
	float:left;
	margin:25px 0 25 25px;
	width:684px;
	min-height:200px;
}
.assortiment_info1 {
	position:relative;
	float:left;
	margin:0px 25px 0px 0px;
	width:181px;
	_width:211px;
	min-height:100px;
	background-color:#1d2029;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
}
.assortiment_info2 {
	position:relative;
	float:right;
	width:181px;
	_width:211px;
	min-height:100px;
	background-color:#1d2029;
	padding:9px 15px 15px 15px;
	_padding:24px 15px 15px 15px;
}
/* ********************************************************* */
/* FOTO PAGINA */
/* ********************************************************* */
.foto_blok {
	position:relative;
	float:left;
	min-height:64px;
	width:310px;
}
.foto_wrapper {
	position:relative;
	float:left;
	height:64px;
	width:370px;
	margin-top:11px;
}
/* ********************************************************* */
/* FOOTER */
/* ********************************************************* */
#footer_info {
	position:relative;
	float:left;
	width:896px;
	height:42px;
	background-image:url(../media/image/img_footer_info.gif);
	background-repeat:no-repeat;
	margin-top:47px;
}
#footer_info_tekst {
	position:relative;
	width:auto;
	height:15px;
	margin-top:11px;
	text-align:center;
}
#footer {
	position:relative;
	width:896px;
	height:94px;
	background-image:url(../media/image/img_footer.gif);
	background-repeat:no-repeat;
	margin-top:47px;
	margin-bottom:20px;
}

/* ********************************************************* */
/* POPUP */
/* ********************************************************* */
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left:0;
	_left:8;
	top:0;
	z-index: 10;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #181b23;
	padding: 10px 20px;
	border: 10px solid #101318;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 49%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #181b23;
	margin: 10px 0;
	padding: 10px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
*html .popup_block {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}