html, body {height:100%;}
body {
	margin:0; padding:0;
	background:#fff9e3 url(img/bg.jpg) repeat-x;
	color:#000;
	font:11px Arial, Helvetica, sans-serif;
}
form, p, h1, h2, h3, h4 {margin:0; padding:0;}
img {border:0;}
.clear {clear:both;}
a {color:#000;}
a:hover {text-decoration:none;}

#main {margin:0 auto; 
	width:960px;
	min-height:100%; height:auto !important; height:100%;
}
#header {position:relative; width:960px; height:50px;}
#header img {float:left;}

#nav {width:960px; height:36px; background:url(img/bg.jpg) repeat-x 0 -50px; position:relative;}
#nav img {float:left;}

#cnt_left {float:left; padding-top:18px; width:720px;}
#cnt_right {float:left; padding-top:18px; width:240px;}

.title {width:706px; height:28px;}
.title img {float:left;}
.title h2 {float:left; width:666px; height:28px; background:url(img/t_bg.jpg); color:#fff; font:bold 12px Arial, Helvetica, sans-serif; line-height:28px;}
.btm_cnt {width:706px; height:10px; padding-bottom:10px;}
.btm_cnt img {float:left;}
.btm_cnt .btm {width:686px; height:9px !important; border-bottom:1px solid #000; background:#fff; float:left;}
.content {border-left:1px solid #000; border-right:1px solid #000; background:#fff; width:664px; padding:10px 20px;}
.images img {float:left; padding:1px; background:#000; border:5px solid #fff;}


#cnt_right .title {width:240px;}
#cnt_right .title h2 {width:220px;}
#cnt_right .btm_cnt {width:240px;}
#cnt_right .btm {width:220px;}
#cnt_right .content {width:198px;}
#cnt_right .content p {font:12px Arial, Helvetica, sans-serif;}
#cnt_right .content .zoeken {float:left; width:198px; padding:0 0 5px 0;}
#cnt_right .content .zoeken select {width:196px; font:12px Arial, Helvetica, sans-serif;}
#cnt_right .content .zoeken input {width:196px; font:12px Arial, Helvetica, sans-serif;}
#cnt_left .links {text-align:center;}
#cnt_left .links a {font:bold 12px Arial, Helvetica, sans-serif;}

.cams {border-left:1px solid #000; border-right:1px solid #000; width:704px; background:#fff;}

#box-actie {padding-bottom:10px;}
#box-zoekopnaam {position:absolute; top:4px; right:0; width:200px;}
#box-zoekopnaam p {font:11px Arial, Helvetica, sans-serif; color:#fff;}
#box-zoekopnaam .input {float:left;}
#box-zoekopnaam .button {float:left;}
#box-zoekopnaam input.zoeken {font:11px arial, helvetica, sans-serif; width:165px; border:1px solid #000; height:16px;}
#box-zoekopnaam input.btn {width:18px; height:18px; padding-left:4px;}
#jSuggestContainer {border:1px solid #000; 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:#000; color:#fff;}

#box-paging {padding:20px 0; color:#000; text-align:center;}
#box-paging a { font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
#box-paging a.page_cur {color:#ff1104;}

.cam_m_cnt {float:left; width:168px; height:173px; padding:4px;}
.cam_m {position:relative; width:166px; height:171px; border:1px solid #969799; background:#fffcf1;}
.cam_m .modelnaam {position:absolute; font-weight:bold; text-transform:capitalize; top:0; left:0; width:160px; padding:0 3px; height:16px; font:bold 11px Arial, Helvetica, sans-serif; color:#000; line-height:16px; overflow:hidden;}
.cam_m .flag p {float:left; padding-right:3px;}
.cam_m .flag {position:absolute; top:142px; left:3px;}
.cam_m .flags {float:left;  width:18px; height:12px; overflow:hidden;}
.cam_m .flags img {float:left;}
.cam_m img.pic {position:absolute; top:16px; left:3px; border:1px solid #000;}
.cam_m img.info {position:absolute;  bottom:0; right:0;}
.cam_m .light {position:absolute; top:0; right:1px;}
.cam_m .waardering {position:absolute; top:156px; left:3px;}
.cam_m .waardering span {float:left;}
.cam_m img.online {position:absolute; left:6px; bottom:8px;}
.cam_m span.start_chat {cursor:pointer;}

.foto_side {border:1px solid #000; padding:1px; background:#fff;}
a.alle_fotos { font:12px Verdana, Arial, Helvetica, sans-serif; color:#3a5cde; text-decoration:none; text-align:center; display:block;}

#disclaimer {font:10px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:10px 0; color:#999; width:720px;}
#disclaimer p {padding:5px 0; color:#999; cursor:pointer;}
#disclaimer a {color:#999;}

#page-profiel {width:960px; font:12px Arial, Helvetica, sans-serif; color:#fff; margin:0 auto; color:#000;}
#page-profiel h1 {font:bold 14px Arial, Helvetica, sans-serif; padding:10px 0; color:#000;}
#page-profiel h1 span {text-transform:capitalize;}
#page-profiel .title {width:240px;}
#page-profiel .title h2 {width:220px;}
#page-profiel .content {width:198px; height:280px;}
#page-profiel .btm_cnt {width:240px;}
#page-profiel .btm {width:220px;}
#page-profiel #mid .title {width:400px;}
#page-profiel #mid .title h2 {width:380px;}
#page-profiel #mid .content {width:358px; height:280px;}
#page-profiel #mid .btm_cnt {width:400px;}
#page-profiel #mid .btm {width:380px;}
#page-profiel #right .title {width:290px;}
#page-profiel #right .title h2 {width:270px;}
#page-profiel #right .content {width:248px; height:280px;}
#page-profiel #right .btm_cnt {width:290px;}
#page-profiel #right .btm {width:270px;}

#page-profiel #left {width:240px !important; float:left !important; padding-right:10px;}
#page-profiel #left p {line-height:23px; font-size:11px;}
#page-profiel #left strong {float:left; width:100px;}
#page-profiel #mid {float:left; width:400px; padding-right:10px;}
#page-profiel #right {width:300px; float:left; overflow:hidden;}

#snapshotyes, #snapshotoffno {display:block;}
#snapshotyes img {float:left; background:#000; padding:1px; border:5px solid #fff; border-top:none;}
#snapshotoffyes, #snapshotno {display:none;}

#page-profiel #right p {line-height:20px; height:100px; overflow:hidden; width:248px;}
#page-profiel .videoyes {display:block; width:242px;}
#page-profiel .videono, #page-profiel .videooffyes {display:none;}
#page-profiel .videooffno {display:block; width:200px; height:150px;}
#page-profiel #videopreview {border:1px solid #000;}
#page-profiel #right .offline {border:1px solid #000;}

a.klikhier {font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#92BE07; text-align:center; width:100%; display:block; padding:20px 0;}
#page-profiel .ononline, #page-profiel .offoffline {display:block;}
#page-profiel .offonline, #page-profiel .onoffline {display:none !important;}

ookonline_cnt {margin:0 auto;}
#ookonline_txtononline, #ookonline_txtoffoffline {text-align:center; padding-top:20px; border-top:1px solid #666;}
#ookonline_txtoffoffline {color:#fd4ea6; }
#ookonline_txtonoffline, #ookonline_txtoffonline {display:none;}
#ookonline {width:780px; margin:0 auto; padding:20px 0;}
#ookonline .cam {float:left; width:130px;text-align:center; text-transform:capitalize;}
