html, body {text-align: center; margin: 0; padding: 0; background: url(/assets/themes/default/images/body_bg.jpg) repeat-x top; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 12px;}

h1, h2, h3, p, a, span, label, legend, fieldset, td {color: #FFF;}

h1 {margin: 13px 0 0 6px; padding: 0; font-size: 30px; font-family: Impact;}
h2 {margin: 0 0 0 6px; padding: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #D2DBE9; letter-spacing: 4px;}
h3 {margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: bold;}

p {margin:0 0 10px 0; line-height: 150%;}
#NAWContainer p {line-height: auto;margin:0;padding:0;}
#NAWContainer td {height:auto;margin:0;padding:0;}
#NAWContainer td {font-size:12px;margin:0;padding:0;}
strong {font-weight: bold;}
em {font-style: italic;}


#container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_paars-oranje.png) 0 0 repeat-y;}
/* Uitzonderingen */
body#Agenda #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_oranje-groen.png) 0 0 repeat-y;}
body#Brochures #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_roze-groen.png) 0 0 repeat-y;}
body#Studiekeuzecoach #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_roze-groen.png) 0 0 repeat-y;}
body#Student #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_roze-groen.png) 0 0 repeat-y;}
body#Profielwerkstukken #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_paars-oranje.png) 0 0 repeat-y;}
body#Persoonlijk #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_paars-blauw.png) 0 0 repeat-y;}
body#home #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg_groen-oranje.png) 0 0 repeat-y;}
body#Contact #container {text-align: left; width: 1002px; margin: 0 auto; border-bottom:6px solid #fff; background:url(/assets/themes/default/images/bg.png) 0 0 repeat-y;}


#header {height: 111px; background: url(/assets/themes/default/images/bg_header.jpg) no-repeat left top; overflow:visible; position:relative;margin-left:-7px;}
#header-col1 {float: left; padding-left: 5px; position: relative; height: 111px; margin-left:200px; display:inline;}
#header-col2 {float: right; height:50px; position: relative; width: 312px;}

#language-switch {position:absolute; bottom: 2px; width: 307px; text-align: right;}
#language-switch a {margin:0 10px 5px 0; text-decoration: none; background:url(/assets/themes/default/images/bg-btn-blue.png) no-repeat; width:103px; height:19px; padding-top:3px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

#content {overflow:hidden; zoom:1; background:url(/assets/themes/default/images/bg-inner.png) 0 100% repeat-x;}
#footer {background:#4C6FA7; text-align: center; height: 70px;}
#footer a {line-height: 23px; }
#col1 {width: 498px; float:left;}
#col2 {width: 498px; float:right; margin-left: 6px;}

/*#home #col1,#home #col2 {margin-top:0px;}*/

#map {background: url(/assets/themes/default/images/luchtfoto.jpg) no-repeat;}

#col1 div, #col2 div {border-bottom:6px solid #fff;}
#col1 div div, #col2 div div {margin-bottom: 0; border-bottom:0px;}


#nav {padding: 0; margin: 0; margin-left:0; font-size: 10px; text-transform:uppercase;position: absolute; width: 800px; bottom: 0;}

#nav li {float:left; height:27px; padding:0; cursor:pointer;}
#nav li a {color:#FFFFFF; float:left; height:27px; padding:0 12px; text-decoration:none; cursor:pointer;}

#nav li a span {margin-top:3px; float:left; cursor:pointer;}

.userphoto {width: 58px; height: 58px; overflow:hidden; float:left; margin:6px; margin-right:2px;}
#userblock {position: absolute; right:15px; top: 35px; text-align: right; z-index:9;}
#userblock * {position:relative;}
.logout {font-size:11px;}

#nav li a:hover, #nav .active, #nav #current {background:url(/assets/themes/default/images/sitenav_active.gif) repeat-x left top;color:#000;}
#nav li a:hover span, #nav li.active a span, #nav li#current a span {color: #333;}

button {background:url(/assets/themes/default/images/bg-btn.png); display:block; width:75px; height:21px; border:0;}

#logo {margin-top:18px;}
#btn-login {clear: right; float:right; margin-top: 10px; margin-right: 10px;font-size:11px;}
/*#user-photo {position:absolute; top:-4px; left:10px;}*/
#user-photo {display:none;}
.privacy_disclaimer {margin:0;margin-right:9px;margin-top:8px;padding:0;float: right;}
.privacy_disclaimer a:hover {background:#86ABD8;}
.privacy_disclaimer a {color:#FFFFFF; font-weight:normal; font-size: 11px; margin:0 6px; padding:0 4px; text-decoration:none;}

#col1 div div#agendablock {margin-bottom:20px;}
#col2 div div#agendablock {margin-bottom:20px;}

.bibliotheekitem {zoom:1;}

/*.bibliotheekitem ul {margin-bottom:10px;}
.bibliotheekitem ul li {clear: left; line-height: 20px;}
.bibliotheekitem ul li .date {display: block; float: left; width: 75px;}
.bibliotheekitem ul li .divider {display: block; float: left; width: 10px;}
.bibliotheekitem ul li a {display: block; font-weight:bold;margin-left:100px;*float:left;*margin-left:0;}
.bibliotheekitem .item ul li a {display: block; font-weight:bold;margin-left:0}
.bibliotheekitem ul li p a {display: inline;}
.bibliotheekitem a {font-weight:bold;}*/

#agendaviewlist ul {margin-top:10px;}
#agendaviewlist ul li {clear: left; line-height: 20px;}
#agendaviewlist ul li .date {display: block; float: left; width: 75px;}
#agendaviewlist ul li .divider {display: block; float: left; width: 10px;}
#agendaviewlist ul li a {display: block; float:left; width: 365px; font-weight:bold;}
#agendaviewlist a {font-weight:bold;}
#agendaviewlist ul li.active {background:#FFF; color: #DB8C3A;}
#agendaviewlist ul li.active span {background:#FFF; color: #DB8C3A;}

.agenda {margin-bottom:10px;}
.agenda li {padding-left:20px; margin-bottom:5px; color:#fff; font-family:"Courier New", Courier, monospace;}
.agenda li.checked {background:url(/assets/themes/default/images/checked.png) 0 50% no-repeat red;}
.agenda li a {text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.agenda li a:hover {text-decoration:underline;}

.checkList {overflow:hidden; margin-bottom:10px;}
.checkList li {margin-bottom:5px; float:left; clear:left;}
.checkList input {float:left; margin-right:5px;}
.checkList label {float:left;}

.item {padding:6px 14px; clear:left; zoom:1;}
.item h3 {margin:-6px -14px 10px -14px; padding:3px 14px 3px 14px;}

.groen {background-color: #8BAF2D;}
.paars {background-color: #8170AD;}
.roze {background-color: #CC5B6F;}
.blauw {background-color: #4C6FA7;}
.oranje {background-color: #DB8C3A;}
.donkerrood {background-color: #9A0031;}

.groen, .paars, .roze, .blauw, .oranje, .donkerrood {color:#FFF;}

.groen .item h3 {background-color:#6F8C24;}
.paars .item h3 {background-color:#675A8A;}
.roze .item h3 {background-color:#A34959;}
.blauw .item h3 {background-color:#3D5986;}
.oranje .item h3 {background-color:#AF702E;}
.donkerrood .item h3 {background-color:#A34959;}

ul.crumblepath {margin-bottom: 6px; font-size: 10px;}
ul.crumblepath li {display: inline; padding-right: 10px;}
ul.crumblepath li a {color: #0064A6;}

/*div.title {background:url(/IMAGES/wu/background-title.png) 0 -1px repeat-x; height:45px; display:block; width:1002px; position:relative; z-index:11; border-top:1px solid #E6E3DF;}
div.title span {font-size:18px; font-weight:bold; color:#333333; position:relative; top:5px; left:15px;}*/
div.title {display:none;}

.align-left {float:left;}
.align-right {float:right;}

.hidden, .hide {display:none;}

form legend {color:#FFFFFF; font-weight:bold;}
h4 {font-weight:bold;}

.pwslist li.active {background:#FFF; position:relative; left:-5px; padding:5px; margin-bottom:10px;}
.pwslist li.active p, .pwslist li.active h4 a {color:#333333;}

/* login panel */
	#login-panel{background-color:#004E84;border:none;text-align:left;visibility:hidden;}
	#login-panel .hd{height:0;border:none;}
	#login-panel .bd{padding:0;}
	#login-panel .container-close{}
	#login-panel_mask{background-color:#FFF;opacity:0.7;z-index:99;}
	#login-panel label{font-weight:bold;display:block;float:left;width:130px;margin-bottom:5px;}
	#login-panel input{border:1px solid #375E7E;margin-bottom:5px;width:180px;}
	#login-panel input.checkbox {border:none;margin-bottom:5px;width:auto;}
	#login-panel label.cb{width:auto;font-weight:normal; float:none;}
	#login-panel label.cb input{margin-right:5px;}
	#login-panel .login-cancel {}
	#login-panel .login-cancel-reset {}
	#login-panel .forgotPass {float:left;}
	#login-panel .btnfield {padding:10px 0;}
	#login-panel .btn-inloggen{}
	#login-panel .btnfield button {}
	#login-panel .btnfield .login-cancel {float:left; padding-right:7px; background-image:none;}
	#login-panel .buttonholder {}
	#login-panel .btn-registreren{margin-bottom: 5px;}
	
	.yui-panel .ft{height:0px;font-size:1px;}
	
	#registerformMSC fieldset {margin-bottom:5px;}
	#registerformMSC fieldset#skooltype input {margin-right:5px;}
	
/* register panel */
	#register-panel{border:none;text-align:left;visibility:hidden;}
	#register-panel .hd{height:0;border:none;}
	#register-panel .bd{padding:0;}
	#register-panel .container-close{}
	#register-panel_mask{background-color:#FFF;opacity:0.7;z-index:99;}
	#register-panel .btn-registreren{}
	#register-panel legend {font-weight:bold;margin:1px 0;}
	#register-panel label {width:120px;display:block;float:left;}
	#register-panel #skooltype label.singleline {float:none;width:100%;display:block;padding:0px;margin:0px;}
	#register-panel #skooltype label {width:140px}
	#register-panel select, #register-panel #email {width:180px;}
	#register-panel select#birthDate_day {width:45px;}
	#register-panel select#birthDate_month {width:75px;}
	#register-panel select#birthDate_year {width:55px;}
	#register-panel .btn {}
	#register-panel .submit-field {text-align:right;margin-top:10px;}
	#register-panel .register-cancel {float:left;}

div.error {background: #900; margin-bottom: 10px;}
div.error * { color: #FFF;}


/* universal clearfix */
	.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clearfix{display: inline-block;}
	
	/* Hides from IE-mac \*/
		* html .clearfix{height: 1%;}
		.clearfix{display: block;}
	/* End hide from IE-mac */
.bibliotheekitem img {float:left;}
/*.bibliotheekitem {overflow: hidden;}*/

.firstTime {background: #4C6FA7;padding:30px 15px 10px;}
.loginContainer {background: #004E84;padding:10px 15px 10px;}

	#userform #photo {border:none;padding:0;}
	#userform input.radio {width:auto;border:none;}
	#userform label.male span,#userform label.female span {display:none;}
	#userform label.male {background:url(/images/wu/icon-male.png) no-repeat right; width:35px; margin:0 10px 0 0;}
	#userform label.female {background:url(/images/wu/icon-female.png) no-repeat right; width:30px;}

	#userformholder .loginblock {background:url(/images/wu/dashed-line-white.png) repeat-x bottom;padding-bottom:10px;margin-bottom:10px;}
	#userformholder .loginblock h4 {margin-left:0;margin-right:0;margin-bottom:0;padding:0;}
	#userformholder .loginblock fieldset.email {float:left; clear:right; margin-right:20px;}
	#userformholder .loginblock fieldset.password {float:left; clear:right; margin-right:20px;}
	#userformholder .loginblock fieldset.confirm {clear:both; padding-top:10px;}
	#userformholder .loginblock fieldset.confirm .btn-inloggen {float:left; margin-right:10px;}
	#userformholder .loginblock fieldset.confirm .cb {float:left; position:relative; top:3px;}
	#userformholder .loginblock fieldset.confirm #rememberme {margin-right:5px;}
	
	#userform fieldset {padding:2px 0;}
	#userform legend {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:17px;margin-left:-10px;padding-bottom:10px;}
	#userform label {display:block;float:left;width:160px;}

	#userform input.large {width:350px;}
	#userform input {width:200px;}
	#userform input.mediumlarge {width:150px;}
	#userform input.medium {width:100px;}
	#userform input.small {width:60px;}
	
	#userform select.normal {width:204px;}

	#userform label.medium {width:100px;}
	#userform label.small {width:60px;}

	#userform input.radio {width:auto;}
	fieldset.requiredinput label {background-image:url(/IMAGES/wu/requiredfieldstar.gif); background-position:center right; background-repeat:no-repeat;}
	fieldset.requiredinput .collection label {background-image:none;}
		
	#userform .errorfield {background:#900;}
	
	#collectiveform fieldset {margin-bottom:10px;}
	#collectiveform fieldset.radio input {margin-right:5px;}
	#collectiveform textarea {width:300px; height:80px;}
	
	#brochureform label {display:block; padding:0px 0;}
	
	.label-list {margin:0 0 20px 0; padding:0; list-style:none;}
	.label-list li {display:inline;}
	
	#agendaview ul.list-links {list-style:disc;padding-left:15px;margin-left:20px; margin-bottom:20px;}
	#agendaview ul.list-links li {list-style:disc;}

	
	#otherTitles ul {list-style:disc;padding-left:15px;margin-left:15px; margin-bottom:20px;}
	#otherTitles ul {list-style:disc;padding-left:15px;}
	#otherTitles ul li {padding:0;}
	ul.list-links li {clear:both;}
	ul.list-links.list-date li .list-link {float:right;width:360px;}
	ul.list-date .list-link {float:right;width:360px;}
	
	.pwsOverview li h4 {margin-top:10px;}
	
ul.list-links {list-style-image:none; list-style-position:outside; list-style-type:disc; margin-left:20px; padding-left:15px;}
ul.list-links li {list-style-image:none; list-style-position:outside; list-style-type:disc;}		
ul.list-links li a {display: inline; width: auto; float: none;}		
#changedata {position:absolute; margin-left:6px; margin-top:54px;z-index:99;}