html {height: 100%; margin-bottom: 1px; }

body {
	background: #FFF;
	margin: 0; padding: 0;
	font-size: 100%;
}

#page { // Horizontale position
	padding: 0px;
}

#pageContainer {
	text-align: left;
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	lettsser-spacing: -1px;
	line-height: 18px;
	color: #000;
}



/*-------- General styles -----------*/
H1 {font: normal 1.4em Arial, Helvetica, sans-serif; color: #464646; margin: 0px 0px 5px 0px;}
H2 {font: bold 1.4em "ITC Franklin Gothic", Calibri, "Arial Narrow", Helvetica, sans-serif; color: #000; margin: 0px 0px 3px 0px;}
H3 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #4e4e4e; margin: 0px;}
H4 {font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px;}
H5 {font: bold 11px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}
H6 {font: italic bold 12px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}
P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
hr {
	height:2px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color:#ededed;
	background-color:#ededed;
	border:0px;
}
hr.rulerSpace {
	height: 1px; display:block; border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 5px 0px 0px 0px;
}
a {color: #4e4e4e;}
.bold {font-weight: bold;}
.white {color: #FFF;}
.whitespace {margin: 8px 9px;}
.date {font-size: 10px;}

TD {vertical-align:top;}


/*---------- PAGE ELEMENTS ----------------*/

.header,
.headerMenu,
.flagIcons,
.zoekContainer,
.zoekBox,
.topMenuBar,
.leftMenuBar,
.topMenuText, 
.buttonWebwinkel,
.topMenuIcons, 
.headerVisual,
.mainMenuBar,
.footer {display: none}

.colRight {width: 1px; display: none;}
.colRight div {display: none;}

.headerPrint {display: block; height: 60px;}

.contentWrapper { background: #FFF; }

.content {float: left; }
.breadcrumb {position: relative; height:50px; padding-top: 7px; padding-left: 10px; color: #727272; font-size: 10px;}

.colLeft {float: left;}

/*----------*/
.greenTitle, 
.blueTitle,
.brownTitle,
.redTitle,
.beigeTitle,
.purpleTitle  {display: block; padding: 0px 0px 0px 5px; height: 23px;}

.greenTitle,
.blueTitle,
.brownTitle,
.redTitle,
.beigeTitle,
.purpleTitle {background-color: #fff;}

.greenContainer,
.blueContainer,
.brownContainer,
.redContainer,
.beigeContainer,
.purpleContainer {width: 140px; background: #fff; padding: 5px; overflow: hidden;}

.brownBorders .bannerTitle {display: block; padding: 0px 0px 0px 5px; height: 23px; background-color: #d26500;}
.purpleBorders .bannerTitle {display: block; padding: 0px 0px 0px 5px; height: 23px; background-color: #cb78c0;}

/*----------------- OPMAAK TABLES AND BORDERS  --------------------------*/
.vervolgContentBlock {margin-left: 6px; margin-bottom: 6px; background: #fff;} /* border en kleur in ext. stylesheet */

.opmaakTable {margin-bottom: 15px; margin-left:6px;}
.opmaaaakTableSpacer {width:6px; font-size: 5px;}
.opmaaaakTableColWidth140 {width: 140px; background: white; vertical-align:top;}
.opmaaaakTableColWidth146 {width: 146px; background: white; vertical-align:top;}
.opmaaaakTableColWidth296 {width: 296px; background: white; vertical-align:top;}
.opmaaaakTableColWidth302 {width: 302px; background: white; vertical-align:top;}
.opmaaaakTableColWidth452 {width: 452px; background: white; vertical-align:top;}
.opmaaaakTableColWidth458 {width: 458px; background: white; vertical-align:top;}
.opmaaaakTableColWidth608 {width: 608px; background: white; vertical-align:top;}


.greenBorders {border: 2px solid #b3d66f;}
.blueBorders {border: 2px solid #7ad3f7;}
.brownBorders {border: 2px solid #d26500;}
.redBorders {border: 2px solid #e0502c;}
.beigeBorders {border: 2px solid #dcc68d;}
.purpleBorders {border: 2px solid #cb78c0;}

.greenBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.blueBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.brownBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.redBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.beigeBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.purpleBorders .vervolgTitle  {background-color: #fff; display: block; padding: 0px 0px 0px 5px; height: 23px;}  

.greenBorders hr {
	height:2px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color:#b3d66f;
	background-color: #b3d66f;
	border:0px;
}

.redBorders hr {
	height:2px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color:#e0502c;
	background-color: #e0502c;
	border:0px;
}

/*------------------ LINK ICONS ---------------*/
.linkIcon {display:block; padding-left: 20px;}
.linkDefault {display:block; }
.linkAlcohol {display:block; background: url('../images/link_icons/alcohol.gif') no-repeat; padding-left: 20px;}
.linkTabak {display:block; background: url('../images/link_icons/tabak.gif') no-repeat; padding-left: 20px; }
.linkCannabis {display:block; background: url('../images/link_icons/cannabis.gif') no-repeat; padding-left: 20px; }
.linkXTC {display:block; background: url('../images/link_icons/xtc.gif') no-repeat; padding-left: 20px; }
.linkSpeed {display:block; background: url('../images/link_icons/speed.gif') no-repeat; padding-left: 20px; }
.linkCocaine {display:block; background: url('../images/link_icons/cocaine.gif') no-repeat; padding-left: 20px; }
.linkHeroine {display:block; background: url('../images/link_icons/heroine.gif') no-repeat; padding-left: 20px; }
.linkGokken {display:block; background: url('../images/link_icons/gokken.gif') no-repeat; padding-left: 20px; }
.linkPaddos {display:block; background: url('../images/link_icons/paddos.gif') no-repeat; padding-left: 20px; }
.linkJellinek {display:block; background: url('../images/link_icons/jellinek.gif') no-repeat; padding-left: 20px; }
.linkOpvoeding {display:block; background: url('../images/link_icons/opvoeding.gif') no-repeat; padding-left: 20px; }
.linkOmgeving {display:block; background: url('../images/link_icons/omgeving.gif') no-repeat; padding-left: 20px; }


/*------------- MATRIX ----------------*/
.matrixTable {}

td.matrixCell {
	padding: 2px 0px 2px 0px;
	border-left: 1px solid #b3d670;
	border-top: 1px solid #b3d670;
}
td.matrixCellActive {
	padding: 2px 0px 2px 0px;
	border-left: 1px solid #b3d670;
	border-top: 1px solid #b3d670;
	background-color: #f1fade;
}
td.matrixHeading {
	vertical-align: bottom; 
	padding: 10px 0px 8px 0px; 
	width: 75px;
	font-size: 11px;
	border-left: 1px solid #b3d670;
}
td.matrixHeadingActive {
	vertical-align: bottom; 
	padding: 10px 0px 8px 0px; 
	width: 75px;
	font-size: 11px;
	border-left: 1px solid #b3d670;
	background-color: #f1fade;
}

td.matrixRowHeading {
	font-size: 11px; 
	text-align: right; 
	width: 153px; 
	padding-right: 2px;
	border-top: 1px solid #b3d670;
}
td.matrixRowHeadingActive {
	font-size: 11px; 
	text-align: right; 
	width: 153px; 
	padding-right: 2px;
	border-top: 1px solid #b3d670;
	background-color: #f1fade;
}


/*----- NIEUWS -----*/
.sideNewsItem {border-top: 2px solid #dcc68d; width: 140px; background: #eee4ca; padding: 5px 5px 10px 5px; overflow: hidden;}


/*-------- BLOG --------*/
.blogItemBar {padding-bottom: 10px;}

/*------------ SITEMAP -------------*/
div.sitemapGroup ul { margin: 0; padding: 0; list-style-type: none; }
div.sitemapGroup ul li { margin: 0px; padding: 0px 18px; background: url('../images/bullet.gif') 7px 8px no-repeat;}
div.sitemapGroup ul li ul li {font-size: 11px; background: url('../images/bullet_open.gif') 7px 8px no-repeat;}
a.sitemapHeaderLink, a.sitemapHeaderLink:hover {color: #000; text-decoration: none;}

/*-------- LINKS -------------*/
 .link {margin: 8px 8px;}


/*------- POLL ------*/
.reactie {margin: 5px 0px 15px 0px; display: block;}



/*----------- PROTOTIP --------------*/
/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute;  }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(../images/prototip/close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(../images/prototip/close_hover.gif); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(../images/prototip/prototip_loader.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
  padding: 0;
  background: none;
}

/* Prototip styles */
.docentBegrip {color: #145190; background-color: #e1f0ff; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.studentBegrip {color:#383838; background-color: #e1f0ff; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.docentOpmerking {color: #145190; background-color: #FFF; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.close {color: #145190; cursor:pointer;cursor:hand; display: inline;}


.prototip {background-color: #fff; color: #145190; 
	border-top: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
	border-right: 2px solid #AAA; 
	border-bottom: 4px solid #999; }
.prototip .toolbar {background: #e1f0ff; color: #666; }
.prototip .title { padding: 5px 10px; text-align: left; text-transform: Capitalize; }
.prototip .content {width: 346px; background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 10px; text-align: left;cursor:pointer;cursor:hand;}
.prototip textarea {background: #F2F3FA; width: 344px; border: 1px solid #E1E1E1; height: 80px;}


/*--------- Search result -------------*/
.xsearchResult {margin-top: 10px;padding: 8px 0px; border-top: 0px solid #DADADA;}
.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; color: #a30005;
}
.xsearchResultsMessageContainer {
	margin-bottom: 10px;	
}
.xsearchNavbarContainer {
	margin-bottom: 0px;	
}
.xsearchResultsContainer {
	margin-bottom:5px;
}
.xsearchSearchboxContainer {padding: 8px 0px;}
.searchResultSearchBox {margin: 10px 0px; display: block; padding: 8px 0px; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;}
.searchResultSearchBox input {margin-right: 5px;}

.searchResultImageContainer {display: block; padding-top: 10px;}
.searchResultImage {margin: 10px; float: left; width: 130px; font-size: 11px; text-align: center; background: #FFF;}
.searchResultImage .searchImage {border: 1px solid #CDCFCE; float: left; margin-left: 8px; }
.searchResultImage .searchImage img {border: 1px solid #FFF;}
.searchResultImageText {height: 20px; width: 130px; text-align: center; clear: left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.searchResultImageText a {color: #000; text-decoration: none;}
.searchResultImageText a:hover {color: #000; text-decoration: underline;}

/*-------------- Photo Gallery -----------------------------*/
input.editPhotoAlbum {border: 0px;background: #FFF url('../plugins/content_types/photoalbum/images/bt_edit_photoalbum.gif') no-repeat; width: 199px; height: 47px; clear: both; margin: 10px 0px;cursor:pointer;cursor:hand;}


.photoAlbumContainer {
	overflow: auto;
	padding: 0px 0px 20px 0px;
}

.photoAlbumThumb {
	float: left; width: 120px; height: 120px; 
	margin: 0px 3px 3px 0px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
}
.photoAlbumDescription {
	padding: 10px 0px;
}

/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar {height: 35px; padding-top: 20px; display: block;}
.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPageNumber {border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPreviousNextArrow {padding: 0px 5px; }
.navbarDots {display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}

.button, .button:hover, .searchButton, .searchButton:hover  {background: #FFF url('../images/bg_button.gif') repeat-x; border: 1px solid #979797; cursor:pointer;cursor:hand;}