/* Wat basisinstellingen als lettertype en kleuren */

body{

	font-family: helvetica, verdana, trebuchtet ms, sans-serif;

	font-size: small;

	background-color: #fff;

	padding: 0px;

	margin: 0px;

}



/* Even de margin en padding van h1, h2, h3 en h4 goed zetten */

h1 h2 h3 h4{

	padding: 0px;

	margin: 0px;

}



/* Image borders een beetje bijwerken */

img{

	border: 0px

}



th {

	align: left;

}



/* Wat hyperlink stijlen */

a.menuLink{

	text-decoration: none;

	color: #666;

}



a.menuLink:visited{

	color: #666;

}



a.menuLink:hover{

	text-decoration: underline;

	color: blue;

}



a.blankLink{

	text-decoration: none;

	color: black;

}



a.blankLink:hover{

	text-decoration: underline;

	color: blue;

}



.italic{

	font-style: italic;

}



/* Div elementen gebruikt voor pagina layout */



/* Pagina container, bepaalt grootte van het grijsvlak en geeft bg-image weer */

div#container{

	position: relative;

	top: 10px;

	left: 5px;

	width: 740px;

	margin-bottom: 20px;

	background-color: #c1cacf;

	background-image: url('../images/layout/background.png');

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left top;

}



/* Witblok linksbovenin, wat aansluit op de verticale titelbalk */

div#witblok{

	position: relative;

	top: 0px;

	left: 0px;

	height: 25px;

	width: 46px;

	background-color: #fff;

}



/* Verticale titelbalk */

div#ma-opleiding{

	position: relative;

	top: 0px;

	left: 11px;

	width: 57px;

	height: 310px;

	background-image: url('../images/layout/ma-opleiding.png');

	background-attachment: scroll;

	background-repeat: no-repeat;

}



/* Positioneringselement voor de titel, verdere specificatie verderop bij 'h1' */

div#titel{

	position: absolute;

	top: 50px;

	left: 230px;

}



/* Div block voor de ondertitel */

div#ondertitel{

	position: absolute;

	top: 110px;

	left: 200px;

}



/* selector voor het eerste gedeeelte van de ondertitel */

span#ondertitel1{

	position: relative;

	top: 0px;

}



/* selector voor het tweede deel van de ondertitel*/

span#ondertitel2{

	position: relative;

	bottom: 0px;

	left: 20px;	

}

div#ru_logo{
	position: absolute;
	top: 110px;
	width: 300px;
	height: 50px;
	left: 523px;
	background-position: top left;
	background-image: url('../images/layout/ru_logo.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
}

div#uu_logo{
	position: absolute;
	top: 280px;
	width: 300px;
	height: 50px;
	left: 520px;
	background-position: top left;
	background-image: url('../images/layout/uu_logo.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
}

div#vu_logo{
	position: absolute;
	top: 325px;
	width: 300px;
	height: 85px;
	left: 400px;
	background-position: top left;
	background-image: url('../images/layout/vu_logo.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
}


/* Omsluitend frame voor het navigatie gedeelte */

div#menu{

	position: absolute;

	left: 160px;

	top: 200px;

	padding-left: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #000;

}



/* Eerste blokje, linksonder */

div#quote{

	position: absolute;

	top: 360px;

	left: 40px;

	width: 35px;

	height: 35px;

	background-color: #963;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

}



/* Tweede blokje, linksonder */

div#links{

	position: absolute;

	top: 360px;

	left: 80px;

	width: 35px;

	height: 35px;

	background-color: #600;


	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

}



/* Derde blokje, linksonder */

div#info{

	position: absolute;

	top: 360px;

	left: 120px;

	width: 35px;

	height: 35px;

	background-color: #663;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

}



/* Lijst met navigatie elementen */

ul#navigation{

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

		

	padding-left: 5px;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;	

	
	background-image: url('../images/layout/peach.png');

	background-attachment: scroll;

	background-repeat: repeat;

	background-position: top left;

	

	list-style-position: inside;

	list-style-type: disc;

	

	font-weight: bold;

	color: #666;

}



div#layout{

	position: relative;

	top: 0px;

	height: 400px;

}



/* Selector voor de pagina inhoud */

div#content{

	padding-left: 40px;

	padding-right: 100px;

	padding-bottom: 20px;

	position: relative;

}

table#rooster td{
	vertical-align: top;
	padding-right: 5px;
	text-align: left;
}

table#rooster th{
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
}

dl#cursusoverzicht dt{
	margin-bottom: 2px;
}

dl#cursusoverzicht dd{
	margin-bottom: 7px;
}