
body {
	     background: #FFF url('img/bodybg.jpg') repeat-x fixed top left; 
		 margin: 0 0 20px 0;
		 padding: 0;
		 }
		 
#container {
	margin: 0 auto;
	width:780px;
}

#logo {
	float: left;
	width:476px;
	height:131px;
	background: url('img/index_01.gif') no-repeat; 	
}

#berichten {
	float: left;
	width:304px;
	height:131px;
	background: url('img/index_02.gif') no-repeat; 		
}

/* scroller */
#pscroller2{
width: 270px;
height: 90px;
border: 0px solid black;
padding: 3px;
margin: 25px 0 0 15px;
font: normal 11px Trebuchet MS;
}

#pscroller2 a{color: #19448C; text-decoration: underline;}
#pscroller2 a:hover{color: #19448C; text-decoration: none;}
#pscroller2 a:visited{color: #19448C; text-decoration: underline;}
#pscroller2 a:visited:hover{color: #19448C; text-decoration: none;}

.bimg{
width: 55px;
margin: 2px 4px 0 0;
border: 1px solid #0B234C;
height: 41px;
float: left;
}


.pijl {float: right;
	   margin: 4px 19px 4px 10px;
	   width: 27px;
	   height: 26px;
	   border: 0px;
	   }


/* einde scroller*/
#menustrook {
	float: left;
	width:195px;
	background: #FFF url('img/index_03.gif') no-repeat; 		
	padding: 0;
	margin: 0;
}

		#menu {	float: left;
				width: 175px;
				height: 161px;
				padding: 15px 0 0 20px;
				margin: 0 0 10px 0;
				background: url(img/menubg.jpg) no-repeat;
				list-style-image: url('img/webcamk.png');
			 }
			 
		#menu li {  height: 30px;
				    width: 120px;
					 padding: 2px 0 4px 0;
					 margin: 0;
					 }
				   
		#menu a{margin: 0 0px 0 10px;
				   font: normal 120% Trebuchet MS;
				   color: #285A84;
				   text-decoration: none;
				   }
				   
		#menu a:hover{margin: 0 0px 0 10px;
				   font: normal 120% Trebuchet MS;
				   color: #285A84;
				   text-decoration: underline;
				   }

		
		
		#zoeken {float: left;
		font: normal 11px Trebuchet MS;
				   color: #285A84;
				width: 160px;
				height: 339px;
				padding: 20px 0 0 35px;
				margin: 0 0 0px 0;
				background: url(img/zoekenbg.jpg) no-repeat;
				}
				
				
		#zoeken select {width: 146px; font: normal 11px Trebuchet MS;
				   color: #285A84; margin: 2px 0 2px 0;}
				   
		.button {margin: 4px 0 0 0; width: 146px;}
			  

#content {
	float: left;
	width:585px;
	background: #FFF url('img/index_04.gif') no-repeat; 		
	padding: 0;
	margin: 0;
		 }
		 

	#kruimelpad {float:left;
				 width: 500px;
				 margin: 20px 0 0px 13px;
				 _margin: 20px 0 0px 6px;
				 font: bold 11px Trebuchet MS;
				 color: #285A84;

				}

			#kruimelpad a:link {	color: #285A84; font: bold 11px "Trebuchet MS", Arial; text-decoration: underline; 	}
			#kruimelpad a:visited {	color: #285A84;	font: bold 11px "Trebuchet MS", Arial;text-decoration: underline;}
			#kruimelpad a:hover {	 color: #285A84; font: bold 11px "Trebuchet MS", Arial;text-decoration: none;}
			#kruimelpad a:visited:hover{ color: #285A84; font: bold 11px "Trebuchet MS", Arial; text-decoration: none;}
				   			 
			 
  .gaywebcams{float: left;
  			  margin: 0px 0 0 7px;
			  _margin: 0px 0 0px 0px;

			  }
			  
	.gaywebcams h1 {float: left;
					font: bold 220% Trebuchet MS;
				    color: #285A84;
					margin: 0 0 5px 6px;
					_margin: 0px 0 5px 5px;
					width: 500px;
									
					}	
		 
		 	.strooklinks {float: left; height: 550px; margin: 0; width:280px; border: 0px solid red;}
			.strookrechts {float: left; margin: 0 0 0 10px; width:230px; border: 0px solid red;}
		 	.dagitem h2 {float: left;
					font: bold 130% Trebuchet MS;
				    color: #285A84;
					margin: 0 0 5px 6px;
					_margin: 0px 0 5px 5px;
					
									
					}	
					
					.dagitem {float: left; width: 275px; margin: 0 0 10px 0;}
					.dagitemcontent {float: left; font: normal 11px Trebuchet MS; 
							 width: 265px; height: 70px; background: #FCF9D8; padding: 5px; border: 1px solid #F9ED58;}
							 
					.dagitem h2 a:link {	color: #285A84; text-decoration: none; 	}
			.dagitem h2 a:visited {	color: #285A84;	text-decoration: none;}
			.dagitem h2 a:hover {	 color: #285A84; text-decoration: underline;}
			.dagitem h2 a:visited:hover{ color: #285A84; text-decoration: underline;}
			
			.meerlink {float: right; margin: 0 10px 0 0;}
			.dagelijkscontent {float: left; width: 450px; margin: 0 0 0 20px; font: normal x-size Arial; color: #285A84;} 
			.dagbeschrijving{float: left; margin: 5px; font: normal 12px Trebuchet MS; color: #285A84;}

	.webcamgay {float: left;
			    width: 257px;
				height: 93px;
				padding: 10px 0 0 13px;
				background: url('img/webcammer-bg.jpg') no-repeat; 		
				margin: 4px;
				}

			.status{float: left;
				    font: normal 90% Arial;
					font-weight: 700;
				    color: green;
					margin: 0px 0 0 11px;
					_margin: 0px 0 0 8px;					
					padding: 0;


				   }
				   
.links{width: 96px;
	   float: left;
	   }
	   
	   			.foto{ float: left;
				   width: 90px;
				   height: 68px;
				   border: 1px solid #9AA070;
				   margin: 0 4px 2px 0;
				   }
				   
			
			
				   
				   
	.webcamgay h2 {font: bold 18px Trebuchet MS;
				   color: #285A84;
				   margin: 0 0 0 0px;
				   padding: 0;
				   float: left;
				   }
				   
			.webcamgay h2 a:link {	color: #285A84; text-decoration: none; 	}
			.webcamgay h2 a:visited {	color: #285A84;	text-decoration: none;}
			.webcamgay h2 a:hover {	 color: #285A84; text-decoration: underline;}
			.webcamgay h2 a:visited:hover{ color: #285A84; text-decoration: underline;}
			
	.webcamgay p {text-align: left;
				  font: normal 11px Trebuchet MS;
				  color: #285A84;
				  margin: 0;
				  padding: 0;
				  width: 155px;
  				  float: left;
				  }
				  
	
			.webcamlink {float: right; margin: 2px 4px 0 0;}
			.webcamlink a:link {	color: #285A84; font: bold 11px "Trebuchet MS", Arial; text-decoration: none; 	}
			.webcamlink a:visited {	color: #285A84;	font: bold 11px "Trebuchet MS", Arial;text-decoration: none;}
			.webcamlink a:hover {	 color: #285A84; font: bold 11px "Trebuchet MS", Arial;text-decoration: underline;}
			.webcamlink a:visited:hover{ color: #285A84; font: bold 11px "Trebuchet MS", Arial; text-decoration: underline;}
			


/* Performerpage */

.linksb{float: left; width: 228px; margin-left: 2px; _margin-left: 5px;}
.rechtsb{float: left; width: 335px; margin: 0 0 0 7px; _margin: 0 0 0 0px; 
		  font: normal 13px Verdana;				   
		   color: #5D5E3B; line-height: 19px;}

		   .rechtsb p {width: 300px; text-align: justify; margin: 0 0 0 10px;}
		   
.foto-webcammer {float: left;
				 width: 228px;
			     height: 208px;
				 background: url('../../img/fotobg.jpg') no-repeat;
				 }

		.foto-webcammer img {float: left;
							 width: 199px;
							 height: 149px;
							 border: 1px solid #9AA070;
							 margin: 17px 0 0 13px;
							 }

.smsen 			{float: left;
				 width: 228px;
			     height: 117px;
				 background: url('../../img/bgsmsen.jpg') no-repeat;
				 font: normal 12px Trebuchet MS;
				 color: #5D5E3B;
				 margin: 10px 0 0 0;
				 padding: 41px 0 0 0;
				 text-align: center;
				 }
	
	.kleinsms {float: left;
	font: normal 9px Trebuchet MS;
		   color: #B8B6B6;
		   width: 200px;
		   margin: 6px 0 0 15px;

		   }
		   			
			.nuonline{float: left;
				    font: normal 160% Arial;
					font-weight: 700;
				    color: green;
					margin: 5px 0 0 49px;
					_margin: 0px 0 0 8px;					
					padding: 0;


				   }
				  
				  
			.offline{float: left;
				    font: normal 110% Arial;
					font-weight: 700;
				    color: red;
					margin: 0px 0 0 12px;
					_margin: 0px 0 0 8px;					
					padding: 0;

				   }				   

.vriendjes 		{float: left;
				 width: 228px;
			     height: 91px;
				 background: url('../../img/bgvriendjes.jpg') no-repeat;
				 font: normal 12px Trebuchet MS;
				 color: #5D5E3B;
				 margin: 10px 0 0 0;
				 padding: 36px 0 0 0;
				 
				 }
		
		 .vriendjes ul{margin: 0 0 10px 60px; padding: 0;}
			 
		.vriendjes li {  
				   width: 190px;
				   _width: 180px;
					 padding: 0 0 0 0;
					 margin: 0;
					 }
				   
		.vriendjes a{margin: 0 0px 0 10px;
				   font: normal 100% Trebuchet MS;
				   color: #dd0000;
				   text-decoration: none;
				   }
				   
		.vriendjes a:hover{margin: 0 0px 0 10px;
				   font: normal 100% Trebuchet MS;
				   color: #dd0000;
				   text-decoration: underline;
				   }
				   	
	
		 .rechtsb table{float: left; margin: 0px 0px 20px 0px; font: normal 11px Verdana;
				   color: #5D5E3B; line-height: 19px; background: #FFF; }
		 .rechtsb table strong{color: #5D5E3B; margin: 3px 0 3px 6px; line-height: 20px;}
		 .rechtsb table h4 {float: left; font: bold 130% Verdana; color: #5D5E3B; margin: 4px 0 4px 3px;}
		 

		 
		 .rechtsb table a:link {	margin: 3px; color: green; font: bold 14px Arial; text-decoration: none; 	}
		.rechtsb table a:visited {	margin: 3px; color: purple;	font: bold 14px Arial;text-decoration: none;}
		.rechtsb table a:hover {	margin: 3px;  color: green; font: bold 14px Arial;text-decoration: underline;}
		.rechtsb table a:visited:hover{ margin: 3px; color: green; font: bold 14px Arial; text-decoration: none;}						   
		
		.rechtsb table img{float: center; margin: 4px; border: 0;}
		
		#fotosperformer {float: left; padding-left: 10px; margin-bottom: 10px; width: 572px;  }
		#fotosperformer h2 { margin-top: 1em; margin-bottom: 0.0em; padding: 0 0 0px; font: bold 145% "Trebuchet MS", Arial, sans-serif; color: #285A84; border-bottom: 1px solid #eee;}	
		.perfimg {border: 2px solid pink; margin: 5px; float: left;}

		
/* profielen zoeken */
.zoekformulier{			float: left;
						width: 540px;
						height: 163px;
						margin: 0 0 15px 0;
						padding: 5px 0 0 10px;
						font: normal 12px Trebuchet MS;
				   		font-weight: normal;
				   		color: #5D5E3B;
						background: #FFF url('http://www.webcamgayz.nl/img/zoekpaginabg.jpg') no-repeat;
				   }	
				   
.zoekformulier table {margin: 0 0 0 10px; font: bold 12px Trebuchet MS; }
.zoekformulier form {margin: 0;}	
.zoekformulier submit{margin: 0; padding: 0; width: 150px;}
.zoekformulier select {width: 146px;}			

.zoekformulier h4 {font: bold 130% Trebuchet MS;	  
				   margin: 0;
				   padding: 0;
				   } 
				   
		.nuonlinez{float: left;
				    font: normal 90% Arial;
					font-weight: 700;
				    color: green;
					margin: 0px 0 0 11px;
					_margin: 0px 0 0 8px;					
					padding: 0;
				   }
				  
				  
			.offlinez{float: left;
				    font: normal 90% Arial;
					font-weight: 700;
				    color: red;
					margin: 0px 0 0 11px;
					_margin: 0px 0 0 8px;					
					padding: 0;
					  }						   

#bredebox {	float:left; 
			width: 485px; 
			border: 1px solid #285A84;
			background-color: white; 
			padding: 5px;
			margin: 45px 20px 10px 30px;
			_margin: 25px 0px 20px 15px;
			}
#bredebox p {			
			font: normal 11px "Trebuchet MS"; 
			color: #285A84;
			text-align: justify;
			margin-top:0px;
			margin-bottom:0px;}
#bredebox H3 {			
			margin-top: 0px; 
			margin-left: 5px;
			margin-bottom: 5px; 
			padding: 0 0 0px; 
			font: bold 120% "Trebuchet MS", Arial, sans-serif; 
			color: #285A84;
			border-bottom: 1px solid #eee;}
			
#bredebox a{color: #285A84; text-decoration: underline; font: normal 11px "Trebuchet MS"; }			
#bredebox a:hover{color: #285A84; text-decoration: none; font: normal 11px "Trebuchet MS"; }			

table.lp { 
padding:0px; 
margin: 0px;
border:0px;
}
td.lp { 
width:160px;
vertical-align:top;
}					  