/* algemene instellingen */

*    { margin: 0; padding: 0; }
html { height: 100%; padding:0; margin:0; } 
BODY { color: #464445; 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;}
h4               { color: #ffffff; font: bold 18px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: center;}
b                { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
p                { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
span             { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
strong           { color: #675d56; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}

div.vbannerb {
float: left;
width: 720px;
height: 105px;
text-align: center;
margin: 0 10px 0 0;
padding: 0;
display: inline;
}

div.nav span                       { color: #bdbbbb; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navv span                      { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navr a, div.nav a              { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}
div.navr a:hover, div.nav a:hover  { color: #bdbbbb; }

div.vbannerb a              { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:26px; text-decoration:underline;}
div.vbannerb a:hover        { color: #ffffff; }


.pframe2 span    { color: #000000; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}


div.sponsor p    { color: #bca89b; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; }
#copyright       { color: #bbbbbb; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; }

div.popular h2   { color: #ffffff; font: bold 15px 'Trebuchet MS'; line-height:26px; text-decoration:none; text-align: left;}


div.shead b      { color: #464445; 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: #464445; font: normal 14px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.mbr p, div.mbl p, div.mbr a      { color: #bbbbbb; font: normal 15px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}
div.mbr a:hover                      { color: #ffffff; }
a                   { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
a:hover             { color: #bbbbbb; }

#key                { color: #ffffff; font: normal 14px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
#key:hover          { color: #464445; }


div.sub a             { color: #bbbbbb; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none;}
div.sub a:hover       { color: #ffffff; }

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: #675d56; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: center;}
div.intro a:hover  { color: #000000; }

div.topmenu a, div.topmenu p        { color: #ffffff; font: normal 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: center;}
div.topmenu a:hover  { color: #bdbbbb; }

div.cloud a, div.scat a              { color: #000000; font: normal 15px 'Trebuchet MS'; text-decoration:none; text-align: left;}
div.cloud a:hover, div.scat a:hover  { color: #675d56; }

div.stext a        { color: #000000; font: bold 15px 'Trebuchet MS'; line-height:16px; text-decoration:none; text-align: left;}
div.stext a:hover  { color: #675d56; }

div.thumb a, div.sthumb a              { color: #000000; font: bold 15px 'Trebuchet MS'; line-height:18px; text-decoration:none; text-align: left;}
div.thumb a:hover, div.sthumb a:hover  { color: #ffffff; }

.list a        { color: #000000; font: normal 16px 'Trebuchet MS'; line-height:20px; text-decoration:none; text-align: left;}
.list a:hover  { color: #ffffff; }

div.menu1 a, div.menu2 a, div.menu3 a, div.menu4 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, div.menu4 a:hover   { color: #bdbbbb; }

ul         { color: #bbbbbb; line-height:20px; padding-left:15px; margin-top: 4px; text-align: left;}
ul a       { color: #bbbbbb; font: normal 14px 'Trebuchet MS'; text-decoration:none; text-align: left;}
ul a:hover { color: #ffffff;}

div.stext ul         { color: #675d56; line-height:20px; padding-left:15px; margin-top: 4px; text-align: left;}
div.stext ul a       { color: #000000; font: normal 14px 'Trebuchet MS'; text-decoration:none; text-align: left;}
div.stext ul a:hover { color: #675d56;}

div.text ul {color: #675d56; 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; }


div.btext2 p     { color: #000000; font: normal 18px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}
div.btext2 b     { color: #000000; font: bold 18px 'Trebuchet MS'; line-height:22px; text-decoration:none; text-align: left;}

div.btext2 {
float: left;
background-color: #ffffff;
width: 855px;
margin: 10px 29px 4px 24px;
text-align: left;
padding: 6px;
border: 1px solid #ff0000;
display: inline;
}

/* content */
div.blok {
float: left;
width: 855px;
margin: 10px 35px 0 30px;
display: inline;
}

div.f1 {
float: left;
height: 320px;
margin: 15px 25px 0 25px;
display: inline;
}

div.f2 {
float: left;
height: 320px;
border-left: 1px solid #675d56;
margin: 15px 25px 0 0;
padding-left: 25px;
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, div.menu4 {
float: left;
height: 22px;
width: 176px;
text-align: center;
padding-top: 17px;
display: inline;
}

div.menu2, div.menu3 {
float: left;
height: 22px;
width: 171px;
text-align: center;
padding-top: 17px;
display: inline;
}

.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: #464444;
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: #464444;
color: #ffffff;
font-weight: bold;
height: 23px;
padding-bottom: 3px;
margin-top: 1px;
border: 1px solid black;
cursor: pointer;
}

div.box {
float: left;
height: 35px;
width: 355px;
text-align: left;
padding-top: 6px;
margin-left: 20px;
display: inline;
}

div.topmenu {
float: left;
height: 19px;
width: 600px;
text-align: left;
padding-top: 10px;
display: inline;
}

div.content {
float: left;
width: 726px;
min-height: 1380px;
margin: 15px 0 25px 2px;
border-right: 1px solid #464445;
display: inline;
}

div.banner {
float: left;
width: 945px;
text-align: center;
padding: 15px;
display: inline;
}

div.extra {
float: left;
width: 945px;
padding: 15px;
display: inline;
}

div.es {
float: left;
width: 174px;
margin: 0 0 0 15px;
text-align: left;
display: inline;
}

div.side {
float: left;
width: 204px;
padding: 0 18px 0 18px;
margin: 15px 0 25px 2px;
display: inline;
}

div.navigatie {
float: left;
height: 26px;
width: 684px;
text-align: left;
margin: 15px 24px 8px 18px;
display: inline;
}

div.nav {
float: left;
background-color: #464445;
width: 75px;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid black;
border-left: 0;
display: inline;
}

div.navr {
float: left;
background-color: #464445;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid black;
border-left: 0;
display: inline;
}

div.navv {
float: left;
background-color: #bdbbbb;
height: 26px;
padding: 0 8px 0 8px;
text-align: center;
border: 1px solid black;
border-left: 0;
display: inline;
}


div.sres, div.popular {
float: left;
background-color: #464445;
height: 26px;
width: 676px;
padding-left: 8px;
text-align: left;
margin: 0 24px 8px 18px;
display: inline;
}

div.pbanner {
float: left;
height: 90px;
width: 684px;
text-align: left;
margin: 0 24px 18px 18px;
display: inline;
}

div.lc {
float: left;
width: 324px;
text-align: left;
margin: 0 14px 20px 18px;
padding-bottom: 4px;
border: 1px solid #464445;
display: inline;
}

div.rc {
float: left;
width: 324px;
text-align: left;
margin: 0 18px 20px 18px;
padding-bottom: 4px;
border: 1px solid #464445;
display: inline;
}

div.plar {
float: left;
background-color: #464445;
height: 26px;
width: 316px;
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 1px;
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;
width: 204px;
height: 242px;
margin: 10px 18px 15px 18px;
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 18px;
display: inline;
}

div.pframe {
width: 646px;
margin: 0 0 10px 25px;
clear: both;
}

div.pframe2 {
width: 646px;
background-color: #f3f2f2;
height: 280px;
border: 2px solid black;
margin: 0 0 10px 10px;
padding: 25px 20px 15px 20px;
clear: both;
}

div.list {
float: left;
width: 204px;
height: 20px;
margin: 0 10px 0 18px;
padding-left: 8px;
overflow: hidden;
display: inline;
}

div.sthumb {
float: left;
width: 204px;
height: 240px;
margin: 0 18px 25px 18px;
text-align: left; 
overflow: hidden;
display: inline;
}

.th {
width: 200px;
height: 150px;
border: 2px solid #000000;
text-align: center;
}

.th: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;
}


div.rat {
float: left;
height: 16px;
margin-right: 6px;
display: inline;
}

div.rating {
float: left;
height: 16px;
display: inline;
}

div.rating img {
width: 54px;
height: 14px;
border: 0;
margin-top: 2px;
text-align: center;
}

div.desc {
float: left;
width: 204px;
padding: 8px 0 4px 0;
display: inline;
}

div.sblok {
float: left;
width: 204px;
margin-bottom: 25px;
display: inline;
}

div.shead {
width: 204px;
height: 24px;
text-align: left;
}

div.stext, div.cloud, div.scat {
width: 204px;
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: right;
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: #464445;
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 img    { 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, .cc span { 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;}
