body {
	margin: 0;
	padding: 0;	
	font-family: trebuchet MS;
	background-color: white;
	font-size: 80%;
	background-image: url(../img/body_back.gif);
	background-repeat: repeat-y;
}
#global{
	background-color: White;
	float: left;
	width: 100%;
}
#title{	
	background-color: #72A536;
	background-image: url(../img/title1.gif);
	background-repeat: no-repeat;
	border-right: 62px solid white;
	height: 69px;
}
#sub_title{	
	background-color: #ACC327;
	background-image: url(../img/sub_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	border-right: 1px solid white;
}
#sub_menu{
	background-image: url(../img/sub_menu.gif);
	background-repeat: no-repeat;	
	height: 28px;
	border-right: 1px solid white;
}
#top_menu{
	height: 26px;
	margin-left: 231px;
	background-color: White;
}
#kop{
	background-image: url(../img/kopje.gif);
	background-repeat: no-repeat;
	height: 96px;
	float: left;
	width: 230px;
}
#content {
	background-color: #fff;
}
#inhoud{
  margin-left: 240px;
  
}
#inhoud iframe{
	height: 1350px;
	min-height: 1350px;
	
}
#left{
   margin-right: 220px;
	background-color: #fff;
	background-image: url(../img/body_back.gif);
   background-repeat: repeat-y;
}
#menu {
	float: left;
	width: 155px;
	background-color: #ACC327;
	clear: both;
}
#right {
	float: right;
	width: 230px;
}
#footer {
	clear: both;

	color: white;
	font-size: 11px;
}


#debug {

}

.back_buttons {
	text-align: right;	
}


a.tabblad:link, a.tabblad:active, a.tabblad:visited{
	display: block;
	line-height: 37px;
	width: 181px;
	/*background-image: url(../images/tabbladO.gif);
	background-repeat: no-repeat;*/
	background-color: #A2C400;
	color: black;
	text-align: center;
	text-decoration: none;
	float: left;
}
a.tabblad:hover{
	/*background-image: url(../images/tabblad.gif);*/
	background-color: #52A625;
	color: white;
}
#quick_search{
	
	padding: 10px;
	background-color: lightblue;
}
.paging_container{
	padding: 10px;
}
h3 img{
	border: none;
}

/*----------dossier----------*/
#tbl_dossier, #tbl_user_student, #tbl_user_parent{
	border-top: 1px solid lightblue;
	color: navy;
}
#tbl_dossier td, #tbl_user_student td, #tbl_user_parent td{
	padding: 10px;
	border-bottom: 1px solid lightblue;
}
#tbl_dossier .label, #tbl_user_student .label, #tbl_user_parent .label{
	border-right: 1px solid #ff41f4;
	font-weight: bold;
}

.tbl{
	border-top: 1px solid lightblue;
	color: navy;
}
.tbl td{
	padding: 10px;
	border-bottom: 1px solid lightblue;
}
.tbl .label{
	border-right: 1px solid #ff41f4;
	font-weight: bold;
	vertical-align: top;
}

/*----------gebruikers---------*/
#new_user_form{
	padding: 10px;
}

/*----------Overige bronnen---------*/
#external_source_tabs {
	float: left;
	width: 100%;	
}

#external_source_content {
	clear: both;
}

#external_source_tabs div {
	width: 24px;
	height: 24px;
	border: 1px solid lightblue;
	text-align: center;
	margin-right: 10px;
	background-color: lightblue;
	float: left;
}

#external_source_tabs div a {
	text-decoration: none;
	font-weight: bold;
}


/**********ProgressBar**************/
.progressbar_container {
	width: 200px;
	height: 20px;
	float: right;
}

.progressbar {
	width: 100%;
	height: 100%;
	background-color: red;
}
.progressbar_done {
	height: 100%;
	background-color: green;
}


/******************EMAIL*************/

div#box_email {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
	width: 100%;
	height: 100%;
	padding-bottom:20%;
	background-color: #58585a; 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#box_top_email  {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
}

div#box_top_email div#new_email {
	background-color:white;
	margin:auto;
	margin-top:15%;
	width:600px;
	padding:6px;
	border-top:1px solid  #58585a;
	border-left:1px solid  #58585a;
	border-right:2px solid  #58585a;
	border-bottom:2px solid  #58585a;
}

div#box_top_email div#new_email p label{
	display: block;
	float: left;
	width: 120px;		
	font-weight: bold;
}

p.inleiding {
	
}

#navigation_list {
	clear: both;
}



/******************HELP*************/

div#box_help {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
	width: 100%;
	height: 100%;
	padding-bottom:20%;
	background-color: #58585a; 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#box_top_help  {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
}

div#box_top_help div#help_header {
	background-color:maroon;
	margin:auto;
	width:600px;
	padding:6px;
	margin-top:5%;
	border-top:1px solid  #58585a;
	border-left:1px solid  #58585a;
	border-right:2px solid  #58585a;
	color: white;
	font-weight: bold;
}


div#box_top_help div#help_header .close {
	
}

div#box_top_help div#help_header .close a {
	color: white;
}

div#box_top_help div#help_content {
	background-color:white;
	margin:auto;
	width:600px;
	padding:6px;
	border-left:1px solid  #58585a;
	border-right:2px solid  #58585a;
	border-bottom:2px solid  #58585a;
	height: 70%;
	overflow: auto;
}




.item_name {
	/*display: block;
	float: left;
	width: 500px;*/
}

/*.item_parent, .item_class {	
	display: block;
	float: left;
	width: 100px;
}
*/
img.grafiek {
	border: 1px solid #000000;
}
#inhoud h1{
	color: #00a6b3;
}
a, a:link, a:active, a:visited {
 color: #201c70;
}

a:hover {
	color: maroon;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .style_kopgroot {
    margin: 0;
	 color: #ff0000;
}
h1, h2, h3 {
    font-weight: normal;
}
h4, h5, h6 {
    font-weight: bold;
}
h1 {
    font-size: 2.0em;
}
h2, .style_kopgroot  {
    font-size: 1.7em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1.0em;
}
h6 {
    font-size: 0.8em;
}

dl, dt, dd, ol, ul, li {
    margin-top: 0.2em;
    margin-bottom: 0.1em; 
    font-size: 1.0em;
    line-height: 1.5em;
}

p {
    margin: 1.2em 0em 1.2em 0em;
    font-size: 1.0em;
    line-height: 1.5em;
}

code, pre {
    font-family: Courier New, monospace;
    font-size: 1.0em;
}

strong, b {
    font-weight: bold;
}
em, i {
    font-style: italic;
}

hr {
    height: 1px;
    margin: 0px;
    background-color: #ccc;
    color: #ccc;
}

img {
    margin: 0;
    border: 0;
}

/***********************************************************************
 * layout kolom links of rechts van inhoud
 * --------------------------------------------------------------------
 * |                  |                                               |
 * |                  |                                               |
 * |                  |                                               |
 * --------------------------------------------------------------------
 *
 * <div id="container">
 *    <div id="kolom">
 *    </div>
 *    <div id="inhoud">
 *    </div>
 * </div>
 *
 * alle left door right vervangen indien kolom rechts komt te staan
 *
 ***********************************************************************/
/*
#container {
  float: left;
  background: url(bgkleur.gif) repeat-y top left;
}
#kolom {
  float: left;
  width: 200px;
}
#inhoud {
  float: left;
}
*/
/***********************************************************************
 * layout kolom links en rechts van inhoud
 * --------------------------------------------------------------------
 * |                  |                            |                  |
 * |                  |                            |                  |
 * |                  |                            |                  |
 * --------------------------------------------------------------------
 *
 * <div id="container_bg_links"><div id="container_bg_rechts">
 *    <div id="kolom_links">
 *    </div>
 *    <div id="kolom_rechts">
 *    </div>
 *    <div id="inhoud">
 *    </div>
 * </div></div>
 *
 ***********************************************************************/
/*
#container_bg_links {
  float: left;
  background: url(kleur_links.gif) repeat-y top left;
}
#container_bg_rechts {
  float: left;
  background: url(kleur_rechts.gif) repeat-y top right;
}
#kolom_links {
  float: left;
  width: 200px;
}
#kolom_rechts {
  float: right;
  width: 200px;
}
#inhoud {
  float: right;
}
*/
.button, .wtkformsubmit{
	background-color: #52A625;
	width: 150px;
	color: white;
	font-family: Times New Roman;
	border: 1px solid #52A625;
}
/*---------------css module inhoud--------------------*/



/* CONTENT */

.kolom_links, .kolom_rechts{
	width: 45%;
	float: left;
	margin: 10px;
}

.imgleft {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgright{
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.sjabloon1, div.sjabloon2,div.sjabloon3,div.sjabloon4{

}

div.sjabloon1  img, div.sjabloon2  img, div.sjabloon3  img ,div.sjabloon4  img{

}



/* LINKS */

div.links {
width:100%;
}

div.links h1 {
	
}

div.links table{
	width: 100%;
}

div.links thead{
	font-weight: bold;
}

/* NIEUWS */

div.nieuws {
   width : 100%;
}

div.nieuws img {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.nieuws img.right {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}
div.nieuws hr {
	clear:both;
	background-color: #201c70;
	line-height: 1px;
	height: 1px;
	border: none;
}

div.nieuws h1 {
		
}

div.nieuws a {
	 color: #201c70;
}
div.nieuws a:hover {
	color: maroon
}


div.nieuws h2, div.nieuws h2 a {
	clear: both;
	 color: #201c70;
	 font-size: 18px;
	 margin-top: 40px;
	 margin-bottom: 5px;
}


div.nieuws table{
	
}
.lees_verder{
	clear: both;
	display: block;
	margin-top: 5px;
	color: #201c70;
}

.wtkerror {
	color:red;
}
li.download_groep, li.download_groep li{
	list-style: none;
}



/*FAQ module*/
#zoekscherm{
	width: 100%;
	text-align: right;
}
#faq_groepen li a, #faq_lijst li a{
		color: Red;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
#detail_item_vraag{
	color: Red;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
#detail_item_toelichting, .faq_header{
	color: #3374E7;
	line-height: 24px;
	font-style: italic;
}
#button_pane{
	border-top: 1px solid  #ACC327;
	height: 32px;
	margin-top: 10px;
}
#button_pane a:link, #button_pane a:active, #button_pane a:visited{
	text-decoration: none;
}