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

/*
letterrood: 	#f2421f
letterblauw: 	#9999ed
lettergeel: 	#f8e406

kleinletterrood:				#fb4202
kleinletterblauwdonker:		#302a5f
kleinletterpaars:				#8080ad

voetsier: 		#acacfa
*/

body {
	font-family:	Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

/* div {background-color:#006666;}
div div {background-color:#003333;}
div div div {background-color:#001111;} */

/* ----.wrapper
*/
.wrapper {
	width:			800px;
	min-height:		800px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	/*padding:10px;*/
	margin-left:auto;
	margin-right:auto;
	z-index:15;
	position:relative;
}

.wrapper .kadertje {
	overflow: hidden;
	font-size: 12px;
	width: 250px;
	border: 1px solid black;
	padding: 10px;
}
.wrapper .kadertje  .headertje {
	font-size: 14px;
	color: #8ea2f1;
}

/* ----head
*/
.head {
	height:	160px;
	width:	800px;
	background-image:url(header3.gif);
	background-repeat:no-repeat;
	border-bottom: 1px solid #dddddd;
	z-index:20;
}



/* ----menu
*/
.menu {
	position:		relative;
	left:				0px;
	width:			170px; /* 190px */
	float:			right;
	margin-bottom:	10px;
	/* border:1px solid #CEceCE; */
	padding-left:	10px;
	padding-top:	10px;
	z-index:40;
}

.menu a {
	text-decoration:	none;
	color:				#000000;
	font-size:			12px;
}

.menu a:link		{}
.menu a:visited		{}
.menu a:hover		{ text-decoration:underline;}
.menu a:active		{}

.menuItem {
	height:			21px;
	color:			#000000;
}
.menuItem:first-letter {color:#9e0000;  font-size:12px; font-weight:bold;}

.menuItemSel {
	color:			#ffff00;
	height:			21px;
}
.menuItemSel:first-letter {color:#4a7ebc; font-size:12px; font-weight:bold; }

/* ----content
*/
.content {
	position:		relative;
	right:			0px;
/*swidth:			585px;*/
	width:			610px;
}

.volgeboekt {
	border: 1px solid red;
}
.volgeboekt h3 {
	color: red;
}

.content h1 {
	font-size:		18px;
}
.content h2 {
	font-size:		16px;
}
.content h3 {
	font-size:		14px;
}
.content p {
	font-size:		12px;
}
.content table {
	font-size:		12px;
}
.content .cell {
	padding-right:	11px;
}
.content img {
	padding-left: 20px;
	float:right;
}


/* ----foot
*/
.foot {
	background: url(../img/footer2.gif) repeat-x;
	width: 100%;
	height: 400px;
	z-index:-1;
	position:fixed;
	bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

/* ---- picture header (previous/(# out of)/next)
*/
.picheader a {
	text-decoration: none;
	color: #000000;
	font-size:13px;
	font-weight:bold;
}
.picheader A:link {
	text-decoration: none
}
.picheader A:visited{
	text-decoration:none
}
.picheader A:active{
	text-decoration:none
}
.picheader a:hover{
	text-decoration:none;
	color: #2020aa;
}