* {
	margin:0;
	padding:0;
	list-style:none;}
img {
	border:none;}
a {
	color:#505050;
	font-weight:bold;
	text-decoration:none;}
a:hover {
	text-decoration:underline;}
html {
	overflow-y:scroll;}
body {
	color:#505050;
	background:#d6d6d6;
	font:11px Verdana, Arial, Helvetica, sans-serif;}	
.line {
	width:100%;
	clear:both;
	background-repeat:repeat-x;
	background-image:url(../images/menu-line.gif);}
#container {
	width:1004px;
	margin:0 auto;}
#header {
	width:100%;
	height:148px;
	clear:both;
	position:relative;
	background:url(../images/header.jpg) no-repeat;}
    
#mobile{
    width:119px;
    height:107px;
    background:url(../images/mobiel.png) no-repeat;
    margin-left:470px;
    margin-top:7px;
    float:left;
}


#sex #header {background-image:url(../images/header-sex.jpg)}
#gay #header {background-image:url(../images/header-gay.jpg)}
    #header.sinterklaas{
        BACKGROUND:url(../images/header-sint.jpg) no-repeat;
    }
    
    #header.kerstheader{
        background:url(../images/header-kerst.jpg) no-repeat;
        position:relative;
    }
    
    #header.kerstheader #kerst-right{
        position:absolute;
        right:-26px;
        top:0px;
        height:148px;
        width:26px;
        background:url(../images/header-kerst-right.jpg) no-repeat;
    }
    
#kerst {
	position:absolute;
	left:440px; top:-17px;
	width:354px;
	height:133px;
	background:url(../images/kerstversiering.png) no-repeat;}


#header span {
	display:none;}
#bottom {
	width:1px;
	height:1px;
	background:url(../images/spacer.gif) no-repeat;}
#bottom span {
	display:none;}
	#header #logo {
	width:430px;
	height:140px;
	margin-top:7px;
	display:block;
	position:absolute;}
#main {
	margin-top:10px;}
	
	
	#pageheadertext {
	width:				980px;
	margin:				0px auto;
	position:			relative;
}
#pageheadertext h1, #pageheadertext  h2, #pageheadertext  h3, #pageheadertext  b {
	background:			#d6d6d6;
	position: 			absolute;
	margin-right:		-40px;
	margin-top:			-25px;
	width: 				1000px;
	height:				50px;
	overflow:			hidden;
	color:				#000000;
}
	
	
	
/* BEGIN LEFT CSS */
#left {
	float:left;
	width:170px;
	}
	/* BEGIN MENU CSS */
	#menu .line {
		height:25px;
		background-position:left 8px;}
	#menu {
		position:relative;
		background:url(../images/menu-bg.png) repeat-y}	
	#menu #menuinner {
		width:160px;
		margin-top:-6px;
		position:relative;
		border:1px solid #fff;
		}
	#menu li {
		margin:0 1px;
		font-weight:bold;}
	#menu li.cat {
		height:35px;
		line-height:33px;
		padding:0 8px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		background:url(../images/menu-cat.gif) repeat-x;}
	#menu li.cat span {
		color:#505050;
		padding-left:4px;}
	#menu li.sub a {
		height:42px;
		line-height:40px;
		padding:0 12px;
		display:block;
		color:#505050;
		font-size:11px;
		background:url(../images/menu-sub.gif) repeat-x;}	
	#menu li.sub a:hover {
		color:#000;}
	#menu li.sub a b {
		width:6px;
		height:100%;
		margin-right:6px;
		float:left;
		display:block;
		background:url(../images/selected.png) left center repeat-x;}
	#menu #links {
		padding-top:3px;
		background:url(../images/menu-links.gif) repeat-x #cacecd}
	#menu #links a {
		display:block;
		padding:3px 10px;
		color:#505050;}
	#menutop, #righttop {
		height:6px;
		background:url(../images/menu-top.png) no-repeat;}
	#menubot, #rightbot {
		height:9px;
		width:100%;
		background:url(../images/menu-bot.png) no-repeat;}
	/* END  MENU CSS */
/* END   LEFT CSS */

/* BEGIN MIDDLE CSS */
#middle {
	float:left;
	width:666px;
	padding:5px 0;
	border:1px solid #FFF;
	background:url(../images/middle.gif) repeat-x #FFF;}
#middle .line {
	height:17px;
	background-position:left 8px;}	
	/* BEGIN CAMBLOCK CSS */
	#middle .camblock {
		float:left;
		width:117px;
		margin:5px 0 5px 12px;
		border:1px solid #bcbdbd;
		background:#d3d6d5;}
	#middle .camblock .status {
		height:27px;
		font:bold 16px Geneva, Arial, Helvetica, sans-serif;
		line-height:26px;
		text-align:center;
		background:url(../images/cam-status.gif) repeat-x;}	
	#middle .camblock .status.online {
		font-size: 12px;
		color:#9bc228;}
	#middle .camblock .status.offline {
		color:#505050;}
	#middle .camblock .cam {
		width:111px;
		padding:3px;
		float:left;
		background:url(../images/cam-bg.gif) repeat-x;}
	#middle .camblock .cam img,
	#middle .camblock .cam .img {	
		border:1px solid #bcbdbd;}
	#middle .camblock .cam .img {
		width:109px;
		height:93px;
		float:left;
		background:url(../images/free-start.jpg) no-repeat;}
	#middle .camblock .cam div {
		width:110px;
		height:90px;
		background:#000;}
	#middle .camblock .line {
		height:12px;
		background-position:left 4px;}
	#middle .camblock .btn {
		height:32px;
		font:bold 16px Geneva, Arial, Helvetica, sans-serif;
		line-height:30px;
		clear:both;
		text-align:center;
		background:url(../images/cam-btn2.gif) repeat-x;}	
	#middle .camblock .btn a {
		font-size:16px;
		font-weight:bold;}
		/* BEGIN Hover State */
		#middle .camblock a img,
		#middle .camblock a .img,
		#middle .camblock a .btn,
		#middle .camblock a .status {	
			cursor:pointer;}
		#middle .camblock a:hover .btn {
			color:#55af24;
			text-decoration:none;}
		#middle .camblock a:hover .status {
			text-decoration:none;}
		#middle .camblock a:hover .img {
			border:1px solid #8ebc33;
			background:url(../images/free-start.gif) no-repeat;}	
		/* END   Hover State */
	/* END   CAMBLOCK CSS */
/* END   MIDDLE CSS */
	
/* BEGIN RIGHT CSS */
#right {
	float:right;
	width:168px;
	margin-right:-10px;
	margin-bottom:20px;
	position:relative;
	/*background:url(../images/menu-bg.png) top right repeat-y}*/
#right a {
	text-decoration:underline;}
#right a:hover {
	color:#8fbc0c;}
	
	/* BEGIN RIGHTINNER CSS */
	#right  #rightinner {
		width:160px;
		margin-top:-6px;
		background:url(../images/right-bg.gif);}
	#right #rightinner .head {
		height:42px;
		padding:8px 7px 0;
		color:#505050;
		font-size:12px;
		font-weight:bold;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		background:url(../images/right-cat.gif) repeat-x;}
	#right #rightinner .head label {
		width:100%;
		float:left;
		clear:both;
		color:#FFF;
		font-size:18px;
		line-height:18px;}
	#right #rightinner .cat {
		height:35px;
		line-height:33px;
		padding:0 8px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		background:url(../images/menu-cat.gif) repeat-x;}
	#right #rightinner .cat span {
		color:#505050;
		padding-left:4px;}
	#right #rightinner .ads {
		width:100%;
		float:left;
		background:url(../images/right-ads.gif) repeat-x #cacecd;}
	#right #rightinner .ads li.item {
		margin:3px 3px 5px;}
	#right #rightinner .ads li.item p {}
	
		/* BEGIN RIGHT STERRENSTEK CSS */
		#right #rightinner .ads#sterrenstek img {
			border:1px solid #ffab00;
			}
		/* END   RIGHT STERRENSTEK CSS */
		
		/* BEGIN RIGHT PRIEMURJAGERS CSS */
		#right #rightinner .ads#primeur img {
			border:1px solid #00b5b5;}
		#right #rightinner .ads#primeur li.item {
			width:100%;
			margin:5px 5px 8px;
			background:url(../images/bg-primeur.png) top right no-repeat;}
		/* END   RIGHT PRIEMURJAGERS CSS */
		
	/* END   RIGHTINNER CSS */
#rightbot {
	bottom:-9px;
	position:absolute;}
/* END   RIGHT CSS */

/* BEGIN UL en LI items */
.list {
	padding:0 10px 20px;}
.list li a {	
	color:#6b8d00;}
.list li.head {	
	font-size:15px;
	font-weight:bold;
	margin:15px 0 5px;}
	
#rules .head {
	padding:0;
	float:left;
	clear:both;
	background:none;}
#rules li {
	clear:both;
	padding-left:15px;
	position:relative;
	background:url(../images/list-item.png) 1px 3px no-repeat;}
#rules li.q {
	margin-top:3px;
	font-weight:bold;}
#rules li.q, #rules li.a {
	background:none;
	padding-left:0px;}
#rules li.q div, #rules li.a div {
	float:left;
	padding-left:15px;}
#rules li.q span, #rules li.a span {
	left:0;
	width:12px;
	float:left;
	display:block;
	position:absolute;}
/* END   UL en LI items */

#banneronder{
	padding-top:80px;
	#padding-top:55px;
	position:relative;
	float:left;
	height:280px;
	width:830px;	
	left:50%;
	margin-left:-415px;
}