body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font: normal normal normal 11px Helvetica, Arial, sans-serif;
	cursor: default;
}
.hand {
	cursor: hand;
	cursor: pointer;
}
a:link, a:visited, a:hover {
	color:#000;
	text-decoration:underline;
}
#taalwissel a:link, #taalwissel a:visited, #taalwissel a:hover {
	color:#AAAAAA;
}
#centreren {
	position:absolute;
	top:50%;
	left:50%;
	height:554px;
	width:960px;
	margin-left:-480px;
	margin-top:-272px;
}
#hoofd {
	position:relative;
	width:960px;
	height:22px;
}
#midden {
	position:relative;
	width:960px;
	height:454px;
	margin:30px 0;
}
#inhoudlinks {
	position:absolute;
	left:0px;
	top:0px;
	width:460px;
}
#inhoudrechts {
	position:absolute;
	right:0px;
	top:0px;
	width:460px;
}
#voet {
	position:relative;
	width:960px;
	height:10px;
	line-height:12px;
	background-color:#DDD;
}
#voetlinks {
	position:relative;
	float:left;
	background-color:#FFF;
	padding-right:3px;
}
#voetrechts {
	position:relative;
	float:right;
	background-color:#FFF;
	padding-left:3px;
}
img {
	border:0;
	margin:0;
	padding:0;
	margin-bottom:-3px;
}

/*hoofd*/
#logo {
	position:relative;
	float:left;
	font-weight:bold;
	height:22px;
	width:193px;
	font-size:0;
	line-height:0;
	cursor: pointer;
	cursor: hand;
}
#hoofdtekst {
	position:absolute;
	right:0px;
	top:0px;
	height:22px;
	line-height:12px;
	margin-left:34px;
	text-align:justify;
	width:733px;
}

/*inhoud*/
#fotokader {
	background-color:#FFF;
	height:218px;
	position:relative;
	width:460px;
	overflow:hidden;
}
.fotokaderdiv {
	position:relative;
	width:460px;
	height:218px;
}
#uitleg {
	margin-top:33px;
	position:relative;
	width:220px
}
#titel {
	position:relative;
	font-size:18px;
	font-weight:normal;
	position:relative;
	text-transform:capitalize;
}
#titellinks {
	position:relative;
	font-size:18px;
	font-weight:normal;
	position:relative;
	height:20px;
	overflow:hidden;
}
.subtitel {
	
}
#ondertitel {
	position:relative;
	color:#999999;
	font-size:18px;
	height:18px;
}
#lijn {
	border-bottom:1px solid #999999;
	font-size:1px;
	line-height:1px;
	margin:28px 0 20px 0;
	position:relative;
}
#projecten {
	height:300px;
	position:relative;
	width:490px;
}
.project {
	float:left;
	height:113px;
	margin-right:30px;
	position:relative;
	width:68px;
}
.cirkel {
	width:68px;
	height:68px;
}
.cirkelrechts {
	position:relative;
	margin-top:10px;
	cursor: pointer;}
.cirkellaag {
	position:absolute;
	z-index:20;
}
.cirkelgezicht {
	position:absolute;
	z-index:10;
	width:68px;
	height:68px;
}
.cirkelmask {
	position:absolute;
	z-index:20;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasjemask2.png');
}
.cirkelmaskover {
	position:absolute;
	z-index:15;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasjemaskover.png');
}
.cirkelachtergrond {
	position:absolute;
	visibility:hidden;
	z-index:0;
}
.projectnaam {
	margin-top:3px;
	position:relative;
	text-align:center;
	width:68px;
	height:25px;
}
#info {
	line-height:14px;
	margin-top:16px;
	position:relative;
	width:224px;
}
#tekst {
	position:absolute;
	top:0;
	left:230px;
	color:#999999;
	line-height:14px;
	width:230px;
	height:202px;
	::-moz-selection,
	::selection {
		color: #0F0;
		background: #F00;
	}
}

/*SCROLLER*/

.scrollbox {
	overflow: hidden;
}
.scrollbalk {
	border:1px solid #DDD;
	background-color:#DDD;
	position:absolute;
	right:0;
	top:0;
	width:6px;
	z-index:103;
}
.scroller {
	position: relative;
	width: 6px;
	height: 1px;
	border:1px solid #EEE;
	background-color: #EEE;
	margin-left:-1px;
	margin-top:-1px;
}
.inhoudkader {
	position: relative;
}
.nietselecteren {
	-moz-user-select: none;
	cursor: default;
}
.tekst_inhoud {
	width:214px;
}
.fotokader_inhoud {
	width:460px;
}
.fotokader_balk {
	border: 1px solid #000;
	background-color: #000;
	width: 6px;
}
.fotokader_scroller {
	border: 1px solid #FFF;
	background-color: #FFF;
	width: 6px;
	margin-top:-1px;
	margin-left:-1px;
}
.kleinefotoonderschrift {
	position:absolute;
	bottom:10px;
	left:10px;
	padding:4px 4px 1px 4px;
	background-color: #FFF;
	color:#000;
	font-size: 11px;
	visibility: hidden;
}
.grotefoto_balk {
	border: 1px solid #000;
	background-color: #000;
	width: 6px;
}
.grotefoto_scroller {
	border: 1px solid #FFF;
	background-color: #FFF;
	width: 6px;
	margin-top:-1px;
	margin-left:-1px;
}
#grotefoto {
	position:absolute;
	z-index:110;
	top:52px;
	height:454px;
}
.grotefotodiv {
	position:relative;
	width:960px;
	height:454px;
}
.grotefotoonderschrift {
	position:absolute;
	bottom:10px;
	left:10px;
	padding:3px 4px 1px 4px;
	background-color: #FFF;
	color:#000;
	font-size: 11px;
	visibility: hidden;
}

/*CIRKELS*/

.cirkelfase1 {
	position:absolute;
	z-index:1;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje1.png');
}
.cirkelfase2 {
	position:absolute;
	z-index:2;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje2.png');
}
.cirkelfase3 {
	position:absolute;
	z-index:3;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje3.png');
}
.cirkelfase4 {
	position:absolute;
	z-index:4;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje4.png');
}
.cirkelfase5 {
	position:absolute;
	z-index:5;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje5.png');
}
.cirkelfase6 {
	position:absolute;
	z-index:6;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje6.png');
}
.cirkelfase7 {
	position:absolute;
	z-index:7;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje7.png');
}
.cirkelfase8 {
	position:absolute;
	z-index:8;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje8.png');
}
.cirkelfase9 {
	position:absolute;
	z-index:9;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje9.png');
}
.cirkelfase10 {
	position:absolute;
	z-index:10;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje10.png');
}
.cirkelfase11 {
	position:absolute;
	z-index:11;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje11.png');
}
.cirkelfase12 {
	position:absolute;
	z-index:12;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje12.png');
}
.cirkelfase13 {
	position:absolute;
	z-index:0;
	width:68px;
	height:68px;
	background-image: url('../afbeeldingen/kaasje13.png');
}
#taalwissel {
	bottom:0;
	color:#AAAAAA;
	font-family:Helvetica,Arial,sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:17px;
	line-height:normal;
	position:absolute;
	right:0;
}
#taalwissel a {
	text-decoration:none;
}
#rangschikken {
	left:2px;
	position:relative;
	top:1px;
	margin:0px;
}

/*js css*/
.zichtbaar {
	visibility: visible;
}