html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #f0f0f0;
	font				: 0.8em Arial;
	text-align			: left;
}

.toegankelijkheid	{
	display				: none;
}

a	{
	color				: #022d5a;
}
a: hover	{
	text-decoration		: none;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix	{	display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clearfix 	{ height	: 1%;}
.clearfix 			{ display	: block;}
/* einde van verbergen IE-mac */

/* bovenste achtergrond balk */
#achtergrond_boven	{
	position			: absolute;
	z-index				: 5;
	left				: 0;
	top					: 0;
	width				: 100%;
	height				: 117px;
	background			: #f0f0f0;
}

/* kleine linkjes home enz. */
#sublinks 	{
	position			: absolute;
	z-index				: 11;
	right				: 37px;
	top					: 100px;
	color				: #f0f0f0;
	font-size			: 0.9em;
	font-weight			: bold;
	background			: #f0f0f0 url(../img/sublinks_bg.gif);	
	padding				: 0 10px 0 10px;
	text-align			: center;
	border-bottom		: #f0f0f0 solid 1px;
	text-transform		: lowercase;

}

#sublinks a 	{
	color				: #f0f0f0;
	text-decoration		: none;
	font-weight			: bold;
	margin				: 0 5px 0 5px;
}

#sublinks a:hover, #sublinks a.actief 	{
	color:#A6C1DE;
	text-decoration		: none;
}
/* witte balken met schaduw */
#rechts	{
	background			: #fff url(../img/streep_schaduw.gif) repeat-x bottom;
	z-index				: 6;
	height				: 130px;
	right				: 0;
	top					: 117px;
	width				: 30%;
	position			: absolute;
}

#links	{
	background			: #fff url(../img/streep_schaduw.gif) repeat-x bottom;
	z-index				: 6;
	height				: 132px;
	left				: 0;
	top					: 115px;
	width				: 30%;
	position			: absolute;
}

#binnen	{
	background			: #fff url(../img/streep_schaduw2.gif) repeat-x bottom;
	z-index				: 6;
	height				: 132px;
	left				: 0;
	top					: 115px;
	width				: 16px;
	position			: absolute;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#outercontainer	{
	background			: #646464;
}

#container	{
	position			: relative;
	padding				: 0;
	margin				: 0 auto;
	width				: 956px;
	text-align			: left;
	z-index				: 10;
	background			: #f0f0f0 url(../img/krul.gif) no-repeat 293px top;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	background			: url(../img/logo.png) no-repeat left top;
	z-index				: 12;
	width				: 159px;
	height				: 78px;
	top					: 20px;
	left				: 428px;
	position			: absolute;
}

#header h1 {
	display				: none;	
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	width				: 126px;
	height				: 101px;
}

#filiaal	{
	background			: url(../img/header-pand.png) no-repeat -5px -4px;
	z-index				: 12;
	width				: 306px;
	top					: 65px;
	left				: 16px;
	height				: 214px;
	position			: absolute;
}

#filiaal a	{
	text-indent			: -9000em; 
	display				: block;
	top					: 140px;
	width				: 280px;
	height				: 20px;
	left				: 17px;
	position			: relative;
	overflow			: hidden;
}

#filiaal a:hover	{
	background			: #fff;
	opacity				: 0.5;
	-moz-opacity		: 0.5;
	filter				: alpha(opacity=50);
}

#balk_binnen	{
	background			: #fff url(../img/streep_schaduw2.gif) repeat-x bottom;
	z-index				: 1;
	width				: 956px;
	height				: 130px;
	top					: 117px;
	left				: 0;
	position			: relative;
}

#jubileum {
	position:absolute;
	right:46px;
	top:197px;
	z-index:13;
	width:507px;
	height:192px;
	text-indent:-900em;
	background			: url(../img/10-jaar-robbesselink.png) no-repeat left top;	
}

#jubileum .info p,
#jubileum h3 {
	display:none;	
}

#jubileum a {
	position:absolute;
	left:0;
	top:0;
	width:507px;
	height:192px;
	text-indent:-900em;
}

#krul_onder	{
	background			: #f0f0f0 url(../img/krul_onder.gif) no-repeat top left;
	z-index				: 12;
	width				: 89px;
	height				: 35px;
	top					: 239px;
	left				: 399px;
	position			: absolute;

}
/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: #fff url(../img/menu-items.png) no-repeat top left;
	z-index				: 18;
	width				: 603px;
	height				: 44px;
	top					: 152px;
	left				: 322px;
	position			: absolute;	
}

#menu li	{
	float				: left;
	position			: relative;
}

#menu li:hover, #menu li.hover {
    *position			: static;
}

#menu > li a	{
	display				: block;
	margin				: 0;
	text-indent			: -999em;
	height				: 44px;
	overflow			: hidden;
	padding-right		: 1px;

}

#menu a.home			{	width: 79px;  }
#menu a.produkten		{	width: 107px;  }
#menu a.zakelijk		{	width: 87px;  }
#menu a.kleurmeesters	{	width: 137px; }
#menu a.nieuws			{	width: 86px;  }
#menu a.contact			{	width: 96px;  }

#menu > li.hover a, #menu > li.actief a {
	background			: url(../img/menu-items.png) no-repeat top left;	
}

#menu li.hover a.home, #menu > li.actief a.home							{	width: 79px;  background-position: left bottom; }
#menu li.hover a.produkten, #menu > li.actief a.produkten				{	width: 107px;  background-position: -80px bottom; }
#menu li.hover a.zakelijk, #menu > li.actief a.zakelijk					{	width: 87px;   background-position: -188px bottom; }
#menu li.hover a.kleurmeesters, #menu > li.actief a.kleurmeesters		{	width: 137px;   background-position: -276px bottom; }
#menu li.hover a.nieuws, 	#menu > li.actief a.nieuws					{	width: 86px;  background-position: -414px bottom; }
#menu li.hover a.contact, #menu > li.actief a.contact					{	width: 96px;   background-position: -501px bottom;}



/*submenu*/
#menu li div	{
	position			: absolute;
	left				: -999em;
	width				: 168px;
	background			: url(../img/menu_bg_bottom.gif) no-repeat left bottom;
}

#menu li:hover div, #menu li.hover div	{
	left				: auto;
	color				: #fff;		
}

#menu ul	{
	background			: url(../img/menu_bg_top.gif) no-repeat left top;
	margin				: 0 0 14px 0;
	padding				: 14px 0 0 0;
	zoom				: 1;
}

#menu li ul li	{
	background			: none;
	float				: none;
	height				: auto;	
	width				: 160px;
	margin				: 0 5px 0 4px;
	font-size			: 0.7em;
	padding				: 0;
	border-top			: #022d5a solid 1px;
}

#menu li ul li a	{
	display				: block;	
	background			: none !important;
	text-indent			: 0;
	text-transform		: uppercase;
	text-decoration		: none;
	color				: #fff;
	width				: 144px;
	padding				: 4px 0 4px 16px;
	height				: auto;
}

#menu li ul li a:hover, #menu li ul li.actief a	{
	background			: none;	
	background			: #3E6A77 !important;
}

/*Lightbox css */

#jquery-overlay {
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 90;
	width				: 100%;
	height				: 500px;
}

#jquery-lightbox {
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 100%;
	z-index				: 100;
	text-align			: center;
	line-height			: 0;
}

#jquery-lightbox a img { 
	border				: none; 
}

#lightbox-container-image-box {
	position			: relative;
	background-color	: #fff;
	width				: 250px;
	height				: 250px;
	margin				: 0 auto;
}

#lightbox-container-image { 
	padding				: 10px;
}

#lightbox-loading {
	position			: absolute;
	top					: 40%;
	left				: 0%;
	height				: 25%;
	width				: 100%;
	text-align			: center;
	line-height			: 0;
}
#lightbox-nav {
	position			: absolute;
	top					: 0;
	left				: 0;
	height				: 100%;
	width				: 100%;
	z-index				: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width				: 49%;
	height				: 100%;
	zoom				: 1;
	display				: block;
}

#lightbox-nav-btnPrev { 
	left				: 0; 
	float				: left;
}

#lightbox-nav-btnNext { 
	right				: 0; 
	float				: right;
}

#lightbox-container-image-data-box {
	font-size			: 0.8em;
	background-color	: #fff;
	margin				: 0 auto;
	line-height			: 1.4em;
	overflow			: auto;
	width				: 100%;
	padding				: 0 10px 0;
}

#lightbox-container-image-data {
	padding				: 0 10px; 
	color				: #000; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width				: 70%; 
	float				: left; 
	text-align			: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display				: block; 
	clear				: left; 
	padding-bottom		: 1.0em;	
}		
	
#lightbox-secNav-btnClose {
	width				: 80px; 
	float				: right;
	padding-bottom		: 0.7em;	
}

/* fade slideshow*/
ul#slideshow{
	float				: right;
	margin				: 50px 0;
	width				: 443px;
	height				: 250px !important;
}

ul#slideshow li	{
	display				: none;
}

ul#slideshow li img{
	border				: 4px solid #646464;
}


.graydon {
	float:right;
	width:409px;
	height:104px;
	margin: 0 50px 0 0 ;
	padding:20px;
	background:#fff;
	border:solid 1px #E3E5E6;
}

.graydon .logo {
	float:left;
	width: 210px;
}

.graydon .info {
	float:left;
	width:195px;
}


.graydon .info {
	font-size:14px;	
	padding:17px 0 0 0;
}

.graydon .info a {
display:block;
margin:10px 0 0 0;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	color				: #000;
	padding				: 210px 0 0 40px;
	font-size			: 0.9em;
	line-height			: 1.6em;
	position			: relative;
	min-height			: 350px;
	_height				: 350px;
}

#content .iwes {
		float: left;	
}

#h2	{
	background			: #646464 url(../img/balk.gif) no-repeat top left;
	z-index				: 1;
	width				: 888px;
	height				: 29px;
	top					: 279px;
	left				: 30px;
	position			: absolute;
}

#h2 h2	{
	color				: #fff;
	font-size			: 1.5em;
	margin				: 2px 0 0 8px;
	font-weight			: bold;
}

/* Sitemap */
ul.sitemap li	{
	line-height			: 2em;
}
ul.sitemap li a	{
	font-weight			: bold;
}
ul.sitemap li div ul	{
	margin-bottom		: 5px;
}
ul.sitemap li div li	{
	line-height			: 1.6em;
	margin-left			: 10px;
}
ul.sitemap li div li a	{
	font-weight			: normal;
}

/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	font				: 1em Arial;
	margin				: 0;
}

.contactform input, .contactform select, .contactform textarea   {
	border				: dotted 1px #646464;
	font				: 1em Arial;
	padding				: 2px;
	max-width			: 400px;
}

.contactform input.radio, .contactform input.checkbox 	{
	border				: none;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #646464;
	color				: #fff;
	font-weight			: bold;
	margin-top			: 10px;
}

.contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

.contactform .veldFout 	{
	border				: 1px solid red !important;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #F0F0F0 url(../img/footer.gif) no-repeat center top;
	height				: 42px;
	width				: 100%;
	min-width			: 994px;
	position			: absolute;
}

#amimpact a	{
	font-size			: 0.7em;
	text-decoration		: none;
	color				: #7b7b7b;	
	margin				: 50px 0 0 40px;
	position			: absolute;
}

#amimpact a:hover	{
	color				: #000;	
}

#footer #schaduw	{
	background			: #f0f0f0 url(../img/footer_schaduw.gif) repeat-x top left;
	width				: 100%;
	bottom				: -6px;	
	height				: 34px;
	position			: relative;
}

#footer	address	{
	text-indent			: -9000em;
	overflow			: hidden;
	width				: 994px;
	height				: 36px;
	display				: block;
	margin				: 0 auto;
	position			: relative;
}

#footer	address a	{
	position			: absolute;
	text-indent			: -9000em;
	overflow			: hidden;
	display				: block;
	width				: 115px;
	height				: 20px;
	top					: 16px;
	left				: 758px;
}
/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	height				: 400px;
	width				: 350px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}