/* ALGEMEEN VOOR HELE PAGINA ------------------------------------------------------------------- */
body{
	text-align:			center;
	margin:			5px;
	font-family:		arial;
	font-size:			11px;
}
img{
	border:			0px;
}
a{
	text-decoration:		none;
}
div.container{
	width:			838px;
	margin-left:		auto;
	margin-right:		auto;
	border:			1px solid #FFF;
	text-align:			left;
	position:			relative;
}

/* ALGEMEEN VOOR IEDER BLOK ------------------------------------------------------------------- */
.keuzeblok{
	width:			250px;
}
.header{
	height:			22px;
	width:			100%;
}
.headerpoep{
	height:			10px;	
}
.visual{
	margin-top:			5px;
	margin-bottom:		1px;
}
.clickable{
	cursor:			pointer;
}
.button{
	height:			55px;
	width:			100%;
	color:			#FFF;
	font-family:		arial black;
	font-size:			24px;
	position:			relative;
}
.button span{
	position:			absolute;
	top:				10px;
	left:				15px;
}
.arrow, .arrowactive{
	position:			absolute;
	top:				16px;
	left:				222px;
	width:			18px;
	height:			20px;
	background-repeat:	no-repeat;
}
.quicklinks{
	background-color:		#e7e7e7;
	height:			122px;
	width:			100%;
}
.quicklinks h1{
	font-size:			12px;
	font-weight:		bold;
	margin:			0px;
	position:			relative;
	top:				10px;
	left:				15px;
}
ul{
	list-style-image: 	url('/templates/beginpagina/images/bullet.gif');
	margin-top:			10px;
}
.incontent{
	margin-top:			0px;
	padding-top:		0px;
	list-style-image: 	url('/templates/algemeen/images/bullet.gif');
}

/* SPECIFIEK PER BLOK -------------------------------------------------------------------------------- */
/* STUDENTEN ----------------------------------------------------------------------------------------- */
.studenten{
	position:			absolute;
	left:				0px;
}
.studenten .header{
	background-color:		#d0dd39;
}
.studenten .button{
	background-color:		#d0dd39;
}
.studenten .button .arrow{
	background-image:		url("/templates/beginpagina/images/arrow_studenten_unselected.gif");
}
.studenten a{
	color:			#8b9626;
}


/* BEDRIJVEN ----------------------------------------------------------------------------------------- */
.bedrijven{
	position:			absolute;
	left:				296px;
}
.bedrijven .header{
	background-color:		#3c1580;
}
.bedrijven .button{
	background-color:		#3c1580;
}
.bedrijven .button .arrow{
	background-image:		url("/templates/beginpagina/images/arrow_bedrijven_unselected.gif");
}
.bedrijven a{
	color:			#3c1580;
}


/* OVERWORKON ----------------------------------------------------------------------------------------- */
.overworkon{
	position:			absolute;
	left:				588px;
}
.overworkon .header{
	background-color:		#000;
}
.overworkon .button{
	background-color:		#999;
}
.overworkon .button .arrow{
	background-image:		url("/templates/beginpagina/images/arrow_overworkon_unselected.gif");
}
.overworkon a{
	color:			#999;
}
.logos{
	position:			relative;
	left:				50px;
	top:				20px;
}