/* CSS Document */
body {margin:0; padding:0; background-color:#f57b20; background-image:url('../gfx/bg_body.gif'); background-repeat:repeat-x; background-position:top left}

body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10pt}

a {color:#f57b20; text-decoration:none}
a:hover {text-decoration:underline}

p.whitespace {clear:both}

h1, h2 {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0}
h1 {font-size:12pt}
h2 {font-size:11pt}

.clearer {clear:both; height:0; line-height:0; font-size:0}

#pageWrapper {width:804px; margin:0 auto}

#headerContainer {clear:both; width:798px; height:242px; margin:0 7px 0 0; padding:0; background-image:url('../gfx/bg_header.gif'); background-repeat:no-repeat; background-position:top left}
	#loginContainer {margin:0 0 0 7px; padding:30px 25px 0 451px}
		#login {width:315px; margin:0; padding:0}
			#login form {margin:0}
			#inloggen {margin:0; padding:0}
			#inloggen_username {float:left; display:inline; margin:0; padding:0 4px 0 0; color:#999999}
			#inloggen_username input {width:142px; padding:1px 3px; border:1px solid #e6e2e2; background-color:#ffffff; color:#999999}
			#inloggen_password {float:left; display:inline; margin:0; padding:0 4px 0 0; color:#999999}
			#inloggen_password input {width:71px; padding:1px 3px; border:1px solid #e6e2e2; background-color:#ffffff; color:#999999}
			#inloggen_button {float:left; display:inline; margin:0; padding:0;}
			#inloggen_button input {}
			#loginhelp {clear:both; padding-left:1px; font-size:8pt}
				#loginhelp a {color:#999999}
				#loginhelp a:hover {text-decoration:underline}
			#loggedin {padding-top:30px; white-space:nowrap; overflow:hidden; text-align:right; color:#f57b20}
	#searchContainer {margin:0 0 0 7px; padding:102px 575px 0 25px}	
		#search {width:191px; margin:0; padding:0}
			#search form {margin:0}
			#zoeken {margin:0; padding:0}
			#zoeken #zoeken_criteria input {width:154px; padding:3px 5px 3px 30px; border:1px solid #35678f; background-color:#ffffff; background-image:url('../gfx/assets/vergrootglas.gif'); background-repeat:no-repeat; background-position:left center}
			#zoeken #zoeken_button {text-align:right}
			#zoeken #zoeken_button input {width:59px; height:20px; border:none; margin-top:5px}

#bodyContainer {clear:both; width:791px; margin:0 7px; padding:0; background-image:url('../gfx/bg_main_line.gif'); background-repeat:repeat-y; background-position:top left}
	#contentContainer {clear:both; min-height:400px; height:auto !important; height:400px; margin:0; padding:0px; padding-bottom:25px; background-image:url('../gfx/bg_main.gif'); background-repeat:no-repeat; background-position:bottom left}
		#sidebar {width:207px; float:left; display:inline; margin:25px 12px 0 22px; padding:0; color:#333333}
			#sidebar a {color:#333333; text-decoration:none}
			#sidebar a:hover {text-decoration:underline}
		#mainContainer {width:526px; float:left; display:inline; margin:0 12px; padding:0;}
			#navContainer {height:27px; margin:0; padding:0}
				#dmenu {margin:0; padding:7px 0 0 0}
				#dmenu li {list-style-type:none; font-size:9pt; color:#f57b20}
				
				#dmenu li:hover div,
				#dmenu li.over div {display:block}
				
				#dmenu li ul {top:auto; left:auto; margin:0}
				
				#dmenu .topmenu {}
				#dmenu .topmenuul {margin:0; padding:0}
				#dmenu .topmenutitle {margin:0; padding:0px 7px; text-decoration:none}
				
				#dmenu .topmenuli {list-style-type:none; float:left; display:inline; height:25px}
				#dmenu .topmenutitle {width:auto}
				
				#dmenu .submenudiv {display:none; margin:0 0 0 2px; padding:9px 0 0 0; background-image:url('../gfx/bg_submenu.gif'); background-repeat:no-repeat; background-position:top left}
				
				#dmenu .submenuul {position:absolute; margin:0; padding:5px; list-style-type:none; background-color:#f57b20; border:1px solid #f57b20}
				#dmenu .submenuli {padding:5px 0}
				#dmenu .submenuli a {text-decoration:none; color:#ffffff}
				#dmenu .submenuli a:hover {text-decoration:underline}
				
				#dmenu {z-index:1000}
				#dmenu .topmenuli {z-index:1001}
				#dmenu .submenuul {z-index:1002}
				#dmenu .submenuli {z-index:1003}
			
			#main {clear:both; color:#393299; margin:16px 0 0 0; padding:0}
				#mainLeft {width:340px; float:left; display:inline; margin-right:12px}
				#mainRight {width:174px; float:left; display:inline}

#footerContainer {clear:both; height:25px; margin:0 7px; padding:0; color:#ffffff; font-size:9pt; z-index:0}
	#footerContainer table {float:right; margin-top:2px; margin-right:18px}
	#footerContainer a {color:#ffffff; font-size:8pt}
	#footerContainer a:hover {text-decoration:underline}

/* formfield */
.form {}
.formfield {padding:1px 3px; border:1px solid #e6e2e2; background-color:#ffffff; color:#000000}
.formfieldname {padding-top:0}
.formfielddata {}
.formbutton {background-color:#f57812; border:1px solid #35678f; font-size:11px; color:#ffffff; font-weight:bold; text-transform:uppercase; padding:2px 10px; cursor:pointer}
.formbutton_disabled {background-color:#F57812; border:1px solid #35678F; font-size:11px; color:darkGray; font-weight:bold; text-transform:uppercase; padding:2px 10px; cursor:pointer}

/* overviews */
table.row_idle,
table.row_hilite {width:100%; margin:2px 0; border-top:1px solid #ebebec; border-bottom:1px solid #ebebec}
table.row_idle {background-color:transparent}
table.row_hilite {background-color:#fad2b4}
td.row_header {padding:2px 1px}
td.row_options {width:5%; padding:2px 1px; white-space:nowrap}
td.row_status {font-size:8pt; font-style:italic; text-align:right; padding:2px 1px}
td.row_finalTestResult {font-size:8pt; text-align:left; padding:2px 1px}

/* toetsresultaat */
td.vraag_left {padding:6px 0; vertical-align:top; width:13%}
td.vraag_right {padding:6px 0; vertical-align:top}
td.vraag_right div {margin-bottom:4px}

div.trainingOverview,
div.leermodule {clear:both}

div.bannerWrapper {}

div.divider {height:1px; background-color:#7a7d7f; margin:8px 0px}

/* Document */
.document {margin-bottom:5px}
.doc_title {color:#000000; font-weight:bold; margin:0 0 10px 0}
.doc_descr {margin:0 0 5px 0}
.doc_link_wrapper {}
.doc_img {float:left; width:20px}
.doc_link {margin:0 15px 4px 0}
.multipledoc_link_wrapper {margin-top:15px}

/* nieuws */
.recentnieuws {margin-bottom:10px;}
.recentnieuws h1 {}
.recentnieuws ul {padding:0 0 0 15px; margin-top:5px;}

#nieuwsarchief {}
#NAfilter {float:left;	width:200px;}
#NAfilter label {position:relative; bottom:2px; font-size:12px;}
#NAcriteria {float:left; position:relative; bottom:2px;}
#NAcriteria label {position:relative; bottom:2px; font-size:12px;}
#NAoverzicht {clear:both; padding-top:15px;}
.NAdate {float:left; width:75px;}
.NAtitle {float:left; width:400px;}
.NAtitle a:link {color:#000000; text-decoration:none;}
.NAtitle a:visited {color:#000000; text-decoration:none;}
.NAtitle a:active {color:#000000; text-decoration:none;}
.NAtitle a:hover {color:#000000; text-decoration:underline;}

/* opinie / poll */
.pollWrapper {}
.poll_buttons {margin:15px 0 15px 0}

/* Teaser */
.teaserWrapper {padding:8px; margin-bottom:15px; border:1px solid #e6e2e2}
.teaserWrapper h2 {margin-top:0}

/* faq */
#faqOverview input.formfield,
#faqOverview input.formbutton,
#faqOverview input.formbutton_disabled {margin-top:5px}
