/*this css styles the total layout and structure*/

html, body{
	margin: 0;
	width: 	100%;
	height: 100%;
}

#image-wrapper, #image-wrapper .Background {
	width:	100%;
	height:	100%;
	z-index:-2;
	position:fixed;
}

#wrapper{
	width:		742px;
	margin: 	0 auto;
	position:	relative;
}

#logo{
	width:		732px;
	height:		153px;
	position:	relative;
	margin-left:10px;
	background:	url(../img/balkbg.png) repeat-x;
	top:		50px;
	z-index:	1;
}

#logo .logo{
	width:		331px;
	min-height:	208px;
	min-width:	331px;
	margin:		0 auto;
	top:		-70px !important;
	display:	block;
	position:	relative;
}

.zon{
	background: url(../img/zon-home.png);
	position:	absolute;
	width:		771px;
	height:		492px;
	top:		-100px;
	left:		-350px;
	pointer-events: none;
}

.actie-wrapper{
	background:	url(../img/bestel-freecards.png) no-repeat 0 -10px;
	width:		170px;
	height:		170px;
	position:	relative;
	z-index:	2;
	top:		-10px;
	left:		510px;
}

.actie-wrapper:hover{
	background:	url(../img/bestel-freecards.png) no-repeat 0 -180px;
}

#english .actie-wrapper {
	width:		170px;
	height:		170px;
	background:	url(../img/order-freecards.png) no-repeat 0 -10px;
}
#english .actie-wrapper:hover {
	background:	url(../img/order-freecards.png) no-repeat 0 -180px;
} 

#content_wrapper{
	background:	url("../img/content-home-bg.png") no-repeat scroll 0 0 transparent;
	height:		963px;
	padding-top:60px;
	position:	absolute;
	top:		0;
	width:		742px;
}

.home-content{
	margin-top:	145px;
	margin-left:20px;
	width:		710px;
	z-index:	1;
}
#lang {
	position:absolute;
	right:20px;
	z-index:9999;
	top:45px;
}