body	   {
			background: #FFF url('http://www.realtones.cc/img/bgbody.jpg') repeat-x scroll top left; 
			margin: 0;

		   }

#container {
	position:relative;
	margin: 0 auto;
	width:770px;
	}

#mascotte{
	float:left;
	width:137px;
	height:187px;
}

#logo {
	float:left;
	width:420px;
	height:187px;
}

#zoeken {
	float:left;
	width:213px;
	height:187px;
	background: #FFF url('http://www.realtones.cc/img/index_03.gif') no-repeat; 
}
	
	.zoekform {	margin: 83px 0 0 18px;
		 	    border: 1px solid white;
				font: bold small Arial;
				color: #83B62A;	
				float:left;	}
	
				   
	.zoekb { margin: 75px 0 0 10px;
			  border: 0px solid red;
			 float:left; }				   		   
	
#menustrook {
	float:left;
	width:222px;
}
	#menustrook img {margin: 0; padding: 0;}
	
	.menubg { width:222px;
			background: #FFF url('http://www.realtones.cc/img/menubg.gif') repeat-y scroll top left; 
			padding: 0;
			margin: 0;
			

			
		    }
		  
	.menuhoofd{ margin: 0 0 0 40px;
				padding: 0 0 0 0; }
			    
	.submenutop {
	background: #FFF url('http://www.realtones.cc/img/submenutop.gif') no-repeat;
	width: 222px;
	height: 49px;
	float:left;
	
				}
#content {
	float:left;
	width:548px;

}

	.contentvakbg { width:548px;
					background: #FFF url('http://www.realtones.cc/img/contentvakbg.gif') repeat-y scroll top left; 
					margin: 0 0 0 0;
					padding: 0 0 0 0; 
					float:left;				  
				  
				  }
				  
		 .contenttekst { color: #A8392E; font: normal 11px Arial, sans-serif;
		 				 margin: 0 20px 0 30px;
						 line-height: 18px;
						 text-align: justify;
						 }
		 
		 
	.eerstevijf{width:254px;
				margin: 0 0 0 18px;
				_margin: 0 0 0 8px;
				padding: 0 0 0 4px; 
				border: 0px solid red;
				float:left;					
				}
				
	.tweedevijf{	
				width:258px;
				margin: 0 0 0 4px;
				padding: 0 0 0 0; 
				border: 0px solid red;
				float:left;		
						}	  
				
			.ringtone{
					 padding: 0 0 0 0; 
					 width: 250px;
					 height: 30px;
					 margin: 4px 0 4px 0;
					 }
					 
					 .ringtonek{
					 float:left;
					 width: 250px;
					 height: 30px;
					 margin: 4px 0 4px 20px;
 					 _margin: 4px 0 4px 10px;
					 padding: 0;
					 }
					 
					 .ringtoneb{
					 float:left;
					 width: 510px;
					 height: 58px;
					 margin: 4px 0 4px 20px;
					  _margin: 4px 0 4px 10px;
					 }
					 
					 
					 
					 .bestellen { height: 58px; width: 104px; float:left;}
					  .bestellen img {margin: 2px 2px 2px 2px; padding: 0; float:left; border: 0;}
					  
		    .ringtone img{margin: 0 2px 0 2px; padding: 0; float:left; border: 0;}
		    .ringtonek img{margin: 0 2px 0 2px; padding: 0; float:left; border: 0;}
			.ringtoneb img{margin: 0 2px 0 2px; padding: 0; float:left; border: 0;}
			
			.artiest{margin:0 0 0 2px; padding-left: 2px; height: 15px; width: 146px; background: #DCF1B6; float:left; color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
			.titel{margin:0 0 0 2px; padding-left: 2px; height: 15px; float:left; color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;}
			.artiestk{margin:0 0 0 2px; padding-left: 2px; height: 15px; width: 169px; background: #DCF1B6; float:left; color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
			.titelk{margin:0 0 0 2px; padding-left: 2px; height: 15px; float:left; color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;}

			.artiestb{margin:0 0 0 5px; padding-left: 2px; height: 29px; width: 395px; background: #DCF1B6; float:left; color: #A8392E; font: bold 23px Arial, sans-serif; text-decoration: none;}
			.titelb{margin:0 0 0 5px; padding-left: 2px; height: 29px; width: 395px; float:left; color: #A8392E; font: normal 23px Arial, sans-serif; text-decoration: none;}

		.kolombg { width:274px;
					background: #FFF url('http://www.realtones.cc/img/kolombg.gif') repeat-y scroll top left; 
					float:left;
					_margin: 0 0 0 0px;
					padding: 0;
		    	  }			
				  
		.realtonekolom {
						width: 274px;
						margin: 0;
						padding: 0;
						float:left;
					   }
					   
        .ringtonekolom{	width: 274px;
						margin: 0;
						padding: 0;
						float:left;
		
					   }					   
/* top 40 */

.nummer {width: 32px; height: 28px; 
		 margin: 0;
		 padding: 0 0 0px 0;
		 font: bold 140% "Arial Rounded MT Bold", Arial, sans-serif; color: #fff;
		 text-align: center;
		 float: left;
		 background: #FFF url('http://www.realtones.cc/img/nrs/blank.gif') repeat-x scroll top left; 
		 }			

/* artiesten */
.letters {color: #83B62A; font: normal 80% "Arial Rounded MT Bold", Arial, sans-serif; text-align: center; margin: 10px 0 0 60px;}
.letters p{ text-align: left; margin: 0 0 0 60px;}
.letters li {list-style-type: none; color: #FFF; background: #83B62A; padding: 2px; float: left; margin: 0 1px 1px 0;}
.letters ul {margin: 0; padding: 0; float: left;}
				
	.topartiesten{	
				width:333px;
				margin: 15px 0 0 135px;
				_margin: 15px 0 0 65px;
				padding: 0 0 0 0; 
				border: 0px solid red;
				float:left;		
						}	  
						
		.ringtonea{
					 padding: 0 0 0 0; 
					 width: 333px;
					 height: 30px;
					 margin: 12px 0 4px 0;
					 }
			.artiesta{margin:0 0 0 2px; padding-left: 6px; height: 15px; width: 189px; background: #DCF1B6; float:left; color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
			.titela{margin:0 0 0 2px; padding: 0 5px 0 2px; height: 15px; width:189px; float:left; color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none; text-align: right;}

			.artiestc{margin:0 0 0 2px; padding-left: 2px; height: 15px; width: 189px; background: #DCF1B6; float:left; color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
			.titelc{margin:0 0 0 2px; padding: 0 5px 0 2px; height: 15px; width:189px; float:left; color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none; }
			
		    .ringtonea img{margin: 0 2px 0 2px; padding: 0; float:left; border: 0;}
/* categorie */			

		.categorielbg { width:198px;
					background: #FFF url('http://www.realtones.cc/img/categorielbg.gif') repeat-y scroll top left; 
					float:left;
					_margin: 0 0 0 0px;
					padding: 0;
		    	  }			
				  
		.categoriel {
						width: 198px;
						margin: 0;
						padding: 0;
						float:left;
					   }
					   
        .categorier{	width: 350px;
						margin: 0;
						padding: 0;
						float:left;
		
					   }	
					   
					   .categorierbg { width:322px;
					background: #FFF url('http://www.realtones.cc/img/categorierbg.gif') repeat-y scroll top left; 
					float:left;
					_margin: 0 0 0 0px;
					padding: 0 0 0 28px;
		    	  }			
				  			.cattable{margin: 0;
									  text-align:left;	
									  
									  }
									  
							.cattable ul {margin:0 0 0 33px; padding: 3px 3px 3px 3px; color: #27763D;}		  
							.cattable li{list-style-type: disc; color: #27763D; margin: 0; padding: 2px 0 0 0px;}  
.meerlink{ text-align: center;
		   color: #A8392E; 
		   font: normal 11px Arial, sans-serif; 
		   text-decoration: none;
		   }
		   
		   							
#footer {
	float:left;
	margin-top: 30px;
	width:770px;
	height:91px;
	background: #FFF url('http://www.realtones.cc/img/index_06.gif') repeat-x scroll top left; 
	text-align: center;
}


/* Titels, kopjes enz */

h1 {padding: 0; margin: 0 0 0 30px; font: normal 190% "Arial Rounded MT Bold", Arial, sans-serif; color: #27763D; text-transform: uppercase;}
.submenutop h2 {padding: 0; margin: 8px 0 0 60px; font: normal 122% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: uppercase;}
.eerstevijf h2 {padding: 0; margin: 0px 0 0 10px; font: normal 122% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: uppercase;}
.tweedevijf h2 {padding: 0; margin: 0px 0 0 10px; font: normal 122% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: uppercase;}
.rtitel h1{padding: 0; margin: 4px 0 0 30px; font: normal 150% "Arial Rounded MT Bold", Arial, sans-serif; color: #27763D; text-transform: none;}
.kolomtitel h1{padding: 0; margin: 4px 0 0 30px; font: normal 110% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: none;}
.kolomtitel h3{padding: 0; margin: 4px 0 0 30px; font: normal 100% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: none;}
.kolomtitelc h1{padding: 0; margin: 13px 0 0 40px; font: normal 110% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: none;}
.kolomtitelcc h1{padding: 0; margin: 13px 0 0 10px; _margin: 13px 0 0 0px; font: normal 110% "Arial Rounded MT Bold", Arial, sans-serif; color: #A8392E; text-transform: none;}
.contenttekst h4 {margin: 0; padding: 0;}
/* list-items */

.menuhoofd li {list-style-type: none; color: #83B62A;}
.menusub li{list-style-type: disc; padding-top: 2px;  color: #83B62A;}
.categorielbg li{list-style-type: disc; color: #83B62A; margin: 0; padding: 2px 0 0 0px;}
.categorielbg ul {margin: 0px 0 0 45px; padding: 0;}

/* links */

.menuhoofd a{color: #A8392E; font: normal medium "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none;}
.menuhoofd a:hover{color: #A8392E; font: normal medium "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: underline;}
.menusub a{color: #83B62A; font: normal medium "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none;}
.menusub a:hover{color: #83B62A; font: normal medium "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: underline;}
.artiest a{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
.artiest a:hover{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: underline;}
.titel a{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;}
.titel a:hover{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: underline;}
.artiestk a{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
.artiestk a:hover{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: underline;}
.titelk a{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;}
.titelk a:hover{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: underline;}

.meerlink a{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: underline;}
.meerlink a:hover{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}

.adlinks{margin: 0 0 0 50px;}

.adlinks a{color: #83B62A; font: normal 12px Arial, sans-serif; text-decoration: none;}
.adlinks a:hover{color: #83B62A; font: normal 12px Arial, sans-serif; text-decoration: underline;}

.artiestc a{color: #A8392E; font: bold 11px Arial, sans-serif; text-decoration: none;}
.artiestc a:hover{text-decoration: underline;}
.titelc a{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;}
.titelc a:hover{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: underline;}

.artiestb a{color: #A8392E; font: bold 23px Arial, sans-serif; text-decoration: none;}
.artiestb a:hover{color: #A8392E; font: bold 13px Arial, sans-serif; text-decoration: underline;}
.titelb a{color: #A8392E; font: normal 23px Arial, sans-serif; text-decoration: none;}
.titelb a:hover{color: #A8392E; font: normal 13px Arial, sans-serif; text-decoration: underline;}

.letters a{color: #FFF; font: normal 16px "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none;}
.letters a:hover{color: #83B62A; font: normal 16px "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none; background: #fff;}

.titela a{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: none;  margin-right: 5px;}
.titela a:hover{color: #A8392E; font: normal 11px Arial, sans-serif; text-decoration: underline; margin-right: 5px;}

.categorielbg a{color: #83B62A; font: normal 12px Arial, sans-serif; text-decoration: none;}
.categorielbg a:hover{color: #83B62A; font: normal 12px Arial, sans-serif; text-decoration: underline;}

.cattable a{color: #A8392E; font: normal small "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none;}
.cattable a:hover{color: #A8392E; font: normal small "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: underline;}
.cattable a{color: #83B62A; font: normal small "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: none;}
.cattable a:hover{color: #83B62A; font: normal small "Arial Rounded MT Bold", Arial, sans-serif; text-decoration: underline;}

.valentijn{float: left; width: 428px; height: 130px; background: url('http://www.realtones.cc/img/valentijnbg.jpg') no-repeat;
			font: normal 12px Arial;
			color: red;
			text-align: center;
			padding: 0 60px 0 60px;
			}
			
.valentijn h1 {color: red;}