@charset "utf-8";
/* CSS Document */



#footer {
	bottom: 0;
	width: 100%;
	background-color: #67b2b4;
	height: 539px;
	margin: 0 auto 0;
	background: url(../images/foota.jpg) repeat-x;
    border-bottom: #479395 22px solid;
}
#holder-footer{
	margin: 0 auto;
	width: 980px;
	height: 562px;
	background: url(../images/foot-info.png) no-repeat right top;
}


/*------------------------------------------------------- naar boven link   --------------------------------------------------------*/
#go-up{
	float: left;
	position: relative;
	width: 135px;
	height: 29px;
	margin: 6px 0 0 87px;
}

/*------------------------------------------------------- footer inhoud  -----------------------------------------------------------*/
#l1{
	float: left;
	position: relative;
	width: 185px;
	height: 45px;
	margin: 3px 0 0 0;
}
.v1-intro{
	position: relative;
	width: 146px;
	height: 19px;
	top:2px;
	left: 0px;
	cursor: default;
}
.v1-intro a {
	cursor: default;
	border-bottom: 0;
}
.v1-intro:hover {
    border-bottom: 0;	
}
.v1{
	position: relative;
	width: 185px;
	height: 20px;
	top:5px;
	left: 0px;
}

#l2{
	float: left;
	position: relative;
	width: 275px;
	height: 45px;
	margin: 3px 0 0 36px;
}
.v2-intro{
	position: relative;
	width: 113px;
	height: 19px;
	top:2px;
	left: 0px;
	cursor: default;
}
.v2-intro a {
	cursor: default;
	border-bottom: 0;
}
.v2-intro:hover {
    border-bottom: 0;	
}
.v2{
	position: relative;
	width: 274px;
	height: 20px;
	top:5px;
}

#l4{
	float: left;
	position: relative;
	width: 54px;
	height: 31px;
	margin: 10px 0 0 79px;
	cursor: default;
}
#l4 a {
	cursor: default;
	border-bottom: 0;
}
#l4:hover {
    border-bottom: 0;	
}
#l5{
	float: left;
	position: relative;
	width: 115px;
	height: 34px;
	margin: 6px 0 30px 12px;
}
#l6 {
	float: left;
	position: relative;
	width: 978px;
	height: 405px;
	margin: 12px 0 0 0;
}
.v3-intro {
	position: relative;
	width: 69px;
	height: 19px;
	top:2px;
	left: 2px;
}
.v3 {
	position: relative;
	width: 178px;
	height: 35px;
	top:5px;
	left: 0px;
}


/*------------------------------------------------------- slide panel  -----------------------------------------------------------*/
#rsl {
	position: absolute;
	top: 35px;
	width: 189px;
	height: 156px;
	left: 0px;
}
#ebl {
	position: absolute;
	top: 35px;
	width: 189px;
	height: 156px;
	left: 253px;
}
#tas {
	position: absolute;
	top: 35px;
	width: 189px;
	height: 156px;
	left: 506px;
}
#bcm {
	position: absolute;
	top: 35px;
	width: 189px;
	height: 156px;
	left: 759px;
}
#lwear {
	position: absolute;
	top: 235px;
	width: 189px;
	height: 156px;
	left: 0px;
}
#trose {
	position: absolute;
	top: 235px;
	width: 189px;
	height: 156px;
	left: 253px;
}
#s1 {
	position: absolute;
	top: 235px;
	width: 189px;
	height: 156px;
	left: 506px;
}
#s2 {
	position: absolute;
	top: 235px;
	width: 189px;
	height: 156px;
	left: 759px;
}
.boxgrid {
	width: 193px;
	height: 140px;
	border: solid 13px #8bcfd1;
	float: left;
	background: #619996;
	overflow: hidden;
	position: relative;
	padding:0;
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
	padding:0; 
	margin:0;
}
.boxgrid p { 
	padding: 10px 11px; 
}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
}
.captionfull .boxcaption {
 	top: 260px;
 	left: 0;
}
.caption .boxcaption {
 	top: 220px;
 	left: 0;
}
#l7 {
	float: left;
	position: relative;
	width: 138px;
	height: 15px;
	margin: 56px 0 0 0;
	color: #479395;
	font-size:10px;
}
#l7 a {
    text-decoration:none;
	border-bottom: 0;
	color: #479395;
}
#l7:hover {
    text-decoration:none;
	border-bottom: 0;
	color: #479395;
}
#l8 {
	float: right;
	position: relative;
	width: 187px;
	height: 15px;
	margin: 56px 0 0 0;
	font-size:10px;
}

