body {margin: 0;
	  padding: 0;
	  background: url('images/bodybg.gif') repeat-x;
	  font: normal small Arial;
	 
	  }
	  
#container{
	margin: 0 auto;
	width:900px;
	
}

#logo{
	float: left;
	width:426px;
	height:158px;
	background: url('images/index_01.jpg') no-repeat;
}

#headerrechts {
	float: left;
	width:329px;
	height:72px;
	padding: 86px 35px 0 110px;
	color: gray;
	font: normal 11px Arial;
	background: url('images/index_02.jpg') no-repeat;
}

 #headerrechts img {float: right; width: 22px; height: 20px; margin: 3px; border: 0;}
	

#menu {
	float:left;
	width:217px;
	padding: 25px 0 0 0;
	}
	
		#menu a { display: block;
		  width: 175px; 
		  height: 18px; 
		  padding-top: 6px ;
		  padding-bottom: 3px;
		  padding-left: 10px;
		  color: #468AB4; 
		  text-decoration: none; 
		  margin: 0px 0px 2px 20px; 
		  border-top: 1px solid #DAD8D8;
		  font: normal 1.2em Arial Rounded MT Bold, Arial;}	
		  
		 #menu ul ul a { display: block;
		  width: 160px; 
		  height: 14px; 
		  padding-top: 2px ;
		  padding-bottom: 3px;
		  padding-left: 25px;
		  color: #468AB4; 
		  text-decoration: none; 
		  margin: 0px 0px 2px 20px; 
		  border-top: 1px solid #DAD8D8;
		  font: normal 1.0em Arial Rounded MT Bold, Arial;}	
		  
		  
		#menu a:hover { border-top: 2px solid #ffa500; 
						color: #468AB4;
						display: block;
						width: 175px;  
						height: 18px; 
						padding-top: 5px;
						padding-bottom: 3px; 
						padding-left: 10px; 
						 font: normal 1.2em Arial Rounded MT Bold, Arial;}
						 
		#menu ul ul a:hover { border-top: 2px solid #ffa500; 
						color: #468AB4;
						display: block;
						width: 160px;  
						height: 14px; 
						padding-top: 1px;
						padding-bottom: 3px; 
						padding-left: 25px; 
						 font: normal 1.0em Arial Rounded MT Bold, Arial;}
						 
						
		#menu ul { display: inline; list-style: none; padding: 0; margin: 0px 0 0 0px; }
		#menu ul ul { list-style: none; padding: 0; margin: 0px 0 0 0px; }
		#menu li { float: left; display: inline; padding: 0; margin: 0;}
		#menu ul ul li { float: left; display: inline; margin: 0; padding: 0 0 0 0px;}


#content {
	float: left;
	width:653px;
	padding: 15px;
}

.honderd {float: left; width: 100%;}

	#content h1 {color: #F5B024;
				font: normal 1.9em Arial Rounded MT Bold, Arial;
				float: left; width: 100%; margin: 5px 0 5px 0;}
	#introtekst
	{
		
		font: normal small Arial;
		text-align: justify;
		line-height: 20px;
		color: #2977A8;
		border: 0px solid blue;
		
	}
	
	#interesting
	{
		
		float: left; width: 640px;
		 color: #292929;
		 margin-bottom: 15px;
		
	}
	
	.populair{float: left;
			  background: url('images/bgpopulair.gif') no-repeat;
				 padding: 35px 20px 0 25px;
				 margin: 0;
				 width: 201px;
				 height: 100px;
				 color: gray;
				 line-height: 18px;
				}
				
				.populair  a:link {	float: right; margin: 4px 0 0 0; color: #D2B309; font: bold 12px Arial; text-decoration: none; }
	.populair  a:visited {	float: right; margin: 4px 0 0 0; color: #D2B309;	font: bold 12px Arial; text-decoration: none; }
	.populair  a:hover {	float: right; margin: 4px 0 0 0; color: red; font: bold 12px Arial; text-decoration: none;}
	.populair  a:visited:hover{ float: right; margin: 4px 0 0 0;  color: red; font: bold 12px Arial; text-decoration: none;}
	.populair img{float: right; border: 0; margin: 0px 4px 0 0; }
	
	#m_anoniem_bericht {font: normal 12px Arial;
						line-height: 19px;
						}
						
	.teversturen {float: left;
				border: 2px solid #E0DCDC;
				 background: #F8F7F7;
				 padding: 4px;
				 margin: 10px 0 10px 30px;
				 width: 400px;
				 }
				 
		#introtekst h2 {font: normal 1.7em Arial Rounded MT Bold, Arial;
						color: #F5B024; float: left; width: 100%; margin: 0 0 0 0;}
						
		.shuffle {float: left; width: 100%; margin: 0 0 30px 0;}
		
		.shuffle img {float: left; border: #DBDBDB solid 2px; padding: 3px; margin: 4px; }
	
	#smsformulier{ float: left;
				   width: 560px;
				   height: 154px;
				   padding: 0 0 0 0;
				   margin: 0 0 40px 0;
				   background: url('images/bgsmsform.jpg') no-repeat;
				   text-align: left;
				   border: 0px solid yellow;
				   }
	
	#insturen{ float: left;
				   width: 560px;
				   height: 254px;
				   padding: 0 0 0 0;
				   margin: 0 0 40px 0;
				   background: url('images/bgsmsform.jpg') no-repeat;
				   text-align: left;
				   border: 0px solid yellow;
				   }
		
		.smsformlinks {float: left; width: 266px; margin: 25px 0 0 34px; _margin: 25px 0 0 16px; padding: 0; text-align: left; _border: 0px solid gray;}
		.smsformrechts {float: left; width: 225px; margin: 25px 0 0 0px; _margin: 25px 0 0 0; padding: 0 0 0 27px; text-align: left; _border: 0px solid red;}
		.input{margin: 8px 0 22px 3px; height: 19px; width: 180px; border: 0; float: left;}
		.inputsel{margin: 5px 0 22px -2px; height: 30px; width: 194px; border: 1px solid #d3d3d3;}
		.verstuur{width: 195px; height: 31px; float: left;}
		
		.textar  textarea{width: 265px; height: 94px; 
							  border: 0px solid red;
							  margin: 5px 0 0 3px;
							  padding: 0;
							  }
							  
	
	.categoriesmsjes {float: left; width: 650px; margin: 40px 0 0 0; border: 0px solid red;}
	.smsjes {float: left; margin: 0 0 0 0px;}
	
	.anoniemsmsje
	{
		float: left;
		border: 1px solid #8EC4E6;
		background: #DEEEF8 url('images/bgsmsje.gif') bottom repeat-x;
		text-align: justify;
		color: #5C3E3E;
		font: normal 11px Arial;
		line-height: 16px;
		
		padding: 3px 6px 6px 6px;
		margin: 3px;
		width: 195px;
		height: 95px;
		
	}
	
	.anoniemsmsje img {border: 0; margin: 0 0 3px 0px; width: 101px; height: 24px;}
	
	.anoniemsmsje  a:link {	 color: #2977A8; font: bold 12px Arial; text-decoration: none; }
	.anoniemsmsje  a:visited {	color: #2977A8;	font: bold 12px Arial; text-decoration: none; }
	.anoniemsmsje  a:hover {	color: #2977A8; font: bold 12px Arial; text-decoration: underline;}
	.anoniemsmsje  a:visited:hover{ color: #2977A8; font: bold 12px Arial; text-decoration: underline;}
	
	.partners  table{line-height: 23px;}						  

	.partners  a:link {	background: #F1F1F1; text-align: center; padding: 3px; width: 145px; height: 22px; float: left; margin: 2px; color: #2977A8; font: normal 12px Arial; text-decoration: none; }
	.partners  a:visited {	background: #F1F1F1; text-align: center; padding: 3px; width: 145px; height: 22px; float: left; margin: 2px; color: #2977A8; font: normal 12px Arial; text-decoration: none; }
	.partners  a:hover {	background: #F1F1F1; text-align: center; padding: 3px; width: 145px; height: 22px; float: left; margin: 2px; color: #2977A8; font: normal 12px Arial; text-decoration: underline; }
	.partners  a:visited:hover{ background: #F1F1F1; text-align: center; padding: 3px; width: 145px; height: 22px; float: left; margin: 2px; color: #2977A8; font: normal 12px Arial; text-decoration: underline; }
	
	
#footer {float: left; width:	900px; height: 100px; text-align: center;
		margin: 30px 0 10px 0; 
		padding: 40px 0 0 0;
		color: #9B9999;
		background: url('images/wallohoek.jpg') no-repeat top right;}
		
		#footer a:link{color: gray;}

/*mollie bestelscherm */
#header {
	width: 100%;
	
	font: bold 21px Arial;
	margin-top: 25px;
	margin-left: 1px;
	color: #FAB01C;
	text-align: center;
}


#nummer {
	font: 18px/20px verdana, helvetica, arial;
	font-weight: bold;
	color: red;
}
#kosten {
	font: 11px/12px verdana, helvetica, arial;
}
#code {
	font: 18px/20px verdana, helvetica, arial;
	font-weight: bold;
	color: red;
}
#scherm {
	margin: 40px auto 0 auto;
	padding: 8px;
	width: 300px;
	height: 400px;
	text-align: left;
	background: url('http://www.wallo.nl/images/mollieschermbg.jpg') no-repeat top right;
}
.landimg {
	border: 1px solid #282828;
	margin: 2px;
}