/*
 | This file is part of the DITA Open Toolkit project hosted on 
 | Sourceforge.net. See the accompanying license.txt file for 
 | applicable licenses.
*/

/*
 | (c) Copyright IBM Corp. 2004, 2005 All Rights Reserved.
 */
 
.unresolved { background-color: skyblue; }
.noTemplate { background-color: yellow; }

.base { background-color: #ffffff; }

/* Add space for top level topics */
.nested0 { margin-top : 1em;}

/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
.p {margin-top: 1em;margin-bottom:1em;}

/* Default of italics to set apart figure captions */
.figcap { font-style: italic }
.figdesc { font-style: normal }

/* Use @frame to create frames on figures */
.figborder { border-style: solid; padding-left : 3px; border-width : 2px; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figsides { border-left : 2px solid; padding-left : 3px; border-right : 2px solid; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figtop { border-top : 2px solid; margin-top: 1em; border-color : Silver;}
.figbottom { border-bottom : 2px solid; border-color : Silver;}
.figtopbot { border-top : 2px solid; border-bottom : 2px solid; margin-top: 1em; border-color : Silver;}

/* Most link groups are created with <div>. Ensure they have space before and after. */
.ullinks { list-style-type: none }
.ulchildlink { margin-top: 1em; margin-bottom: 1em }
.olchildlink { margin-top: 1em; margin-bottom: 1em }
.linklist { margin-bottom: 1em }
.linklistwithchild { margin-left: 1.5em; margin-bottom: 1em  }
.sublinklist { margin-left: 1.5em; margin-bottom: 1em  }
.relconcepts { margin-top: 1em; margin-bottom: 1em }
.reltasks { margin-top: 1em; margin-bottom: 1em }
.relref { margin-top: 1em; margin-bottom: 1em }
.relinfo { margin-top: 1em; margin-bottom: 1em }
.breadcrumb { font-size : smaller; margin-bottom: 1em }
dt.prereq { margin-left : 20px;}

/* Set heading sizes, getting smaller for deeper nesting */

.subtitle { margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 16px; font-weight: bold;}
.sectiontitle { margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 16px; font-weight: bold;}
.sectiontitle { margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 16px; font-weight: normal; font-style: italic; }
.topictitle1 { margin-top: 5pt; margin-bottom: 25px; color: #36747d; font-size: 18px; text-transform: uppercase;font-style: normal; font-weight: bold;}
.topictitle2 { margin-top: 1pc; margin-bottom: .45em; color: #36747d; font-size: 16px; }
.topictitle3 { margin-top: 1pc; margin-bottom: .17em; color: #36747d;  font-size: 12px; font-weight: bold; }
.topictitle4 { margin-top: .83em; font-size: 1.17em; font-weight: bold; }
.topictitle5 { font-size: 1.17em; font-weight: bold; }
.topictitle6 { font-size: 1.17em; font-style: italic; }
.remarktitle { margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 16px; font-weight: normal; font-style: italic; }
p.remarktitle { margin-top: 0.2em; margin-bottom: 0em;  color: #36747d; font-size: 16px; font-weight: normal; font-style: italic; }
.section { margin-top: 1em; margin-bottom: 1em }
.example { margin-top: 1em; margin-bottom: 1em }
div.tasklabel { margin-top: 1em; margin-bottom: 1em; }
h2.tasklabel, h3.tasklabel, h4.tasklabel, h5.tasklabel, h6.tasklabel { font-size: 100%; }

h2.topictitle1{
	margin-top:15pt;
}

h1.topictitle1{
	width:85%;
}
/* All note formats have the same default presentation */
.note { margin-top: 1em; margin-bottom : 1em;}
.notetitle { font-weight: bold }
.notelisttitle { font-weight: bold }
.tip { margin-top: 1em; margin-bottom : 1em;}
.tiptitle { font-weight: bold }
.fastpath { margin-top: 1em; margin-bottom : 1em;}
.fastpathtitle { font-weight: bold }
.important { margin-top: 1em; margin-bottom : 1em;}
.importanttitle { font-weight: bold }
.remember { margin-top: 1em; margin-bottom : 1em;}
.remembertitle { font-weight: bold }
.restriction { margin-top: 1em; margin-bottom : 1em;}
.restrictiontitle { font-weight: bold }
.attention { margin-top: 1em; margin-bottom : 1em;}
.attentiontitle { font-weight: bold }
.dangertitle { font-weight: bold }
.danger { margin-top: 1em; margin-bottom : 1em;}
.cautiontitle { font-weight: bold }
.caution { font-weight: bold; margin-bottom : 1em; }
.warning { margin-top: 1em; margin-bottom : 1em;}
.warningtitle { font-weight: bold }

/* Simple lists do not get a bullet */
ul.simple { list-style-type: none }

body
{
	font-family: Arial, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	
	counter-reset:question;
}

.OCoptions{
	padding-left:0.5em;	
	margin-left:0px;
	cursor: pointer;
}

ul.OCoptions li { 
	background-image: url('images/checkbox-unchecked-th.png');
	list-style-type:none;
	background-repeat:no-repeat;
	background-position: left center;
	margin:0;
	margin-left:0px;
	
	padding-left:23px;
	}
	
ul.OCoptions li a {
	text-decoration: none;
	color: inherit;
}

	
ul.OCoptions li:hover{
	
	background-color: #EEEEEE;border-radius: 25px;
}

ul.OCoptions li.OCchecked{
	background-image: url('images/checkbox-checked-small.png');
	background-repeat:no-repeat;
	background-color: none;
}

.OCfeedbackCorrect, .OCfeedbackIncorrect{
padding-left:0.5em;	
}




ul.OClist{
	overflow: hidden;
	margin-bottom: 10px; 
	
}

ul li ul li ul.OClist li,
ul li ul.unordered li, ul li ul.OClist li,
ul.unordered li, ul.OClist li,
ul.OCpostreq li { 
	list-style-image: url('images/Content/Opsomming.png'); 
	
	margin-bottom: 5px; 
	
	
}

ul li ul.OClist.standaard li,
 ul.OClist.standaard li { 
	list-style-image: url('images/Content/Opsomming.png'); 
	
}

ul li ul.OClist.genummerd li,
 ul.OClist.genummerd li,
  ul.OCpostreq.genummerd li { 
	list-style-type: decimal; 
	list-style-image: none; 
	
}

ul li ul.OClist.alternatief li ,
ul.OClist.alternatief li,
ul.OCpostreq.alternatief li { 

	
	list-style-image: url('images/Content/Opsomming_streep.png'); 
	
}

ul li ul.OClist.alternatief2 li,
ul.OClist.alternatief2 li,
ul.OCpostreq.alternatief2 li { 
	list-style-image: url('images/Content/Opsomming_groter.png'); 
	
		
}

ul.OClist.alternatief3 li { 
	list-style-type: lower-latin; 
	list-style-image: none; 
	
}

ul.OClist.alternatief4 li { 
	list-style-type: lower-roman; 
	list-style-image: none; 
}

.OCfeedbackCorrect { 
	background-image: url('images/duim-omhoog.png');

	background-repeat:no-repeat;
	background-position: left center;
	
	padding-left:23px; }
	
.OCfeedbackIncorrect { background-image: url('images/duim-omlaag.png');
	
	background-repeat:no-repeat;
	background-position: left center;
	
	padding-left:23px;}
	
	

p.OCfeedbackCorrect.answered { display: block; }
p.OCfeedbackIncorrect.answered { display: block; }


.section.OCfeedbackCorrect,
.section.OCfeedbackIncorrect{
 margin-top:0px;	
}

.OCfeedbackCorrect .OCp{
	margin-top:0px;
	margin-bottom:1em;
}

.OCfeedbackCorrect .OCp,
.OCfeedbackCorrect .OClist{
	float:left;
	min-width:330px;
}

.OCfeedbackCorrect .OClist{
	min-width:260px;
	margin-top:0px;
	margin-bottom:0px;
}
.OCfeedbackCorrect .OClist .OCp{
	float:none;
}
	
	
.matchingpaircorrect { background-color: #0f0; }
.matchingpairincorrect { background-color: #f00; }

.OCresources .OClist li { list-style-image: url('images/links.png'); }

.aside {
    font: 16px Georgia, Serif;
   
    color: #fff;
    padding: 0em;
    margin: 0;
    line-height: 1;
/*    background: #369;
 -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform-origin: 516px 543px;
    -moz-transform-origin:    516px 543px;
    -ms-transform-origin:     516px 543px;
    -o-transform-origin:      516px 543px;
    transform-origin:         516px 543px;
    
    margin-top: -50px;
*/}
    
.navigation {
	width: 100px;
	right: 0px;
	float:left;
}

ul#main-nav {
	padding: 0px;
	margin-left: 0px;
}

ul#main-nav li {
	
	margin-left: 0px;
	display: block;
	
	
	height:140px;
	padding:0;
	margin:0px;
	
}

ul#main-nav li a {
	
	
	height: 140px;
	display: block;
/*	background-image: url('images/tabs.png');
	background-position: top center;
*/	color: #44403b;
	text-decoration: none;
	font-size: 14px;
	line-height: 70px;
	padding-top: 0px;
	text-align: center;
	overflow:visible;
	width:60px;
	font-size:1px;
	
	position:relative;
	background-position: top left;
	background-repeat:no-repeat;
	left:-6px;
}

ul#main-nav li.current a {
	/*background-position: bottom;
	height: 64px;
	color: #000;
*/}

ul#main-nav li a:hover {
	
	
}
ul#main-nav li.current a:hover {
/*	background-position: bottom; To Prevent the Current tab from changing colour on hover
	color: #000;*/
	
}




ul#main-nav li.planning a{
	z-index: 99;
	background-image: url('images/Tabs/Groen/Tab Planning.png');
}
ul#main-nav li.orientatie a{
	z-index: 98;
	background-image: url('images/Tabs/Groen/Tab Orientate.png');
	top: -50px;
}
ul#main-nav li.onderwerpen a{
	z-index: 97;
	background-image: url('images/Tabs/Groen/Tab Onderwerpen.png');
	top: -100px;
}
ul#main-nav li.toets a{
	z-index: 96;
	background-image: url('images/Tabs/Groen/Tabs Toets.png');
	top: -150px;
}
ul#main-nav li.latenzien a{
	z-index: 95;
	background-image: url('images/Tabs/Groen/Tabs Laten zien.png');
	top: -200px;
}
ul#main-nav li.zelfreflectie a{
	z-index: 94;
	background-image: url('images/Tabs/Groen/Tab Reflectie.png');
	top: -250px;
}

ul#main-nav li.docentinfo a{
	z-index: 93;
	background-image: url('images/Tabs/Groen/Tab Docentinfo.png');
	top: -230px;
}

ul#main-nav li.current {
	z-index: 100;
}


ul#main-nav li.planning.current a, ul#main-nav li.planning a:hover{
	
	background-image: url('images/Tabs/Geel/Planning.png'); background-position: left top;left:-6px;
}
ul#main-nav li.orientatie.current a, ul#main-nav li.orientatie a:hover{
	
	background-image: url('images/Tabs/Geel/Orientatie.png'); background-position: left top;left:-6px;
	
}
ul#main-nav li.onderwerpen.current a, ul#main-nav li.onderwerpen a:hover{

	background-image: url('images/Tabs/Geel/Onderwerpen.png'); background-position: left top;left:-6px;
	
}
ul#main-nav li.toets.current a, ul#main-nav li.toets a:hover{
	
	background-image: url('images/Tabs/Geel/Toets.png');
	 background-position: left top;left:-6px;
}
ul#main-nav li.latenzien.current a, ul#main-nav li.latenzien a:hover{
	background-image: url('images/Tabs/Geel/Laten zien.png'); background-position: left top;left:-6px;
}
ul#main-nav li.zelfreflectie.current a, ul#main-nav li.zelfreflectie a:hover{
	background-image: url('images/Tabs/Geel/Reflectie.png'); background-position: left top;left:-6px;
	}
	
ul#main-nav li.docentinfo.current a, ul#main-nav li.docentinfo a:hover{
	background-image: url('images/Tabs/Groen/Tab Docentinfo.png'); background-position: left top;left:-6px;
	}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

body{
	background-repeat:no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}
		
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; 
	}
}



img.polaroid, img.thumbnail{
	border:0;
	text-align:center;
}

div.polaroid{
	overflow: hidden;
}

div.blackBox{
	
	background-color: #333;
	
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="vormgeving/lightbox/overlay.png", sizingMethod="scale");
	display: block;
    height: 230px;
    left: 8px;
    position: relative;
    top: 20px;
    width: 285px;
    z-index: 8;
}

div.polaroid .polaroidbox{
	width:278px;
	margin-left:0px;
	/*background-image: url(../lightbox/overlay.png); */
	overflow: hidden;
	text-align:center;
	position: absolute;
	top:30px;
	height:210px;
	left:-240px;
	width:785px; /* = left maal 2 + width van parent*/
	z-index:10;
}

* html .polaroidbox{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../lightbox/overlay.png", sizingMethod="scale");
	}
	
div.polaroid img.thumbnail{
	position:relative;
	top:0px;
	margin:auto;
	background-color:white;
	max-width: 290px;
	max-height:649px;
	margin-left:0px;
	margin-right:0px;
	min-height:214px;
	
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	display:block;
    margin:auto;
    margin: 0 auto;
}

.polaroid img.polaroid{
	position:absolute;
	top:0px;
	left:0px;
	/*height:110%;*/
	width:100%;
	z-index:12;
}





div.OClatenzien div.polaroid{
	margin-left:-7px;
	
}

div.OClatenzien div.OCintro div.polaroid{
	float:left;
	margin-right: 15px;
}


/* PRAATJE 3 PLAATJES */
.OClearningsection div.OCp3p .polaroid{
	
	width: 200px;
	height:218px;
}

.OClearningsection div.OCp3p div.polaroid .polaroidbox {
	top:20px;
	left:-210px;
	width: 618px;
	}
.OClearningsection div.OCp3p img.thumbnail {
    max-width:177px;
    min-height:135px;
}

.OClearningsection div.OCp3p .polaroidimage {
	
}


.OClearningsection div.OCp3p div.blackBox {
  
    height: 150px;
    left: 8px;
    
    top: 15px;
    width: 180px;
    
}


.OClearningsection div.OCp3p div.polaroid img.polaroid {
	
}

.OClearningsection div.OCp3p .polaroidtext {
	width: 177px;
	height: 36px;
	text-align: left;
	top: -6px;
	padding-top: 0px;
	padding-left: 14px;
}


#breadcrumbs {
	top: 0px;
	left: 0px;
	padding-left: 53px;
	width: 540px;
	height: 60px;
	
	color: #a7a9ac;
	
	
}

#breadcrumbs table {
	width: 540px;
	border-bottom: 2px dotted #55bea3;
	line-height:1.5em;
	font-size:12px;
	text-transform:uppercase;
	color:#A7A9AC;
}

span.activeCrumb{
	color:#55BEA3;
}


#postit {
	position: absolute;
	top: -20px;
	right: -20px;
	z-index:150;
}

#postitelements {
	position: absolute;
	top: 30px;
	left: 10px;
}

#postitelements table tr td {
	
}

#postitelements table td#nav-audio{
	padding-top:10px;
}


#nav-begrippen a{
	background-image: url('images/Navigatie/Icons/Begrippenlijst.png');
	background-repeat:no-repeat;
	height:43px;
	width:58px;
	display:block;
}


#nav-download a{
	background-image: url('images/Navigatie/Icons/Download.png');
	background-repeat:no-repeat;
	height:43px;
	width:58px;
	display:block;
	cursor:pointer;
	display:none;
}

#nav-print a{
	background-image: url('images/Navigatie/Icons/Print.png');
	background-repeat:no-repeat;
	height:43px;
	width:58px;
	display:block;
	position:relative;
	top:-2px;
	left:2px;
	cursor:pointer;
	display:none;
	
}

#nav-audio a{
	background-image: url('images/Navigatie/Icons/Audio.png');
	background-repeat:no-repeat;
	height:43px;
	width:58px;
	display:none;
}

img.kennisCrumbIcon{
 width:16px;	
 height:16px;	
 position:relative;
 top:3px;
}

img.oefenenCrumbIcon{
	width:16px;	
 height:16px;	
}

#page-content { 
	
    margin: 0 auto 10px;
    padding: 0px 39px 20px 53px;
    position: relative;
    color: #444;
    line-height: 20px;
    border: 0px;
    z-index:120;
    min-height: 800px;
 
  
 /*   background: #fff;  background: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), color-stop(4%, #fff)) 0 50px;
    background: -webkit-linear-gradient(top, #dddddd 0%, #fff 4%) 0px 50px;
    background: -moz-linear-gradient(top, #dddddd 0%, #fff 4%) 0px 50px;
    background: -ms-linear-gradient(top, #dddddd 0%, #fff 4%) 0px 50px;
    background: -o-linear-gradient(top, #dddddd 0%, #fff 4%) 0px 50px;
    background: linear-gradient(top, #dddddd 0%, #fff 4%) 0px 50px;
 
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    -o-background-size: 100% 30px;
    background-size: 100% 30px;
   */ 
   
}

.OCtable {
	width: 100%;
	border:solid 1px black;
}

/* Start specific requirements for planning */

table {
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
}

table th {
	font-weight: normal;
	background-color: #86d0c2;
	border: solid 1px black;
	padding: 2px;
	line-height:13px;
	vertical-align:top;
	padding-top:4px;
	color: #000000;
}

table td {
	border: solid 1px black;
	padding: 3px;
}

table.remarks {
	font-size: 12px;
	width: 100%;
	border:0;
}

table.remarks td{
	border:0;
	padding:1px;
	width:50%;
}

.OCentry.noRightBorder{
	border-right:0;
}


.latenzienPM{
	text-align:center;
	letter-spacing: 4px;
	font-weight:bold;
}

#postitelements table td{
	border:0;
	padding:1px;
}

#breadcrumbs table td{
	border:0;
	padding:1px;
}
/* End specific requirements for planning */

.clear {
	clear: both;
}	

/* Used on the first column of a table, when rowheader="firstcol" is used */
.firstcol { font-weight : bold;}

/* Various basic phrase styles */
.bold { font-weight: bold; }
.boldItalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.uicontrol { font-weight: bold; }
.parmname { font-weight: bold; }
.kwd { font-weight: bold; }
.defkwd { font-weight: bold; text-decoration: underline; }
.var { font-style : italic;}
.shortcut { text-decoration: underline; }
.small { font-size: 7pt }

/* Default of bold for definition list terms */
.dlterm { font-weight: bold; }

/* Use CSS to expand lists with @compact="no" */
.dltermexpand { font-weight: bold; margin-top: 1em; }
*[compact="yes"]>li { margin-top: 0em;}
*[compact="no"]>li { margin-top: .53em;}
.liexpand { margin-top: 1em; margin-bottom: 1em }
.sliexpand { margin-top: 1em; margin-bottom: 1em }
.dlexpand { margin-top: 1em; margin-bottom: 1em }
.ddexpand { margin-top: 1em; margin-bottom: 1em }
.stepexpand { margin-top: 1em; margin-bottom: 1em }
.substepexpand { margin-top: 1em; margin-bottom: 1em }

/* Align images based on @align on topic/image */
div.imageleft { text-align: left }
div.imagecenter { text-align: center }
div.imageright { text-align: right }
div.imagejustify { text-align: justify }

/* The cell border can be turned on with
   {border-right:solid}
   This value creates a very thick border in Firefox (does not match other tables)

   Firefox works with 
   {border-right:solid 1pt}
   but this causes a barely visible line in IE */
.cellrowborder { border-left:none; border-top:none; border-right:solid 1px; border-bottom:solid 1px }
.row-nocellborder { border-left:none; border-right:none; border-top:none; border-right: hidden; border-bottom:solid 1px}
.cell-norowborder { border-top:none; border-bottom:none; border-left:none; border-bottom: hidden; border-right:solid 1px}
.nocellnorowborder { border:none; border-right: hidden;border-bottom: hidden }

pre.screen { padding: 5px 5px 5px 5px; border: outset; background-color: #CCCCCC; margin-top: 2px; margin-bottom : 2px; white-space: pre}

span.filepath, samp.codeph, pre.codeblock { font-family:monospace }


img.handsonLogo{
	
   padding-top:10px;
   margin-left:20px; 
}

div.ocLogo{
	position:relative;
	top:500px;
	left:33px;
	text-align:left;
}

div.ocLogo img{
	display:block;
	margin-bottom:5px;
}

div.ocLogo a{
	text-decoration:none;
}


div.body-wrap{
	margin:0;
	padding: 0;
	margin-left:20px;
}



#page-wrap { 
	
	width: 967px; 
	 position: relative; 
	margin: 26px auto; 
}

div.center-body{
	 
    
  /*   background-image: url('images/A4 blad tile.png');
	 
	background-color: #fff;
    background-repeat:repeat-y;
    background-position: 0px 120px;
	*/
	width:745px;
	background-image: url('images/A4-blad met schaduw_sized.png');
	background-repeat:repeat-y;
	background-position:0 0px; 
	float:left;
	
	
	z-index:120;
	padding-left: 0px;
	padding-top: 0px;
	position:relative;
	/*
	border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-bottom-right-radius: 3px;
 
    -webkit-box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
  
	*/

   
    
}

.pageshadow{
	display:none;
}

div.center-body-back{
	width:100%;
	
	
	float:left;
    
	width:742px;
	z-index:121;
	padding-top:18px;
	
	/*
	border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-bottom-right-radius: 3px;
 
    -webkit-box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 25px 2px rgba(0,0,0,0.3);
  
	*/

   
    
}


div.left-body{
	width: 100px;
	float:left;
	height:100%;
}




div.sectionText{
	height:100%;
	
	top:-16px;margin-bottom:12px;
}


div.section{
	clear:both;
}

td.schrijfruimte{
	min-height:50px;
	height:50px;
}



.OCpagebreak{
	
	pagebreak-before:always;
}


.OChidden{
	display:none;
}

/* QUESTION TYPES */
.OClearningsection .OCopenQuestion,
.OClearningsection .OCchoiceinteraction,
.OClearningsection .OCmatchinteraction{
	margin-top:0px;
	margin-bottom:1em;
}

.OClearningsection .OCopenQuestion .OCquestion,
.OClearningsection .OCchoiceinteraction .OCquestion,
.OClearningsection .OCmatchinteraction .OCquestion{
	margin-top:0px;
	
	

}

.OClearningsection .OCopenQuestion .OCquestion:before,
.OClearningsection .OCchoiceinteraction .OCquestion:before,
.OClearningsection .OCmatchinteraction .OCquestion:before{
	
	
counter-increment:question;
content:"" counter(question) ". ";

}

.OCchoiceinteraction {
margin-bottom:0.5em;	
}

/* Oefenen */

.OCoefenen  .OCintro{
	clear:none;
}

.OCoefenen .OCsteps{
	list-style-image: url("images/Content/Opsomming.png");
}

.OCoefenen .OCinstruction{
	clear:none;
}

.OCoefenen-pk .OCinstruction .topictitle3{
margin-bottom:10px;	
}

/*Kennis*/

.OCkennis .OClearningsection .OCopenQuestion,
.OCkennis .OClearningsection .OCchoiceinteraction,
.OCkennis .OClearningsection .OCmatchinteraction,
.OCkennis .OCassessmentitem
  {
	clear:both;
}


.OCkennis-bc .OClearningsection .OCopenQuestion,
.OCkennis-bc .OClearningsection .OCchoiceinteraction,
.OCkennis-bc .OClearningsection .OCmatchinteraction
  {
	clear:none;
	float:left;
	min-width:340px;
	
	
}

.OCkennis .OClearningsection h2.OCtitle {
	margin-top:25px;
	margin-bottom:25px;
}


.OCkennis-vv .OClearningsection{
	padding-top:10px;
	margin-top:0px;
}

.OCkennis-vv .OCasset + .OCquestion,
.OCkennis-pp .OCasset + .OCquestion,
.OCkennis-p3p .OCasset + .OCquestion,
.OClatenzien .OCasset + .OCquestion{
	max-width:340px;
}

.OCkennis-vv .OCasset + .OCquestion + .OCoptions,
.OCkennis-pp .OCasset + .OCquestion + .OCoptions,
.OCkennis-p3p .OCasset + .OCquestion + .OCoptions,
.OClatenzien .OCasset + .OCquestion + .OCoptions{
	max-width:340px;
}



/* QUESTIONS */
.OCchoiceinteraction  .OCquestion,
.OCchoiceinteraction  .OCoptions,
.OCchoiceinteraction  .OCfeedbackCorrect,
.OCchoiceinteraction  .OCfeedbackIncorrect,
.OCopenQuestion  .OCoptions,
.OCopenQuestion  .OCfeedbackCorrect,
.OCopenQuestion  .OCfeedbackIncorrect {
	float:left;
	min-width:340px;
}

.OCchoiceinteraction  .OCoptions
{
	margin-top:0px;
	margin-bottom:0px;
	}
	
.OCchoiceinteraction  .OCquestion
{
	margin-bottom:0;
	}	

.OClearningsection div.OCp3p{
	
	margin-right: 20px;
	width: 200px;
}

.OClearningsection div.OCp3p2{
	margin-right:0px;
} 
.OCa{
	font-weight:bold;
	font-size:12px;
	color:black;
}

table.OCtable{
	
	margin-top:15px;
	margin-bottom:15px;
}

table.OCproductproces{
	
	margin-top:15px;
}




table th{
	text-align:center;
	padding:8px;
}

table td ul{
	
	margin-top:2px;
}


.OCinstructionitem h3{
	clear:both;
}

/* Deze twee zijn overbodig denk ik */
.OCinstructionitem .OCtable{
	clear:both;
}
.OCinstructionitem .OCul{
	clear:both;
}


.colofontextimage{
	margin-top:20px;
	border:0px;
}


.OCkennis .OCquestion, .OCreflectie .OCquestion{
	font-weight:bold;
	color:#36747d;
	
}

.OCkennis .OCquestion{
	
	font-style:italic;
}

.OCreflectie .sectiontitle{
		font-style:normal;
		font-weight:bold;
}


.OCfeedbackCorrect, .OCfeedbackIncorrect, .OCanswer{
	color:#000000;
}


/* No design for this type of question*/
.OCmatchinteraction{
	display:none;
}


.readspeaker_button{
	cursor:pointer;
}


table.planning tr th{
	 padding: 4px 2px 2px;
}


h2.OCterm{
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}


td .p {
	
	margin-top:0.5em;
	
}

td ul li .p {
	
	margin-top:0.5em;
	margin-bottom:0.5em;
}



#postitelements a, #postitelements img{
	border:0;
}

/* ONDERWERPEN */
div#accordion{
	margin-top:50px;
}

#accordion ul.OClist {
    margin-left:0px;
    padding-left:0px;
    margin-bottom:0px;
}

#accordion ul.OClist li.OCli{
    list-style-image: none;
    padding-left:24px;
  	padding-bottom:10px;
  	list-style:none;
}

#accordion ul.OClist li.OCli a{
   text-decoration:none;
   text-transform:uppercase;
   color:blue;
}

#accordion ul.OClist li.OCli a:visited{
   
   color:purple;
}

#accordion ul.OClist li.OCli a:hover{
  
   color:darkblue;
}

ul.OClist li.OClikennis{
 	background: url(images/Navigatie/K-16.png) no-repeat left top;
 
}

ul.OClist li.OCliopdracht{
  	background: url(images/Navigatie/O-16.png) no-repeat left top;
}

/* END ONDERWERPEN */

/* AFBEELDINGEN/VIDEOS */
.OCvisualization{
	width: 306px;
}

.OCasset{
	float:left;
	margin-bottom: 15px;
    margin-right: 15px;
}

div.OCvideo{
	 margin-right: 40px;
	 margin-bottom: 25px;
}

.OCasset a{
	border:0px;
}

.OCasset a img{
	border:0px;
}

div.OCvideo.OCasset{
	width:165px;
}

div.polaroid {
	
	position:relative;
	top:0px;
	width: 310px;
	text-align: center;
	/*margin-bottom:25px;
	*/
	height:334px;
}




.OCsource,
.OCcopyright,
.OCcaption,
.polaroidtext{
	font-size: 12px;
    line-height: 12px;
    text-align: left;
    color: black;
   
}

.OCsource,
.OCcopyright{
 	 display:inline;		
 	 margin-left:0px;
 	 margin-right:0px;
}

.polaroidtext {
	position: relative;
	display: block;
	
	height: 80px;
	padding-left:17px;
	margin-top:7px;
	padding-top:10px;
	z-index:99;
	width: 272px;
}


img.OCvideo{
	margin-top:0px;	
}

a.OCvideo{
	display:block;
}

.copyrightSource{
	margin-left:15px;
}

.OCvisualization .copyrightSource{
	
	margin-left:15px;
}

.OCp3p .copyrightSource{
	margin-top:25px;
}

.OCvideo .copyrightSource{
	padding-left:19px;
	margin-top:5px;
}

.copyrightSource span{
	margin-left:4px;
	margin-right:4px;
}


.OCem{
	font-weight:bold;
}
/* END AFBEELDINGEN/VIDEOS */		
		
.OClearningsection .simpletable .OCentry{
		padding-left:15px;
}

.OClearningsection .simpletable .OCentry.noRightBorder,

.OClearningsection .simpletable .OCentry.latenzienPM{
	padding-left:3px;
}

/*
.OCp[data-empty=true]:before{
	content:'Lege paragraaf';
	color:red;
	font-weight:bold;
}*/


.onderwerptitel{
	 margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 12px; font-weight: normal;
	 
}

.topiclist{
	
	
	font-style:italic;
	
	 margin-top: 1em; margin-bottom: 0em;  color: #36747d; font-size: 12px; font-weight: normal;
	
}

.questionlist{
	font-style:italic;
	font-weight:bold;
}

.scopesection.sectiontitle{
		font-style:normal;
		font-size:110%;
		font-weight:bold;
}



* {
-webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

@media print {
  * { display:none!important; }
}