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

body	{
	background			: #ffffff;
	margin				: 10px;
	padding				: 0;
	font				: 1em Arial;
	text-align			: center; /* #container centreren voor IE5 */
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}


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


/* --------------------------------	*/
/* intro						 	*/
/* --------------------------------	*/
#intro	{
	position			: relative;
	margin				: 0 auto;
	width				: 600px;
	text-align			: left;
}

#intro h1	{
	margin				: 0;
}

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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 160px;
}

#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 0;
	left				: 272px;
}

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

#header p.home	{
	margin				: 0;
	position			: absolute;
	top					: 163px;
	left				: 0;
	text-align			: left;
}

#header p.contact	{
	margin				: 0;
	position			: absolute;
	top					: 163px;
	right				: 0;
	text-align			: right;
}

#header p.home a, #header p.contact a	{
	color				: #000;
	font-weight			: bold;
	text-transform		: lowercase;
	font-size			: 0.9em;	
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu ul	{
	list-style			: none;
	margin				: 0;
	padding				: 0;
	width				: 250px;
	border-bottom		: solid 25px #000;
	position			: absolute;
	top					: 0;
	left				: 0;
}

#menu ul.rechts	{
	left				: auto;
	right				: 0;
}

#menu ul li	{
	height				: 32px;
}

#menu ul li a	{
	height				: 25px;
	display				: block;
	width				: 250px;
	text-indent			: -900em;
	overflow			: hidden;
}

#menu ul li a.kapper		{	background: url(../img/menu_kapper.gif) no-repeat left top; }
#menu ul li a.visagist		{	background: url(../img/menu_visagist.gif) no-repeat left top; }
#menu ul li a.adviseur		{	background: url(../img/menu_adviseur.gif) no-repeat left top; }
#menu ul li a.verzorging	{	background: url(../img/menu_verzorging.gif) no-repeat left top; }
#menu ul li a.bruiden		{	background: url(../img/menu_bruiden.gif) no-repeat left top; }
#menu ul li a.portfolio		{	background: url(../img/menu_portfolio.gif) no-repeat left top; }
#menu ul li a.workshops		{	background: url(../img/menu_workshops.gif) no-repeat left top; }
#menu ul li a.metamorfoses	{	background: url(../img/menu_metamorfoses.gif) no-repeat left top; }

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


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	line-height			: 1.4em;
	background			: url(../img/content_bg.gif) no-repeat center top;
	padding-top			: 30px;
}

#content h2	{
	text-align			: center;
	margin				: 0 0 20px 0;
	font-size			: 1em;
	font-weight			: normal;
	text-transform		: uppercase;
}


/* --------------------------------	*/
/* fotoboek						 	*/
/* --------------------------------	*/
#fotoboek	{
}

/* categorieen */
#fotoboek ul.categorieen	{
	margin				: 0 auto;
	padding				: 0;
	list-style			: none;
	width				: 500px;
}

#fotoboek ul.categorieen li	{
	margin				: 0 0 15px 0;
}

#fotoboek ul.categorieen li img	{
	margin				: 0 10px 0 0;
	border				: double 3px #000;
	vertical-align		: middle;
}

#fotoboek ul.categorieen li a	{
	font-size			: 1.1em;
	color				: #000;
	text-decoration		: none;
	display				: block;
	padding				: 3px;
	text-transform		: uppercase;
}

#fotoboek ul.categorieen li a:hover	{
	color				: #fff;
	background			: #000;
}

#fotoboek ul.categorieen li a:hover img	{
	border				: double 3px #fff;
}

/* fotos */
#fotoboek .fotos	{
	width				: 180px;
	float				: left;
}

#fotoboek ul.thumbs	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#fotoboek ul.thumbs li	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	width				: 60px;
	height				: 60px;
	float				: left;
}

#fotoboek ul.thumbs li a	{
	display				: block;
	padding				: 2px;
	width				: 56px;
	height				: 56px;

}
	
#fotoboek ul.thumbs li a:hover {
	background			: #000;
}

#fotoboek ul.thumbs li a img	{
	border				: double 3px #000;
}

#fotoboek ul.thumbs li a:hover img	{
	border				: double 3px #fff;
}

#fotoboek .navigatie	{
	clear				: both;
	padding				: 15px 0;
}

#fotoboek .navigatie ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#fotoboek .navigatie ul li	{
	display				: inline;
	padding				: 0 5px 0 0;
}

#fotoboek div.groot	{
	margin				: 0;
	padding				: 3px 0;
	list-style			: none;
	width				: 570px;
	float				: right;
	text-align			: center;
}

#fotoboek div.groot a img	{
	border				: double 3px #000;
}

/* --------------------------------	*/
/* amimpact						 	*/
/* --------------------------------	*/
#amimpact	{
	text-align			: right;
	font-size			: 0.6em;
}

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


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{	
	border				: solid 1px black;
	height				: 600px;
	width				: 700px;
	background			: #fff;
	text-align			: left;
	font				: 1em Arial;
	/*color				: #58585A;*/
}

#googlemaps a	{
	/*color				: #58585A;*/
}


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

.contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1em Arial;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #999;
	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;
}

.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;
}