@charset "utf-8";
/* CSS Document */
body {
	background-color: 	#404040;
	width: 				100%;
	height: 			100%;
	margin:				0px;
	padding:			0px;
	border:				0px;
}

div{
	background-repeat:	no-repeat;
	margin:				0px;
	padding:			0px;
	border:				0px;
	border-spacing:		0px;
}

#scherm	{
	width:				950px;
	height:				780px;
	position:			relative;
	background-color:	#FFF;
	top:				5px;
	margin:				auto;
	z-index:			1;
	border-style:		solid;
	border-width:		3px;
	border-bottom-color:				#000;
	-moz-border-radius-topleft: 		100px 80px;
	-moz-border-radius-bottomright: 	100px 80px;
	border-top-left-radius: 			100px 80px;
	border-bottom-right-radius: 		100px 80px;
	overflow:			hidden;
}

#logo {
	width: 				285px;
	height:				80px;
	position:			absolute;
	left: 				50%;
	margin-left:		185px;
	font-family:		"Helvetica";
	font-size:			45px;
	font-weight:		bolder;
	font-style: 		normal;
	line-height:		50px;
	color: 				#404040;
	background-image:	url(../images/Logo_Bol.gif);
	background-repeat:	no-repeat;
	background-position:124px 3px;
	cursor:				pointer;
	-moz-user-select: 	none;
	-khtml-user-select: none;
	user-select: 		none;
}

#logo_text {
	width: 				285px;
	height:				70px;
	position:			absolute;
	top:				10px;
}

#streep{
	width:				100%;
	height:				3px;
	max-height:			3px;
	position:			absolute;
	top:				80px;
	background-color:	#404040;
	z-index:			1;
}

#bol_1{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/Bol_1.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-280px;
	z-index:			2;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_1 h2:active,#bol_1 h2:hover{color:#999;}

#bol_1_text{
	position:			absolute;
	width:				439px;
	height:				420px;
	top:				19px;
}

#bol_2{
	position:			absolute;
	width:				332px;
	height:				332px;
	background-image:	url(../images/Bol_2.png);
	background-repeat:	no-repeat;
	top:				175px;
	left:				50%;
	margin-left:		-380px;
	z-index:			3;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_2 h2:active,#bol_2 h2:hover{color:#999;}

#bol_2_text{
	position:			absolute;
	width:				332px;
	height:				310px;
	top:				22px;
}

#bol_3{
	position:			absolute;
	width:				291px;
	height:				299px;
	background-image:	url(../images/Bol_3.png);
	background-repeat:	no-repeat;
	top:				310px;
	left:				50%;
	margin-left:		-440px;
	z-index:			4;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_3 h2:active,#bol_3 h2:hover{color:#999;}

#bol_3_text{
	position:			absolute;
	width:				291px;
	height:				280px;
	top:				19px;
}

#bol_4{
	position:			absolute;
	width:				258px;
	height:				259px;
	background-image:	url(../images/Bol_4.png);
	background-repeat:	no-repeat;
	top:				475px;
	left:				50%;
	margin-left:		-350px;
	z-index:			5;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_4 h2:active,#bol_4 h2:hover{color:#999;}

#bol_4_text{
	position:			absolute;
	width:				258px;
	height:				242px;
	top:				17px;
}

#bol_5{
	position:			absolute;
	width:				212px;
	height:				210px;
	background-image:	url(../images/Bol_5.png);
	background-repeat:	no-repeat;
	top:				550px;
	left:				50%;
	margin-left:		-200px;
	z-index:			6;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_5 h2:active,#bol_5 h2:hover{color:#999;}

#bol_5_text{
	position:			absolute;
	width:				212px;
	height:				195px;
	top:				15px;
}

#bol_6{
	position:			absolute;
	width:				138px;
	height:				142px;
	background-image:	url(../images/Bol_6.png);
	background-repeat:	no-repeat;
	top:				570px;
	left:				50%;
	margin-left:		-30px;
	z-index:			7;
	filter:				alpha(opacity=0);
	opacity:			0;
	cursor:				pointer;
} #bol_6 h2:active,#bol_6 h2:hover{color:#999;}

#bol_6_text{
	position:			absolute;
	width:				138px;
	height:				110px;
	top:				32px;
}

#plant_1{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_1.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			2;
	visibility:			hidden;
}

#plant_2{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_2.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			3;
	visibility:			hidden;
}

#plant_3{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_3.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			4;
	visibility:			hidden;
}

#plant_4{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_4.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			5;
	visibility:			hidden;
}

#plant_5{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_5.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			6;
	visibility:			hidden;
}

#plant_6{
	position:			absolute;
	width:				240px;
	height:				481px;
	background-image:	url(../images/plant_6.png);
	background-repeat:	no-repeat;
	top:				280px;
	left:				50%;
	margin-left:		200px;
	z-index:			7;
	visibility:			hidden;
}

/*
#plaats{
	writing-mode: 		tb-lr;
	filter: 			flipV flipH;
	-webkit-transform:	rotate(270deg);
	-moz-transform:		rotate(270deg);
	-o-transform: 		rotate(270deg);
	position: 			absolute;
	width:				110px;
	height:				740px;
	top:				100px;
	left:				0%;
	z-index:			2;
}
*/

#menu_1{
	position: 			absolute;
	width:				89px;
	height:				89px;
	background-image:	url(../images/menu_1.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	margin-left:		-400px;
	z-index:			2;
	cursor:				pointer;
} #menu_1 h3:active,#menu_1 h3:hover{color:#999;}

#menu_1_text{
	position:			absolute;
	width:				89px;
	height:				75px;
	top:				14px;
}

#menu_2{
	position: 			absolute;
	width:				90px;
	height:				89px;
	background-image:	url(../images/menu_2.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	margin-left:		-300px;
	z-index:			2;
	cursor:				pointer;
} #menu_2 h3:active,#menu_2 h3:hover{color:#999;}

#menu_2_text{
	position:			absolute;
	width:				90px;
	height:				75px;
	top:				14px;
}

#menu_3{
	position: 			absolute;
	width:				90px;
	height:				96px;
	background-image:	url(../images/menu_3.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	margin-left:		-200px;
	z-index:			2;
	cursor:				pointer;
} #menu_3 h3:active,#menu_3 h3:hover{color:#999;}

#menu_3_text{
	position:			absolute;
	width:				90px;
	height:				89px;
	top:				7px;
}

#menu_4{
	position: 			absolute;
	width:				88px;
	height:				89px;
	background-image:	url(../images/menu_4.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	margin-left:		-100px;
	z-index:			2;
	cursor:				pointer;
} #menu_4 h3:active,#menu_4 h3:hover{color:#999;}

#menu_4_text{
	position:			absolute;
	width:				88px;
	height:				75px;
	top:				14px;
}

#menu_5{
	position: 			absolute;
	width:				90px;
	height:				89px;
	background-image:	url(../images/menu_5.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	z-index:			2;
	cursor:				pointer;
} #menu_5 h3:active,#menu_5 h3:hover{color:#999;}

#menu_5_text{
	position:			absolute;
	width:				90px;
	height:				75px;
	top:				14px;
}

#menu_6{
	position: 			absolute;
	width:				88px;
	height:				89px;
	background-image:	url(../images/menu_6.png);
	background-repeat:	no-repeat;
	top:				650px;
	left:				50%;
	margin-left:		100px;
	z-index:			2;
	cursor:				pointer;
} #menu_6 h3:active,#menu_6 h3:hover{color:#999;}

#menu_6_text{
	position:			absolute;
	width:				88px;
	height:				75px;
	top:				14px;
}

#grijs_prijs{
	position: 			absolute;
	width:				154px;
	height:				154px;
	background-image:	url(../images/bol_grijs.png);
	background-repeat:	no-repeat;
	top:				495px;
	left:				50%;
	margin-left:		-380px;
	z-index:			2;
}

#grijs_link{
	position: 			absolute;
	width:				154px;
	height:				154px;
	background-image:	url(../images/bol_grijs.png);
	background-repeat:	no-repeat;
	top:				495px;
	left:				50%;
	margin-left:		-80px;
	z-index:			2;
	cursor:				pointer;
} #grijs_link h4:active,#grijs_link h4:hover{color:#999;}

#bol_klanten{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/Bol_1.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_klanten_text{
	position:			absolute;
	width:				439px;
	height:				414px;
	top:				25px;
	z-index:			1;
}

#bol_klanten_text_concreet{
	position:			absolute;
	width:				439px;
	height:				414px;
	top:				25px;
	z-index:			2;
	visibility:			hidden;
}

#bol_klanten_text_concreet_opsomming{
	position:			absolute;
	width:				395px;
	height:				280px;
	top:				134px;
	left:				44px;
}

#bol_huisstijl{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_huisstijl.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_huisstijl_text{
	position:			absolute;
	width:				439px;
	height:				434px;
	top:				5px;
	z-index:			1;
}

#bol_huisstijl_text_concreet{
	position:			absolute;
	width:				439px;
	height:				434px;
	top:				5px;
	z-index:			2;
	visibility:			hidden;
}

#bol_huisstijl_text_concreet_opsomming{
	position:			absolute;
	width:				395px;
	height:				270px;
	top:				164px;
	left:				44px;
}

#bol_product{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_product.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_product_text{
	position:			absolute;
	width:				439px;
	height:				414px;
	top:				25px;
	z-index:			1;
}

#bol_product_text_concreet{
	position:			absolute;
	width:				439px;
	height:				414px;
	top:				25px;
	z-index:			2;
	visibility:			hidden;
}

#bol_product_text_concreet_opsomming{
	position:			absolute;
	width:				395px;
	height:				270px;
	top:				144px;
	left:				44px;
}

#bol_site{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_site.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_site_text{
	position:			absolute;
	width:				439px;
	height:				394px;
	top:				45px;
	z-index:			1;
}

#bol_site_text_concreet{
	position:			absolute;
	width:				439px;
	height:				394px;
	top:				45px;
	z-index:			2;
	visibility:			hidden;
}

#bol_site_text_concreet_opsomming{
	position:			absolute;
	width:				395px;
	height:				270px;
	top:				124px;
	left:				44px;
}

#bol_assistent{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_assistent.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_assistent_text{
	position:			absolute;
	width:				439px;
	height:				394px;
	top:				45px;
	z-index:			1;
}

#bol_assistent_text_concreet{
	position:			absolute;
	width:				439px;
	height:				394px;
	top:				45px;
	z-index:			2;
	visibility:			hidden;
}

#bol_assistent_text_concreet_opsomming{
	position:			absolute;
	width:				395px;
	height:				290px;
	top:				124px;
	left:				44px;
}

#bol_meer{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_meer.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_meer_text{
	position:			absolute;
	width:				439px;
	height:				434px;
	top:				5px;
	z-index:			1;
}

#bol_mail{
	position:			absolute;
	width:				439px;
	height:				439px;
	background-image:	url(../images/bol_mail.png);
	background-repeat:	no-repeat;
	top:				50px;
	left:				50%;
	margin-left:		-322px;
	z-index:			2;
}

#bol_mail_text{
	position:			absolute;
	width:				361px;
	height:				434px;
	padding-left:		39px;
	top:				5px;
	z-index:			1;
}

#bloem_1{
	position:			absolute;
	width:				343px;
	height:				430px;
	background-image:	url(../images/bloem_1.jpg);
	background-repeat:	no-repeat;
	top:				270px;
	left:				50%;
	margin-left:		132px;
	z-index:			1;
}

#bloem_2{
	position:			absolute;
	width:				372px;
	height:				430px;
	background-image:	url(../images/bloem_2.jpg);
	background-repeat:	no-repeat;
	top:				250px;
	left:				50%;
	margin-left:		103px;
	z-index:			1;
}

#bloem_3{
	position:			absolute;
	width:				300px;
	height:				385px;
	background-image:	url(../images/bloem_3.jpg);
	background-repeat:	no-repeat;
	top:				300px;
	left:				50%;
	margin-left:		175px;
	z-index:			2;
}

#bloem_4{
	position:			absolute;
	width:				252px;
	height:				567px;
	background-image:	url(../images/bloem_4.jpg);
	background-repeat:	no-repeat;
	top:				213px;
	left:				50%;
	margin-left:		223px;
	z-index:			2;
}

#bloem_5{
	position:			absolute;
	width:				340px;
	height:				454px;
	background-image:	url(../images/bloem_5.jpg);
	background-repeat:	no-repeat;
	top:				326px;
	left:				50%;
	margin-left:		135px;
	z-index:			2;
}

#bloem_6{
	position:			absolute;
	width:				312px;
	height:				426px;
	background-image:	url(../images/bloem_6.jpg);
	background-repeat:	no-repeat;
	top:				300px;
	left:				50%;
	margin-left:		163px;
	z-index:			2;
}

h1 {
	font-family: 		"Helvetica";
	font-size:			32px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#404040;
	text-align:			center;
}

h2	{
	font-family: 		"Helvetica";
	font-size:			18px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#404040;
	text-align:			center;
}

h3	{
	font-family: 		"Helvetica";
	font-size:			13px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#303030;
	text-align:			center;
	line-height:		16px;
}

h4	{
	font-family: 		"Helvetica";
	font-size:			32px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#FFF;
	text-align:			center;
	line-height:		36px;
}

h5	{
	font-family: 		"Helvetica";
	font-size:			12px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#404040;
	text-align:			center;
	line-height:		20px;
}

h6	{
	font-family: 		"Helvetica";
	font-size:			13px;
	font-weight:		bolder;
	font-style: 		normal;
	color: 				#404040;
	text-align:			left;
	line-height:		20px;
}