/* Dit zijn de variabelen van de indexblokken doos */

body               {text-align: center ; 
				    margin : 0px 0px 0px 0px  }
						
/* Lettertype van inhouds pagina's  */
body.inhoud {background-color: transparent;	
		 FONT-WEIGHT: normal; 
		 FONT-SIZE: 10px; 
		 TEXT-TRANSFORM: none;   
		 COLOR: #222222; 
		 FONT-STYLE: normal; 
		 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  
		 FONT-VARIANT: normal}

						
table              {text-align: center ; 
				    background: #000000 url(../beeld/schapen.jpg)}
						
									
#wrapperindex       {display:block ; 
				    width: 971px ; 
					height: 631px ; 
					border : 0px solid #000000 ; 
					margin: 3px auto ; 
					text-align: left ; 
					overflow: hidden ;}			   
#backgroundindex    {display:block ; 
				    margin : 0px 0px 0px 0px ; 
					padding : 0px 0px 0px 0px;  
					background:  url(../beeld/witrond2.gif) no-repeat  ; 
					width: 968px ; 
					height: 629px ; 
					border : 0px solid #000000 ;
					opacity:0.8;
					filter:alpha(opacity=80)}
									
					
#kopindex           {display:block ; 
				    width: 970px ; 
					height: 60px ; 
					border : 0px solid #ff0000 ;
		            background: url(../beeld/edulogo.jpg) no-repeat 22px 20px ;  
					overflow: hidden }			   
#middenindex        {display:block ; 
										font-size : 12px ;
				   	width : 910px ;
					height: 535px ; 
					border : 0px solid #0000ff ; 
					margin: 0px 0px 0px 25px}
#contentindex       {display:block ; 
				    width : 909px  ; 
					height: 534px ; 
					margin: 0px 0px 0px 0px ;
					overflow: auto ;
					border : 0px solid #ff0000 ; 
					float: left}
#bottomindex        {display: block  ; 
				    width : 970px ;
					height: 15px ; 
					border : 0px solid #0000ff ; 
					margin: 10px 0px 0px 0px ;
					font-size: 11px;
					font-weight : bold ; 
					text-align: center ; 
					overflow: hidden ;}
					
/*bepaald de plaats van de knoppen in de header*/

#headerknoppen     {display:block ; 
				    width: 800px ; 
					height: 18px ; 
					position: relative ; 
					top : 20px ; 
					left: 190px ; 
					border: 0px solid #000000 ; 
					float : left }
					
/* Dit zijn de boxen van home */					
					
#homewrap       {display:block; width:899px ; height:440px ; border-top: 0px solid #dddddd; border-top: 0px solid #dddddd;border-left: 0px solid #dddddd;border-right: 0px solid #dddddd; border-bottom: 0px solid #dddddd;}
#titel	  			{display:block; width:900px ; height:20px ; border:0px solid #ffeeee ; margin: 25px 0px 20px 0px}
#linkerkollom		{display:block; width:220px ; height:420px; border:0px solid #000000; float:right ;backg round:#25DAE2; pad ding: 10px 10px 10px 10px;}
#middenwrap			{display:block; width:452px ; height:420px; border:0px solid #000000; float:left}
#publiceren			{display:block; width:449px ; height:100px; border:0px solid #000000; margin: 0px 0px 0px 0px;}
#websitebouwen		{display:block; width:449px ; height:100px; border:0px solid #ffffff; margin: 0px 0px 0px 0px;}
#internetmarketing	{display:block; width:449px ; height:100px; border:0px solid #ffffff; margin: 0px 0px 0px 0px;}
#opleiding			{display:block; width:449px ; height:100px; border:0px solid #ffffff; margin: 0px 0px 0px 0px;}
#rechterkollom		{display:block; width:215px ; height:420px; margin: 0px 0px 0px 10px; border:0px solid #000000; float: left ;back ground:#25DAE2; font-size:11px;}
					
/* kosten en contact uit de cursuspagina's */

#cursuswebsitebouwenlijst { display:block ; width: 550px ;border: 0px solid #000000 ; margin: 0px 0px 0px 150px }
#kostenencontact {display: block ; float: right ; border : 0px solid #000000}
#cursusnavigatie {display: block; float: right; border: 0px #000000 solid; width: 175px }


/* Vormgeving van alles dat tussen <pre> en </pre> staat  */
pre {FONT-WEIGHT: normal; 
	 FONT-SIZE: 12px; 
	 TEXT-TRANSFORM: none;   
	 COLOR: #222222; 
	 FONT-STYLE: normal; 
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  
	 FONT-VARIANT: normal}



/* Links in inhouds pagina's voorzien van class="inhoud"  */
A.inhoud 	   {FONT-WEIGHT: bold; 
				FONT-SIZE: 12px; 
				background: none; 
				COLOR: #008844; 
				TEXT-DECORATION: none }
A.inhoud:hover 	{FONT-WEIGHT: bold; 
			    FONT-SIZE: 12px; 
				TEXT-TRANSFORM: none; 
				background: none; 
				COLOR: #ff0000; 
				FONT-STYLE: normal; 
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
				FONT-VARIANT: normal }


/* Vormgeving van de knoppen in de kop  */
A.home 	  	  {display: block; width: 60px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/homeknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left }
A.home:hover   {background: url(../beeld/homeknophover.png) no-repeat;}

A.homestate  {display: block; width: 60px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ; background: url(../beeld/homeknopactive.png) no-repeat  }

A.agenda 	  	  {display: block; width: 80px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/agendaknop.png) no-repeat;  margin: 0px 1px 0px 0px; float:left}
A.agenda:hover   {background: url(../beeld/agendaknophover.png) no-repeat;}

A.agendastate  {display: block; width: 80px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/agendaknopactive.png) no-repeat;}

A.inschrijven 	  	  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/inschrijvenknop.png) no-repeat; margin: 0px 1px 0px 0px;float:left }
A.inschrijven:hover   {background: url(../beeld/inschrijvenknophover.png) no-repeat;}

A.inschrijvenstate  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/inschrijvenknopactive.png) no-repeat;}

A.contact 	  	  {display: block; width: 95px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/contactknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left}
A.contact:hover   {background: url(../beeld/contactknophover.png) no-repeat;}
A.contactstate  {display: block; width: 95px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/contactknopactive.png) no-repeat;}

A.overons 	  	  {display: block; width: 93px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/overonsknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left}
A.overons:hover   {background: url(../beeld/overonsknophover.png) no-repeat;}
A.overonsstate  {display: block; width: 93px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/overonsknopactive.png) no-repeat;}

A.nieuwsbrief 	  	  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/nieuwsbriefknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left}
A.nieuwsbrief:hover   {background: url(../beeld/nieuwsbriefknophover.png) no-repeat;}
A.nieuwsbriefstate  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/nieuwsbriefknopactive.png) no-repeat;}

A.referenties 	  	  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/referentiesknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left}
A.referenties:hover   {background: url(../beeld/referentiesknophover.png) no-repeat;}
A.referentiesstate  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/referentiesknopactive.png) no-repeat;}

A.downloads 	  	  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
			   background: url(../beeld/downloadknop.png) no-repeat; margin: 0px 1px 0px 0px; float:left}
A.downloads:hover   {background: url(../beeld/downloadknophover.png) no-repeat;}
A.downloadsstate  {display: block; width: 124px; height: 30px; border: 0px solid #000000;
						  margin: 0px 1px 0px 0px; float:left ;background: url(../beeld/downloadknopactive.png) no-repeat;}
			   
/* titels van cursussen in home */
a.publiceren {display:block; font-size:14px; font-weight:bold; margin: 5px 0px 0px 110px; color: #222222 ; text-decoration: none ;  }
a.publiceren:hover {color: #ff0000}
a.websitebouwen {display:block; font-size:14px; font-weight:bold; margin: 5px 0px 0px 110px;  color: #222222 ; text-decoration: none}
a.websitebouwen:hover {color: #ff0000}
a.internetmarketing {display:block; font-size:14px; font-weight:bold; margin: 5px 0px 0px 110px;  color: #222222 ; text-decoration: none}
a.internetmarketing:hover {color:#ff0000}
a.opleiding {display:block; font-size:14px; font-weight:bold; margin: 5px 0px 0px 110px;  color: #222222 ; text-decoration: none}
a.opleiding:hover {color:#ff0000}

span.kollomtitel {font-size:15px; font-weight:bold ;margin: 0px 0px 0px 0px ;}
span.nieuwsbrief {font-size:15px; font-weight:bold ;margin: 0px 0px 0px 10px ;}



pre.linkertext { display: block ; margin: 0px 0px 0px 0px ; font-size:11px;}
pre.rechtertext { display: block ; margin: 0px 0px 0px 10px ; font-size:11px;}
span.kleineletter {font-size: smaller}
span.geld {display: block ; border: 0px solid #000000; font-size:14px; float: right; margin: 0px 10px 0px 0px}
span.duur {display: block ; border: 0px solid #000000; font-size:13px; float: left}






/* Vormgeving van de headertags. Als je ze verwijderd valt je website gewoon terug naar de vaste waarden voor h1 t/m h6 */
h1 {FONT-SIZE: 22px;
	COLOR: #111111;
	Word-spacing: 0px;
	Letter-spacing:  0px;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	background: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin : 0px 0px 0px 0px }
h2 {FONT-SIZE: 14px;
	COLOR: #111111;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	background: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin : 0px 0px 0px 0px  }
h3 {FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	background: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin : 0px 0px 0px 0px  }
h4 {FONT-SIZE: 20px;
	COLOR: #111111;
	FONT-WEIGHT: bold;
	FONT-STYLE: italic;
	background: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
	
/* de plaatjes van schuurtje huis kasteel en aardbol */

a.schuur {display: block; float: left; width: 90px ; height:90px ; background: url(../beeld/huis/schuurlijn90tp.png) ;margin: 0px 20px 0px 0px ; }
a.schuur:hover {background: url(../beeld/huis/schuurlijn90negtp.png)}
a.huis {display: block; float: left; width: 90px ; height:90px ;background: url(../beeld/huis/huislijn90tp.png);margin: 0px 20px 0px 0px ;}
a.huis:hover {background: url(../beeld/huis/huislijn90negtp.png)}
a.kasteel {display: block; float: left; width: 90px ; height: 90px; background: url(../beeld/huis/kasteellijn90tp.png); margin: 0px 20px 0px 0px ;}
a.kasteel:hover {background: url(../beeld/huis/kasteellijn90negtp.png)}		  				
a.aardbol {display: block; float: left; width: 90px ; height: 90px; background: url(../beeld/huis/skylijn90tp.png); margin: 0px 20px 0px 0px ;}
a.aardbol:hover {background: url(../beeld/huis/skylijn90negtp.png)}		  									   
	
	
	


a.biografie           {font-size:15px; font-weight:bold ;margin: 0px 0px 0px 10px ; color:#112211; text-decoration:none}
a.biografie:hover  {color: #ff0000}
a.referentieshome	{font-size:15px; font-weight:bold ;margin: 0px 0px 0px 10px ;color:#112211; text-decoration:none}
a.referentieshome:hover {color: #ff0000}
a.downloadshome		{font-size:15px; font-weight:bold ;margin: 0px 0px 0px 10px ;color:#112211; text-decoration:none}
a.downloadshome:hover   {color: #ff0000}

a.inschrijvenhome {display: block; 
			   float: left;
			   margin: 0px 0px 0px 0px;
			   height: 55px ; 
			   width: 205px ; 
			   border: 0px solid ; 
			   background: url(../beeld/inschrijven.png) no-repeat;}
a.inschrijvenhome:hover {display: block; 
					background: url(../beeld/inschrijvenin.png) no-repeat;}			   

a.aanmeldenhome {display: block; 
			   height: 56px ; 
			   width: 203px ; 
			   background: url(../beeld/aanmelden.png) no-repeat;
			   }
a.aanmeldenhome:hover {display: block; 
					background: url(../beeld/aanmeldenin.png) no-repeat;}