* {
	
	padding:0;
	margin:0;
}
#container {
	margin:10px auto;
	padding:10px; 
	width:900px; 
}

BODY{
	
	
	margin-left : 6%;
	margin-right : 6%;
	
	
	
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	}
	
	
TABLE{
 font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	}

 
img{
    z-index:-1;
   }




div.logo{
              background: #A9F19D url(logo.jpg) top left no-repeat;
              

			  width: 980px;
              height: 107px;
              border: 1px solid ; color:#3A41FE;
              margin: 10px 0 0 2px;
              }
			  
			  
			  
			  

div.logotekst
{
 position:absolute;
 top:44px;
 left:503px;
 color:#3A41FE; 
 margin-left : 9%;
 margin-right : 5%;
	
 
}

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


.ronde_knoppen li {
	display:inline; 
	list-style:none;
}

.ronde_knoppen li a {
	background:transparent url(butt2.gif) no-repeat top left;
	display:block; 
	float:left; 
	height:22px;  
	width:95px;
	margin-right:30px;
	margin-top:4px;
	
}

.ronde_knoppen li a span {
	background:transparent url(butt2.gif) no-repeat right top;
	cursor:pointer;
	display:inline; 
	float:left;  
	height:18px; 
	width:95px;
	padding:4px 0px 0px 0px; 
	margin-left:30px;	
}

.ronde_knoppen li a:hover {
	background-position:0px bottom; color:#3A41FE;
}

.ronde_knoppen li a:hover span {
	background-position:right bottom; color:#fff;
}



div.knoppen2{
		   position:relative;
		   top:4px;
		   background: #A9F19D   no-repeat;
           height: 30px;
           width: 980px; 
		   
		   border: 1px solid ; color:#3A41FE;
		   margin: 2px 0 0 2px;
		   }



div.knoppen{
		   position:relative;
		   top:7px;
		   background: #A9F19D   no-repeat;
           height: 22px;
           width: 980px; 
		   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:500px;
              }

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


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





div.hand{
         position:absolute;
         top:360px;
         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:330px;
 margin-left : 9%;
 margin-right : 5%;
 
}

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




div.prijs
{
 position:absolute;
 top:225px;
 left:120px;
 
 	border: 1px solid ; color:gray;
          margin-left : 9%;
	     margin-right : 5%; 

}






table.sample th {
	
	border-width: 0px; 
	padding: 3px 15px 3px 15px;
	border-style: inset inset inset inset;
	border-color: 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:130px;
	  
           }
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:130px;
	  
           }
div.tekstvolledig02{
                     position:absolute;
		             margin-left : 8%;
	                 margin-right : 8%; 
		             top:440px;
                     left:230px;
		   }


div.knopvolledig03{
           position:absolute;
           top:640px;
           left:130px;
	       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:130px;
	   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:130px;
	   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:130px;
	   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:130px;
	   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:130px;
	   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%; 
           }