html {
	overflow: hidden;
	font-family: "Trebuchet MS", Helvetica;
	font-size: 12px;
	margin:0px;
	padding: 0px;
}

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

iframe {
	width: 100%;
	height: 100%;
	border: none;
border: 10px solid red;
}


.popupImg {
	border: none;
	background-color: #fde5f3;
}

.popuptext {
	background-color: #fde5f3;
}

a.popup {
	display: inline;
}
.pop,
a.popup .pop {
	display: none;
}


a {
	color: #b80202;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.popup {
	color: #FF4343;
}

a strong,
a b,
b a,
strong a {
	color: black;
	text-decoration: none;
}

a:hover strong,
a:hover b,
b a:hover,
strong a:hover {
	text-decoration: none;
} 


a.popup:hover {
	direction: ltr;			/* IE BUG!: http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp */
	text-decoration: none;	
}

a.popup:hover .pop {
	display: block;
	position: relative;
	top: -5px;
	padding: 5px;
	width: 450px;
	overflow: auto;
	height: 300px;
	background-color: #fde5f3;
	color: black;
	border: 1px solid black;
	text-decoration: none;	
	z-index: 999;
}


div.naartop {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #cecece;
	text-align: right;
}

div.naartop a {
	color: #cecece;
}

div.naartop a:hover {
	color: black;
}

/* ------------------- Header --------------------------- */

#siteHeader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 110px;
	background-color: #B43317;
	color: white;
}

#metaMenu {
	position: absolute;
	top: 10px;
	left: 250px;
	height: 20px;
	width: 500px;
	font-size: 13px;	
}

#siteTitle {
	position: absolute;
	top: 40px;
	left: 250px;
	width: 500px;
	font-size: 26px;
	line-height: 1em;
}

#logoPhoto {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 175px;
	height: 238px;
	background-image: url(/pics/logo_top_left.png); 
}

#sloLogo {
	position: absolute;
	top: 47px;
	left: 110px;
	width: 129px;
	height: 129px;
	background-image: url(/pics/slo_logo.png);
}

#searchPhoto {
	position: absolute;
	top: 16px;
	left: 733px;
	width: 186px;
	height: 187px;
	background-image: url(/pics/photo_top_right.png);	
	z-index: 99;
}

#metaMenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;

}

#metaMenu li {
	position: relative;
	display: block;
	float: left;
	margin-right: 17px;
}

#metaMenu li a {
	font-size: 13px;
	color: white;
	padding-right: 17px;
}

#crumbs {
	position: absolute;
	top: 113px;
	left: 250px;
	font-size: 0.9em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#crumbs li {
	display: block;
	float: left;
	padding-right: 2px;
}


/* ------------------- content area --------------------- */


#extrascrollbar {
	position: absolute;
	top: 50px;
	left: 496px;
	width: 200px;
	bottom: 0px;
	margin-top: 100px;
	z-index: 99;
}

#extrabar {
	position: absolute;
	top: 182px;
	left: 746px;

	width: 204px;
	bottom: 0px;
	margin-top: 100px;
	z-index: 99;
}


#scrollableArea {
	position: absolute;
	top: 130px;
	left: 250px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}

#scrollableFrontArea {
	position: absolute;
	top: 190px;
	left: 200px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}


#page {
	width: 450px;
	margin-bottom: 300px;
}


h2 {
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h2.part {
	color: #e39b8b;
}

h2.chapter {
	color: #b43317;
}

h3.searchheader {
	color: #b43317;
	margin-bottom: 0px;
}

h3.cluster {
	color: #b43317;
	margin-top: 20px;
	margin-bottom: 10px;
}	

#page ul {
	margin-top: 0px;
	padding-left: 20px;
	margin-left: 0px;
}

#page ol {
	margin-top: 0px;
	padding-left: 25px;
	margin-left: 0px;
}


#page ul li {
	margin-top: 0px;
	padding-left: 2px;
	margin-left: 0px;
	margin-bottom: 3px;
}


h3 {
	font-size: 1.3em;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3.list {
	font-size: 1em;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight: normal;
}


ul.bijlage {
	list-style: square;
	font-size: 9px;
}

ul.bijlage h4 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	
}

p { 
	margin-bottom: 0px;
}

/* ------------------- Form stuff ---------------------- */

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

form ul {
	list-style-type: none;
}

form ul li {
	margin-left: 0px;
	padding-left: 0px;
}

/* ------------------- Extra boxes ---------------------- */

.searcharea  {
	position: absolute;
	top: 110px;
	left: 746px;
	width: 196px;
	height: 55px;
	background-color: #fde5f3;
	border: 2px solid #B43317;
	border-top: none;	
	padding-top: 95px;
	z-index: 99;
}

.searcharea .boxContent {
	margin-left: auto;
	margin-right: auto;
	width: 166px;	
	text-align: left;
	font-size: 14px;
	color: #b43317;
}

#zoek {
	border: 1px solid #b43317;
 	width: 160px;
	height: 16px;
	padding: 2px;
	color: black;
}

.searcharea #zoekimg {
	position: absolute;
	top: 110px;
	left: 185px;
	border: none;	
}


.searcharea .zbl {
	position: relative;
	float: left;
	top: 2px;
	left: -2px;
	width: 15px;
	height: 15px;
	background-image: url(/pics/zbl.gif);
	background-repeat: no-repeat;
}

.searcharea .zbr {
	position: relative;
	float: right;
	right: -2px;
	top: 2px;
	width: 15px;
	height: 15px;
	background-image: url(/pics/zbr.gif);
	background-repeat: no-repeat;
}



.box .pollheader {
	position: absolute;
	top: 0px;
	width: 166px;
	padding: 2px;
	background-color: #B43317;
	color: white;

}

.poll {
	width: 200px;
	height: 216px; /* +30 */
	border: 2px solid #B43317;
	padding-top: 50px;
	margin-bottom: 30px;
}

.poll .header {
	position: absolute;
	background-image: url(/pics/poll_header.png);
	background-repeat: no-repeat;
	width: 204px;
	height: 44px;
	top: -2px;
	left: 0px;	
	padding-left: 10px;
	font-size: 24px;
	font-weight: bold;
	color: white;
	line-height: 48px;
}

.poll .footer {
	position: absolute;
	background-image: url(/pics/poll_footer.png);
	background-repeat: no-repeat;
	width: 204px;
	height: 19px;
	top: 260px;
	left: 0px;	
	color: white;
	padding-left: 10px;
}	

.poll .footer a {
	color: white;
}


.poll .boxContent {
	padding-left: 10px;
	padding-right: 10px;
	
}

.poll .boxContent ul {
	padding: 0px;
	margin: 0px;
	
	margin-top: 5px;
}


#pollscore {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

#pollscore td {
	border-bottom: 1px solid #B43317; 
}

.pollresult {
	width: 100%;
	border: 1px solid #B43317;
	margin-bottom: 20px;
}

#pollscore .selected,
.pollresult .selected {
	background-color: #fde5f3;
	height: 5px;
}



/* ------------------- Side menu ------------------------ */

#sideMenu {
	position: absolute;
	top: 110px;
	left: 0px;
	bottom: 0px;
	width: 175px;
	background-color: #E70086;
	color: white;
}

#fade {
	position: absolute;
	top: 54px;
	left: 0px;
	width: 175px;
	height: 95px;
	background-image: url(/pics/fade.png);
}


#menu {
	margin-top: 150px;
	margin-left: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #FFC8E6;
}

#menu li {
	display: block;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #FFC8E6;
	border-bottom: 1px solid #7D1E09;
	background-color: #B43317;
	color: #7D1E09;
	font-size: 14px;
	line-height: 26px;
	background-image: url(/pics/halfbol.gif);	
	background-repeat: no-repeat;
	background-position: 2px 16px;	
}

#menu li .grayedout,
#menu li .chapterselect { 
	background-color: #FDE5F3;
	color: #6B1C0B;
	padding-left: 30px;
	background-image: url(/pics/bol.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#menu li a,
#menu li a:visited {
	display: block;
	width: 145px;
	color: white;
	padding-left: 30px;
}

#menu li a:hover {
	background-color: #FDE5F3;
	color: #6B1C0B;
	text-decoration: none;
	background-image: url(/pics/halfbol-i.gif);	
	background-repeat: no-repeat;
	background-position: 2px 16px;	
}

#menu li ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	border-top: 1px solid #FFC8E6;	
}

#menu li ul li {
	background-color: #FDE5F3;
	color: #6B1C0B;
	background-image: none;
	border-bottom: none;
	border-top: none;
	font-size: 11px;
}

#menu li ul li a,
#menu li ul li a:visited {
	width: 170px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 3px;
	color: black;
	line-height: 16px;	
}

#menu li ul li a:hover {
	background-color: #db918b;
	color: white;
	background-image: none;
}

#menu li ul li .subselect {
	background-color: #db918b;
	color: white;
	background-image: none;
}


/* -------------------- Homepage -------------------------- */

#frontpage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 520px;
}

#photos {
	width: 520px;
	height: 167px;
	font-size: 24px;
	color: white;
	line-height: 45px;
	clear: both;
}

#photos .left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 244px;
	height: 44px;
	padding-top: 121px;
	padding-left: 16px;
	background-image: url(/pics/werkenaan.png);
	background-repeat: no-repeat;
}

#photos .right {
	position: absolute;
	left: 262px;
	top: 0px;
	width: 242px;
	height: 44px;
	padding-top: 121px;
	padding-left: 16px;
	background-image: url(/pics/omgaanmet.png);
	background-repeat: no-repeat;
}

#intro {
	width: 520px;
	height: 100px;
	color: white;
}

#intro .left {
	position: absolute;
	padding-left: 16px;
	top: 165px;
	left: 0px;
	width: 244px;
	height: 100px;
	background-color: #b43317;	
}

#intro .right {
	position: absolute;
	padding-left: 16px;
	top: 165px;
	left: 262px;	
	width: 242px;
	height: 100px;
	background-color: #c90f7b;
}

#index {
	height: 214px;
}

#index .left {
	position: absolute;
	padding-left: 0px;
	top: 265px;
	left: 0px;
	width: 258px;
	height: 215px;
	background-color: #E5B9B0;
	color: black;
	border-left: 2px solid #b43317;
}

#index .right {
	position: absolute;
	padding-left: 0px;
	top: 265px;
	left: 262px;
	width: 256px;
	height: 215px;
	background-color: #F7A8D6;
	color: black;
	border-right: 2px solid #c90f7b;
}

#footer {
	width: 520px;
	height: 15px;
}

#footer .left {
	position: absolute;
	top: 480px;
	left: 0px;
	width: 260px;
	height: 15px;
	background-color: #b43317;	
	background-image: url(/pics/fbl.gif);
	background-repeat: no-repeat;	
	background-position: 0px 2px;
}

#footer .right {
	position: absolute;
	top: 480px;
	left: 262px;
	width: 258px;
	height: 15px;
	background-color: #e70086;	
	background-image: url(/pics/fbr.gif);
	background-repeat: no-repeat;	
	background-position: 245px 2px
}

#index ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-top: 5px;	
}

#index ul img {
	margin-left: 5px;
	margin-right: 5px;
}

#systeminfo {
	margin-top: 20px;
	border-top: 1px solid black;
	font-size: 0.8em;
}

#systeminfo th {
	text-align: right;
}