@import url("colors.css");
/* ===================================================================================*/
/* ============================MAIN===================================================*/
/* ===================================================================================*/
#main {width:960px;  position:relative; margin:0 auto; min-height:100%; height:auto !important; height:100%;}

#main h1.noresults {font-size:14px; text-align:center; padding:20px 0;}
#main img.loader {width:100px;}

#main .geo {position:absolute; left:0; top:119px;}
#main .geo-links {width:930px; padding:20px; padding-right:10px;}
#main .geo a {float:left; line-height:18px; width:186px;}
#main .geo .filterlist {position:absolute; width:25px; top:5px; right:10px;}
#main .geo .filterlist img {padding:5px;}
#main .geo .bottom {background:url(img/bg_nav2.png) repeat-x; width:960px; height:10px;}

/* ===================================================================================*/
/* ============================HEADER=================================================*/
/* ===================================================================================*/
#header {width:960px; height:75px;}
#header img {float:left;}
#header img.logo { padding-top:5px; padding-left:20px;}
#header img.logo2 {padding-right:58px;}
#header #title {float:left; width:414px; height:45px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:30px; padding-left:10px;}

#header-nav {float:left; width:342px; padding-left:170px;}
#header-nav a {float:left; width:110px; height:25px; line-height:25px; padding-top:50px; text-transform:uppercase; text-decoration:none; text-align:center;}
#header-nav a.webcams {background:url(img/icon_cam.png) no-repeat 25px 0;}
#header-nav a.films {background:url(img/icon_film.png) no-repeat 25px 0;}
#header-nav a.fotos {background:url(img/icon_foto.png) no-repeat 25px 0;}
#header-nav a.dagboek {background:url(img/icon_dagboek.png) no-repeat 25px 0;}
#header-nav .line {float:left; width:2px; height:40px; padding:15px 0 20px 0;}
#header-nav .color {width:2px; height:40px;}

#zoeken-nav {width:880px; height:44px; padding-right:80px;}
#zoeken-nav img {float:left;}
#zoeken-nav a {float:right; padding:0 10px; line-height:36px;}
#zoeken-nav a:hover {text-decoration:none;}
#zoeken-nav a img {float:left;}
#zoeken-nav span {float:right; line-height:36px; padding:0 10px;}
#zoeken-nav .button {float:right; padding:8px 10px 0;}
#zoeken-nav .input {float:right; padding-top:10px;}
#zoeken-nav .input input {width:140px; border-width:1px; border-style:solid;}
#zoeken-nav input {font:11px Verdana, Arial, Helvetica, sans-serif;}
#jSuggestContainer {border-width:1px; border-style:solid; height:100px; overflow:auto;}
#jSuggestContainer ul {padding:0; margin:0; list-style:none;}
#jSuggestContainer li {height:18px; line-height:18px; cursor:pointer; font-size:10px; padding:0 5px;}
#woonplaats {float:right; line-height:36px; padding:0 10px; text-decoration:underline; cursor:pointer;}
#woonplaats img {float:left; padding-top:12px;}
#nationaliteit {float:right; line-height:36px; padding:0 10px; text-decoration:underline; cursor:pointer;}
#nationaliteit img {float:left; padding-top:12px;}

#main-nav {width:794px; height:44px;}
#main-nav a {float:left; background:url(img/bg_btn.png) no-repeat; text-decoration:none; width:152px; height:34px; line-height:26px; padding-right:6px; text-align:center; text-transform:uppercase;}
#main-nav a.active {background-position:0 -35px;}

/* ===================================================================================*/
/* ============================CAM PAGE===============================================*/
/* ===================================================================================*/
#cnt-left {float:left; width:794px; background:url(img/bg_nav2.png) repeat-x;}
#cnt-full {width:960px; background:url(img/bg_nav2.png) repeat-x;}
#cams .small, #bestrated .bestrated  {float:left; width:135px; height:155px; position:relative; padding:10px;}
#cams .mid {float:left; width:174px; height:180px; position:relative; padding:10px;}
#cams .big {float:left; width:233px; height:220px; position:relative; padding:10px; padding-right:19px;}
#cams .cam, #bestrated .cam {border-width:1px; border-style:solid; width:100%; height:100%;}
#cams .cam p, #bestrated p {position:absolute; top:10px; left:17px; line-height:20px; font-size:10px; text-transform:capitalize;}
#cams .small p {position:absolute; top:10px; left:21px; line-height:20px; font-size:10px; text-transform:capitalize;}
#cams .big p {position:absolute; top:10px; left:21px; line-height:20px; font-size:10px; text-transform:capitalize;}
#cams .cam img.picsmall, #bestrated img.picsmall {position:absolute !important; top:30px !important; left:21px; border-width:1px; border-style:solid; width:109px; height:93px;}
#cams .cam img.picmid {position:absolute; top:30px; left:17px; border-width:1px; border-style:solid; width:158px; height:118px;}
#cams .cam img.picbig {position:absolute; top:30px; left:21px; border-width:1px; border-style:solid; width:208px; height:156px;}
#cams .cam .taal, #bestrated .taal {position:absolute; bottom:30px; left:17px; height:13px; width:91px;}
#cams .small .taal, #cams .big .taal{position:absolute; bottom:30px; left:21px; height:13px; width:91px;}
#cams .cam .taal span, #bestrated .taal span {float:left; line-height:13px !important; padding-right:3px; width:25px;}
#cams .cam .taal img, #bestrated .taal img {float:left; padding-top:1px; padding-right:3px;}
#cams .cam .rating, #bestrated .rating {position:absolute; bottom:14px; left:17px; height:12px; width:130px;}
#cams .small .rating, #cams .big .rating {position:absolute; bottom:14px; left:21px; height:12px; width:130px;}
#cams .cam .rating span, #bestrated .rating span {float:left; line-height:12px !important; padding-right:3px;}
#cams .cam .rating img, #bestrated .rating img {float:left; padding-top:1px;}
#cams .cam .info, #bestrated .info {position:absolute; right:15px; bottom:26px;}
#cams .small .info {position:absolute; right:21px; bottom:26px;}
#cams .big .cam .info {right:30px;}
#cams .overlaysmall, #bestrated .overlaysmall {position:absolute; top:85px; left:100px;}
#cams .overlaymid {position:absolute; top:110px; left:140px;}
#cams .overlaybig {position:absolute; top:148px; left:195px;}
#cams .small .imgnewestonline {top:25px; left:5px;}
#cams .mid .imgnewestonline {top:25px; left:5px;}
#cams .big .imgnewestonline {top:25px; left:10px;}
#cams .small .imgfilteroffline, #cams .small .imgfilteronline, #cams .small .imglatestoffline, #cams .small .imglatestonline, #bestrated .imgfilteronline {top:31px; left:49px; width:82px;}
#cams .mid .imgfilteroffline, #cams .mid .imgfilteronline, #cams .mid .imglatestoffline, #cams .mid .imglatestonline {top:31px; left:94px; width:82px;}
#cams .big .imgfilteroffline, #cams .big .imgfilteronline, #cams .big .imglatestoffline, #cams .big .imglatestonline {top:31px; left:148px; width:82px;}
#cnt-full #cams .small {padding-right:15px;}
#cnt-full #cams .mid {padding-right:6px;}
#cnt-full #cams .big {width:228px; padding-right:0;}
#cnt-full #cams .small .cam .info {right:26px;}
#cnt-full #cams .mid .cam .info {right:11px;}
#cnt-full #cams .big .cam .info {right:6px;}
#cnt-full #cams .small .imgfilteroffline, #cnt-full #cams .small .imglatestoffline {top:31px; left:49px; width:82px;}
#cnt-full #cams .mid .imgfilteroffline, #cnt-full #cams .mid .imglatestoffline {top:31px; left:94px; width:82px;}
#cnt-full #cams .big .imgfilteroffline, #cnt-full #cams .big .imglatestoffline {top:31px; left:148px; width:82px;}
/* ===================================================================================*/
/* ============================PAGE NUMBERS===========================================*/
/* ===================================================================================*/
.page-nrs {width:340px; padding:10px 0 10px 15px;}
.page-nrs a {float:left; width:25px; height:22px; text-align:center; line-height:17px; text-decoration:none;}
.page-nrs a:hover {text-decoration:underline;}
.page-nrs a.active {background:url(img/bg_pagenr.png);}
.page-nrs a.active:hover {text-decoration:none;}

/* ===================================================================================*/
/* ============================RIGHT COLUMM===========================================*/
/* ===================================================================================*/
#cnt-right {float:left; width:166px; padding-bottom:50px;}

#cnt-right .block {border-bottom-width:1px; border-bottom-style:solid; width:156px; margin:0 auto; padding:0 0 10px; position:relative;}
#cnt-right div.h {text-transform:uppercase; padding:15px 0 0; text-align:center;}

#cnt-right img.ow1 {float:left; padding:12px 5px 0 40px;}
#cnt-right img.ow2 {float:left; padding:10px 5px 0;}
#cnt-right img.ow3 {float:left; padding:7px 5px 0;}

#cnt-right .titel {padding-top:10px; cursor:pointer;}
#cnt-right .titel img {float:left;}
#cnt-right .titel span {text-decoration:underline; padding-left:1px;}
#cnt-right .checkbox {float:left; padding:5px 0 0 12px; height:18px; width:20px;}
#cnt-right label {float:left; padding:5px 0 0 5px; height:20px; line-height:18px; width:110px; margin:0;}
#cnt-right #taal_options img {float:left; padding-top:8px; padding-left:5px;}
#cnt-right #taal_options label {width:90px; padding-left:2px;}

/* ===================================================================================*/
/* ============================PROFIEL================================================*/
/* ===================================================================================*/
#cnt-prof {background:url(img/bg_nav2.png) repeat-x; padding-top:15px;}

#prof-cnt {width:930px; margin:0 auto; position:relative; padding-top:24px;}

#prof-nav {position:absolute; top:0; right:0;}
#prof-nav a {float:left; background:url(img/bg_btn_nav.png) no-repeat 6px 0; text-decoration:none; width:91px; height:25px; line-height:25px; text-align:center; text-transform:capitalize; padding:0 0 0 6px;}
#prof-nav a.active {background-position:6px -25px;}

#prof-content {border-width:1px; border-style:solid; width:928px; padding-bottom:30px;}
#prof-content .h {line-height:12px; padding:20px 0 17px 0; font-weight:bold;}
#prof-content .h strong {float:left; width:110px;}
#prof-content .h .line {float:left; height:7px; border-bottom-width:1px; border-bottom-style:solid; width:110px;}

#prof-left {float:left; width:290px; padding-left:38px;}
#prof-left h1 {font-size:18px; line-height:18px; padding-bottom:17px; text-transform:uppercase;}
#prof-left p {line-height:25px; clear:left; height:25px;}
#prof-left span {float:left; font-weight:normal; width:140px;}
#prof-left span.flags {display:block; padding-top:7px;}
#prof-left span.flags img {padding-right:3px;}
#prof-left span.stars {display:block; padding-top:3px;}

#prof-right {float:left; width:560px;}
#prof-right .h strong {width:130px;}
#prof-right .h .line {width:410px;}

#prof-info img {float:left; border-width:10px; border-style:solid;  border-top:none; border-left:none; padding:1px;}
#prof-info img.btn {background:none;}
#prof-info .txtpadding {width:516px; border-width:1px; border-style:solid; margin-bottom:30px; padding:10px;}
#prof-info .txt {height:60px; line-height:15px; overflow:hidden;} 
#prof-info a.klikhier {display:block; font:bold 15px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:underline; width:300px; height:32px; line-height:32px; text-align:center; margin:0 auto;}
#prof-info a.off {background:none; font:12px Arial, Helvetica, sans-serif; width:400px;}
#prof-info a:hover {text-decoration:none;}

#prof-films .film {float:left; width:140px; height:120px; position:relative;}
#prof-films p {height:18px; line-height:18px;}
#prof-films img {border-width:1px; border-style:solid;}
#prof-films img.overlay {border:none; position:absolute; top:18px; left:0;}

#prof-fotos .foto {float:left; width:110px; height:130px; position:relative;}
#prof-fotos p {height:18px; line-height:18px;}
#prof-fotos img {border-width:1px; border-style:solid;}
#prof-fotos img.overlay {border:none; position:absolute; top:18px; left:0;}

#prof-dagboek .dagboek {width:516px; height:125px; border-width:1px; border-style:solid; padding:10px; margin-bottom:10px; line-height:15px; position:relative;}
#prof-dagboek p {position:absolute; top:10px; left:150px; font-size:10px; line-height:15px; width:370px;}
#prof-dagboek p.txt {position:absolute; top:60px; left:150px; font-size:10px; height:75px; overflow:hidden;}
#prof-dagboek img {border-width:1px; border-style:solid; width:120px; height:90px;}
#prof-dagboek img.overlay {border:none; position:absolute; top:10px; left:10px;}
#prof-dagboek a.link {position:absolute; width:130px; text-align:center; left:5px; top:105px;}
#prof-dagboek .foto {padding-left:20px; width:506px;}
#prof-dagboek .foto img {width:100px; height:104px;}
#prof-dagboek .foto img.overlay {left:20px;}
#prof-dagboek .foto a.link {top:120px;}

#back {text-align:center; width:928px; padding:10px 0 15px 0; margin:0 auto;}

/* ===================================================================================*/
/* ============================MOVIE PAGE=============================================*/
/* ===================================================================================*/
#movies-zoeken {width:940px; height:44px; padding-left:5px; display:none;} /* display none weg als films zoeken actief wordt */
#movies-zoeken span {float:left; line-height:36px; padding:0 10px; font-weight:bold;}
#movies-zoeken .button {float:left; padding:8px 10px 0;}
#movies-zoeken .input {float:left; padding-top:10px;}
#movies-zoeken .input input {width:140px; border-width:1px; border-style:solid;}
#movies-zoeken input {font:11px Verdana, Arial, Helvetica, sans-serif;}

#cnt-movies {background:url(img/bg_nav2.png) repeat-x; padding-top:10px; padding-top:20px;} /* padding-top 2 weg als films zoeken actief wordt */

#movies-cnt {width:945px; position:relative; padding-left:15px;}

#movies-cnt .h strong {float:left; font-size:13px; width:230px; text-transform:uppercase;}
#movies-cnt .h .line {float:left; height:7px; border-bottom-width:1px; border-bottom-style:solid; width:700px;}

#movies-new .padding {float:left; width:229px; height:145px; position:relative; padding:10px 5px 10px 0;}
#movies-new .movie-new {border-width:1px; border-style:solid; width:227px; height:143px;}
#movies-new .movie-new p {position:absolute; top:10px; left:112px; font-size:10px; line-height:15px; width:112px;}
#movies-new .movie-new p.txt {top:73px;  font:10px Arial, Helvetica, sans-serif;}
#movies-new .movie-new img.pic {border-width:1px; border-style:solid; top:13px; left:5px; position:absolute;}
#movies-new .movie-new img.overlay {border:none; position:absolute; left:-3px; top:37px;}
#movies-new .movie-new a.link {position:absolute; left:112px; bottom:15px;}
#movies-new .movie-new .rating {position:absolute; bottom:30px; left:112px;}

#movies .padding {float:left; width:112px; height:212px; position:relative; padding:10px 5px 10px 0;}
#movies .movie {border-width:1px; border-style:solid; width:110px; height:211px;}
#movies .movie p {position:absolute; top:10px; left:5px; line-height:18px; font-size:10px; text-transform:capitalize;}
#movies .movie img.pic {position:absolute; top:26px; left:5px; border-width:1px; border-style:solid;}
#movies .movie .overlay {position:absolute; left:-3px; top:50px;}
#movies .movie .link {position:absolute; line-height:15px; height:15px; left:5px; top:205px; width:101px;}
#movies .movie .sd {position:absolute; top:164px; left:5px; text-transform:lowercase;  font:10px Arial, Helvetica, sans-serif;}
#movies .movie .genre {position:absolute; top:177px; left:5px; text-transform:lowercase; font:10px Arial, Helvetica, sans-serif; width:110px;}
#movies .movie .rating {position:absolute; top:192px; left:7px;}

/* ===================================================================================*/
/* ============================PICTURE PAGE===========================================*/
/* ===================================================================================*/
#fotos-zoeken {width:940px; height:44px; padding-left:5px; padding-top:10px;}
#fotos-zoeken span {float:left; line-height:36px; padding:0 10px; font-weight:bold;}
#fotos-zoeken .button {float:left; padding:8px 10px 0;}
#fotos-zoeken .input {float:left; padding-top:10px;}
#fotos-zoeken .input input {width:140px; border-width:1px; border-style:solid;}
#fotos-zoeken input {font:11px Verdana, Arial, Helvetica, sans-serif;}

#cnt-fotos {background:url(img/bg_nav2.png) repeat-x; padding-top:20px;}

#fotos-cnt {width:945px; position:relative; padding-left:15px;}

#fotos-cnt .h strong {float:left; font-size:13px; width:230px; text-transform:uppercase;}
#fotos-cnt .h .line {float:left; height:7px; border-bottom-width:1px; border-bottom-style:solid; width:700px;}

#fotos-new .padding {float:left; padding-top:10px; padding-right:10px;}
#fotos-new .foto-new {width:428px; height:125px; border-width:1px; border-style:solid; padding:10px; padding-left:20px; margin-bottom:10px; line-height:15px; position:relative;}
#fotos-new .foto-new p {position:absolute; top:10px; left:150px; font-size:10px; line-height:15px; width:289px;}
#fotos-new .foto-new p.txt {top:45px; left:150px; height:90px; overflow:hidden;}
#fotos-new .foto-new img {border-width:1px; border-style:solid;}
#fotos-new .foto-new img.overlay {border:none; position:absolute; top:0; left:20px;}
#fotos-new .foto-new a.link {position:absolute; width:130px; text-align:center; left:5px; top:120px;}
#fotos-new .foto-new .info {position:absolute; right:10px; top:10px; border:none;}

#fotos .padding {float:left; width:142px; height:164x; position:relative; padding:10px 15px 10px 0;}
#fotos .foto {border-width:1px; border-style:solid; width:140px; height:162px;}
#fotos .foto p {position:absolute; top:10px; left:5px; line-height:20px; font-size:10px; text-transform:capitalize;}
#fotos .foto p.date {top:138px; text-transform:lowercase; line-height:15px;}
#fotos .foto .s {display:none;}
#fotos .foto .s1 {display:inline;}
#fotos .foto .m {display:inline;}
#fotos .foto .m1 {display:none;}
#fotos .foto img.pic {position:absolute; top:30px; left:20px; border-width:1px; border-style:solid;}
#fotos .foto .info {position:absolute; right:20px; bottom:15px;}
#fotos .foto .overlay {position:absolute; left:20px; top:25px;}

/* ===================================================================================*/
/* ============================DIARY PAGE=============================================*/
/* ===================================================================================*/
#cnt-diaries {background:url(img/bg_nav2.png) repeat-x; padding-top:20px;}

#diaries-cnt {width:945px; position:relative; padding-left:15px;}

#diaries-cnt .h strong {float:left; font-size:13px; width:230px; text-transform:uppercase;}
#diaries-cnt .h .line {float:left; height:7px; border-bottom-width:1px; border-bottom-style:solid; width:700px;}

#diaries .padding {float:left; padding-top:10px; padding-right:10px;}
#diaries .dagboek {width:438px; height:125px; border-width:1px; border-style:solid; padding:10px; padding-left:20px; margin-bottom:10px; line-height:15px; position:relative;}
#diaries p {position:absolute; top:10px; left:150px; font-size:10px; line-height:15px; width:300px;}
#diaries p.date {top:25px; line-height:15px;}
#diaries p strong {display:block; width:260px; height:15px; overflow:hidden;}
#diaries p.txt {position:absolute; top:60px; left:150px; font-size:10px; height:75px; overflow:hidden;}
#diaries img {border-width:1px; border-style:solid; width:101px; height:85px;}
#diaries img.overlay {border:none; position:absolute; top:5px; left:0;}
#diaries a.link {position:absolute; width:130px; text-align:center; left:5px; top:105px;}
#diaries .foto {padding-left:20px; width:428px;}
#diaries .foto img {width:101px; height:85px;}
#diaries .foto img.overlay {left:20px; width:100px; height:104px;}
#diaries .foto a.link {top:120px;}
#diaries .foto .info {position:absolute; top:10px; right:10px; border:none; width:18px; height:18px;}

/* ===================================================================================*/
/* ============================ALT CAMS===============================================*/
/* ===================================================================================*/
#cnt-camsalt {background:url(img/bg_nav2.png) repeat-x;}

/* ===================================================================================*/
/* ============================CHAT===================================================*/
/* ===================================================================================*/
#swftable {margin:0 auto; height:90% !important; text-align:center; padding:0 30px;}

/* ===================================================================================*/
/* ============================ERROR==================================================*/
/* ===================================================================================*/
.missing {display:none;}
.error {padding:15px 30px; text-align:center;}
.error h3 {font-size:14px;}
.error p {font-size:12px;}
/* ===================================================================================*/
/* ============================DISCLAIMER++===========================================*/
/* ===================================================================================*/
#disclaimer {width:736px; margin:0 auto; padding:20px 0; text-align:center;}
#disclaimer p {line-height:15px; padding:5px 0; font:10px verdana, arial, sans-serif;color:#aaa;}
#disclaimer a {color:#aaa;}
#jqDialog { font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 150%; }
.notification_alert {  font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 150%; }
#ui-dialog-title-jqDialog { font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 150%; }
#privatePageNotificationButton { position: absolute; bottom: 7px; left: 10px; }
button.sendButton { margin: 0 0 0 5px; padding: 0px; cursor: pointer; width: 100px; height: 23px; }
button.sendButton:hover { background: #636363; }
#notification_alert_signup .performerSnapshot { border: 1px solid #fff; width: 109px; height: 93px; }
#notification_alert_signup ul { margin: 0px; padding: 0px; }
#notification_alert_signup p.errorParagraph { text-align: right;margin: 10px 0px 0px 0px; padding: 0; }
#notification_alert_signup p.textGroup { margin: 15px 0px; padding: 0; }
#notification_alert_signup span.errorFld { color: #FF0000; }
#notification_alert_signup .emailFld { margin-right: 5px; padding: 3px; width: 200px; }
#notification_alert_signup .subscriptionTerms { margin: 20px 0px 0px 35px; padding: 0;}
img.addnotification { cursor: pointer; border: 0;  vertical-align: middle; margin: 0px 1px 0px 3px; width: 16px; height: 16px; }
div.notification_alert { cursor: pointer; }
#cams .cam div.notification_alert { position: absolute; left: 0px; top:12px; }