sub, sup { margin:0; padding:0; border:0; outline:0; font-size:100%;	vertical-align:baseline; background:transparent; }
html {height: 100%; margin-bottom: 1px; -ms-overflow-y: scroll; overflow:-moz-scrollbars-vertical; }
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 {
	/* min-height:75px;  voorkomt het klapperen van de pagina bij het hoveren van de gumbuttons van een leeg artikel (FF, Chrome, IE8+) */
	margin:0px 10px 25px 10px; clear:both;
}
.contentBlock {margin: 0px 10px 10px 10px;}

input[type='button'], input[type='submit'] { _width:auto; overflow:visible; }


/* ------------- 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; }
*table { border-collapse:collapse;  } /* IE table border hack */
.whitespace table.studenten-rapport {border-width: 0px 0px 0px 0px;}
table.studenten-rapport th { padding:4px 0; font-weight:normal; font-size:11px; color:#999; }
table.studenten-rapport th:first-child { padding-left:10px; }
.whitespace table.studenten-rapport h1 { margin:0 0 6px; font-size:13px; font-weight:bold; color:#333; }
.whitespace table thead.grey tr td { padding:14px 10px; font-size:16px; background:#eee url('../images/rapportage.gif') no-repeat  -148px -1px; }
.whitespace table thead.grey-open tr td { padding:14px 10px; font-size:16px; background:#eee url('../images/rapportage.gif') no-repeat  -947px -1px; }
.whitespace table.studenten-rapport tr td { padding:6px 2px; background-color: #fff; border-style:solid; border-color:#ddd; border-width:1px 0px 0px 0px; }
.whitespace table ol { margin:5px 0; }
table.studenten-rapport tr td:first-child { padding:6px 10px; background-color: #fff; border-style:solid; border-color:#ddd; border-width:1px 0px 0px 0px; }
.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; }

.toets-titel h3 { font-weight:bold; font-size:14px; color:#333; }


/* ------------- 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;}

.verkoopbutton { padding:5px 10px 15px; background:#f6f6f6; text-align:center; }
.verkoopbutton h2 { text-transform:uppercase; text-align:left; }
.verkoopbutton .afbeelding { margin:10px 0; }
.verkoopbutton .intro { text-align:left; }
.verkoopbutton .url { cursor:pointer; }

/* ------------- 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;}

#account-expires-notification {
	  position: relative; background: #ce2a5e;
    width: 100%; padding: 9px 0px; color: #ffd3df;
    text-align: center; font: normal 15px Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.48);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.48);
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.48);
}

/*-------- 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;}
#headerHoog { position:relative; width:930px; height:223px; }

#headerImage { width:930px; padding:33px 0 0; }

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

/*-------- LEFT MENU mk2 -----------*/
#global-menu-handler { width:30px; height:15px; margin:0 0 10px 10px; cursor:pointer; }
.global-open { background:url('../images/menus_allemaal_sluiten.gif') 0 0 no-repeat; }
.global-closed { background:url('../images/menus_allemaal_openklappen.gif') 0 0 no-repeat; }

#col1 ul { float:left; list-style: none outside; margin:0 0 10px 5px; padding: 0px; font: normal 12px verdana;}
#col1 li {list-style: none outside; margin: 0px 0px 0px 0px; padding: 0px; }
#col1 .menu-handler { float:left; width:15px; height:22px; }
.handler-open { background: #FFF url('../images/bullet_open.gif') no-repeat 1px 5px; cursor:pointer; }
.handler-closed { background: #FFF url('../images/bullet_closed.gif') no-repeat 1px 5px; cursor:pointer; }
.handler-arrow { background: #FFF url('../images/bullet_arrow_inactive.gif') no-repeat 1px 5px; }
.handler-arrow-active { background: #FFF url('../images/bullet_arrow.gif') no-repeat 1px 5px; }
.handler-locked {background: #FFF url('../images/bullet_locked.gif') no-repeat 1px 5px; }

#col1 ul a { float:left; width:195px; padding: 5px 0px 5px 5px; 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 { float:left; width:185px; padding: 1px 0px 3px 0; 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 { float:left; width:180px; padding: 1px 0px 3px 15px; background-position: 0px 1px;}
#col1 ul a:hover {text-decoration: underline;}

a.niv1Arrow,
a.niv1ArrowActive,
a.niv1Closed,
a.niv1Open,
a.niv1Locked {display: block;}

.niv2 { float:left; }
.niv2-handler { float:left; width:15px; height:17px; cursor:pointer; }
.niv2-arrow { background:#FFF url('../images/bullet_smallarrow_inactive.gif') no-repeat 1px 2px; }
.niv2-closed { background: #FFF url('../images/bullet_niv2_closed.gif') no-repeat 1px 2px; }
.niv2-open { background: #FFF url('../images/bullet_niv2_open.gif') no-repeat 1px 2px; }
.niv2-locked { background: #FFF url('../images/bullet_niv2_locked.gif') no-repeat 1px 2px; }

a.niv2,
a.niv2active,
a.niv2Closed,
a.niv2Open,
a.niv2Locked {display: block;}

/* 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-bottom: 0px; border-top: 1px solid #D5D5D5; padding: 5px 0px 15px 30px;
	background: #FFF url('../images/bullet_begrippenlijst.gif') no-repeat; background-position: 0px 7px;
	cursor:default;
}

.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 ------------- */
.questioncontainer	{ margin:0 0 35px; }
.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 13px verdana; clear: both;}
.questionBox .openvraagTextarea { height:100px; padding:2px;  border:1px solid #CCCCCC; }
#contentContainerWide #col2 .questionBox textarea { width:594px; padding: 10px; line-height: 18px; color: #383838;}
.questionBox .openanswer {margin-top: 5px; background: #FFF; padding: 5px 10px 10px 10px; }
.questionBox .openanswer p {display: inline;}

.hints-container	{ float:left; margin:0 0 15px; padding:5px 3px 5px 8px; border:1px dotted #aaa; }
	.hint 						{ float:left; width:22px; height:18px; margin:0 5px 0 0; background:url('../images/hints.png') 0 0 no-repeat; overflow:hidden; }
	.hint.hint2				{ background-position:-27px 0; }
	.hint.hint3				{ background-position:-52px 0; }
		.hint a						{ display:block; width:22px; height:18px; }

.hints-container.text		{ padding:5px 12px 5px 8px; }
	.toetsContentWhitespace ul.question-text-link-wrapper				{ border:0; }
		.toetsContentWhitespace ul li.question-text-link						{ border:0; }
		.toetsContentWhitespace ul li.question-text-link:hover			{ background:transparent; }
			li.question-text-link a					{ color:#383838; }
			li.question-text-link a:hover		{ text-decoration:underline; cursor:pointer; }
		

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

.questions-intro	{ padding:0 0 15px; }
.question-text		{ margin:0 0 10px; }

/*--- 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: 2px 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;
}

/* begrippen 2011 */
.tooltip { position:absolute; width:400px; border-style:solid; border-color:#ddd #aaa #999 #ddd; border-width:1px 2px 4px 1px; z-index:9999; display:none; }
.tooltip_title { padding:5px; background:#e1f0ff; }
.tooltip_close {
	position:absolute; right:0; top:4px; height:10px; width:10px;
	background:url('/shared/images/close_tooltip.png') no-repeat; color:#fff; padding:5px;
	cursor:pointer; z-index:99999;
}
.auteur-begrip,
.student-begrip-editable,
.tooltip_content { padding:5px; background:#fff; }
.tooltip_content .docent-opmerking-editable,
.tooltip_content .editable { font-size:11px; }

.begrip { background:#e7f9fe; border-bottom:1px dashed #09aad9; cursor:pointer; }
.tooltip button { border:0; margin:5px 0 0; padding:1px 10px; background:#ccc; color:#fff; cursor:pointer; }
.tooltip textarea { border:1px solid #ddd; padding:3px; }


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

/* 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;
}


.plus { cursor:pointer; }

/* 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; }
.pseudo-draggable,
.draggable-answer { float:left; width:290px; margin:0 0 5px; border:1px solid #c9e5f5; background:#cadbe4; z-index:20; }
.pseudo-draggable p,
.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; }

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

/* TRANSCRIPTIE VRAGEN */

table.transcriptievraag {margin-top: 10px;}
table.transcriptievraag tr td {vertical-align: top; height: 90%;}
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 {float: left; width: 192px; height: 198px; padding:2px; font-size:12px; border:1px solid #fff;}


/* 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; }

/**
* markering en onderlijning gelijk getrokken -> markeervraag v.2
*/

.mark_green { background:#88ff66; }
.mark_red { background:#f77; }
.mark_orange { background:#ffcc00; }
.mark_yellow { background:#f6ff55; }
.mark_blue { background:#b4e5f7; }
.mark_purple { background:#c999f4; }
.mark_darkgreen { background:#81b156; }
.mark_pink { background:#fe96ff; }

.line_green { background:#88ff66; /* border-bottom:2px solid #32810f; */ }
.line_red { background:#f77; /* border-bottom:2px solid #dc3045; */ }
.line_orange { background:#ffcc00; /* border-bottom:2px solid #fca503; */ }
.line_yellow { background:#f6ff55; /* border-bottom:2px solid #ffdd22; */ }
.line_blue { background:#b4e5f7; /* border-bottom:2px solid #56a6c4; */ }
.line_purple { background:#c999f4; /* border-bottom:2px solid #c90bf4; */ }

.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 { float:right;  margin:0; }
.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; }
.marker_buttons #mbutton-paars 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') -211px 0px no-repeat; }
.marker_buttons #mbutton-paars a:hover { background-position:-211px -31px; }
.marker_buttons #mbutton-oranje 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') -176px 0px no-repeat; }
.marker_buttons #mbutton-oranje a:hover { background-position:-176px -31px; }
.marker_buttons #mbutton-donkergroen 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') -246px 0px no-repeat; }
.marker_buttons #mbutton-donkergroen a:hover { background-position:-246px -31px; }
.marker_buttons #mbutton-roze 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') -281px 0px no-repeat; }
.marker_buttons #mbutton-roze a:hover { background-position:-281px -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:0 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: 0px; 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; display:block; padding:5px 0px 3px 0px;}
.toetsContentWhitespace ul li input { float:left; margin-right:6px;}
.toetsContentWhitespace ul li input.radioButton {float:left;  margin-top: 6px; height: 16px;}
.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; }
.toetsTextareaSmall { width:606px; height:70px; font:normal 12px/18px verdana,helvetica,sans-serif; color:#555; padding:6px; margin-bottom:5px; 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 */
.toetsStart { padding:0 0 15px 70px; }
.toetsStart h1 { margin:0px; color:#145190; font-size:20px; }
.toetsStartHeader { }
.toetsStartHeaderColor {}
.toetsStartUitleg {}
.toetsStartButton {
	width:auto; overflow:visible; padding:3px 0 0 17px; border:0; font-size:13px; font-weight:bold; color:#145190;
	background:url("../images/icon_opentoets_newwindow.gif") no-repeat 0 7px; cursor: pointer;
}

/* 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;}
div.toetsEindModelAnswer {background: #fffdee;  margin-bottom: 10px; padding: 8px 15px; color: #5d551c;}
div.toetsEindModelAnswer span.AnswerTitle {font: normal  9px/10px arial,helvetica,sans-serif; padding: 0px 0px 4px 0px; text-transform: uppercase; color: #c2b97f;}
div.toetsEindYourAnswer {margin-bottom: 10px; }
div.toetsEindYourAnswer span.AnswerTitle {font: normal  9px/10px arial,helvetica,sans-serif; padding: 0px 0px 4px 0px; text-transform: uppercase; color: #AAA;}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.toetsOpenVraagIntro {
	background: #FFF url('/shared/images/bg_toets_openvraag_intro.gif') no-repeat;
	padding: 5px 8px 5px 35px; margin-bottom: 15px;
	border: 1px solid #e5e5e5;
}


.question-feedback {
	float:left;
	background-color:#fff;
	border:1px dotted grey;
	width: 598px;
	padding: 8px 10px;
	display: none;
	white-space: none;
}

.lvs-button { width:80px; padding:0 10px; background:#FFF; border:1px solid #AAA; color:#AAA; cursor:pointer; }
.lvs-button:hover { background:#AAA; color:#FFF; }

.lvs-filter-wrapper			{ margin:0 0 15px; text-align:right; } 

ul#lvs-utils { list-style:none; padding:20px 0 0 17px; }
ul#lvs-utils li { margin:0 0 7px; padding:0 0 0 22px; background:url('/shared/images/lvs-icons.gif') no-repeat; }
ul#lvs-utils li#archive { background-position:0px 0px; }
ul#lvs-utils li#detailed { background-position:0px -38px; }
ul#lvs-utils li#download { background-position:0px -75px; }

#lvs-content table.inner { margin:0; }
#lvs-content table.inner td { padding:0 5px; border:0; }
#lvs-content table.inner td.file { min-width:200px; }
#lvs-content table.inner td.date { min-width:120px; color:#777; text-align:right; }
#lvs-content table.inner td.counter { color:#777; text-align:right; }

.button-disabled { margin:15px 0 0; padding:1px 10px; border:1px solid #ccc; background:#ddd; color:#bbb; }

ul.error { list-style:none; margin:0; padding:0; text-align:center; }
ul.error li { padding:2px; background:#e33; color:#fff; }

.niet-goed { cursor:pointer; }

.delete-students { position:absolute; top:0; right:0; width:20px; height:20px; background:url('/shared/images/thrash.png') right center no-repeat; cursor:pointer; }
.delete-students .helptext {
	position:absolute; top:20px; left:-245px; height:40px; width:255px; padding:25px 6px 0;
	background:url('/shared/images/helptext.png') no-repeat; font-size:10px; line-height:14px;
	display:none;
}
.delete-students:hover .helptext { display:block; }

.bestand-insturen {  }
	.button-bestand-insturen	{ float:left; padding:10px 15px 10px 30px; background:url('../images/insturen-icons.png') 0 0 no-repeat; font-weight:bold; color:#145190; border-right:1px solid #e5e5e5; cursor:pointer; }
	.button-bestand-insturen.bestand		{ background-position:8px 10px;  }
	.button-bestand-insturen.url 				{ background-position:8px -71px; }
	.button-bestand-insturen.uploaded		{ background-position:8px -156px; }
	.button-bestand-insturen.selected		{ background-color:#e5e5e5; color:#000; }

	.bestand-insturen .insturen		{ border:10px solid #e5e5e5; }
	.bestand-insturen-buttoncontainer		{ padding:0 10px 10px; background:#e5e5e5; }

		#contentContainer .bestand-insturen .insturen textarea { width:428px; height:100px; padding:10px; border:0; line-height:18px; resize:none; }
		#contentContainerWide .bestand-insturen .insturen textarea { width:609px; height:80px; padding:10px; border:0; line-height:18px; resize:none; }
	
	.bestand-insturen .insturen .options { padding:10px; background:#fff; border-top:1px solid #cecece; }

	.bestand-insturen-panel		{  }

	table.bestand-insturen-uploaded-overview		{ width:100%; border-top:1px solid #e5e5e5; }
		table.bestand-insturen-uploaded-overview td		{ padding:3px 0; background:#fff; border-bottom:1px solid #e5e5e5; }
		table.bestand-insturen-uploaded-overview td.url			{  }
		table.bestand-insturen-uploaded-overview td.date		{ text-align:right; }

	.bestand-insturen-button-helptext	{ padding:0 0 0 10px; font-size:11px; }
	.bestand-insturen .upload_button { float:left; padding:2px 15px; border:1px solid #cecece; background:#fff; color:#145190; cursor:pointer; }
	.bestand-insturen .feedback { float:left; padding:3px 15px 0 20px; }
	.bestand-insturen input.url { width:300px; margin:0 20px 0 0; padding:3px; border:1px solid #cecece; background:#fff; }
	.file_selected { background:url('../images/delete.gif') right 9px no-repeat; color:#0f0f0f; font-weight:bold; }
	.file_selected:hover { cursor:pointer; background-position:right -57px; }
	.ajax-loader { height:125px; background:url('../images/ajax-loader.gif') center -10px no-repeat; display:none; }
	.feedback-succes { padding:20px; display:none; }


.info-container	{ position:relative; display:inline-block; height:20px; width:16px; margin:0 0 0 10px; background:url('../images/info.gif') 0 2px no-repeat; cursor:pointer; }
	.info-content		{ position:absolute; top:-58px; right:-18px; width:300px; font-size:10px; line-height:14px; display:none; }
		.info-content-text		{ padding:5px; border-style:solid; border-color:#ccc; border-width:1px 1px 0; box-shadow:0 2px 5px rgba(50, 50, 50, 0.50); background:#fff; }
		.info-content-bottom	{ height:16px; background:url('../images/info-bottom.png') -245px bottom no-repeat; }
.info-container:hover .info-content	{ display:block; }

.bookshelf-error { padding:2px; background:#e33; color:#fff; }

.rss-feed						{  }
	.rss-feed-item			{ margin:0 0 7px; }
		.rss-feed-item-link		{  }
		.rss-feed-item-date		{ font-size:10px; }