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

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

#TabelAlg{
					margin-left: auto;
					margin-right: auto; 
	 				border: 1px solid #000080;
					background: #3333ff;
					}

#TabelAlgVoet	{	width: 580px;
								margin-left: auto;
								margin-right: auto; 
							}
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*
 * BEGIN .p1 = navigatie boven en onder - pardoes 2007    *
 *       .p2 = reguliere tekst                            *
 *       .p2 hand = tekst handposities                    *
 *       .p3 = float fiets en zet txt er rechts van       *
 *       .p4 = op dagzelf pagina's - index op zijkant     *
 *       .pnavwie = alleen op indexblad - bijgewerkt enzo *
 *       .p5 = tussentekst dagzelf pag.12 - txt Ludot     * 
 *       .right = alleen op WatHebJeNodig - 2 figuren     *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/		

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;
		}


		
.p2hand {margin-left: 15px;
		 	   margin-right: 25px;
				}
				
.p2extrafoto {margin-left: 160px;
		 	   margin-right: 55px;
				}				

.p2extrafoto-1 {margin-left: 180px;
		 	   				margin-right: 20px;
							  font-size: 88%;
				}				

.p2uitleg  {margin-left: 4px;
						margin-right: 25px;
						font-size: 85%;
						color: #ffcc33;
				}		
					
.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 - pardoes 2007    *
 *       .p2 = reguliere tekst                            *
 *       .p2 hand = tekst handposities                    *
 *       .p3 = float fiets en zet txt er rechts van       *
 *       .p4 = op dagzelf pagina's - index op zijkant     *
 *       .p5 = tussentekst dagzelf pag.12 - txt Ludot     * 
 *      .pnavwie = alleen op indexblad - bijgewerkt enzo *
 *      .right = alleen op WatHebJeNodig - 2 figuren     *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/		

.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 - pardoes 2007       *
 * - - - - - - - - - - - - - - - - - - -*/		
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 - pardoes 2007       *
 * - - - - - - - - - - - - - - - - - - -*/		

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
 * BEGIN tabelindeling (idem in spinningpardoesfoto.css -  pardoes 2007  *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */		
					
.TabBinnen  {background: #3333ff;
 			    	 font-size: 85%;
				     color: #ffffff;
 				  	 width: 580px; 
				  	}
	 
.TabBuitenLi{ width: 17px;
			  		  background: #3333ff;
						  font-size: 75%;
					  }
						
.TabBuitenRe{ width: 17px;
			  		  background: #3333ff;
						  font-size: 75%;
					  }
					
.TabBinnenBi{background: #3333ff;
 			    	 font-size: 85%;
				     color: #99cc99;
 				  	 width: 542px;
				  	}

.TabHandLi {width: 118px;
			  		background: #336633;
						font-size: 75%;
		  			}
						
.TabHandRe {width: 459px;
			  		background: #336633;
						font-size: 85%;
				    color: #99cc99;							
		  			}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
 * EINDE tabelindeling (idem in spinningpardoesfoto.css -  pardoes 2007  *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */		


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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
 * BEGIN knoppenbalk boven en onder  - Alpe d'HuZes 2009   *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - */		

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; /*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 2009   *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/