body {
	text-align: left;
	margin: 0px; padding: 0px;

}

H1, H2, H3, H4, H5, H6 {font-family: Verdana, Helvetica, Sans-serif;}
H1 {font-size: 20px;}
H2 {font-size: 18px;}
H3 {font-size: 16px;}
H4 {font-size: 14px;}
H5, H6 {font-size: 12px;}

body, #page, div {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
HR {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none;}
HR.rulerspace {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 10px 0px;}
a {text-decoration: none; color: #145190;}
a.arrow {background: #FFF url('../images/arrow_link.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}
a.arrowback {background: #FFF url('../images/arrow_linkback.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}

#cover {
	display: none;
}

/*-------- PAGE LAYOUT -----------*/
#contentContainer #col1 {display: none;}
#col1 ul {display: none;}
#contentContainer #col2 {width: 100%;}
#contentContainer #col3 {display: none;}

#header {display: none;}
#siteTitle {position: relative; top: 20px; left: 20px; width: 690px; height:100px;}
#siteTitle H2 {color: #FFF; font-size: 20px;}
#siteTitle H1 {color: #FFF; font-size: 36px;}

#breadcrumb {display: none;}

#footer {width: 100%px; margin-top: 20px; background-color: #EEE; height: 28px; clear: both;}
#footer div {padding-top: 5px;}
#footer img {margin-right: 15px;}


/*-------- TAB TOP MENU -----------*/
#tabbar {display: none;}



/*-------- FORMS -----------*/
input.button {background-color: #FFF; border: 1px solid #98c61d; color: #145190;cursor:pointer;cursor:hand;}
input.button:hover {background-color: #98c61d; border: 1px solid #98c61d; color: #FFF;cursor:pointer;cursor:hand;}
.formTable {background-color: #E8F5C3; border-top: 1px solid #98c61d;}
.formTable td {padding: 5px 10px; border-top: 1px solid #FFF;}
.formTable tr td:first-child {background-color: #f6fde3; padding: 5px 10px; border-top: 1px solid #FFF;}

/*------------------ BEGRIPPENLIJST ------------------*/

.begrippenlijst a {display: none;}
.begrippenlijst .begrip {border-top: 1px solid #D5D5D5; padding: 5px 0px 15px 0px;}


/* ---------------- QUESTIONS ------------- */

.questionBox {padding: 10px 15px; border: 1px solid #97C61B; background: #e7f3c7; margin: 20px 10px 20px 10px; overflow: visible;}
.questionBox .question {line-height: 18px; margin: 5px 0px;}
.questionBox input {margin-right: 5px; float: left;	clear: left;}
.questionBox label {font-weight: bold; cursor:pointer;cursor:hand; float: left;	clear: right;	}
.questionBox labelGoed {font-weight: bold; cursor:pointer;cursor:hand;}
.questionBox labelFout {font-weight: bold; cursor:pointer;cursor:hand;}
.questionBox .radioexplained {padding-left: 26px; clear: both;}
.questionBox .radioAnswer {margin-top: 10px; background: #FFF; border: 1px dotted #97C61B; clear: both; padding: 5px 10px 10px 10px;}
.questionBox .button {display:none;}
.questionBox textarea {width: 410px; height: 50px; font: normal 12px verdana;}
.questionBox .openanswer {margin-top: 5px; border: 1px dotted #97C61B; background: #FFF; padding: 5px 10px 10px 10px; }
.questionBox .openanswer p {display: inline;}


/* ---------------- QUESTIONS ------------- */
#forumItems {border-bottom: 1px solid #D6D6D6; overflow: auto;}
#forumItems .number {float: left; font-weight: bold; width: 30px; height: 40px; padding: 4px 2px 0px 28px; background: #FFF url('../images/bullet_forumitem.gif') no-repeat; border-top: 1px solid #D6D6D6;}
#forumItems .item {float: left; width: 360px; height: 40px; padding: 4px 0px 0px 0px; border-top: 1px solid #D6D6D6; font-size: 10px; line-height: 20px;}
#forumItems .item a {font: bold 13px verdana; display: block; width: 360px; white-space: nowrap; overflow: hidden;}
#forumItems .notOkay {float: left; width: 20px; text-align: right; padding-top: 5px; border-top: 1px solid #D6D6D6;}
#forumItems .legend {font-size: 10px; margin-right: 10px; float: left; margin-bottom: 5px;}

#forumReacties {border-bottom: 1px solid #D6D6D6; overflow: auto;}
#forumReacties .reactie {float: left; width: 420px; padding: 4px 0px 10px 0px; border-top: 1px solid #D6D6D6; }
#forumReacties .notOkay {float: left; width: 20px; text-align: right; padding-top: 5px; border-top: 1px solid #D6D6D6;}
.dateTime {font-size: 10px; color: #555; background-color: #EEE; padding: 3px; margin-top: 10px;}

#forumReactieForm, #forumBerichtForm {padding: 10px 15px; border: 1px dotted #97C61B; background: #e7f3c7; margin: 0px 10px 20px 10px; overflow: auto;}
#forumReactieForm textarea, #forumBerichtForm textarea  {width: 410px; height: 80px; font: normal 12px verdana; margin: 6px 0px;}
#forumBerichtForm .textbox  {width: 410px; font: normal 12px verdana; margin-top: 6px;}

.toetsEindQuestion {font-size: 120%; padding:5px 0;}
.correct,
.incorrect {font-weight: bold;}


.printerDiv	{
	border:1px solid black;
}

.lerarenOpmerkingNew {
	display:none;
}

.openvraagTextarea {
	display:none;
}

#zoeken_container, 
#account_container,
#page_tools {
	display:none;
}

.AnswerTitle { font-style:italic; font-weight:bold; font-size:11px; }

.pageNavNext,
.pageNavPrevious { display:none; }

.detailHeader, .detailTabButton, .detailTabButtonInactive, .detailCloseButton { display:none; }

#lvs-content { margin:0px !important; }
.lvs-button { display:none; }

ul li { list-style:none; }

.markers { display:none; }

.transcriptie_textarea textarea {float: left; width: 192px; height: 198px; padding:2px; font-size:12px; border:1px solid #fff;}

/* DRAG-N-DROP VRAAGTYPE */
.draggable-answers { float:left; width:250px; min-height:100px; z-index:15; }
.pseudo-draggable,
.draggable-answer { float:left; width:250px; margin:0 0 5px; border:1px solid #c9e5f5; background:#cadbe4; z-index:20; }
.pseudo-draggable p,
.draggable-answer p { float:left; width:250px; min-height:50px; padding:5px; background:#fff; }
.draggable-answer .drag-handle { float:left; width:20px; height:60px; background:#cadbe4; cursor:move; } 
.draggable-answer .drag-handle img { display:none; }

.dropped-answer { position:absolute; top:0; left:0; width:290px; background:#cadbe4; z-index:10; }
.dropped-answer p { float:left; width:263px; height:40px; overflow:auto; padding:5px; background:#fff; }
.dropped-answer .drag-handle { float:left; width:17px; height:50px; background:#cadbe4; } 

.revert { width:15px; height:15px; margin:2px 1px; background:url('/shared/images/revert.gif') 0 0 no-repeat; cursor:pointer; }
.ui-state-disabled { opacity:1 !important; filter:alpha(opacity=100) !important; }

.draggable-questions { float:left; width:295px; margin:0 0 0 20px; z-index:5; }
.draggable-question .draggable-question-title { font:bold 13px/18px verdana,sans-serif; margin:0 0 5px; }
.draggable-question .draggable-container { float:left; width:290px; height:50px; margin:0 0 15px; background:#e6f4fc; border:2px solid #b2c0c8; overflow:hidden; }
.draggable-question .draggable-container-hover { float:left; width:290px; height:50px; margin:0 0 15px; background:#e6f4fc; border:2px dashed #fff; } 

/* TRANSCRIPTIE VRAGEN */

table.transcriptievraag {margin-top: 10px;}
table.transcriptievraag tr td {vertical-align: top; height: 90%;}
table.transcriptievraag tr.questionrow { heiddght: 5%;}
table.transcriptievraag tr.questionrow td { border-top: 1px dotted #999; padding-top: 5px; vertical-align: top; height: 10%;}

.transcriptie_box {background: #B2C0C8; padding: 2px; margin-bottom: 5px;}
.transcriptie_boxdark {padding: 2px; margin-bottom: 5px;}
.transcriptie_title {font-weight: bold; color: #FFF;text-transform:uppercase; padding: 2px 4px;}
.transcriptie_text {background: #FFF; padding: 4px;}
.transcriptie_textarea {background: #FFF; width: 198px; padding: 0px; height: 206px; }
.transcriptie_textarea textarea {float: left; width: 192px; height: 198px; padding:2px; font-size:12px; border:1px solid #fff;}