html, body { background-color: #ccc; line-height: 0.9em; height:100%; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; }
h1 { color: #0099FF; font-family: Arial, Helvetica, sans-serif; font-size: 20px; } /* 1767b2 */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #555; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006699; }

/* ========== Header start here ============*/

#header { background-color: transparent;  background-image: url(../images/background_header.jpg); padding: 5px 0px 5px 0px;	height: 108px; width: 100%; font-size: 12px; position: relative; }
#logo { height:87px; padding: 10px 0 22px 20px; /*background: #006699;*/ }

.toplinks { float: right; padding: 10px 20px 10px 0px; color:#111; }
.toplinks ul{ list-style-type: none; color:#111; }
.toplinks li { display: inline; }
.toplinks a:link, .toplinks a:visited, .toplinks a:active { color:#111; text-decoration: none; }
.toplinks a:hover { color:#0099FF; text-decoration: underline; }

/* ========== End header ============*/


/* ========== Form CSS ============*/

.radio { width: 30px; border: none; }
.radio1 { width: 30px; border: none; background: #eee; }
.select { width: 151px; }
.select1 { width: 150px; }
.select2 { width: 40px; }
.select3 { width: 80px; }

.delete { padding: 0px 20px 10px 0px; background: url(../images/delete.gif) no-repeat; }
.nieuw { padding: 0px 20px 10px 0px; background: url(../images/plus.gif) no-repeat; }

form label{font-weight: bold; margin-top: 10px; float: left; }
form {margin-bottom: 40px; }
#formResults { float: left; }
jumpmenu { width: 100px; }
label {width: 140px; text-align: left; margin-right: 15px; float: left; }
.largelabel { width: 215px; text-align: left; margin-right: 15px; float: left; }
.zlabel { width: 140px; text-align: left; margin-right: 15px; font-weight: bold; margin-top: 10px; }
.xlabel { float: left; width: 190px; text-align: left; }
.zoekbold { margin-left: 15px; }
.checkbox1 { width: 25px; margin-left: -5px;}
.checkbox2 { width: 20px; border: none; margin-right: 5px; margin-top: 1px; }
.checkbox { width: 25px; margin-left: 150px; }


.zoeklabel { width: 60px; margin: 15px 5px 0 10px; }
input { height:20px;  border: 1px solid #ccc; margin-top: 10px; color: #999999; padding: 1px; }
.zoekPart .zoekinput, .zoekPart1 .zoekinput{ height:20px; width: 150px; border: 1px solid #ccc; background-color: #fff; color: #999999; 	padding: 1px; }
.biginput {height:100px; width: 340px; border: 1px solid #ccc; background-color: #eee; margin-top: 0px; color: #999999; 	padding: 1px; margin-left: 155px; }
.xinput { height:300px; width: 340px; border: 1px solid #ccc; background-color: #f9f9f9; margin-top: -10px; color: #999999;
padding: 1px; margin-left: 155px; }

.straatinput { margin-right: 10px; }
.geboortedatum { width: 100px; }
.voorletters { width: 75px; }
.zoek { width: 90px; margin-left: 5px; }
.huisnummer { width: 65px; margin-left: 5px; }
.gnaam { margin-top: 100px; }

/* ========== End form css ============*/



/*===============   Tabellen =============*/

table#content { border-collapse: collapse; border: 0px solid #000000; margin: 5px; }
table#content td { border-collapse: collapse; border: 0px solid #000000; }
table#content td.header { background-color: #0099FF; color: #FFFFFF; font-size: 11pt; font-weight: bold; padding: 1px; }
table#content td.subheader { background-color: #F8F8F8; font-size: 10pt; font-weight: bold; padding-top: 3px; padding-right: 1px; padding-bottom: 3px; padding-left: 2px; }
table#content td.border { background-color: #FFFFFF; border: 1px solid #666666;}
table#content td.header a,a:visited,a:active { color:#FFFFFF; text-decoration:underline; font-weight: bold; }
table#content td.header a:hover { color:#FFFFFF; text-decoration:none; font-weight: bold; }
table#content td.main { background-color: #F8F8F8; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 3px; text-align: justify;  font-weight: bold; }
table#content td.maind { background-color: #F8F8F8; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 3px; text-align: justify; }
table#content td.border { padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px; text-align: justify; }
table#content td.footer { background-color: #F2F2F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 2px; font-weight: normal; }
table#content span.cat { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	padding: 0px 0px 2px 2px; }
table#content .titel { font-size: 14pt; font-weight: bold; padding: 1px; color: #0099FF; }
table#content a,a:visited,a:active { color:#e77d00; font-weight: normal; }
table#content a:hover { color:#005197; text-decoration:underline; }
table#content td.line { border-bottom:1px solid #0099FF; }
/*=============== End Tabellen =============*/


/*===================  Login form  ===============*/
#loginform { width: 310px; float: left; margin-top: 30px; }
.forgotpw a:link, .forgotpw a:visited, .forgotpw a:active { color: #555; text-decoration: underline; }
.forgotpw a:hover { color: #006699; }
.forgotpw { margin: 125px 0px 0px 20px; }
.forgotpw a { margin-left: 20px; }
/*=================== End login css =============*/


/* ========== Tabs & breadcrumbs ============ D3EEFA */
.tabs .selected { background: #0099FF; font-weight: bold; color: #ccc; border-bottom: 1px solid #ccc; }
.tabs { margin-left: 350px; position: absolute; top:84px; }
.tabs ul { list-style-type: none; display: block; color: black; }
.tabs li { display: inline; font-weight: bold; margin-left:10px; padding-top:5px; font-size: 12px; color: #12749E; height: 40px; } 
.tabs li a { text-decoration: none; color: #fff; padding: 5px 15px 5px 15px; background: #625f63; } 
.tabs li a:hover { font-weight: bold; color: #0099FF; text-decoration: none; background: #ccc; border-bottom: 1px solid #ccc; }


/* Uppermenu = smaller tabs */
.upper_menu { padding: 5px; margin-left: 10px; font-size: 14px; position: absolute; top: 128px; }
.upper_menu ul { list-style-type: none; display: block; color: black; }
.upper_menu li  { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; } 
.upper_menu li a { text-decoration: none; color: #fff; padding: 6px 15px 4px 15px; background: #999; }
.upper_menu li a:hover { font-weight: bold; color: #555; text-decoration: none; background: #fff; border-bottom: 1px solid white; }
.upper_menu li a.selected { background: #fff; color: #555; border-bottom: 1px solid white; padding: 6px 15px 5px 15px; }

.zoekPart { float: left; width: 380px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; }
.zoekPart1 {float: right; width: 400px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; }
.results { text-align: right; }
.numbers { text-align: right; float: right; }
.numbers ul { list-style-type: none; }
.numbers li { display: inline; color: #555; padding: 5px 0 5px 5px; }
.numbers li a { color: #555; text-decoration: underline; }
.numbers li .selected { border: 1px solid #999; }

ul.breadcrums { margin-top: 15px; list-style-type: square; margin-bottom: 25px; margin-left: 0px; color: #555; }
.errormessage li { font-size: 11px; color: #555; }
.breadcrums li { display: inline; font-size: 10px; background: url(../images/smallarrow.gif) no-repeat; background-position: left;
padding-left: 10px }
ul.breadcrums li a:link, ul.breadcrums li a:visited, ul.breadcrums li a:active { color: #555; text-decoration: underline; }
ul.breadcrums li a:hover { color: #006699; text-decoration: none; }
.breadcrums .selected { text-decoration: none; }

/* ========== End tabs & breadcrumbs   ============*/




/* ========== Container start here ============*/
#container { width: 960px; height: 0%; margin: 15px 0 0 15px;  background: #fff; text-align: left; color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#container1 { width: 960px; height: 0%; margin: 44px 0 0 15px; background: #fff; text-align: left;	color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#contentwrapper { min-width: 960px; 	background: white; min-height: 400px; margin-bottom: 30px; }
 
/*============= Content, this is the left side with the content, forms etc ===============*/
 
#content { loat: left; width: 910px; margin-bottom: 10px; background: white; }
#content1 { float: left; width: 100%; background: #eee; margin-bottom: 10px; }
#content2 {float: left; background: white; }
#content a:link, #content a:visited, #content a:active  { color: #555; text-decoration: underline; }
#content a:hover { color: #006699; text-decoration: none; }
.print { text-align: right; color: #555; text-decoration: underline; }
.bewerken { margin: -22px 25px 0 0; text-align: right; color: white; text-decoration: underline; }
.sort {background: #f3f3f3;; padding: 3px 0 3px 0; }
.data { width: 100%; border: 1px solid #ccc; margin-bottom: 15px; }
.data1 { width: 100%; clear: both; }
.dataZoek { border: none; clear: both; }
.data1 a:link, .data1 a:visited, .data1 a:active { color: #555; text-decoration: underline; }
.data1 a:hover { color: blue }
.data h2, .data1 h2 { background: #46A2CC; padding: 7px 5px 7px 5px; color: white; }
.data1 .deelnemers { background: #ccc; padding: 7px 5px 7px 5px; color: black; margin-top: 15px; font-size: 12px; font-weight: bold }
.data ul, .data1 ul { list-style-type: none; padding: 7px 5px 7px 5px; font-weight: bold; font-size: 10px; float:left; }
.content_data { margin: 15px; }
.content_data1 { width: 100%; margin: 15px; }
.content_data  strong { width: 100px; }
.leider { float: left; margin-right: 10px; }
.italic { font-style:italic; }
.data .locatie, .data .aantal { font-weight: normal; padding-left: 25px; }
.vertrekData { font-weight: bold; }
.otherData { margin-top: 10px; wid }
.steps { list-style-type: none; }
.steps li { text-decoration: none;	padding-left: 20px; }
.steps .selected { font-weight: bold; background: url(../images/arrow.gif) no-repeat; background-position: left; 	padding-left: 20px; }
 
#innerWrapper { padding: 25px 20px 50px 20px; overflow: auto; }
#innerWrapper h1 { padding-bottom: 10px; float: left; }
hr { clear: both }


/* =========== Box with feadback ====================*/
.repeatbox {
	width: 98%;
	border: 2px solid #FFB3B3;
	background: #FFF0F0;
	margin-bottom: 30px;
	margin-top: 10px;
	color: #555;
	overflow: hidden;
	font-weight: normal;
}

.repeatbox, .okbox {
	padding: 8px;
}

.okbox {
	width: 98%;
	border: 1px solid #BEFFB3;
	background: #F0FFF2;
	margin-bottom: 30px;
	margin-top: 10px;
	color: #555;
	font-weight: normal;
}

.repeatbox h3 {
	margin-bottom: 20px;
	color: #555555;
}

.okbox h3 {
	margin-bottom: 20px;
	color: #555555;
}

/*=============================================*/






/*=============== Buttons css =================*/

a.button2, a.buttonDis2 {
background-color: transparent;
background-image: url(../images/printshort.gif);
background-repeat: no-repeat;
width: 130px;
height: 30px;
float: left;
margin: 0px 2px 0px 5px;
}



a.button, a.buttonDis {
background-color: transparent;
background-image: url(../images/inschrbutton.gif);
background-repeat: no-repeat;
width: 135px;
height: 30px;
float: right;
margin: 20px 50px 0px 0px;
}



.submit1 {
	background: #555;
	color: white;
	width: 85px;
	height: 30px;
	cursor: pointer;
	float: right;
	margin: 10px 2px 0px 0px;
}


.submit_save {
	background: #555;
	color: white;
	width: 85px;
	height: 23px;
	cursor: pointer;
	margin: 10px 2px 0px 0px;
}

.submit2 {
	background: #555;
	color: white;
	width: 135px;
	height: 30px;
	cursor: pointer;
	float: right;
	margin: 10px 2px 0px 0px;
	font-size:11px;
}

.submit3 {
	background: #555;
	color: white;
	width: 65px;
	height: 23px;
	cursor: pointer;
	margin: 10px 2px 0px 0px;
}


.submit4 {
	background: #555;
	color: white;
	width: 125px;
	height: 30px;
	cursor: pointer;
	margin: 0px 2px 0px 0px;
}


.dashboard {
margin: 10px 0px 10px 0px;
}


/* ================= RightColumn ================*/

 #rightColumn, #rightColumn1 {
 float: right;
 width: 300px;
 }
 
 #rightColumn a:link, #rightColumn a:visited, #rightColumn a:active  {
color: #555;
text-decoration: underline;
}

#rightColumn a:hover {
color: #006699;
text-decoration: none;
}
 
 #navigation {
 margin: 7px 20px 0 20px;
 }
 
 #navigation h3 {
 border-bottom: 1px solid #999;
 padding-bottom: 10px;
 }
 
 .formulieren {
  list-style-type: none;
 margin-top: 10px;
 line-height: 2;
 }
 
 .formulieren li {
 background: url(../images/pdficon.gif) no-repeat;
 background-position: left;
 padding-left: 20px;}
 

/*====================== End RightColumn ===================*/
 

 



/*======================   FOOTER =================*/

#footer {
	clear: both;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	padding: 5px 0px 5px 0px;
	background: #ccc;
	}

#footer a:link, a:visited {
	color: #3399FF;
	text-decoration: none;
}

#footer a:hover {
	color: #006699;
}

 .bold {
 font-weight: bold;
 }  

/* =====  Names Data =========*/

#namesData {
background: #ccc;
margin-top: 15px;
width: 99%;
padding: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.gebruiker {
float: left;
}

.status {
float: left;
margin-left: 90px;
}

.type {
float: left;
margin-left: 185px;
}

.naam {
float: left;
}

.geslacht {
float: left;
margin-left: 180px;
}

.leeftijd {
float: left;
margin-left: 15px;
}

.datum {
float: left;
margin-left: 10px;
}

.door {
float: left;
margin-left: 75px;
}

.werkgroep {
float: left;
margin-left: 130px;
}



/* ===== End Names Data =========*/

li .datum {
maring-left: 50px;
}
 
.titles {
background: #ccc;
height: 30px;
}

.gegevens {
margin-top: 15px;
clear: both;
}

.titles {
background: #ccc;
width: 100%;
}

table td {
vertical-align:top;
font-size:11px;
}

textarea.instellingen {
width:400px;
height:75px;
}

/* ===== DHTML Goodies ===== */

#footer form{
	margin:0px;
	margin-top:2px;
}
#dhtmlgoodies_dragDropContainer{	/* Main container for this script */
	width:790px;
	border:1px solid #317082;
	background-color:#FFF;
	-moz-user-select:none;
}
#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:2px;
}

#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
	list-style-type:none;
	height:20px;
	background-color:#EEE;
	border:1px solid #000;
	padding:2px;
	margin-bottom:2px;
	cursor:pointer;
	font-size:0.9em;
}

li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border:1px solid #317082;	
	background-color:#FFF;
}
	
/* LEFT COLUMN CSS */
div#dhtmlgoodies_listOfItems{	/* Left column "Available students" */
	
	float:left;
	padding-left:10px;
	padding-right:10px;
	
	/* CSS HACK */
	width: 180px;	/* IE 5.x */
	width/* */:/**/160px;	/* Other browsers */
	width: /**/160px;
			
}
#dhtmlgoodies_listOfItems ul{	/* Left(Sources) column <ul> */
	height:560px;	

}
	
div#dhtmlgoodies_listOfItems div{
	border:1px solid #999;		
}
div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
	margin-left:10px;	/* Space at the left of list - the arrow will be positioned there */
}
#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
	margin:0px;	
	font-weight:bold;
	padding-left:12px;
	background-color:#317082;	
	color:#FFF;
	margin-bottom:5px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color:#E2EBED;
	border:1px solid #317082;
}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer{	/* Right column DIV */
	float:left;	
}

#dhtmlgoodies_mainContainer div ul{
	margin-left:10px;
}

#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
	margin:0px;
	padding:0px;
	padding-left:12px;
	font-weight:bold;
	background-color:#317082;	
	color:#FFF;	
	margin-bottom:5px;
}

#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
	width:152px;
	height:80px;	
	border:0px;	
	margin-bottom:0px;
	overflow:hidden;
	
}

#dragContent{	/* Drag container */
	position:absolute;
	width:150px;
	height:20px;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
}

#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute;
	width:7px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}

div#dhtmlgoodies_listOfItems{
	
}

#dhtmlgoodies_dragDropContainer{
	border:0px;
}
	
	
#dhtmlgoodies_mainContainer {float:left;width:600px}
#dhtmlgoodies_listOfItems {float:left;width:150px;}

#dhtmlgoodies_mainContainer #containers {border:1px solid #CCC;}
#top,#sub_banner,#copyrights {height:35px;border:1px solid #CCC;}
#banner {height:100px;border:1px solid #CCC;}
#lefts {margin:0px;float:left;width:130px;height:200px;border:1px solid #CCC;}
#contents1 {float:left;width:434px;height:200px;border:1px solid #CCC;}
#middles {padding-left:-2px;}
#thumbnails { float:left; margin-right: 5px; }
#thumbnails img { margin: 5px; }
#uploads_not_active td { background: #999; color:#666; }

table.kleur_indeling td { border-right:1px solid #777; border-bottom:1px solid #777; text-align:center; vertical-align:bottom;	padding:3px; }
tr.table_titels td { background:#ddd; padding:3px 0px;	font-weight:bold; color:#666; }
tr.rij_0 td { background:#F5F5F5; }

/* added by Jaro */
input.voorstelling {
	height: auto;
	margin-top: 0px;
	padding: 0px;
}
label.voorstelling {
	width: auto;
	margin-right: 0px;
	margin-left: 5px;
	float: none;
}