/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #F0F0F0;
	margin				: 0;
	padding				: 0;
	font				: 0.8em 'Trebuchet MS', Arial;
	color				: #fff;
	text-align			: center; /* #container centreren voor IE5 */
}

.clear	{
	clear				: both;
}

input, select, textarea	{
	font				: 1em 'Trebuchet MS', Arial;
	border				: solid 1px #4D4D4D;
	background			: #D4D4D4;
}

input.button	{
	background-color	: #4D4D4D;
	color				: #ffe69c;
	border				: solid 1px #85817C;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
	margin				: 5px 0 0 0;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 986px;
	text-align			: left;
	background			: #58585A url(../img/teewood.gif) no-repeat right 300px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 20;
}

#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 21px;
	left				: 212px;
	z-index				: 2000;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 75px;
	width				: 285px;
	background			: url(../img/logo.gif) no-repeat;
}


/* --------------------------------	*/
/* talen vlaggetjes				 	*/
/* --------------------------------	*/
#talen	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: absolute;
	top					: 20px;
	right				: 23px;
}

#talen li	{
	display				: block;
	float				: left;
	height				: 23px;
	width				: 32px;
	margin-left			: 10px;
}

#talen li a	{
	display				: block;
	height				: 23px;
	width				: 32px;
	text-indent			: -900em;
	overflow			: hidden;
}

#talen li.de a	{	background: url(../img/vlag_de.gif) no-repeat; }
#talen li.en a	{	background: url(../img/vlag_en.gif) no-repeat; }
#talen li.nl a	{	background: url(../img/vlag_nl.gif) no-repeat; }

.de #talen li.de 	{	display	: none;	}
.nl #talen li.nl 	{	display	: none;	}
.en #talen li.en 	{	display	: none;	}


/* --------------------------------	*/
/* top menu						 	*/
/* --------------------------------	*/
#topmenu	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: absolute;
	top					: 25px;
	right				: 109px;
	font-size			: 0.85em;
}

#topmenu li	{
	display				: inline;
	font-weight			: bold;
	color				: #fff;
}

#topmenu a	{
	color				: #fff;
	text-decoration		: none;
}

#topmenu a:hover	{
	color				: #ffe69c;
	text-decoration		: underline;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 235px;
	padding				: 20px 0 0 0;
}

/* flash afbeelding */
#flashImg	{
	margin				: 0 0 0 9px;
	width				: 171px;
	height				: 172px;
	padding				: 3px 0 0 5px;
	background			: url(../img/flashImg.gif) no-repeat;
}

/* europly logo */
#zijbalk .europly	{
	clear				: both;
	padding				: 20px 10px;
}

#zijbalk .europly a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	width				: 187px;
	height				: 67px;
	background			: url(../img/europly_logo.gif) no-repeat;
}


/* --------------------------------	*/
/* 	menu						 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_top.gif) no-repeat;
}

#menu ul	{
	float 				: left;
	margin				: 6px 0;
	padding				: 11px 0 10px 0;
	list-style			: none;
	background			: url(../img/menu_onder.gif) no-repeat left bottom;
}

#menu li	{
	position 			: relative;
	float 				: left;
	width				: 207px;
}

#menu a.tresor		{	height: 57px; background: url(../img/de/menu_tresor.gif) no-repeat; }
#menu a.manufaktur	{	height: 44px; background: url(../img/de/menu_manufaktur.gif) no-repeat; }
#menu a.parkett		{	height: 44px; background: url(../img/de/menu_parkett.gif) no-repeat; }
#menu a.referenzen	{	height: 44px; background: url(../img/de/menu_referenzen.gif) no-repeat; }
#menu a.vertrieb	{	height: 44px; background: url(../img/de/menu_vertrieb.gif) no-repeat; }

#menu a.special		{	height: 57px; background: url(../img/en/menu_special.gif) no-repeat; }
#menu a.handmade	{	height: 44px; background: url(../img/en/menu_handmade.gif) no-repeat; }
#menu a.program		{	height: 44px; background: url(../img/en/menu_program.gif) no-repeat; }
#menu a.references	{	height: 44px; background: url(../img/en/menu_references.gif) no-repeat; }
#menu a.sales		{	height: 44px; background: url(../img/en/menu_sales.gif) no-repeat; }

#menu a.exclusieve	{	height: 57px; background: url(../img/nl/menu_exclusieve.gif) no-repeat; }
#menu a.ambachtelijk{	height: 57px; background: url(../img/nl/menu_ambachtelijk.gif) no-repeat; }
#menu a.programma	{	height: 44px; background: url(../img/nl/menu_programma.gif) no-repeat; }
#menu a.referenties	{	height: 44px; background: url(../img/nl/menu_referenties.gif) no-repeat; }
#menu a.verkoop		{	height: 44px; background: url(../img/nl/menu_verkoop.gif) no-repeat; }

#menu a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	width				: 207px;
	background-position	: left top;
}

#menu a:hover, #menu li.actief a	{
	background-position	: left bottom;
}

#menu li:hover a, #menu li.sfhover a	{
	background-position	: left bottom;
}

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

/* submenu */
#menu li ul { 
	position			: absolute;
	left				: -999em;
	top					: auto;
	margin 				: -44px 0 0 194px;
	padding				: 0;
	background			: #4D4D4D;
	width				: 190px;
	border-top			: solid 1px #85817C;
	z-index				: 2000;
}

#menu li li {
	width				: 190px;
}

#menu li li a	{
	text-indent			: 0;
	overflow			: visible;
	width				: 170px;
	padding				: 5px 10px;
	border				: solid 1px #85817C;
	border-top			: none;
	color				: #ffe69c;
	font				: bold 0.85em Georgia, "Times New Roman", Times, serif;
	text-decoration		: none;
	text-transform		: uppercase;	
}

#menu li li a:hover	{
	background			: #747474;
	color				: #fff;
}

#menu li:hover ul, #menu li.sfhover ul {
	left				: auto;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	float				: right;
	width				: 751px;
	margin-top			: 81px;
	background			: url(../img/content_top.gif) no-repeat;
	padding				: 17px 0; 
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	min-height			: 250px;
	_height				: 250px;
	width				: 546px;
	padding				: 0 35px 20px 20px;
	background			: url(../img/content_bg.gif) repeat-y;
	border-bottom		: solid 1px #A6A6A7;
}

#content h2	{
	margin				: 0;
}

#content a	{
	color				: #ffe69c;
}


/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#nieuws	{
	width				: 169px;
	background			: url(../img/nieuws_onder.gif) no-repeat left bottom;
	position			: absolute;
	top					: 121px;
	right				: 0;
	z-index				: 10;
}

#nieuws h3	{
	width				: 169px;
	background			: url(../img/nieuws_top.gif) no-repeat left top;
	height				: 64px;
	margin				: 0;
	text-indent			: -900em;
}

.de #nieuws h3 	{	background: #ccc url(../img/de/news_top.gif) no-repeat left top;	}
.nl #nieuws h3 	{	background: #ccc url(../img/nl/news_top.gif) no-repeat left top;	}
.en #nieuws h3 	{	background: #ccc url(../img/en/news_top.gif) no-repeat left top;	}

#nieuws ul	{
	padding				: 10px 0;
	margin				: 0;
	list-style			: none;
	line-height			: 1em;
	height				: 50px;
}

#nieuws ul li	{
	padding				: 0 26px 10px 24px;
}

#nieuws ul li a	{
	font-size			: 0.85em;
	color				: #4d4b3d;
	font-weight			: bold;
	text-decoration		: none;
}

#nieuws ul li a:hover	{
	color				: #937447;
}


/* --------------------------------	*/
/* foto's						 	*/
/* --------------------------------	*/
#fotos	{
	margin				: 10px 0 0 0;
	padding				: 0;
	list-style			: none;
}

#fotos li	{
	display				: block;
	float				: left;
	width				: 33%;
	height				: 215px;
}

#fotos li div	{
	background			: #4D4D4D;
	padding				: 10px;
	width				: 150px;
	text-align			: center;
}

#fotos h3	{
	background			: #747474;
	margin				: 0 0 10px 0;
	padding				: 5px;
	font-size			: 1.1em;
}

#fotos h3 a	{
	color				: #fff;
	text-decoration		: none;
}

#fotos a img	{
	border				: solid 1px #747474;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	position			: relative;
	background			: #F0F0F0;
	text-align			: center;
	padding-bottom		: 10px;
}

#footer	address {
	height				: 45px;
	display				: block;
	position			: relative;
}

.de #footer	address 	{	background: #ccc url(../img/de/footer.gif) no-repeat;	}
.nl #footer	address 	{	background: #ccc url(../img/nl/footer.gif) no-repeat;	}
.en #footer	address 	{	background: #ccc url(../img/en/footer.gif) no-repeat;	}

#footer	address span {
	display				: none;
}

#footer	address a {
	position			: absolute;
	top					: 17px;
	left				: 27px;
	display				: block;
	height				: 20px;
	width				: 165px;
	text-indent			: -900em;
	overflow			: hidden;
}

#footer	a.amimpact {
	font-size			: 0.8em;
	text-decoration		: none;
	color				: #999;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
#contactformulier ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

#contactformulier fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

#contactformulier legend 	{
	display				: none;
}

#contactformulier label 	{
	font-weight			: bold;
}

#contactformulier .veldFout 	{
	border				: 1px solid red;
}

#contactformulier #melding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	border				: 0px;
	height				: 500px;
	width				: 100%;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #4E4E4E;
}

#googlemaps a	{
	color				: #003B81;
}
