html {height: 100%; margin-bottom: 1px; -ms-overflow-y: scroll;}

body {
	text-align: center;
	margin: 0px; padding: 0px;
	height: 99%;
}

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

#page { // Horizontale position
	position: relative;
	top: 0px;
	width: 930px; 
	margin-right: auto; 
	margin-left: auto;
	margin-top: 0px;
	padding: 0px 10px 10px 10px; margin-bottom: 60px;
	text-align: left;
	background-color: #FFF;
}

#pageContainer {
	position: relative;
	width: 930px;
	top: 0px; left: 0px;
	background-color: #FFF;
}

#cover {
	position: absolute; left: 719px; top: 32px; width: 221px; height: 210px; z-index: 10;
}

/*-------- General styles -----------*/
H1 {font: normal 25px Arial, Helvetica, sans-serif; color: #6B6B6B; margin: 0px 0px 15px 0px; clear: both; display: block;}
H1.uitgave {font: normal 28px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px;}
H2 {font: normal 20px Arial, Helvetica, sans-serif; color: #6B6B6B; margin: 0px;}
H3 {font: normal 14px Arial, Helvetica, sans-serif; color: #6B6B6B; margin: 3px 0px;}
H4 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #6B6B6B; margin: 0px;}
H5, H6 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #6B6B6B; margin: 0px;}
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; outline: none;}
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;}

.whitespace {margin: 0px 10px 25px 10px; clear: both;}
.contentBlock {margin: 0px 10px 10px 10px;}


/* ------------- TABLES in contentvlak -----------*/
.whitespace td {vertical-align: top; padding: 4px; background-color: #f0f0f0;}
.whitespace table {vertical-align: top; padding: 0px; margin: 0px; background-color: #fff;}
.whitespace td:first-child {width: 30%; padding-right: 10px;}
.whitespace + .whitespace H1 {margin-top: 10px;}
.whitespace UL {margin-top: 0px; margin-bottom: 0px;}

/* ------------- TABLES vragenrapportage -----------*/
.statustekst { color:#383838; }
.whitespace table.studenten-rapport {border-width: 0px 0px 0px 0px;}
.whitespace table thead.grey tr td { padding:14px 10px; font-size:16px; background:#eee url('../images/rapportage.gif') no-repeat  -148px -1px; }
.whitespace table.studenten-rapport tr td { background-color: #fff; border-top: 1px solid #ebebeb; }
.whitespace table.studenten-rapport tr td.redArrow { background:#fff url('../images/rapportage.gif') no-repeat -255px -73px; }
.whitespace table.studenten-rapport tr td.greenArrow { background:#fff url('../images/rapportage.gif') no-repeat -640px -73px; }
.whitespace table.studenten-rapport tr td.greyArrow { background:#fff url('../images/rapportage.gif') no-repeat 86px -73px; }
.whitespace table.studenten-rapport tr td.redArrow a,
.whitespace table.studenten-rapport tr td.greenArrow a,
.whitespace table.studenten-rapport tr td.greyArrow a { display:block; }
.whitespace table.studenten-rapport tr td.redArrow a:hover,
.whitespace table.studenten-rapport tr td.greenArrow a:hover,
.whitespace table.studenten-rapport tr td.greyArrow a:hover { color:#EF3D3D; }

/* ------------- SideBar -----------*/
.whitespaceSidebar {margin: 0px 5px 30px 5px; padding-top: 5px;}
.whitespaceSidebar H2 {font: bold 13px Verdana; margin: 3px 0px 5px 0px;}
.sidebarButtons {margin: 0px 5px 15px 5px; font-weight: bold}
.sidebarButtons img {vertical-align: middle;}
.sidebarButtons a {margin-right: 15px;}

/* ------------- Accountgegevens SideBar -----------*/
.accountGegevens {margin: 0px 5px 30px 5px; padding-top: 5px; border-top: 1px solid #97C61B; line-height: 20px; }
.accountGegevens H2 {font: bold 13px Verdana; margin: 3px 0px 0px 0px;}
.accountGegevens .naam {margin-bottom: 3px; margin-top: 8px; font-weight: bold; border: 1px dotted #e69225; background-color: #fcf4e0; padding: 3px 5px; overflow: hidden;}
.accountGegevens a.arrow {font-weight: bold; background: #FFF url('../images/arrow_link.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}

/*-------- PAGE LAYOUT -----------*/
#contentContainer {width: 930px; margin-top: 30px; background: #FFF url('../images/bg_content.gif') repeat-y; clear: both; /* overflow: auto; */ }
#contentContainer #col1 {width: 220px; float: left; padding-right: 10px;}
#contentContainer #col2 {width: 470px; float: left; padding: 0px 10px;}
#contentContainer #col3 {width: 190px; float: left; padding-left: 10px; padding-top: 0px;}

#contentContainerWide {width: 930px; margin-top: 30px; background: #FFF url('../images/bg_content_wide.gif') repeat-y; clear: both; overflow: auto;}
#contentContainerWide #col1 {width: 220px; float: left; padding-right: 10px;}
#contentContainerWide #col2 {width: 670px; float: left; padding: 0px 10px;}

#header {position: relative; width: 930px; height: 225px;}
#siteTitle {position: relative; top: 40px; left: 15px; width: 690px; height:90px;}
#siteTitle table tr td.siteTitle_valign {vertical-align:middle;}
#siteTitle H1 {font: normal 32px Arial,Helvetica,sans-serif; color: #534e4e; line-height: 30px; margin: 0px 0px 4px 0px; }
#siteTitle H2 {font: normal 19px Arial,Helvetica,sans-serif; color: #534e4e;}

#breadcrumb {
	position:absolute; left: 0px; bottom: 0px; width: 710px; height:31px; z-index: 5; 
	overflow: hidden; white-space: nowrap; 
	margin: 0px; padding: 4px 0px 0px 10px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

#footer {position: relative; width: 930px; margin-top: 20px; background: #FFF url('../images/bg_footer.gif') repeat-x; height: 28px; clear: both;}
#footer div {padding-top: 5px; font-size: 11px;}
#footer img {margin-right: 15px;}

/*-------- TAB TOP MENU -----------*/
.tabbar {position:absolute; left: 0px; bottom: 35px; width: 715px; z-index: 5; padding-left: 5px;}

#tabbar {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

*html #tabbar li {
	width: 100px; /* Hack for IE6 */ 
} 

#tabbar li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 0px;
} 

#tabbar li.normal {
	position: relative; z-index: 10; background: url('../images/tab_bgleft.gif') no-repeat 0px 4px; margin-right: 4px;
}

#tabbar li.normal a.tab {
	position: relative; z-index: 10; display: block; height: 24px; padding: 0px 0px 0px 0px; margin-right: 0px; margin-left: 5px; margin-top: 4px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #4a4a4a; text-decoration: none; cursor: pointer; white-space: nowrap;
}

#tabbar li.normal a.tab span {
	background: url('../images/tab_bgright.gif') no-repeat top right; display: block; 
	height: 20px; padding: 5px 10px 0px 5px; margin-top: 0px; 
}

#tabbar li.active {
	position: relative; z-index: 10; margin-right: 4px;
}

#tabbar li.active a.tab {
	position: relative; z-index: 10; display: block; height: 24px; padding: 0px; margin-right: 0px; margin-left: 5px; margin-top: 4px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #FFF; text-decoration: none; cursor: pointer; white-space: nowrap;
}

#tabbar li.active a.tab span {
	display: block; height: 20px; padding: 5px 10px 0px 5px; margin-top: 0px; 
}

#tabbar li.locked {
	position: relative; z-index: 10; background: url('../images/tab_bgleft_locked.gif') no-repeat 0px 4px; padding-left: 15px; margin-right: 4px;
}

#tabbar li.locked a.tab {
	position: relative; z-index: 10; display: block; height: 24px; padding: 0px; margin-right: 0px; margin-left: 5px; margin-top: 4px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #4a4a4a; text-decoration: none; cursor: pointer; white-space: nowrap;
}

#tabbar li.locked a.tab span {
	background: url('../images/tab_bgright.gif') no-repeat top right; display: block; 
	height: 20px; padding: 5px 10px 0px 5px; margin-top: 0px; 
}

.tabbar ul, ul#tabbar li {list-style: none outside; margin: 0px; padding: 0px; float: left;}

/*-------- LEFT MENU -----------*/
#col1 ul {list-style: none outside; margin: 0px 0px 0px 5px; padding: 0px; font: normal 12px verdana;}
#col1 li {list-style: none outside; margin: 0px 0px 0px 0px; padding: 0px; }
#col1 ul a {display: block;padding: 5px 0px 5px 18px; background-position: 0px 6px;}
#col1 ul ul {list-style: square none; margin: 0px 0px 10px 15px; padding: 0px; font: normal 11px verdana;}
#col1 ul ul a {display: block; padding: 1px 0px 3px 15px; background-position: 0px 3px;}
#col1 ul ul ul {list-style: square none; margin: 0px 0px 3px 15px; padding: 0px; font: normal 11px verdana;}
#col1 ul ul ul a {display: block; padding: 1px 0px 3px 15px; background-position: 0px 3px;}
#col1 ul a:hover {text-decoration: underline;}

a.niv1Arrow {display: block; background: #FFF url('../images/bullet_arrow_inactive.gif') no-repeat; background-position: center left;}
a.niv1ArrowActive {display: block; background-position: center left;}
a.niv1Closed {display: block; background: #FFF url('../images/bullet_closed.gif') no-repeat; background-position: center left;}
a.niv1Open {display: block; background: #FFF url('../images/bullet_open.gif') no-repeat; background-position: center left; }
a.niv1Locked {display: block; background: #FFF url('../images/bullet_locked.gif') no-repeat; background-position: center left;}

a.niv2 {display: block; background: #FFF url('../images/bullet_smallarrow_inactive.gif') no-repeat; background-position: center left;}
a.niv2active {display: block; background-position: center left;}
a.niv2Closed {display: block; background: #FFF url('../images/bullet_niv2_closed.gif') no-repeat; background-position: center left;}
a.niv2Open {display: block; background: #FFF url('../images/bullet_niv2_open.gif') no-repeat; background-position: center left; }
a.niv2Locked {display: block; background: #FFF url('../images/bullet_niv2_locked.gif') no-repeat; background-position: center left;}

/* programmer alert: kopie van niv2 */
a.niv3 {display: block; background: #FFF url('../images/bullet_smallarrow_inactive.gif') no-repeat; background-position: center left; }
a.niv3active {display: block; background-position: center left;}
a.niv3Locked {display: block; background: #FFF url('../images/bullet_niv2_locked.gif') no-repeat; background-position: center left;}





/*-------- FORMS -----------*/
input.button {cursor:pointer;cursor:hand; padding-bottom: 2px; padding-left: 15px; padding-right: 15px; height: 22px;}
input.button:hover {cursor:pointer;cursor:hand;}
.formTable td {padding: 5px 10px; border-top: 1px solid #FFF;}
.formTable tr td:first-child {padding: 5px 10px; border-top: 1px solid #FFF;}

/*------------------ BEGRIPPENLIJST ------------------*/
.begrippenlijst {margin: 0px 10px 15px 10px;}
.begrippenlijst .begrip {border-top: 1px solid #D5D5D5; padding: 5px 0px 15px 30px; background: #FFF url('../images/bullet_begrippenlijst.gif') no-repeat; background-position: 0px 7px;}

.begrippenBox {margin: 0px 10px 15px 10px; padding: 5px 5px 5px 70px; border: 1px dotted #DADADA;}
.begrippenBox .begrippen {width: 360px; padding-top: 5px;}
.begrippenBox ul {list-style: disc inside; margin: 5px 0px;padding: 0px;}
.begrippenBox li {margin-left: 0px; padding: 0px;}
.begrip textarea {border: 1px solid #E1E1E1; margin: 5px 0px; height: 70px; background-color: #f3f3f3; }
.begripRelated {border-top: 1px solid #D5D5D5; background: #FFF; padding: 5px 0px 15px 0px;}
.begripRelated H3 {margin: 3px 0px;}

/*------------------ LERARENOPMERKINGEN ------------------*/
.lerarenOpmerking {margin: 0px 10px 15px 10px; padding: 10px; background: #fff9d4; border: 1px dotted #fe8700;}
.lerarenOpmerking img {float: left;}
.lerarenOpmerking div {padding-left: 70px;}
.lerarenOpmerking a {font-weight: bold; display: block; clear: left;}
.lerarenOpmerkingNew {margin: 0px 10px 5px 10px;}
.lerarenOpmerkingNew a {font-weight: bold; padding-left: 40px; padding-top: 5px;background: #FFF url(../images/icon_lerarenopmerking_new.gif) no-repeat; display: block; height: 32px; }

/* ---------------- QUESTIONS ------------- */
.questionBox {padding: 10px 15px 0px 15px; margin: 0px 10px 20px 10px; overflow: auto; display: block;}
.questionBox .question {margin: 5px 0px;}
.questionBox input {margin-right: 5px; float: left;	clear: left;}
.questionBox label {font-weight: bold; cursor:pointer; float: left;	clear: right; padding: 0px;}
.questionBox labelGoed {font-weight: bold; cursor:pointer;}
.questionBox labelFout {font-weight: bold; cursor:pointer;}
.questionBox .radioexplained {padding-left: 26px; clear: both;}
.questionBox .radioAnswer {width: 390px; margin-top: 10px; clear: both; background: #FFF; padding: 5px 10px 5px 10px;}
.questionBox .button {margin-top: 15px;}
.questionBox textarea {width: 410px; height: 168px; font: normal 11px verdana; clear: both;}
.questionBox .openanswer {margin-top: 5px; background: #FFF; padding: 5px 10px 10px 10px; }
.questionBox .openanswer p {display: inline;}

ul.form {padding: 0; margin: 0;}
ul.form li {list-style-position: outside; list-style-type: none; margin: 0px; clear: both;}
ul.form li label {width: 90%; display: block; float: left; clear: right; padding-bottom: 4px;}
.questionBox .radioButton {float: left; margin-right: 5px;}

.juisteAntwoordHighlight { color:#1863AD; }

/*--- Open de toets -----*/
.openToets {padding: 10px 0px 1px 0px; margin: 0px 5px 20px 10px; overflow: auto;}
.openToetsText {margin: 0px 10px 15px 70px;}
#col1 .openToets {padding: 10px 0px 10px 0px; margin: 0px 5px 20px 5px; overflow: auto;}
#col1 .openToetsText {margin: 0px 50px 1px 10px;}
.openToetsLink {font-weight: bold; display: block; padding: 3px 0px 0px 18px;}

/*--- Open instructievideo -----*/
.openVideo {padding: 10px 0px 1px 0px; margin: 0px 5px 20px 10px; overflow: auto;}

/*--- Open het college -----*/
.openCollege {padding: 10px 0px 1px 0px; margin: 0px 5px 20px 10px; overflow: auto;}

/* ---------------- FORUM ------------- */
#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:hidden;}
#forumReacties .reactie {float: left; width: 420px; padding: 4px 0px 10px 0px; border-top: 1px solid #D6D6D6; }
#forumReacties .notOkay {float: left; width: 29px; 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; 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;}

/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar { height: 30px; padding-top: 10px; background-color: #e7f6ff;}
.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;}

/*-------- PAGE NAVIGATION VORIGE VOLGENDE -----------*/
.pageNavPrevious {
	float: left; width: 200px;  padding-bottom: 5px;
	background: #FFF url(../images/bt_pagenav_previous.gif) no-repeat top left;
	padding-left: 20px; line-height: 15px; font-size: 12px; padding-bottom: 5px;
}
.pageNavNext {
	float: right; width: 200px;
	background: #FFF url(../images/bt_pagenav_next.gif) no-repeat top right; 
	text-align: right; padding-right: 20px; line-height: 15px; font-size: 12px; padding-bottom: 5px;
}
.pageNavNext a, .pageNavPrevious a {display:block; /*width: 250px;*/ font-weight: bold;}

.pageNavigatie {overflow: auto;}


/*---------- SITEMAP -------------*/
#sitemap ul {list-style: none outside; margin: 0px 0px 0px 5px; padding: 0px; font: normal 12px verdana;}
#sitemap li {list-style: none outside; margin: 0px 0px 0px 0px; padding: 0px; }
#sitemap ul a {display: block; padding: 5px 0px 5px 18px; background-position: 0px 6px; display: block; background: #FFF url('../images/bullet_sitemap.gif') no-repeat; background-position: center left;}
#sitemap ul ul {list-style: square none; margin: 0px 0px 10px 15px; padding: 0px; font: normal 11px verdana;}
#sitemap ul ul a {display: block; padding: 1px 0px 3px 15px; background-position: 0px 3px; display: block; background: #FFF url('../images/bullet_sitemap_niv2.gif') no-repeat; background-position: center left;}
#sitemap ul a:hover {text-decoration: underline;}
#sitemap ul a.niv1Locked {display: block; background: #FFF url('../images/bullet_locked.gif') no-repeat; background-position: center left;}
#sitemap ul ul a.niv2Locked {display: block; background: #FFF url('../images/bullet_niv2_locked.gif') no-repeat; background-position: center left;}

/*---------- ZOEKEN -------------*/
#zoeken_container {position: absolute; top: 10px; right: 5px; z-index: 10;}

#zoekForm {margin: 0px;}
#zoekBox {
	width: 164px; height: 15px; 
	margin: 0px 2px 0px 0px; padding: 4px 0px 0px 4px; 
	float: left; 
	background: url('../images/bg_zoekbox.gif') no-repeat;
	border: 0px; 
	font: normal 12px/12px arial,helvetica,sans-serif; color: #4a4a4a;
}
#zoekButton { /* Voor hover zie site specifieke css files */
	width: 21px; height: 19px; 
	margin: 0px; padding: 0px; 
	background: url('../images/bt_zoeken.gif') no-repeat;
	border: 0px;
	clear: right;
	cursor: pointer;
} 

/* Login topbar */
#account_container {position: absolute; top: 10px; right: 220px; z-index: 10; text-align: right; font-size: 11px; line-height: 16px;}
#account_container div.account_link {
	display: block; padding-left: 18px; 
	background: url('../images/icon_useraccount.gif') no-repeat 0px 3px; font-size: 11px; line-height: 16px;}
#account_container div.account_link  a { font-size: 11px; line-height: 16px;}

/* Print & send a friend */
#page_tools {position: absolute; top: 0px; right: 0px; z-index: 10; text-align: right;}
#page_tools a.send-a-friend {display: block; padding-left: 18px; background: url('../images/icon_sendafriend.gif') no-repeat 0px 4px; float: right; margin-right: 10px;}
#page_tools a.print-page {display: block; padding-left: 18px; background: url('../images/icon_print.gif') no-repeat 0px 3px; float: right; margin-right: 10px;}

div#stuurdoorBox {
	position: absolute; width: 290px; height: 212px; bottom: 25px; right: 50px; z-index: 990; 
	background: url('../images/bg_sendafriend.png') no-repeat; 
	padding: 15px 15px; margin: 0px;
}
div#stuurdoorBox form.mailafriend_form {margin: 0px;}
div#stuurdoorBox .stuurdoorBoxClose {position: absolute; top: 4px; right: 1px; z-index: 50;} /* vreemde positie vanwege schaduw */

/*----------- 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 */
a.docentBegrip {color: #145190; background-color: #e9f3fd; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
a.studentBegrip {color:#383838; background-color: #e9f3fd; border-bottom: 1px dotted #00AEEF; white-space: nowrap;} /* #e1f0ff */
a.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;}

/* Gewone cursor voor een docent begrip */
.prototipDocentBegrip .content {cursor:default;}

/* FORMS */
.formTable .textField {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px;}
.xsformbuilder_simple_textbox {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px; }
textarea, .xsformbuilder_large_textbox {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px;}
.xsformbuilder-col1 { padding: 3px 0px 3px 5px; }
.xsformbuilder-col2 { padding: 3px 0px 3px 0px; }

/* Hulpdiv voor het uitprinten van antwoorden in textarea's */
.printerDiv	{
	display:none;
}

/* FAQ - VRAAG EN ANTWOORD */
.questionGroupContainer {margin-top: 0px; margin-bottom: 15px; display: block; border-bottom: 1px solid #EEE; border-top: 1px dotted #b5b5b5;clear: both;}
H2.questionGroup {margin-top: 5px; margin-bottom: 5px;}
.question {}
.question:hover {}
.question a.plus {display: block; padding: 3px 0px 3px 20px; background: url('../images/bullet_faq_plus.gif') no-repeat 5px 6px;}
.question a.min {display: block; padding: 3px 0px 3px 20px; background: url('../images/bullet_faq_min.gif') no-repeat 5px 6px;}
.questionAnswer {padding: 5px 0px 15px 20px;}

/* POPUPS */

#popup-inner {	position: relative; display:block; top: 0px; width: 90%;	margin:0 auto 30px;	padding: 0px 10px 10px 10px; text-align: left; background-color: #FFF; }
#popup-inner h1 { padding:8px 0 0; }
.close-button a { position:absolute; top:5px; right:5px; width:20px; height:20px; background:#fff url('../images/bt_notokay_normal.gif') no-repeat 1px 1px ; }
.close-button a:hover { background:#fff url('../images/bt_notokay_high.gif') no-repeat 1px 1px ; }

/* DRAG-N-DROP VRAAGTYPE */
.draggable-answers { float:left; width:300px; min-height:100px; z-index:15; }
.draggable-answer { float:left; width:290px; margin:0 0 5px; border:1px solid #c9e5f5; background:#cadbe4; z-index:20; }
.draggable-answer p { float:left; width:260px; 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 { margin:4px 3px 0; }

.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; } 

/* MOTIVATIE */

.motivatie_titel {display: block; clear: both; padding: 10px 0px 3px 0px; }
textarea.motivatie_textarea {height: 50px; width: 393px; border: 1px solid #CCC; font-size: 12px; line-height: 16px; color: #666; padding: 5px 8px; }


/* 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 solid #b2c0c8; 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 {width: 192px; height: 200px; font-size:12px; float: left;}


/* MARKEER VRAAG */
.marker-question { position:relative; width:598px; background:#FFF; border:1px solid #a5a5a5; padding:10px  10px  45px; }
.textbox-student { width:585px; font:normal 13px/18px monaco,arial,verdana,sans-serif; }
.textbox-modelantwoord { position:absolute; top:10px; left:10px; width:585px; font:normal 13px/18px monaco,arial,verdana,sans-serif; }

.mark_green { background:#d5f5c7; }
.line_green { border-bottom:2px solid #32810f; }
.mark_red { background:#f6ccc3; }
.line_red { border-bottom:2px solid #dc3045; }
.mark_yellow { background:#f6e1ab; }
.line_yellow { border-bottom:2px solid #f7bc1d; }
.mark_blue { background:#b4e5f7; }
.line_blue { border-bottom:2px solid #56a6c4; }

.markers { position:absolute; bottom:0px; left:0px; width:618px; height:34px; z-index:10; border-top:1px solid #c5c5c5; font:normal 11px/15px arial,helvetica,sans-serif;	background: url('/shared/images/bg_marker_question.gif') repeat-x; }
.markers p { float:left; padding:2px 20px 2px 5px; }					
.clear_button,
.marker_buttons { margin:3px 0 0; }
.clear_button li,
.marker_buttons li { float:left; list-style:none; }
.marker_buttons #mbutton-rood a { width:32px; height:0px; display:block; overflow:hidden;margin:0 5px 0 0; padding:28px 0 0; background: url('/shared/images/buttons_markeervraag.gif') -36px 0px no-repeat; }
.marker_buttons #mbutton-rood a:hover { background-position:-36px -31px; }
.marker_buttons #mbutton-geel a { width:32px; height:0px; display:block; overflow:hidden;margin:0 5px 0 0; padding:28px 0 0; background: url('/shared/images/buttons_markeervraag.gif') -71px 0px no-repeat; }
.marker_buttons #mbutton-geel a:hover { background-position:-71px -31px; }
.marker_buttons #mbutton-groen a { width:32px; height:0px; display:block; overflow:hidden;margin:0 5px 0 0; padding:28px 0 0; background: url('/shared/images/buttons_markeervraag.gif') -106px 0px no-repeat; }
.marker_buttons #mbutton-groen a:hover { background-position:-106px -31px; }
.marker_buttons #mbutton-blauw a { width:32px; height:0px; display:block; overflow:hidden; margin:0 5px 0 0; padding:28px 0 0; background: url('/shared/images/buttons_markeervraag.gif') -141px 0px no-repeat; }
.marker_buttons #mbutton-blauw a:hover { background-position:-141px -31px; }
.clear_button #mbutton-clear a { width:32px; height:0px; display:block; overflow:hidden; margin:0 5px 0 0; padding:28px 0 0; background: url('/shared/images/buttons_markeervraag.gif') 0px 0px no-repeat; }
.clear_button #mbutton-clear a:hover { background-position:0px -31px; }

/* ----------------------------------------- TOETS MODULE CONTAINER -------------------- */

.toetsvragenContainer { display:block; width:650px; clear:both; margin:0px 10px 20px 10px; }
.t_preview {display: block; width: 670px; clear: both; margin: 0px auto; padding: 20px 10px 10px; background:#FFF; text-align:left; }

.toetsvragenContainer .toetsHeader {
	background:url('/shared/images/toetsvraag_topbar.gif') no-repeat;
	width:614px; height:40px; padding:7px 18px 0px 18px;
}
.toetsvragenContainer .toetsHeader p.toetsTitel {
	font-weight:bold; font-size:13px; color:#FFF;
	float:left; width:470px;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.toetsvragenContainer .toetsProgressBox { float:right; position:relative; width:130px; height:18px; text-align:right; font-size:10px; line-height:16px; color:#FFF; }
.toetsvragenContainer .toetsProgressBox .toetsProgressMask { width:80px; height:8px; position:absolute; left:0px; top:5px; z-index:5; }
.toetsvragenContainer .toetsProgressBox .toetsProgressBar { height:8px; position:absolute; left:0px; top:5px; z-index:3; background:#FFF; text-align:left; }
.toetsvragenContainer .toetsContent { background:url('/shared/images/toetsvraag_bg.gif') repeat-y; width:650px; }
.toetsvragenContainer .toetsContent .toetsContentWhitespace { padding:0px 15px 10px 15px; }
.toetsvragenContainer .toetsFooter { background:url('/shared/images/toetsvraag_footer.gif') repeat-y; width:650px; height:20px; }
.toetsContentWhitespace .question { margin-bottom:5px; overflow: auto; clear: both;}
.toetsContentWhitespace ul { float:left; border-bottom:1px solid #ededed; padding:0px; margin:0px; display: block; clear: both; }
.toetsContentWhitespace ul li { list-style-position: outside; list-style-type: none; float:left; border-top:1px solid #ededed; display:block; padding:5px 0 3px 8px; margin:0; background:#f8f8f8; clear: both; }
.toetsContentWhitespace ul li:hover { background:#FFF; }
.toetsContentWhitespace ul li label { float:left; display:block; width:585px; clear:right; cursor:pointer; }
.toetsContentWhitespace ul li input { float:left; margin-right:6px; }
.toetsContentWhitespace .form { width:620px; margin:0px 0px 10px 0px; }
.toetsContentWhitespace HR { margin-top: 10px; margin-bottom: 10px; border-color: #f4f4f4; }

.toetsHint { float:right; position:relative; width:38px; height:25px;  padding:0 0 7px 7px; clear: right;}
.toetsHint a .toetsHintShow {
	display:none;
	position:absolute; right:0px; top:0px;
	height:25px; z-index:5px;
}
.toetsHint a:hover .toetsHintShow {
	position:absolute; right:0px; top:0px;
	height:25px; z-index:5px;
	background:url('/shared/images/toetsvraag_hint_right.gif') no-repeat top right;
	display:block; white-space:nowrap;
	padding:4px 10px 0px 10px;
	font:normal 11px/12px verdana,helvetica,sans-serif;
	color:#b08f66;
	cursor:pointer;
}
.toetsHintShowLeft {
	position:absolute; left:0px; top:0px;
	width:5px; height:20px; z-index:5px;
	background:url('/shared/images/toetsvraag_hint_left.gif') no-repeat;
}
.toetsAnswer { font-weight:bold; display:block; padding-bottom:15px; color:#a10761; }
.toetsTextarea { width:606px; height:120px; font:normal 12px/18px verdana,helvetica,sans-serif; color:#555; padding:6px; margin-bottom:15px; border:1px solid #BBB; }

.correct { background: #e5fdd5; border:1px solid #9ee66d; padding: 2px 5px; margin-bottom: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
.incorrect { background: #ffeced; border:1px solid #ffaaad; padding: 2px 5px; margin-bottom: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }

/* startscherm */
.toetsStartHeader {padding: 20px 30px 10px 30px;}
.toetsStartHeaderColor {}
.toetsStartUitleg {padding: 0px 30px 10px 30px; min-height: 100px;}
.toetsStartButton {border: 1px solid #CCC; font-size: 14px; background: #FFF; padding: 4px 15px; cursor: hand; }
.toetsStartButton:hover {border: 1px solid #145190; font-size: 14px; padding: 4px 15px; color:#145190}


/* eindscore */
.toetsEindScoreWhitespace {padding: 10px 20px; text-align: left;}
.toetsEindScoreContainer {background: #FFF; padding: 15px;}
.toetsEindScoreItem {margin: 0px; padding: 0px;}
.toetsEindScoreItem hr {margin: 8px 0px; paddssing: 8px 0px;}
p.toetsEindQuestion {font-weight: bold; margin-bottom: 5px;}
p.toetsEindAnswer { margin-bottom: 5px;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.question-feedback {
	background-color:#fff;
	border:1px dotted grey;
	width: 600px;
	height: 24px;
	display: none;
}