@import "jquery.fancybox.css";


html {
	background			: #fff url(../img/html_bg.png) repeat-x center top;
}

body	{
	font				: 0.8em Georgia, "Times New Roman", Times, serif;
	background			: url(../img/body_bg.gif) repeat-x left bottom;
}

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

.clear	{
	clear				: both;
}
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 991px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 167px;
	background			: url(../img/header_bg.jpg) no-repeat 0 0;
}

#header a.logo	{
	position			: absolute;
	top					: 17px;
	left				: 8px;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: url(../img/zijbalk_bg.png) repeat-y 0 0;
	position			: relative;
}	


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 324px;
}

#zijbalk a.cbw	{
	display				: block;
	width				: 48px;
	height				: 48px;
	background			: url(../img/zijbalk_logos.gif) no-repeat 0 0;
	text-indent			: -900em;
	overflow			: hidden;
	position			: absolute;
	top					: -20px;
	left				: 60px;
}

#zijbalk a.showroom	{
	display				: block;
	width				: 106px;
	height				: 103px;
	background			: url(../img/zijbalk_logos.gif) no-repeat -48px 0;
	text-indent			: -900em;
	overflow			: hidden;
	margin-left			: 55px;
	margin-bottom		: 15px;
}

#zijbalk address	{
	font-style			: normal;
	font-size			: 0.9em;
	line-height			: 1.6em;
	color				: #7E7E7E;
	margin-left			: 55px;
	margin-bottom		: 55px;
}

#zijbalk address strong	{
	color				: #F58519;
}

#zijbalk address a	{
	color				: #7E7E7E;
	text-decoration		: none;
}

#zijbalk address a:hover	{
	color				: #F58519;
	text-decoration		: underline;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_bg.png) no-repeat 6px 0;
	padding				: 46px 0 0 15px;
}

#menu li {
	position			: relative;
	background			: url(../img/menu_item.png) no-repeat 0 0;
	min-height			: 34px;
	width				: 290px;
	margin-top			: -5px;
}

#menu li.actief {
	background			: url(../img/menu_item_actief.png) no-repeat 0 0;
}

#menu li a {
	display				: block;
	height				: 26px;
	line-height			: 26px;
	font-size			: 1.3em;
	padding				: 0 40px;
	color				: #fff;
	text-decoration		: none;
}

/* submenu */
#menu li.actief ul {
	margin				: 0 0 0 10px;
	padding				: 5px 0 10px 0;
	background			: url(../img/submenu_bg.gif) repeat-y right top;	
}

#menu li.actief ul li {
	background			: none;
	min-height			: 0;
	height				: auto;
	width				: 280px;
	margin				: 0;
}

#menu li.actief ul li.actief {
	background			: #F7921E url(../img/submenu_item_bg.gif) repeat-y right top;
	min-height			: 0;
	height				: auto;
}

#menu li.actief li a {
	height				: auto;
	text-indent			: 0;
	line-height			: 1.8em;
	background			: none;
	color				: #000;
	font-size			: 0.9em;
}

#menu li.actief li a:hover {
	background			: url(../img/submenu_pijl_hover.gif) no-repeat 10px;
}

#menu li.actief li.actief a,
#menu li.actief li.actief a:hover {
	color				: #fff;
	background			: url(../img/submenu_pijl.gif) no-repeat 10px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 635px;
	padding				: 30px 15px;
	float				: right;
	line-height			: 1.7em;
	font-size			: 1em;
	color				: #293E4F;
}

#content h1	{
	font-size			: 2.3em;
	line-height			: normal;
	color				: #F58519;
	margin-bottom		: 10px;
}

#content a 			{ color: #F58519; }
#content a:hover 	{ color: #F48418; }

#content p.button	{
	overflow			: hidden;
}
#content p.button a	{
	background			: url(../img/link_button.png) no-repeat left top;
	height				: 42px;
	line-height			: 42px;
	color				: #fff;
	display				: block;
	float				: right;
	padding				: 0 10px;
	font-size			: 0.9em;
	text-decoration		: none;
}

/* iwes opmaak */
#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				: 1px solid #293E4F;
	color				: #293E4F;
	font				: 1em Georgia, "Times New Roman", Times, serif;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #333;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #060;
}

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

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

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

/* 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;
}


/* --------------------------------	*/
/* assortiment en fotoboek		 	*/
/* --------------------------------	*/
#assortiment,
#fotoboek {
	padding-top			: 20px;	
	clear				: both;
}

#assortiment li,
#fotoboek li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 207px;
	margin				: 0 2px 20px 0;
	padding-bottom		: 20px;
	vertical-align		: top;
	background			: url(../img/assortiment_item.png) no-repeat right bottom;
}

#assortiment li .foto,
#fotoboek li .foto {
	padding				: 28px 0 5px 0;
	text-align			: center;
	background			: url(../img/assortiment_item.png) no-repeat right top;
}

#assortiment li h2,
#fotoboek li h2 {
	padding				: 3px 15px;
	font-size			: 1.3em;
	font-weight			: normal;	
}

#assortiment li a,
#fotoboek li a {
	display				: block;
	text-align			: right;
	padding				: 0 55px 0 15px;
	height				: 25px;
	color				: #2F4A60;
	background			: url(../img/assortiment_item.png) no-repeat 160px -25px;
	text-decoration		: none;
}

#assortiment li.hover a,
#assortiment li a:hover,
#fotoboek li.hover a,
#fotoboek li a:hover{
	color				: #F48418;
	background			: url(../img/assortiment_item.png) no-repeat 160px 0;
}

/* --------------------------------	*/
/* fotos						 	*/
/* --------------------------------	*/
#fotos .menu	{
	margin-bottom		: 10px;
	text-align			: right;
}
	
#fotos li	{
	width				: 158px;
	height				: 130px;
	background			: url(../img/fotos_item_bg.png) no-repeat center 0;
	float				: left;
}

#fotos li a	{
	display				: block;
	padding-top			: 15px;
	height				: 115px;
	text-align			: center;
}


/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#nieuws li	{
	padding				: 10px;
	background			: url(../img/nieuws_item_bg.png) no-repeat 0 0;
}

#nieuws li h2 a	{
	font-size			: 1.1em;
	color				: #1A3850;
}

#nieuws li p.datum	{
	color				: #F58117;
}


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

#googlemaps	{
	width				: 310px;
	height				: 400px;
	font				: 1em Georgia;
	text-align			: left;
	color				: #293E4F;
	background			: #eee;
}

#googlemaps a	{
	color				: #293E4F;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	text-align			: center;
	height				: 200px;
	position			: relative;
}

/* foto */
#footer .foto	{
	position			: absolute;
	top					: -45px;
	left				: 25px;
	width				: 267px;
	height				: 175px;
	background			: url(../img/footer_foto.jpg) no-repeat 0 0;
}

/* merken */
#footer ul.merken	{
	position			: absolute;
	top					: 23px;
	right				: 5px;
	width				: 660px;
	height				: 41px;
	background			: url(../img/footer_merken.png) no-repeat 0 0;
}

#footer ul.merken li	{
	float				: left;
}

#footer ul.merken li a	{
	display				: block;
	height				: 41px;
	overflow			: hidden;
	text-indent			: -900em;
	background			: url(../img/footer_merken.png) no-repeat 0 -41px;
}

#footer ul.merken li a.auping			{	width: 57px; margin-right: 7px; background-position: 0 -41px; }
#footer ul.merken li a.jensen			{	width: 56px; margin-right: 6px; background-position: -64px -41px; }
#footer ul.merken li a.akva				{	width: 50px; margin-right: 7px; background-position: -126px -41px; }
#footer ul.merken li a.eastborn_master	{	width: 68px; margin-right: 5px; background-position: -183px -41px; }
#footer ul.merken li a.pullman			{	width: 57px; margin-right: 6px; background-position: -256px -41px; }
#footer ul.merken li a.svedex			{	width: 60px; margin-right: 9px; background-position: -319px -41px; }
#footer ul.merken li a.avek				{	width: 61px; margin-right: 11px; background-position: -388px -41px; }
#footer ul.merken li a.eastborn			{	width: 53px; margin-right: 11px; background-position: -460px -41px; }
#footer ul.merken li a.kreamat			{	width: 59px; margin-right: 12px; background-position: -524px -41px; }
#footer ul.merken li a.tempur			{	width: 65px; margin-right: 0; background-position: -595px -41px; }

/* footer logo en menu */
#footer h3	{
	height				: 140px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/footer_logo.png) no-repeat center bottom;
}

#footer ul.menu	{
	text-align			: center;
	padding				: 10px 0;
}

#footer ul.menu li	{
	display				: inline;
	font-size			: 0.9em;
	color				: #1A3850;
}

#footer ul.menu li a	{
	color				: #1A3850;
	text-decoration		: none;
}

#footer ul.menu li a:hover,
#footer ul.menu li.actief a {
	text-decoration		: underline;
}

/* colofon */
#footer .colofon {
	position			: relative;
	font-size			: 0.9em;
	color				: #818181;
}

#footer .colofon a {
	text-decoration		: none;
	color				: #818181;
}

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

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