@charset "utf-8";
/* CSS Document */

#contactt1 {
    margin-left:25px;
    display:block;
	float:left;
}

#contactt2 {
    margin-left:60px;
	display:block;
	float:left;
}

#contactt3 {
    margin-left:60px;
	display:block;
	float:left;
}

#contactt4 {
    margin-left:60px;
	display:block;
	float:left;
}

#preload{ display:none;}

* {
   margin:0;
   padding:0;
}

html{
   height: 100%;
}

body{
	background-color:#dad4c9;
	background-image:url(images/background.png);
	background-repeat:no-repeat;
	background-position:top center;
	width: 100%;
	height: 100%;
}

/* MAIN */

#mainwrapper {
	
}

#content {
	width:937px;
	/* Centering it in the middle of the page */
	position:relative;
	margin-left: auto ;
  	margin-right: auto ;
}

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:431.88px;
	height:212px;
	display:block;
	float:left;
}

/*MENU - END MAIN*/

#menu {
	display:block;
	float:left;
}

#topmenu {
	list-style:none;
}
#topmenu li{
		display:inline;
}

#home {
	background-image:url(images/homenormal.png);
	background-repeat:no-repeat;
	width:122.13px;
	height:173.53px;
	display:block;
	float:left;
}
a:hover #home{
	background-image:url(images/homeselect.png);
}

#producten {
	background-image:url(images/productennone.png);
	background-repeat:no-repeat;
	width:126px;
	height:173.53px;
	display:block;
	float:left;
}
a:hover #producten{
	background-image:url(images/productenglow.png);
}

#cursus {
	background-image:url(images/cursusnone.png);
	background-repeat:no-repeat;
	width:126px;
	height:173.53px;
	display:block;
	float:left;
}
a:hover #cursus{
	background-image:url(images/cursusglow.png);
}

#contact {
	background-image:url(images/contactnone.png);
	background-repeat:no-repeat;
	width:125.47px;
	height:173.53px;
	display:block;
	float:left;
}
a:hover #contact{
	background-image:url(images/contactglow.png);
}

/* 2 Overstates */
	#home2 {
		background-image:url(images/homenone.png);
		background-repeat:no-repeat;
		width:122.13px;
		height:173.53px;
		display:block;
		float:left;
	}
	a:hover #home2{
		background-image:url(images/homeglow.png);
	}
	
	#producten2 {
		background-image:url(images/productennormal.png);
		background-repeat:no-repeat;
		width:126px;
		height:173.53px;
		display:block;
		float:left;
	}
	a:hover #producten2{
		background-image:url(images/productenselect.png);
	}
	
	#cursus2 {
		background-image:url(images/cursusnormal.png);
		background-repeat:no-repeat;
		width:126px;
		height:173.53px;
		display:block;
		float:left;
	}
	a:hover #cursus2{
		background-image:url(images/cursusselect.png);
	}
	
	#contact2 {
		background-image:url(images/contactnormal.png);
		background-repeat:no-repeat;
		width:125.47px;
		height:173.53px;
		display:block;
		float:left;
	}
	a:hover #contact2{
		background-image:url(images/contactselect.png);
	}

/* MAIN - END MENU*/

#top {
	background-image:url(images/top.png);
	background-repeat:no-repeat;
	width:885px;
	height:58px;
	display:block;
	float:left;
}
	#motto {
		margin-top:10px;
		margin-left:25px;
	}

#facebook {
	background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	width:52px;
	height:58px;
	display:block;
	float:left;
}

#introductie {
	background-image:url(images/introductie.png);
	background-repeat:no-repeat;
	width:937px;
	height:27.09px;
	display:block;
	float:left;
}

#productintro {
	background-image:url(images/productintro.png);
	background-repeat:no-repeat;
	width:937px;
	height:27.09px;
	display:block;
	float:left;
}

#cursusintro {
	background-image:url(images/cursusintro.png);
	background-repeat:no-repeat;
	width:937px;
	height:27.09px;
	display:block;
	float:left;
}

#info {
	background-image:url(images/info.png);
	background-repeat:no-repeat;
	width:937px;
	height:27.09px;
	display:block;
	float:left;
}

	#introtext {
		margin-top:10px;
		margin-left:25px;
	}

#space {
	background-image:url(images/filler.png);
	background-repeat:repeat-y;
	width:937px;
	height:auto;
	display:block;
	float:left;
}

#foto {
	background-image:url(images/mainimg.png);
	background-repeat:repeat-y;
	width:937px;
	height:225px;
	display:block;
	float:left;
}

#vastespace {
	background-image:url(images/filler.png);
	background-repeat:repeat-y;
	width:937px;
	height:auto;
	display:block;
	float:left;
}

#nieuwe {
	background-image:url(images/nieuwe.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
}

#onze {
	background-image:url(images/onzeproducten.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
}

#materialen {
	background-image:url(images/materialen.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
}

#materialentext {
	margin-left:25px;
	display:block;
	float:left;
}
#materialentext2 {
	margin-left:50px;
	display:block;
	float:left;
}
#inrichting {
	background-image:url(images/inrichting.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
}

#inrichtingtext {
	margin-left:25px;
	display:block;
	float:left;
}

#cursusinfo {
	background-image:url(images/cursusinfo.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
} 

#contactform {
	background-image:url(images/contact.png);
	background-repeat:repeat-y;
	width:937px;
	height:28px;
	display:block;
	float:left;
} 

#productspace {
	background-image:url(images/filler.png);
	background-repeat:repeat-y;
	width:937px;
	height:auto;
	display:block;
	float:left;
}

#megaform {
	margin-left:25px;
	margin-top:30px;
	margin-bottom:30px;
}
	#filmpje{
		margin-left:25px;
	}
	
	#producttext {
		margin-top:10px;
		margin-left:50px;	
		display:block;
		float:left;
	}

	#productfoto {
		margin-top:10px;
		margin-right:35px;
		margin-bottom:30px;
		display:block;
		float:right;
		border:5px #2177ce solid;
	}
		
		#loreal {
			margin-top:10px;
			display:block;
			border:5px #2177ce solid;
		}
				
		#prodz {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz1 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz2 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz3 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz4 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz5 {
			margin-left:25px;
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz6 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz7 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz8 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz9 {
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#prodz10 {
			margin-left:25px;
			margin-right:30px;
			width:110px;
			height:200px;
			text-align:center;
			display:block;
			float:left;
		}
		#extras {
			margin-top:-25px;
			margin-left:25px;
			margin-bottom:25px;
			text-align:center;
			display:block;
			float:left;
		}
		
		#productlijst {
			margin-top:10px;
			margin-left:25px;
			margin-bottom:20px;
			display:block;
			display:inline-block;
			float:left;
			text-align:center;
		}
		
		 a.linkje:link{color:#2177ce;}
		 a.linkje:visited{color:#2177ce;}
		 a.linkje:hover {color:#d36d2f;}
		 #loreal:hover { border-color:#d36d2f;}
		 a.linkje:active {color:#2177ce;}

/* Bottom MENU */
		
#boven {
	background-image:url(images/boven.png);
	background-repeat:no-repeat;
	width:937px;
	height:4px;
	display:block;
	float:left;
}

#links {
	background-image:url(images/links.png);
	background-repeat:no-repeat;
	width:4px;
	height:64px;
	display:block;
	float:left;
}

#bottommenu {
	display:block;
	float:left;
}

#botmenu {
	list-style:none;
}

#botmenu li{
		display:inline;
}

#homeonder{
	background-image:url(images/homeonder.png);
	background-repeat:no-repeat;
	width:232px;
	height:64px;
	display:block;
	float:left;
}
	a:hover #homeonder{
		background-image:url(images/homeshadow.png);
	}

#productenonder {
	background-image:url(images/productenonder.png);
	background-repeat:no-repeat;
	width:232px;
	height:64px;
	display:block;
	float:left;
}
	a:hover #productenonder{
		background-image:url(images/productenshadow.png);
	}


#cursusonder {
	background-image:url(images/cursusonder.png);
	background-repeat:no-repeat;
	width:232px;
	height:64px;
	display:block;
	float:left;
}
	a:hover #cursusonder{
		background-image:url(images/cursusshadow.png);
	}

#contactonder {
	background-image:url(images/contactonder.png);
	background-repeat:no-repeat;
	width:233px;
	height:64px;
	display:block;
	float:left;
}
	a:hover #contactonder{
		background-image:url(images/contactshadow.png);
	}


#rechts {
	background-image:url(images/rechts.png);
	background-repeat:no-repeat;
	width:4px;
	height:64px;
	display:block;
	float:left;
}

#onderonder {
	background-image:url(images/onderonder.png);
	background-repeat:no-repeat;
	width:937px;
	height:16px;
	display:block;
	float:left;
}

#onder {
	background-image:url(images/bottom.png);
	background-repeat:repeat-y;
	width:937px;
	height:140px;
	display:block;
	float:left;
}

	#gegevens {
		margin-top:40px;
		margin-left:577px;
	}
	#gegevens a:link {color:#2177ce;}
	#gegevens a:visited {color:#2177ce;}
	#gegevens a:hover {color:#d36d2f;}
	#gegevens a:active {color:#2177ce;}