/*
de body beslaat altijd de hele achtergrond in de browser
de verschillende div's worden hierin geplaatst
*/
body
	{
	margin-top : 20px;/*ruimte bovenkant*/
	padding: 0px;
	line-height : 1.5em;
	font-size: 12pt;
	font-family: arial;
	text-align: left; 
	background: #ccccd0;
	
	/* kleuren van de schuifbalk werkt niet onder firefox */
	scrollbar-track-color:#ffffff;
   	scrollbar-face-color:#ccccd0; 
	scrollbar-arrow-color:#009ee0;
	overflow: hidden;
	}

table.tabel
	{
	border-bottom: #e30f36 2px solid;
	border-left: #e30f36 2px solid;
	border-right: #e30f36 2px solid;
	border-top: #e30f36 2px solid;
        background: #e30f36;
        color: #e30f36;
        font-size: 12pt;
	font-family: arial;
	}

	
td.kader
	{
	border: #009ee0 1px solid;
        color: #000060;
        font-size: 12pt;
	font-family: arial;
	padding: 10px;
	}	
	
td.kader
	{
	border: #009ee0 1px solid;
        color: #000060;
        font-size: 12pt;
	font-family: arial;
	padding: 10px;
	}
table.tabel_kader
	{
	border: #009ee0 1px solid;
	 color: #000060;
	
	font-family: arial;
	text-align: left; 
	}

	
table.tabel_menu
	{
	border-bottom: #009ee0 6px solid;
	border-left:  #009ee0 6px solid;
	border-right:  #009ee0 6px solid;
	border-top:  #009ee0 0px solid;
   	background: #009ee0;
    	color:  #ffffff;
   	font-size: 9px;
	text-align: center; 
	font-family: arial;
	}

table.tabel_titel
	{
	border-bottom: #009ee0 1px solid;
	border-left:  #009ee0 1px solid;
	border-right:  #009ee0 1px solid;
	border-top:  #009ee0 1px solid;
   	background: #ffffff;
        color:  #009ee0;
   	font-size: 18px;
	font-family: arial;
	text-align: center; }


a.inleiding:link, a.inleiding:visited, a.inleiding:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.inleiding:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #fc8b00;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	

a.opdracht:link, a.opdracht:visited, a.opdracht:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.opdracht:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #3da031;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	
	
a.werkwijze:link, a.werkwijze:visited, a.werkwijze:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.werkwijze:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #50247f;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	
	
a.infobronnen:link, a.infobronnen:visited, a.infobronnen:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.infobronnen:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #e20077;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	
	
a.beoordeling:link, a.beoordeling:visited, a.beoordeling:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.beoordeling:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #000000;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	
	
a.reflectie:link, a.reflectie:visited, a.reflectie:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
a.reflectie:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #fc8b00;
	font-family: arial;
	font-size: 13px;
        font-weight:bold;
	}
	
	
a.onder:link, a.onder:visited, a.onder:active
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 10px;
        font-weight:bold;
	}
a.onder:hover
	{
	color:#ffffff;
	text-decoration: none;
	display:block;
	background-color : #009ee0;
	font-family: arial;
	font-size: 10px;
        font-weight:bold;
	}

a.klas:link, a.klas:visited
	{
	color:#000060;
	font-family: arial;
	font-size: 13pt;
        font-weight:bold;
	text-decoration: none;
	}

a.klas:hover
	{
	color:#F08B00;
	font-family: arial;
	font-size: 13pt;
    font-weight:bold;
	text-decoration: none;
	} 
	
a:link, a:visited
	{
	color:#000060;
	font-family: arial;
	font-size: 13pt;
        font-weight:bold;
	text-decoration: underline;
	}

a:hover
	{
	color:#F08B00;
	font-family: arial;
	font-size: 13pt;
    font-weight:bold;
	text-decoration: underline;
	} 

	
/*      
maincontainer
deze div wordt gecentreerd
hierin worden andere div's geplaatst (nesten)
houd de maincontainer kleiner dan 1024 pixels breed
*/

#maincontainer 
	{
	width : 900px;
	height : 575px;
	background-color : #00ff00;
	border: solid 1px #009ee0; /* blauwe rand van 1 pixel breed */	
	margin : 0 auto;
	background-position : right 0%;
	background-repeat : repeat-y;
	background-color : #009ee0;
	}
/*
topsectie met daarin bijvoorbeeld links het logo
deze 2 div's bevatten het logo en een titel 
*/	

/*
topsectie met daarin bijvoorbeeld links het logo
deze 3 div's bevatten het logo, een titel en een info-button
*/	

#top 
	{
	width : 900px;
	height : 88px;
	background-color : #00ff00;
	border: solid 1px #009ee0; /* blauwe rand van 1 pixel breed */	
	margin : 0 auto;
	background-position : right 0%;
	background-repeat : repeat-y;
	background-color : #009ee0;
	}

#top_left
	{
	position: relative;
        top: -1px;
        left:-1px;

	background : #ffffff;
	height : 63px;
	width : 50px;
	border-bottom: solid 4px #009ee0;
	padding: 12px;
	text-align : center;
	overflow: hidden;
	}

#top_mid
	{
	position: relative;
      	top: -92px;
      	left: 72px;
	
	background-color : #ffffff;
	height : 12px;
	width : 752px;
	border-bottom: solid 4px #009ee0;
	text-align : center;
	padding-top: 33px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 42px;
	color: #000060;
 	font-size: 40px;
	font-family: arial;
	overflow: hidden;
	}

#top_right
	{
         position: relative;
         top: -183px;
        left:824px;
	
	background : #ffffff;
	height : 63px;
	width : 52px;
	border-bottom: solid 4px #009ee0;
	padding-top: 20px;
	padding-left: 6px;
	padding-right: 18px;
	padding-bottom: 4px;
	text-align : center;
	overflow: hidden;
	}


#menu_top
	{
	margin : 0 auto;
	float : left;
	background-color : #ffffff;
	width : 800px;
	height: 33px;
	border-top: solid 2px #009ee0; /* blauwe rand van 2 pixels breed */
	border-right: solid 0px #009ee0; /* blauwe rand van 2 pixels breed */
	text-align : left;
	font-size: 12px;
	padding-right: 50px;
	padding-left: 50px;
	overflow: auto;
	font-family: arial;
	}	
	
#contentcolumn
	{
	margin : 0 auto;
	float : right;
	background-color : #ffffff;
	width : 870px;
	height: 400px;
	border-top: solid 0px #009ee0; /* rode rand van 2 pixels breed */
	text-align : left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #000060;
	overflow: auto;
	font-size: 12pt;
	font-family: arial;
	}

#under
	{
	margin : 0 auto;
	float : right;
	background-color : #ffffff;
	width : 900px;
	height: 19px;
	border-top: solid 0px #009ee0; /* blauwe rand van 1 pixels breed */
	border-bottom: solid 6px #009ee0;
	text-align : center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	overflow: auto;
	font-size: 8pt;
	font-family: arial;
	overflow: hidden;
	}