body {margin:0; padding:0; background:#2a2a2a url(img/bg.jpg) repeat-x; font:12px Verdana, Geneva, sans-serif;}
.cl {clear:both;}
h1, h2, h3, p, form {margin:0; padding:0;}
img {border:0;}
#main {width: 960px; position:relative; margin:0 auto; min-height:100%; height:auto !important; height:100%; background:#0b0b0b;}
#header {width:712px;  padding-left:248px;  height:302px;}
#header img {float:left;}
#header img.left {position:absolute; left:-12px; top:0;}
#header h1.h_txt {height:30px; padding:16px 16px 4px 70px; color:#fff; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right;}
#header h1.h_txt span {color:#ffcb00;}
#header .meest_bekeken {float:left; border-top:1px solid #ffcb00; border-bottom:1px solid #ffcb00; height:193px; width:712px;}

#header h1.h_txt a {color:#ffcb00; font-weight:bold; text-decoration:underline;}
#header h1.h_txt a:hover {text-decoration:none;}

#header .box {position:relative; float:left; width:150px; height:193px;}
#header .fav {float:left; padding-left:31px;}
#header .box p {position:absolute; top:14px; left:12px; color:#fff; height:18px; line-height:18px; font:9px Verdana, Arial, Helvetica, sans-serif; width:138px; text-align:center; text-transform:capitalize;}

#header .box img {position:absolute; top:32px; left:12px; border:1px solid #ffcb00;}
#header .box .overlay {position:absolute; top:32px; left:12px;}

#header .select {float:left; width:712px; height:30px; color:#fff; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
#header .select a {color:#fff; font:bold 13px Verdana, Arial, Helvetica, sans-serif; line-height:30px;}
#header .select span {line-height:30px; padding-right:15px;}
#header .select div.input {float:left; padding:5px 3px 0 5px;}
#header .select span.padding {padding-left:0px;}

#header .menu {float:left; width:612px; height:27px; background:#ffcb00; line-height:27px; padding-left:100px;}
#header .menu a {font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}

#content {width:960px;}
#cnt-left {float:left; width:792px;}
#cnt-right {float:left; width:168px;}
#cnt-right .links {background:#ffcb00; padding:10px; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-right:0;}
#cnt-right .links a {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
#title {padding-left:160px;}
.title_on {display:block;}
.title_off {display:none;}

#title .home_home, #title .meest_meest, #title .laatst_laatst, #title .best_best {display:block;}
#title .home_meest, #title .home_laatst, #title .home_best,
#title .meest_home, #title .meest_laatst, #title .meest_best,
#title .laatst_home, #title .laatst_meest, #title .laatst_best,
#title .best_home, #title .best_meest, #title .best_laatst {display:none;}

#title h1 {border-bottom:1px solid #ffcb00; height:33px; padding-top:19px; color:#fff; font:bold 20px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#title h1 span {color:#ffcb00;}
#cnt-right h1 {border-left:1px solid #ffcb00; height:33px; padding-top:19px; text-align:center; color:#fff; font:bold 20px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

.box p span.leeftijd {color:#ffcb00}

#content .all {padding-top:10px;}
#cnt-left .box {position:relative; float:left; width:154px; height:205px;}
#cnt-left .box p {position:absolute; top:14px; left:16px; color:#fff; height:18px; line-height:18px; font:9px Verdana, Arial, Helvetica, sans-serif; width:138px; text-align:center; text-transform:capitalize;}
.box p span.leeftijd {color:#ffcb00;}
#cnt-left .box img.pic {position:absolute; top:32px; left:16px; border:1px solid #0095fe;}
#cnt-left .box .overlay {position:absolute; top:32px; left:16px;}
#cnt-left .box .rating {position:absolute; bottom:5px; left:17px; height:25px; width:135px;}
#cnt-left .box .rating img {border:none; float:left;}

#profiel {width:775px; padding-bottom:15px;}
#profiel #profiel_content {background:#ffcb00; width:745px; height:230px; font-size:12px; padding:10px 0 0 30px;}
#profiel_content .prof_pict {float:left; width:138px; height:220px; padding:5px;}
#profiel_content .prof_pict img {border:5px solid #000;}
#profiel_content .prof_pict #rating {padding:6px 1px 2px 1px; background:#000; width:146px;}
#profiel_content .prof_pict p {font-size:10px; text-align:center; line-height:18px;}
#profiel_content .prof_info {float:right; width:286px; height:150px;}
#profiel_content .slogan {float:right; width:571px;}
#profiel_content .prof_pict .rating {margin-left:20px}

#profiel_content .prof_info span.item {float:left; display:block; width:100px; line-height:24px; font-weight:bold;}
#profiel_content .prof_info span.info {float:left; display:block; width:160px; line-height:24px; overflow:hidden;}
#profiel_content .prof_info span.naam {text-transform:capitalize;}
#profiel_content .slogan span.item {float:left; display:block; width:100px; font-weight:bold;}
#profiel_content .slogan span.info {float:left; display:block; width:468px; height:44px; overflow:auto;}
#profiel_content span.info span.niet_ingevuld {font-size:10px; font-style:italic;}
#profiel .btn_txt {text-align:center; padding:5px 190px 0 0; font-size:14px; font-weight:bold;}
#profiel .btn_txt a {color:#000;}

.pagnav {width:775px; padding:10px 5px 20px 10px;}
.pagnav  a {color:#fff; font-size:11px;}
.pagnav .vorige {float:right; width:50px;}
.pagnav .pag_items {float:left;}
.pagnav .volgende {float:right; width:80px; text-align:right; padding-right:20px;}
.pagnav  a.page-inact {color: #fff;}
.pagnav  a.page-act {color:#329adc; text-decoration:none; font-size:12px; margin-top:2px; font-weight:bold;}
.pagnav  span {float:left; padding:0 4px; height:18px;}

#comment {width:775px;}
#comment .comment_blok {padding-bottom:15px;}
#comment #comment_frame, #comment .comment_output {border:1px solid #ffcb00;}
#comment #comment_frame h1, #comment .comment_output h1 {background:#ffcb00; height:20px; font-size:12px; font-weight:bold; padding:4px 0 0 4px;}

#comment #comment_frame label {float:left; width:245px; text-align:right; margin-top:15px; color:#fff; padding-right:5px;}
#comment #comment_frame input.naam {float:left; width:310px; margin-top:10px;}
#comment #comment_frame textarea.commentaar {float:left; width:310px; height:70px; margin-top:10px; font:12px Verdana, Geneva, sans-serif;}
#comment #comment_frame input.btn_commentaar {float:left; margin:60px 0 10px 0;}

#comment .comment_output h1 span {width:380px; display:block; float:left; height:20px;}
#comment .comment_output h1 span.datum {text-align:right; font-weight:normal; font-size:10px;}
#comment .comment_output p {font:normal 12px Verdana, Geneva, sans-serif; color:#fff; padding:10px;}

#browser {text-align:center; padding-bottom:20px;}
#browser span {float:left; display:block; width:33%; height:22px; padding-top:3px;}
#browser span a {color:#329adc; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#browser img {border:1px solid #329adc;}

#login {text-align:left; padding-bottom:20px; color:#ffcb00;}
#login{padding-left:35%;}
#login{padding-top: 5%;}
#login .error{color:#FF0000;}

#thanks  a {color:#ffffff; font-weight:bold; text-decoration:underline;}
#thanks a:hover {text-decoration:none; color:#ffcb00;}
#thanks {text-align:center; padding-bottom:20px; padding-top:30px; color:#ffffff;}
#thanks h1{color:#ffcb00;}

div.blogentries {color:#fff;}
div.blog_item {padding:10px; border-bottom:1px solid #fff; width:700px; margin:0 auto;}
div.blog_item h2 {font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px;}
div.blog_item h3 {font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:10px;}
div.blog_item p {font:11px Arial, Helvetica, sans-serif; padding-bottom:10px;}
div.blog_item a {color:#329adc; font-weight:bold; text-decoration:underline;}
div.blog_item a:hover {text-decoration:none;}