BODY{
	
	
	margin-left : 6%;
	margin-right : 6%;
	
	background: url('achtergr.png') ; 
	}

 
img{
    z-index:-1;
   }



div {
     line-height: 16px;

     font-family:Verdana;
     font-size:12px
    }


table {
     line-height: 16px;

     font-family:Verdana;
     font-size:12px 
      }


div.logo{
              background: #A9F19D url(logo.jpg) top left no-repeat;
              width: 100%;
              height: 107px;
              border: 1px solid #000;
              margin: 10px 0 0 2px;
              }
			  
			  
			  
			  


div.logotekst
{
 position:absolute;
 top:44px;
 left:503px;
 color:#3A41FE; 
 margin-left : 9%;
	margin-right : 5%;
	
 /*font-style: italic;*/
 /*font-weight:bold;
 line-height: 16px;*/
}

div.knoppen{
		   position:relative;
		   top:7px;
		   background: #A9F19D   no-repeat;
           height: 22px;
           width: 100%; 
		   margin: 0px 0px 0px 0px;
		   
		   }
		   
		 

a.knop {
        float:left;
        width : 138px; 
        height:22px;
        text-decoration:none;
        font-weight:bold;
        text-align:center;
        vertical-align: middle; 
        color:#3A41FE;
        background : url('http://www.xs4all.nl/~ramse/afbeeldingen/knopkaal2.jpg');
        padding:0;
        border:1px solid black;
       }
a.knop:hover {background:url('http://www.xs4all.nl/~ramse/afbeeldingen/knopkaal.jpg')}


div.onderpagina{
              position:absolute;
              top:800px;
              left:1px;
              }

div.onderpagina2{
              position:absolute;
              top:2100px;
              left:1px;
              }
			  
			  
			  
			  


/* -- index.html ----------------------------------------------- */





div.hand{
         position:absolute;
         top:380px;
         left:0px;
         color:#3A41FE;
         margin-left : 9%;
	     margin-right : 5%; 
        }
		
		
		


div.voorwoord
{
 position:absolute;
 top:220px;
 left:100px;
 margin-left : 9%;
 margin-right : 2%;
}



ul 
{
list-style-image: url('http://www.xs4all.nl/~ramse/afbeeldingen/pijl.gif');
}

div.kenmerken
{
 position:absolute;
 top:355px;
 left:300px;
 margin-left : 9%;
 margin-right : 5%;
 
}

/* -- prijzen.html ----------------------------------------------- */




div.prijs
{
 position:absolute;
 top:225px;
 left:120px;
 
 border-style: double double double double;
          margin-left : 9%;
	     margin-right : 5%; 

}





table.sample {
	
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 15px 3px 15px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-image: url('http://members.ziggo.nl/vipmember/afbeeldingen/knopkaal2.jpg'); 
    background-color: white;
	         margin-left : 9%;
	     margin-right : 5%; 
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 10px 15px 10px 15px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	         margin-left : 9%;
	     margin-right : 5%; 
	
}

div.toelichting
{
 position:absolute;
 top:425px;
 left:120px;
          margin-left : 9%;
	     margin-right : 5%; 
}

/* -- screenshot.html ----------------------------------------------- */


div.screenshot1
{
 position:absolute;
 top:225px;
 left:40px;
 
 border-style: groove;
          margin-left : 9%;
	     margin-right : 5%; 

}

div.screenshot2
{
 position:absolute;
 top:870px;
 left:120px;
 
 border-style: groove;
          margin-left : 9%;
	     margin-right : 5%; 

}


div.screenshot3
{
 position:absolute;
 top:1525px;
 left:10px;
 
 border-style: groove;
 margin-left : 9%;
margin-right : 5%; 

}

div.screenshot4
{
 position:absolute;
 top:2175px;
 left:10px;
 
 border-style: groove;
 margin-left : 9%;
margin-right : 5%; 

}



table.sample2 {
	
}
table.sample2 th {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	 border-style: inset inset inset inset;
	/* border-color: gray gray gray gray;*/
	background-image: url('http://members.ziggo.nl/vipmember/afbeeldingen/knopkaal2.jpg'); 
        background-color: white;
	margin-left : 9%;
	margin-right : 5%; 
	
        
}
table.sample2 td {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	/*border-style: inset inset inset inset;*/
	border-color: gray gray gray gray;
	margin-left : 9%;
	margin-right : 5%; 
	
	
}


/* -- linken.html ----------------------------------------------- */

a.linkie {
        font-size:18px;
        text-decoration:none;
        font-weight:bold;
        color:#3A41FE;
         }



div.kole
{
 
 position:relative;
 top:-00px;
 left:-10px;
 width:400px;
 margin-left : 6%;
}

div.kolt
{
 position:relative;
 top:-66px;
 left:480px;
 width:400px;


}


/* -- download.html ----------------------------------------------- */

a.download{
        float:left;
        width:40px;
        height:40px;
        text-decoration:none;
        font-weight:bold;
        color:#3A41FE;
        background : url('http://members.ziggo.nl/vipmember/afbeeldingen/disk.gif');
        padding:0;
        border:0px solid black;
		         margin-left : 9%;
	     margin-right : 5%; 
       }
a.download:hover {background:url('http://members.ziggo.nl/vipmember/afbeeldingen/disk.gif')}

div.knopvolledig01{
      position:absolute;
	  margin-left : 5%;
	   margin-right : 5%;       
	   
           top:240px;
           left:150px;
	  
           }
div.tekstvolledig01{
                     position:absolute;
		             margin-left : 8%;
	                 margin-right : 8%; 
		             top:240px;
                     left:230px;
		   }

div.knopvolledig02{
      position:absolute;
	  margin-left : 5%;
	   margin-right : 5%;       
	   
           top:440px;
           left:150px;
	  
           }
div.tekstvolledig02{
                     position:absolute;
		             margin-left : 8%;
	                 margin-right : 8%; 
		             top:440px;
                     left:230px;
		   }


div.knopvolledig03{
           position:absolute;
           top:640px;
           left:150px;
	       margin-left : 5%;
	       margin-right : 5%; 
           }
		   div.tekstvolledig03{
           position:absolute;
           top:640px;
           left:230px;
		  margin-left : 8%;
	      margin-right : 8%; 
           }

div.knopvolledig04{
           position:absolute;
           top:840px;
           left:150px;
	   margin-left : 5%;
	   margin-right : 5%; 
           }
		   div.tekstvolledig04{
           position:absolute;
           top:840px;
           left:230px;
	   margin-left : 8%;
	   margin-right : 8%; 
           }

div.knopvolledig05{
           position:absolute;
           top:1040px;
           left:150px;
	   margin-left : 5%;
	   margin-right : 5%; 
           }
		   div.tekstvolledig05{
           position:absolute;
           top:1040px;
           left:230px;
	   margin-left : 8%;
	   margin-right : 8%; 
           }


div.knopvolledig06{
           position:absolute;
           top:1240px;
           left:150px;
	   margin-left : 5%;
	   margin-right : 5%; 
           }
		   div.tekstvolledig06{
           position:absolute;
           top:1240px;
           left:230px;
	   margin-left : 8%;
	   margin-right : 8%; 
           }
		   
div.knopvolledig07{
           position:absolute;
           top:1440px;
           left:150px;
	   margin-left : 5%;
	   margin-right : 5%; 
           }
		   div.tekstvolledig07{
           position:absolute;
           top:1440px;
           left:230px;
	   margin-left : 8%;
	   margin-right : 8%; 
           }

div.knopvolledig08{
           position:absolute;
           top:1640px;
           left:150px;
	   margin-left : 5%;
	   margin-right : 5%; 
           }
		   div.tekstvolledig08{
           position:absolute;
           top:1640px;
           left:230px;
	   margin-left : 8%;
	   margin-right : 8%; 
           }		   

div.history{
           position:absolute;
           top:1840px;
           left:50px;
           width:90%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }



/* -- extra.html ----------------------------------------------- */

div.bios{
           position:absolute;
           top:220px;
           left:60px;
           width:85%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }


/* -- mail.html ------------------------------------------------ */

div.positie{
           position:absolute;
           top:200px;
           left:100px;
           width:85%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }

/* -- mailgoed.html ------------------------------------------------ */

div.positiegoedplaat{
           position:absolute;
           top:250px;
           left:80px;
           width:85%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }
div.positiegoedtekst{
           position:absolute;
           top:300px;
           left:210px;
           width:60%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }

div.volgendeknop{
           position:absolute;
           top:340px;
           left:360px;
           width:30%;
	   margin-left : 9%;
	   margin-right : 5%; 
           }