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

/*
COLORS
bggrey #f1f1f1
*/


div{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
background-color:#f1f1f1;
background-image:url(../images/bg.body.jpg);
background-repeat:repeat-x;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
}

html{
overflow-y:scroll;
}

/*START - GENERAL CLASSES*/

.clearer, .clear{
clear:both;
float:none;
}

h1{
padding-bottom:15px;
color:#e60004;
font-size:12px;
}

h2{
padding-bottom:10px;
font-weight:bold;
color:#e60004;
}

h3{
padding-bottom:10px;
font-weight:bold;
color:#464646;
}

p{
padding-bottom:10px;
}

a:link, a:visited{
color:#666666;
text-decoration:none;
}

a:hover{
color:#666666;
text-decoration:underline;
}

ul{
margin:0px;
padding:0px;
}

ul li{
margin-left:25px;
}

ol{
margin:0px;
padding:0px;
}

ol li{
margin-left:25px;
}
/*END*/

#container{
margin:0 auto;
width:930px;
height:auto !important;
position:relative;
}

	#header{
	position:relative;
	height:315px;
	*z-index:1;
	}
		
		#social-logos{
		position:absolute;
		top:25px;
		right:40px;
		}
		
			#social-logos img{
			margin-right:5px;
			}		
	
		#hyves{
		position:absolute;
		top:25px;
		right:40px;		
		}
		
		#twitter{
		position:absolute;
		top:25px;
		right:15px;		
		}		

		#quicklinks{
		position:absolute;
		top:5px;
		right:15px;
		}
		
			#quicklinks ul li{
			float:left;
			list-style-type:none;
			margin:0 0 0 0;
			padding:3px;
			}
			
			#quicklinks ul li.last-jolas{
			background-image:url(../images/logo.jolas.small.jpg);
			background-repeat:no-repeat;
			padding-left:35px;
			}			
			
			#quicklinks ul li a{
			font-size:10px;
			}	
	
		#click{
		position:absolute;
		z-index:4;
		width:250px;
		height:289px;
		
		opacity: .01; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=1); /* IE lt 8 */
		-ms-filter: "alpha(opacity=01)"; /* IE 8 */
		-khtml-opacity: .01; /* Safari 1.x */
		-moz-opacity: .01; /* FF lt 1.5, Netscape */		
		}
	
		#navmain{
		position:absolute;
		top:98px;		
		left:265px;
		z-index:2;
		}
		
		#navmain ul{
		margin:0;
		padding:0;
		}
		
		#navmain ul li{
		float:left;
		margin-left:0px;
		list-style-type:none;
		text-align:center;
		
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		}
		
		#navmain ul li a{
		padding-top:8px;			
		background-image:url(../images/alt.bg.navmain.li.a.jpg);
		background-repeat:no-repeat;
		display:block;
		width:90px;
		height:27px;
		}
		
		#navmain ul li a:hover{		
		background-image:url(../images/alt.bg.navmain.li.a.hover.jpg);
		background-repeat:no-repeat;
		}		
		
		#navmain ul li#first a{		
		background-image:url(../images/alt.bg.navmain.li.a.first.jpg);
		background-repeat:no-repeat;
		display:block;
		width:102px;
		height:27px;
		}	
		
		#navmain ul li#first a:hover{		
		background-image:url(../images/alt.bg.navmain.li.a.first.hover.jpg);
		background-repeat:no-repeat;
		}
		
	#homeitems{
	position:absolute;
	top:153px;		
	left:265px;
	padding-left:20px;
	z-index:1;
	*z-index:0;
	}
	
		#homeitems img{
		margin:0 5px 0 5px;
		position:relative;
		}	
	
	#breadcrumb{
	height:30px;
	}
	
		.breadcrumbvak{
		float:left;
		}
	
		#breadcrumb a:link, #breadcrumb a:visited{
		margin:0 3px 0 3px;
		}	
		
		#breadcrumb a:hover{
		color:#e60004;
		}			
		
		#breadcrumb a#br-active{
		color:#e60004;
		}					
	
	#content{}
	
		#contentleft{
		padding-top:5px;			
		float:left;
		width:250px;
		}	
			
			.aanbieding{
			width:234px;
			padding-left:11px;
			height:140px;
			padding-top:40px;
			cursor:pointer;
			margin-bottom:6px;
			}
			
				.aanbieding h2{
				color:#6a6767;
				font-size:16px;
				margin-bottom:25px;
				}				
				
				.aanbieding p{
				width:213px;
				text-align:center;
				}
				
				.aanbieding b{
				color:#eb2822;
				}			
			
				.bedrijfsfitness{
				background-image:url(../images/leftitems/bedrijfsfitness.jpg);
				background-repeat:no-repeat;
				}	
				
				.free-class-pas{
				background-image:url(../images/leftitems/freeclasspas.jpg);
				background-repeat:no-repeat;
				}	
				
				.zomeractie{
				background-image:url(../images/leftitems/zomeractie.jpg);
				background-repeat:no-repeat;
				}	
				
				.bmi{
				background-image:url(../images/leftitems/bmi.jpg);
				background-repeat:no-repeat;
				}
				
				.yourhealthbox{
				background-image:url(../images/leftitems/yourhealthbox.jpg);
				background-repeat:no-repeat;
				}	
				
					.yourhealthbox b{
					color:#3d7337;
					}		
					
				.mediazo{
				background-image:url(../images/leftitems/mediazo.jpg);
				background-repeat:no-repeat;
				}	
				
					.mediazo b{
					color:#fdc240;
					}	
					
				.gihg{
				background-image:url(../images/leftitems/gihg.jpg);
				background-repeat:no-repeat;
				}	
				
					.gihg b{
					color:#3d7337;
					}
											
				.powerbalance{
				background-image:url(../images/leftitems/powerbalance.jpg);
				background-repeat:no-repeat;
				}	
					
				.xandras{
				background-image:url(../images/leftitems/xandras.jpg);
				background-repeat:no-repeat;
				}
				
					.xandras b{
					color:#725325;
					}								
				
				.nieuws{
				background-image:url(../images/leftitems/nieuws.jpg);
				background-repeat:no-repeat;					
				}
				
					.nieuws h2{
					margin-bottom:15px;
					}
					
					.nieuws a{
					display:block;
					width:213px;
					height:15px;
					overflow:hidden;
					
					margin-bottom:5px;
					}	
					
				.poll{
				background-image:url(../images/leftitems/poll.jpg);
				background-repeat:no-repeat;					
				}
				
					.poll h2{
					margin-bottom:12px;
					}
					
					.poll p{
					text-align:left;
					padding-bottom:2px;
					margin-bottom:2px;
					}					

		#contentleft #navsub ul{
		background-color:#FFFFFF;
		width:220px;
		padding:5px;
		margin-top:10px;
		}	
		
		#contentleft #navsub ul li{
		line-height:20px;
		list-style-type:none;
		padding-left:10px;
		margin-left:0px;			
		background-image:url(../images/bg.contentleft.li.jpg);
		background-repeat:no-repeat;		
		}
				
		#contentright{
		float:left;	
		padding:8px 5px 5px 5px;	
		}

			#newsimage{
			float:left;
			padding:5px 8px 5px 0;
			}

			#newsimage img{
			width:145px;
			border:1px solid #bdbdbd;
			}
			
			#socialnetwork{
			border-top:1px solid #bdbdbd;
			border-bottom:1px solid #bdbdbd;
			width:100%;
			margin:5px 0 20px 0;
			padding-left:5px;
			background-color:#f5f5f5;
			}
			
			#socialnetwork img{
			margin:5px 10px 5px 10px;
			height:16px;
			}
			
			.newsarticle{
			cursor:pointer;
			border-bottom:1px solid #bdbdbd;
			margin-top:10px;
			}
			
			#news #printicon{
			position:absolute;
			top:10px;
			right:10px;
			}
			
			#news ul.newszobrowse{margin:5px 0 0 0; padding-bottom:10px;}
			
			#news ul.newszobrowse li{float:left; margin:0 5px 0 0;}
			
			#news ul.newszobrowse li{list-style-type:none;}
			
			#news ul.newszobrowse li a.numbers{background-color:#f2f2f2; color:#3f3f3f; padding:5px 8px 5px 8px; display:inline-block;}
			
			#news ul.newszobrowse li a.active{background-color:#e60003; color:#f2f2f2; padding:5px 8px 5px 8px; display:inline-block;}						
			
			.contentvak{
			position:relative;
			width:660px;
			}
				
				.topheading{
				padding-left:15px;
				}
			
				.contentvakAlt{
				position:relative;
				width:660px;					
				margin-bottom:25px;
				}
			
				.contenttop{
				height:9px;
				background-image:url(../images/bg.contenttop.jpg);
				background-repeat:no-repeat;
				}
				
				.contentmiddle{
				_margin-top:-6px;
				
				background-image:url(../images/bg.contentmiddle.jpg);
				background-repeat:repeat-y;
				padding:0 15px 0 15px;
				}
				
					.contentmiddle h1, .contentmiddle h2, .contentmiddle p{
					_position:relative;
					padding-bottom:24px;
					}
					
					.contentmiddle p{
					line-height:22px;
					}
					
					.contentmiddle table p{
					padding:0;
					line-height:22px;
					}
					
					.contentmiddle ul{
					margin:0 0 10px 0;
					}					
					
						.contentmiddle ul li{
						list-style-type:disc;
						margin-left:25px;
						line-height:22px;						
						}										
					
					.contentmiddle ol{
					margin:0 0 10px 17px;
					}	
					
					.contentmiddle a{
					color:#e60004;
					}
					
					#bmi-scan{
					background-image:url(../images/bmi/bg-bmi.jpg);
					background-repeat:no-repeat;
					padding:13px 0 20px 215px;
					position:relative;
					margin:0 auto;					
					width:250px;
					}
						
						#bereken-pointer{
						cursor:pointer;
						}
						
						#bmi-notgood{
						display:none;
						}
				
				.contentbottom{
				height:9px;
				background-image:url(../images/bg.contentbottom.jpg);
				background-repeat:no-repeat;
				margin-bottom:10px;
				}
		
			.link{
			text-align:right;
			}	
			
			.linkbutton{
			position:absolute;
			bottom:8px;
			left:212px;
			}				
			
			.inputfieldsmall{
			width:280px;
			margin-left:10px;
			border:1px solid #FFFFFF;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000000;			
			}		
			
			#newsletter{
			margin-bottom:20px;
			padding:10px 0 0 15px;
			width:315px;
			height:105px;
			background-image:url(../images/bg.newsletter.jpg);
			background-repeat:no-repeat;		
			float:left;
			position:relative;
			}
				
				#newsletter h2{
				color:#FFFFFF;
				font-weight:bold;				
				}
			
				#newsletter p{
				margin-left:10px;					
				color:#FFFFFF;
				font-size:11px;				
				}	
				
			#homeactie{
			margin-bottom:20px;
			padding:10px 0 0 15px;
			width:315px;
			height:105px;
			background-image:url(../images/bg.homeactie.jpg);
			background-repeat:no-repeat;
			float:left;
			position:relative;			
			}
			
				#homeactie h2{
				color:#FFFFFF;
				font-weight:bold;
				}			
			
				#homeactie p{
				margin-left:10px;
				color:#FFFFFF;
				font-size:11px;				
				}					
	
	#footer{
	
	color:#bdbdbd;
	font-size:11px;
	position:relative;
	padding-top:5px;
	}
		
		#footer a{
		color:#bdbdbd;
		}
	
		#footer ul{
		}		
		
		#footer ul li{
		margin-left:5px;
		padding-right:5px;
		float:left;
		list-style-type:none;
		border-right:1px solid #bdbdbd;
		}				
	
			#footer ul li.last{
			border-right:none;
			}				
		
		#mediazo{
		padding-top:5px;			
		position:absolute;
		top:0px;
		right:0px;
		}	
		
	#sitemap{
	margin:5px 0 5px 0;
	padding:10px 0 10px 15px;
	background-color:#f1f1f1;
		
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	}
	
	#sitemap-text{
	margin:5px 0 5px 0;
	padding:10px 0 10px 15px;		
	border-bottom:1px solid #dddddd;
	}	
	
		#sitemap a:link, #sitemap a:visited{
		font-size:11px;
		}	
		
		#sitemap a:hover{
		font-size:11px;
		}
		
		#sitemap .sitemapul{
		float:left;
		width:180px;
		}		
		
			#sitemap .sitemapul ul{
			margin-left:10px;
			}		
			
			#sitemap .sitemapul ul li{
			list-style-type:none;
			padding-left:10px;
			margin-left:0px;			
			background-image:url(../images/bg.sitemapul.li.jpg);
			background-repeat:no-repeat;
			}
			
.error{
background-color:#bdbdbd;
border-left:2px solid #FFFFFF;
}