/* - - - - - - - - - - - - - - - - - - - - - - -*
 * BEGIN algemene CSS Alpe d'HuZes 2010 - Dorine*
 * - - - - - - - - - - - - - - - - - - - - - - -*/		

body {
			 margin: 2% 15% 2% 15%;
			 /*background-image: url(figuur/#.gif);*/
			 background-color: #c0c0c0;
			 color:  #3333ff; 
			 font-size: 90%;
			 }
			 

#TabelAlg{
					margin-left: auto;
					margin-right: auto; 
	 				border: 6px solid #ffffff;
					background:  #3333ff;
					}
#TabelAlgMail{
					margin-left: auto;
					margin-right: auto; 
					border: 0px solid #ffffff;
					background: #c0c0c0;
					}
					
#TabelFront{
					margin-left: auto;
					margin-right: auto; 
					background:  #3333ff;
					}					
	
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*
 * BEGIN .p1 = navigatie boven en onder                   *
 *       .p2 = reguliere tekst                            *
 *       .pnavwie = alleen op indexblad - bijgewerkt enzo *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/		

p {	margin-left: 20px;
		margin-right: 0px;
		font-family: "trebuchet ms", arial, helvetica, sans-serif;
		}
 
.p1	{margin-left: 20px;
		 margin-right: 5px;
		}	
		
.p2	{margin-left: 20px;
		 margin-right: 25px;
		}

.p3 {	float: left;
			/*border: 1px solid #bfd4ff;*/
		  margin: 10px 10px 0 0;
		  margin-left: 20px;		
		}				
		
.p4	{ margin-right: 0px;
		  margin-left: 0px;
		}						

.p5	{ margin-right: 20px;
		  margin-left: 5px;
		}	
				
.pnavwie {margin-left: 5px;
		 	    margin-right: 25px;
				  color: #336633;
			    font-size: 75%;
			 	}
				
.right {	float: right;
				  margin: 0 5px 5px 3px;
		   	  margin-right: 30px;	
			 }					
				
.left {	float: left;
				  margin: 0px 5px 3px 3px;
		   	  margin-left: 20px;	
			 }					
				
				
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*
 * EINDE .p1 = navigatie boven en onder                   *
 *       .p2 = reguliere tekst                            *
 *      .pnavwie = alleen op indexblad - bijgewerkt enzo  *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/		

.clear { clear: right; }
.clearboth { clear: both; }
				

.div1 { float: left; width: 80px; height: 50px; background: yellow; }
.div2 { float: left; width: 160px; height: 150px; margin-left: 5px; background: lime; }
				


H1 {
		color: #ffcc33;
	 	font-size: 1.2em;
	 	font-family: "trebuchet ms", arial, helvetica, sans-serif;
		margin-left: 20px;
	 }

H2 {
	 	color: #ffcc33;
	 	font-size: 1.0em;
	 	font-family: "trebuchet ms", arial, helvetica, sans-serif;
		margin-left: 20px;
	 }	 

/* - - - - - - - - -*
 * BEGIN opsomming  *
 * - - - - - - - - -*/		
ul {
		list-style: none outside;
		list-style-type: disc;
 		font-family: "trebuchet ms", arial, helvetica, sans-serif;
		margin: 0 6% 1.7em;
		padding: 0;
	}
/* - - - - - - - - -*
 * EINDE opsomming  *
 * - - - - - - - - -*/		

/* - - - - - - - - - - - *
 * BEGIN tabelindeling   *
 * - - - - - - - - - - - */		
					
.TabBinnen  {background: #3333ff;
 			    	 font-size: 85%;
				     color: #ffffff;
 				  	 width: 580px; 
				  	}

.achter  {background: #3333ff;
				     color: #ffffff;
 				  	 width: 580px; 
				  	}
.achter-mail  {background: #3333ff;
				     color: #ffffff;
 				  	 width: 580px; 
				  	}
	
					
.TabBuitenLi{ width: 17px;
			  		  background: #3333ff;
						  font-size: 75%;
					  }
						
					


/* - - - - - - - - - - *
 * EINDE tabelindeling *
 * - - - - - - - - - - */		


/* - - - - - - - - - - - - - - - - - - - - - - - - *
 * BEGIN hyperlinks in tekst  -  Alpe d'HuZes 2010 *
 * - - - - - - - - - - - - - - - - - - - - - - - - */		
a.nav:link    {color: white; text-decoration: underline}
a.nav:visited {color: #ffff00; background-color: #3333ff; text-decoration: underline}
a.nav:hover   {color: #000080; background-color: #99ccff; text-decoration: none} 
/*a.nav:active  {color: #99ffff; background-color: #3333ff; text-decoration: none}*/	
a.nav:active  {color: #3333ff; background-color: #99ffff; text-decoration: none}		
/* - - - - - - - - - - - - - - - - - - - - - - - - *
 * EINDE hyperlinks in tekst  -  Alpe d'HuZes 2010 *
 * - - - - - - - - - - - - - - - - - - - - - - - - */		


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
 * BEGIN knoppenbalk boven en onder  - Alpe d'HuZes 2010 - 4 tabjes  *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */		

a.knop0:link	{	background: #cc0033; /*donkerrood*/
								border: 1px solid #ffffff; /*wit*/
								width: 130px; /*was 130px*/
								font-size: 75%;
								color: #ffffff; /*wit*/
								text-align: center;
								text-decoration: none;
								padding: 0 2px 0 2px;
								margin: 1px;
								display: block;
								float: left;
							}
a.knop0:visited	{	background: #cc9999; /*cc9999 lichtrood*/
									border: 1px solid #ffffff; /*wit*/
									width: 130px; /*170 bij 3 vakjes*/
									font-size: 75%;
									color: #660000; /*donkerrood*/
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}
a.knop0:hover		{	background: #cc9999; /*lichtrood*/
									border: 1px solid #ffffff; /*wit*/
									width: 130px;
									font-size: 75%;
									color: #660000; /*donkerrood*/
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}
a.knop0:active	{	background: #ffffff; /*wit*/
									border: 1px solid #660000; /*donkerrood*/
									width: 130px;
									font-size: 75%;
									color: red;
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
 * EINDE knoppenbalk boven en onder  - Alpe d'HuZes 2010 - 4 tabjes  *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
 
a.knop1:link	{	background: #cc0033; /*donkerrood*/
								border: 1px solid #ffffff; /*wit*/
								width: 10px; /*was 130px*/
								font-size: 75%;
								color: #ffffff; /*wit*/
								text-align: center;
								text-decoration: none;
								padding: 0 2px 0 2px;
								margin: 1px;
								display: block;
								float: left;
							}
a.knop1:visited	{	background: #cc9999; /*cc9999 lichtrood*/
									border: 1px solid #ffffff; /*wit*/
									width: 10px; /*170 bij 3 vakjes*/
									font-size: 75%;
									color: #660000; /*donkerrood*/
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}
a.knop1:hover		{	background: #cc9999; /*lichtrood*/
									border: 1px solid #ffffff; /*wit*/
									width: 10px;
									font-size: 75%;
									color: #660000; /*donkerrood*/
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}
a.knop1:active	{	background: #ffffff; /*wit*/
									border: 1px solid #660000; /*donkerrood*/
									width: 10px;
									font-size: 75%;
									color: red;
									text-align: center;
									text-decoration: none;
									padding: 0 2px 0 2px;
									margin: 1px;
									display: block;
									float: left;
								}