body {
	margin:0; padding:0; 	padding-top:33px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(img/bg.jpg);
}
form, p, h1, h2, h3, h4 {margin:0; padding:0;}
img {border:0;}
.clear {clear:both;}
a:hover {text-decoration:none;}

#box-topbar {position:absolute; top:0; height:52px; width:100%; background:url(img/topbar.png);}
#cnt-topbar	{width:960px; margin:0 auto; text-align:right; color:#fff; height:22px; line-height:22px !important; padding-top:5px;}
#cnt-topbar	a {float:right; color:#fff; font:bold 12px Verdana, Geneva, sans-serif; padding:0; margin:0; height:22px; line-height:22px !important;}
#cnt-topbar	span {float:right;  font:bold 12px Verdana, Geneva, sans-serif; line-height:22px; padding:0 5px;}
#main {
	width:100%;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
#main td {margin:0; padding:0;}
/*#main .table-left {background:url(img/page_left.png) no-repeat top right;}*/
#main .table-left-prof {background:none;}
#main .table-content {width:970px;}
#main .table-right {background:url(img/page_right.png) no-repeat top left;}

#header {background:url(img/h1.png) repeat-x; position:relative; width:970px; height:195px;}
#header_prof {background:url(img/h1_prof.png) repeat-x; position:relative; width:970px; height:195px;}
#header_prof #box-formaat {display:none;}

#clicklayer a {display:block; width:400px; height:195px; position:absolute; top:0; left:0; border:none !important;}

#box-flash {position:absolute; top:27px; right:0;}

#box-fav {position:absolute; top:5px; right:220px; width:180px;}
#box-fav a {color:#fff; text-transform:uppercase;}
#box-fav img {float:left;}
#box-fav div {padding-top:5px;}

#box-zoekopnaam {width:210px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#box-zoekopnaam .input {float:left; padding-top:1px;}
#box-zoekopnaam .button {float:left; padding-left:3px;}
#box-zoekopnaam input.zoeken {font:11px arial, helvetica, sans-serif; width:130px; border:1px solid #eee; height:24px; line-height:24px;}
#box-zoekopnaam input.btn {font:11px arial, helvetica, sans-serif;}


#jSuggestContainer {border:1px solid #eee; background:#fff;}
#jSuggestContainer ul {padding:0; margin:0; list-style:none; color:#000;}
#jSuggestContainer li {color:#000; height:18px; line-height:18px; cursor:pointer; font-size:11px; padding:0 5px;}
#jSuggestContainer .jSuggestHover {background:#fd4ea6;}

#box-formaat {height:30px; position:absolute; top:150px; left:460px;}
#box-formaat .bekijk {float:left; height:22px !important; color:#f00; font-size:12px; width:125px; padding:24px 2px 0; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
#box-formaat .radio {float:left; height:42px;}

#nav {background:url(img/nav_bg.png); width:950px; height:38px; padding-left:20px;}
#nav img {float:right;}
#nav a {color:#000; font:bold 14px "Terbuchet MS", Arial, Helvetica, sans-serif; padding:0 2px; line-height:32px;}

#nav_prof {background:url(img/nav_bg_prof.png); width:900px; height:38px; padding-left:70px;}
#nav_prof img {float:right;}
#nav_prof a {color:#000; font:bold 12px "Terbuchet MS", Arial, Helvetica, sans-serif; padding:0 4px; line-height:32px;}

#paging1 img {float:right;}
#box-pags {float:left; width:355px; height:50px;}
#box-pags a {float:left; font:bolder 14px Arial, Helvetica, sans-serif;  text-decoration:none; color:#000; width:53px; height:42px; background:url(img/pag.png) no-repeat; text-align:center; line-height:42px; padding:0;}
#box-pags a.page_cur {color:#fd4ea6;}

#cnt_left {float:left; width:760px; margin-top:-20px; padding-right:3px; border-right:2px solid #fff;}
#cnt_right {float:left; width:200px; padding-left:5px; overflow:hidden;}

#box-top5 {width:200px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#box-top5 .item {position:relative; width:100px; height:24px; padding:0 4px; overflow:hidden;}
#box-top5 .item p {height:24px; line-height:24px; text-transform:capitalize;color:#fff;}
#box-top5 .item .pic {border:1px solid #fff;}
#box-top5 .item .info {position:absolute; top:125px; left:0;}
#box-top5 .item .chat {position:absolute; top:125px; left:50px;}

#box-top5 .item a {color:#fff;}

#box-list {width:200px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#box-list h2 {font-size:14px; padding-left:30px;}
#box-list a {padding:0 10px 0 60px; color:#fff; width:100px; display:block; text-transform:uppercase;}
#box-list h2 a {padding-left:0;}

#box-welkom {width:200px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#box-welkom p {padding:0 10px 10px; color:#fff; text-align:left;}

.cam {position:relative; width:122px; height:175px; padding:0 2px 0 2px; float:left;}
.cam p {text-align:center; height:15px; line-height:15px; text-transform:capitalize; color:#fff;}
.cam .pic {border:1px solid #fff;}
.cam .info {position:absolute; top:122px; left:5px;}
.cam .chat1offline, .cam .chat2online {display:none;}
.cam .flag {position:absolute; top:17px; left:104px; width:18px; height:12px; overflow:hidden;}
.cam .chat1online {font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; position:absolute; left:32px; bottom:33px;}
.cam .chat2offline {font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f00; position:absolute; left:32px; bottom:33px;}

.cam_m {position:relative; width:187px; height:212px; padding:0; float:left;}
.cam_m p {position:absolute; top:30px; left:0; width:212px; text-align:center; height:15px; line-height:15px; text-transform:capitalize;color:#fff;}
.cam_m .pic {border:1px solid #fff; position:absolute; top:43px; left:13px;}
.cam_m .info {position:absolute; top:152px; left:0px;}
.cam_m .chat1offline, .cam_m .chat2online {display:none;}
.cam_m .overlay {position:absolute; top:0; left:10px;}
.cam_m .flag {position:absolute; top:45px; left:14px; width:18px; height:12px; overflow:hidden;}
.cam_m .bar {border:1px solid #fff; position:absolute; bottom:16px; left:13px; width:155px; height:26px; padding-top:4px; padding-left:5px;}
.cam_m .chat1online {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; position:absolute; left:60px; bottom:7px;}
.cam_m .chat2offline {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f00; position:absolute; left:60px; bottom:7px;}

.cam_b {position:relative; width:240px; height:250px; padding:0; float:left;}
.cam_b p {position:absolute; top:35px; left:10px; width:220px; text-align:center; height:15px; line-height:15px; text-transform:capitalize;color:#fff;}
.cam_b .pic {border:1px solid #fff; position:absolute; top:50px; left:19px;}
.cam_b .info {position:absolute; top:180px; left:10px;}
.cam_b .chat1offline, .cam_b .chat2online {display:none;}
.cam_b .overlay {position:absolute; top:0; left:10px;}
.cam_b .flag {position:absolute; top:52px; left:21px; width:18px; height:12px; overflow:hidden;}
.cam_b .bar {border:1px solid #fff; position:absolute; bottom:17px; left:19px; width:200px; height:26px; padding-top:4px; padding-left:5px;}
.cam_b .chat1online {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; position:absolute; left:60px; bottom:7px;}
.cam_b .chat2offline {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f00; position:absolute; left:60px; bottom:7px;}


#contact {color:#fff; text-align:center; border-top:3px solid #fd409c; padding:15px 0; width:760px;}
#contact a {color:#fff; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#disclaimer {font:10px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:10px 0; color:#666;}

#page-profiel {width:940px; font:13px Arial, Helvetica, sans-serif; color:#fff; margin:0 auto; position:relative; padding:0 10px;}
#page-profiel h1 {color:#fff; font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:3px solid #ff0f75;}
#page-profiel h1 span {text-transform:capitalize;}
#page-profiel h3 {font-size:13px; padding-bottom:5px;}
#page-profiel #left {float:left; width:250px; padding-top:20px;}
#page-profiel #left p {line-height:23px; font-size:11px;}
#page-profiel #left strong {float:left; width:100px;}
#page-profiel #left img {margin-top:3px; float:left;}
#page-profiel #mid {float:left; width:350px; padding-top:20px;}
#page-profiel #mid img {float:left; border:1px solid #fff; margin-right:2px; margin-bottom:2px;}
#page-profiel #mid img.offline {border:1px solid #fd4ea6 !important;}
#snapshotyes, #snapshotoffno {display:block;}
#snapshotoffyes, #snapshotno {display:none;}

#page-profiel #right {width:242px; float:left; padding-top:20px; padding-right:40px;}
#page-profiel #right p {line-height:20px; height:80px; overflow:hidden;}
#page-profiel .videoyes {display:block;}
#page-profiel .videono, #page-profiel .videooffyes {display:none;}
#page-profiel .videooffno {display:block; width:200px; height:150px;}
#page-profiel #videopreview {border:1px solid #fff;}
#page-profiel #right .offline {border:1px solid #fd4ea6;}
#page-profiel .tekst img {float:left; padding-right:10px;}
#page-profiel .tekst p {height:30px !important; line-height:30px !important; font-weight:bold;}

#page-profiel a.klikhier {margin-bottom:50px; font:40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; padding:0; background:url(img/bg_enterchat.png) 10px 0 no-repeat; padding-left:10px; width:585px; height:80px; line-height:80px; text-decoration:underline;}
#page-profiel a.klikhier:hover {text-decoration:none;}
#page-profiel .ononline, #page-profiel .offoffline {display:block;}
#page-profiel .offonline, #page-profiel .onoffline {display:none !important;}

#page-profiel .ind {color:#fff; position:absolute; top:0; right:150px; width:200px; line-height:20px !important; font:bold 20px Verdana, Geneva, sans-serif;}
#page-profiel .ind img {float:left; padding-right:5px;}

#ookonline_txtononline, #ookonline_txtoffoffline {text-align:center; padding-top:20px; border-top:3px solid #ff0f75;}
#ookonline_txtoffoffline {color:#fd4ea6; }
#ookonline_txtonoffline, #ookonline_txtoffonline {display:none;}
#ookonline {width:756px; margin:0 auto; padding:20px 0;}

#contact_page {text-align:left; padding:20px 50px 0 50px; color:#fff;}
#contact_page h1 {color:#ff0f75; font-size:22px; padding-bottom:15px;}
#contact_page p {font-size:14px; line-height:20px;}


#page-profiel .favorite a { color: #fff; } 
#page-profiel .favorite {width:400px; color:#fff; padding:0; margin:0; line-height:20px !important; height:20px; position:absolute; top:0; right:0; text-align:right;}


#twitter {position:relative; height:40px; width:200px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#twitter p {color:#fff; position:absolute; left:0; bottom:12px; width:75px;padding-left:40px;}
#twitter .button {position:absolute; right:0; bottom:10px;}
#twitter .twit {position:absolute; left:5px; bottom:10px;}

#suraya {position:relative; height:180px; width:200px; padding:0 0 10px 0; border-bottom:3px solid #fff; margin-bottom:10px;}
#suraya .spotlight {position:absolute; top:0; left:0;}
#suraya .pic {position:absolute; top:10px; left:22px; border:1px solid #fff;}
#suraya .button {position:absolute; right:0; bottom:10px;}
#suraya p {color:#fff; position:absolute; left:0; bottom:12px; width:105px;padding-left:10px;}




/* GRATIS 3 MINUTEN REGISTRATION BOX */
.ui-dialog { background: #252525; }
.ui-widget-overlay { background-color: #180f12; }
.ui-widget-content { border: 5px solid #fd74b9; color: white; }
.ui-widget-header { background: none; color: white; border: 0; text-transform: uppercase; font-size: 14px; }
.ui-corner-all { -moz-border-radius: 0; }
.ui-resizable-handle { display: none !important; }
.ui-widget-overlay { background:url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA; opacity: 0.5; }
#userinfo { width: 275px; }
#userinfo p { float: none; clear: both; }
#userinfo label { font-size: 10px; float: left; margin-top: 5px; margin-bottom: 12px; width: 120px; }
#userinfo input { float: right; margin-bottom: 10px; width: 120px; margin-right: 0px; }

#extrainfo { width: 275px; }
#extrainfo  label.field-title { width: 90px; font-size: 10px; float: left; margin-top: 4px; }
#extrainfo  label.field-option { width: 60px; font-size: 10px; float: left; margin-top: 4px; margin-left: 4px; }
#extrainfo input { float: left; margin-bottom: 10px; }

#fld_userinfo, 
#free_access { 
	float: left; 
	margin-top: 10px; 
	text-align: center; 
	width: 270px !important; 
	background-color: #180f12; 
	background: url(img/actie_btn.jpg) no-repeat 0 0; 
	border: 0; 
	text-align: center;
	text-transform: uppercase;
	color: white;
	padding-top: 10px;
	padding-bottom: 14px;
	margin-left: 3px;
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
}

#errors a { color: white; }


a {text-decoration:underline;}
a:hover {text-decoration:none;}