/* algemene instellingen */

*    { margin: 0; padding: 0; }
html { height: 100%; padding:0; margin:0; } 
BODY { background:#000000 url(images/background.gif); color: #ffffff; font: normal 14px 'Trebuchet MS'; line-height:18px; text-decoration:none; height: 100%; }

/* container */
#container { position: relative; width: 975px; padding:0; margin:0; border: 0;} 

/* fonts */
h1               { color: #ffffff; font: bold 28px 'Trebuchet MS'; line-height:32px; text-decoration:none; text-transform: uppercase;}
h3               { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
h2               { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
b                { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
p                { color: #ffffff; font: normal 14px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
span             { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
strong           { color: #08bcff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}

div.nav span, div.navl span        { color: #a5e7ff; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navv span                      { color: #a5e7ff; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navr a, div.nav a, div.navl a  { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navr a:hover, div.nav a:hover, div.navl a:hover  { color: #ffffff; }

div.btext p { color: #000000; font: normal 15px 'Trebuchet MS'; line-height: 18px; text-decoratio: none; text-align: left;}

div.sponsor p    { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; }
#copyright       { color: #c2c0c0; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; }

div.popular h2, div.vpopular h2   { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}


div.shead b      { color: #08bcff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.sres span    { color: #ffffff; font: normal 14px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.sres b       { color: #ffffff; font: bold 14px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}

div.mr span, div.ml span { color: #ffffff; font: normal 14px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.mbl p, div.mbl a      { color: #08bcff; font: normal 15px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}
div.mbr p, div.mbr a      { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}
div.mbr a:hover { color: #08bcff; }
a                   { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
a:hover             { color: #08bcff; }

div.sponsor a { color: #ffffff; }
div.sponsor a:hover { color: #ffffff; text-decoration: underline; }

div.sub p    { color: #c2c0c0; font: normal 14px 'Trebuchet MS'; line-height:18px; text-align: center; text-decoration:none;}
div.sub a    { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none;}
div.sub a:hover             { color: #08bcff; }

div.members a         { color: #ffffff; font: bold 17px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-transform: uppercase; text-align: center;}
div.members a:hover, div.plink a:hover   { color: #ffffff; text-decoration: underline; }

div.intro a        { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: center;}
div.intro a:hover  { color: #08bcff; }

div.cloud a, div.scat a              { color: #ffffff; font: normal 13px 'Trebuchet MS'; text-decoration:none; text-align: left;}
div.cloud a:hover, div.scat a:hover  { color: #08bcff; }

#key              { color: #08bcff; font: normal 15px 'Trebuchet MS'; text-decoration:none; text-align: left;}
#key:hover        { color: #ffffff; }


div.stext a        { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:16px; text-decoration:none; text-align: left;}
div.stext a:hover  { color: #08bcff; }

div.text a        { color: #08bcff; font: normal 15px 'Trebuchet MS'; line-height:16px; text-decoration:none; text-align: left;}
div.text a:hover  { color: #ffffff; }


div.slink a        { color: #08bcff; font: bold 13px 'Trebuchet MS'; line-height:16px; text-decoration:none; text-align: left;}
div.slink a:hover, div.sblok a:hover  { color: #ffffff; }

div.footer a        { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.footer a:hover  { text-decoration: underline; }

div.thumb a, div.sthumb a              { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.thumb a:hover, div.sthumb a:hover  { color: #08bcff; }

.list a        { color: #ffffff; font: normal 16px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}
.list a:hover  { color: #08bcff; }


div.menu1 a, div.menu2 a, div.menu3 a                     { color: #ffffff; font: bold 16px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: center;}
div.menu1 a:hover, div.menu2 a:hover, div.menu3 a:hover   { color: #08bcff; }


ul          {line-height:16px; padding-left:15px; margin-top: 4px; text-align: left;}
div.text ul {color: #1a1a1a; font: bold 18px 'Trebuchet MS'; line-height:24px; padding-left:15px; margin-top: 4px; text-transform: uppercase; text-align: left;}
#lp         {height: 20px; width: 450px; line-height:20px; border: 1px solid black; text-align: left;}
/* images */
img { border: 0px; margin: 0px; }

.searcht {
float: left;
height: 19px;
color: #000000;
line-height: 18px;
margin: 1px 6px 0 0;
padding-top: 2px;
background: #FFFFFF;
border: 1px solid black;
display: inline;
}

.knop { 
background-color: #1a1a1a;
color: #ffffff;
font-weight: bold;
height: 23px;
padding: 0 10px 3px 10px;
margin-top: 1px;
border: 1px solid black;
cursor: pointer;
}

.submit { 
width: 60px;
background-color: #1a1a1a;
color: #ffffff;
font-weight: bold;
height: 23px;
padding-bottom: 3px;
margin-top: 1px;
border: 1px solid black;
cursor: pointer;
}

div.search {
float: left;
height: 35px;
width: 400px;
text-align: left;
padding-top: 6px;
margin-left: 20px;
display: inline;
}

div.sponsor {
float: left;
height: 19px;
width: 555px;
text-align: left;
padding-top: 10px;
display: inline;
}

/* content */
div.blok {
float: left;
width: 855px;
margin: 10px 35px 0 30px;
display: inline;
}

div.f1 {
float: left;
height: 290px;
padding-left: 10px;
margin: 20px 12px 0 11px;
display: inline;
}

div.cloud {
float: left;
height: 260px;
width: 204px;
margin: 20px 12px 0 3px;
padding-left: 10px;
text-align: left;
display: inline;
}

div.footer {
float: left;
width: 975px;
text-align: center;
display: inline;
}

div.sub {
float: left;
width: 945px;
text-align: center;
padding: 15px;
display: inline;
}

div.menu1 {
float: left;
height: 22px;
width: 177px;
text-align: center;
padding-top: 17px;
display: inline;
}

div.menu2 {
float: left;
height: 22px;
width: 171px;
text-align: center;
padding-top: 17px;
display: inline;
}

div.menu3 {
float: left;
height: 22px;
width: 179px;
text-align: center;
padding-top: 17px;
display: inline;
}

div.intro {
float: left;
width: 915px;
margin: 25px 30px 10px 30px;
text-align: center;
display: inline;
}


div.content {
float: left;
width: 944px;
margin: 15px 14px 25px 17px;
display: inline;
}

div.vcontent {
float: left;
width: 730px;
display: inline;
}

div.side {
float: left;
width: 194px;
height: 685px;
border-left: 1px solid #1a1a1a;
padding-left: 18px;
display: inline;
}

div.navigatie {
float: left;
height: 26px;
width: 902px;
text-align: left;
margin: 15px 24px 8px 14px;
display: inline;
}

div.navl {
float: left;
background-color: #08bcff;
width: 75px;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid #08bcff;
border-right: 1px solid #000000;
display: inline;
}

div.nav {
float: left;
background-color: #08bcff;
width: 75px;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid #08bcff;
border-left: 0;
display: inline;
}

div.navr {
float: left;
background-color: #08bcff;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid #08bcff;
border-right: 1px solid #000000;
border-left: 0;
display: inline;
}

div.navv {
float: left;
background-color: #08bcff;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid #08bcff;
border-right: 1px solid #000000;
border-left: 0;
display: inline;
}

div.banner {
float: left;
width: 914px;
text-align: center;
margin: 20px 24px 0 14px;
display: inline;
}

div.tlinks {
float: left;
width: 890px;
height: 60px;
text-align: center;
padding: 8px;
margin: 20px 28px 0 18px;
display: inline;
}

div.tt {
float: left;
width: 178px;
margin-top: 10px;
text-align: center;
display: inline;
}


div.sres, div.popular {
float: left;
background-color: #08bcff;
height: 26px;
width: 906px;
padding-left: 8px;
text-align: left;
margin: 20px 24px 0 14px;
display: inline;
}

div.pbox {
float: left;
background-color: #1a1a1a;
width: 880px;
text-align: left;
margin: 0 24px 8px 14px;
padding: 10px 16px 0 16px;
border: 1px solid #08bcff;
display: inline;
}

div.btext {
float: left;
background-color: #f6f6f6;
width: 836px;
text-align: left;
margin: 10px 18px 10px 18px;
padding: 6px;
border: 1px solid #f6f6f6;
display: inline;
}

div.vpopular {
float: left;
background-color: #1a1a1a;
height: 26px;
width: 676px;
padding-left: 8px;
text-align: left;
margin-top: 8px;
display: inline;
}

div.lc {
float: left;
background-color: #1a1a1a;
width: 440px;
text-align: left;
margin: 0 15px 20px 13px;
padding-bottom: 4px;
border: 1px solid #08bcff;
display: inline;
}

div.rc {
float: left;
background-color: #1a1a1a;
width: 440px;
text-align: left;
margin: 0 13px 20px 15px;
padding-bottom: 4px;
border: 1px solid #08bcff;
display: inline;
}

div.plar {
float: left;
background-color: #08bcff;
height: 26px;
width: 432px;
padding-left: 8px;
text-align: left;
display: inline;
}

div.mini {
float: left;
width: 102px;
margin: 4px 4px 0 4px;
text-align: center;
display: inline;
}

div.mini2 {
float: left;
width: 102px;
margin: 4px 4px 0 4px;
text-align: center;
display: inline;
}

div.mini img, div.mini2 img {
float: left;
width: 100px;
height: 80px;
text-align: center;
border: 1px solid #464445;
display: inline;
}

div.thumb {
float: left;
color: #08bcff;
width: 204px;
height: 240px;
margin: 10px 8px 15px 8px;
text-decoration: lowercase;
text-align: left;
overflow: hidden;
display: inline;
}

div.members {
float: left;
background-color: #000000;
height: 26px;
width: 684px;
text-align: center;
padding: 15px 0 15px 0;
margin: 0 18px 0 18px;
display: inline;
}

#movie-area {
float: left;
background-color: #000000;
height: 450px;
width: 684px;
text-align: center;
margin: 0 18px 10px 18px;
display: inline;
}

#moviearea {
float: left;
background-color: #000000;
height: 450px;
width: 684px;
text-align: center;
margin: 0 18px 10px 18px;
display: inline;
}

div.iframe {
float: left;
text-align: center;
margin: 5px 0 0 80px;
overflow: hidden;
display: inline;
}

div.plink {
float: left;
background-color: #000000;
height: 22px;
width: 684px;
text-align: center;
margin-top: 20px;
display: inline;
}

div.text {
float: left;
width: 702px;
margin: 0 0 10px 14px;
display: inline;
}

div.pframe {
width: 646px;
background-color: #ffffff;
border: 2px solid black;
min-height: 260px;
padding: 0 20px 15px 20px;
margin: 0 0 10px 10px;
clear: both;
}

div.pframe2 {
width: 646px;
background-color: #ffffff;
height: 140px;
border: 2px solid black;
margin: 0 0 10px 10px;
padding: 15px 20px 15px 20px;
clear: both;
}

div.list {
float: left;
width: 257px;
height: 22px;
margin: 0 28px 0 0;
padding-left: 8px;
overflow: hidden;
display: inline;
}

div.sthumb {
float: left;
color: #08bcff;
width: 204px;
height: 240px;
margin: 15px 8px 10px 8px;
text-align: left; 
overflow: hidden;
display: inline;
}

.th {
width: 195px;
height: 140px;
border: 2px solid #000000;
text-align: center;
}

.tht {
width: 195px;
height: 140px;
border: 2px solid #ffffff;
text-align: center;
}

.th:hover, .tht:hover, .mini a:hover{
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

.sh {
width: 200px;
height: 150px;
border: 2px solid #000000;
margin-top: 2px;
text-align: left;
}

.pp {
width: 150px;
height: 100px;
border: 2px solid #000000;
margin-top: 2px;
text-align: left;
}


div.rat {
float: right;
height: 15px;
margin-right: 8px;
font-size: 13px;
line-height: 15px;
display: inline;
}

div.rating {
float: left;
height: 15px;
display: inline;
}

div.rating img {
width: 58px;
height: 15px;
border: 0;
text-align: center;
}

div.desc {
float: left;
width: 202px;
height: 34px;
padding: 8px 0 4px 0;
overflow: hidden;
display: inline;
}

div.desc2 {
float: left;
width: 204px;
padding: 8px 0 4px 0;
display: inline;
}

div.sblok {
float: left;
width: 194px;
margin-bottom: 25px;
display: inline;
}

div.shead {
width: 194px;
height: 24px;
text-align: left;
}

div.stext, div.scat {
width: 194px;
margin: 4px 0 0 0;
text-align: left;
}

div.slink {
height: 14px;
text-align: left;
}

div.ml {
float: left;
height: 18px;
width: 342px;
text-align: left;
margin: 10px 0 4px 18px;
display: inline;
}

div.mr {
float: left;
height: 18px;
width: 342px;
text-align: right;
margin: 10px 18px 4px 0;
display: inline;
}

div.mar {
float: left;
height: 18px;
margin-right: 6px;
display: inline;
}

div.mat img {
width: 54px;
height: 14px;
border: 0;
margin-top: 3px;
text-align: center;
}

div.mat {
float: left;
height: 26px;
display: inline;
}


div.mblok {
float: left;
background-color: #1a1a1a;
width: 666px;
padding: 8px;
margin: 0 18px 10px 18px;
border: 1px solid #000000;
display: inline;
}

div.mbl {
float: left;
width: 100px;
height: 22px;
text-align: left;
display: inline;
}

div.mbr {
float: left;
width: 566px;
height: 22px;
text-align: left;
display: inline;
}

/* voice frame css */

#payscreen { float: left; background-color: #ffffff; color: #000000; width: 646px; text-align: left; padding: 20px 15px 6px 15px; margin: 0 18px 0 18px; _margin-left: 9px; border: 4px solid black; display: none;}

.nummer               { color: #000000; font: bold 17px 'Trebuchet MS'; line-height:25px; text-align: left; padding: 0 0 0 14px; }
.kosten               { color: #000000; font: normal 13px 'Trebuchet MS'; line-height:25px; text-align: left; padding: 0 0 0 14px; }
.info p               { color: #000000; font: bold 17px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.codeinfo p           { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.bonus p              { color: #000000; font: normal 13px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
.bonus span           { color: #ff0000; font: normal 13px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
.closeme a            { color: #000000; font: bold 13px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: right;}
.closeme a:hover      { text-decoration:underline;}
.vsub a               { color: #000000; font: normal 13px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.vsub a:hover         { color: #ff0000; font: normal 13px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}

.info           { float: left; width: 646px; display: inline;}
.country        { width: 35px; heigth: 23px; }
.knopvoice      { cursor:pointer; padding: 0px 1px; }
.codeveld       { float: left; height: 18px; margin-right: 8px; margin-top: 1px; display: inline;}
.country        { float: left; width: 36px; margin-top: 15px; text-align: left;  display: inline;}
.land           { float: left; width: 605px; margin-top: 15px; text-align: left; display: inline;}
.bonus          { float: left; width: 646px; margin-top: 5px; display: inline;}
.closeme        { float: left; width: 646px; margin-top: 10px; text-align: right; display: inline;}
.codeinfo, .opties, .extra        { float: left; width: 646px; margin-top: 10px; text-align: left; 15px; display: inline;}
.code           { float: left; width: 646px; margin-top: 10px; text-align: left; 15px; display: inline;}
.vsub           { float: left; width: 646px; text-align: left; margin-top: 15px; display: inline;}

/* creditcard css */

.cc p           { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.cc b           { color: #000000; font: bold 15px   'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.subinfo p      { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.paysub a       { color: #ff0000; font: normal 13px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}
.paysub a:hover { color: #000000; font: normal 13px 'Trebuchet MS'; line-height:23px; text-decoration:none; text-align: left;}

.cc           { float: left; color: #000000; width: 323px; text-align: left; margin-top: 15px; display: inline;}
.paysub       { float: left; width: 646px; text-align: left; margin-top: 15px; display: inline;}