@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

body {
font-size: 62.5%;
background:url(images/images/body-bg.png);
background-repeat:repeat-xy;
}

/* fontpage */ 


div#filmpjeshouderVIDP {
	width: 550px;
	margin: 0 auto;
	
}

div#filmpjesrijVIDP {
	width: 530px;
	height: 770px;
	margin: 0 auto;

}

#container {
position:relative;
background:url(images/images/container-rood);
background-repeat: repeat-y;
width: 1000px;
margin: 0 auto;
}

#container1 {
position:relative;
background:url(images/images/containerbg.png);
background-position: top center;
background-repeat: repeat-y;
width: 839px;
margin: 0 auto;
}

#container1:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
#container1 {display:inline-block;} 
/* Hide from IE Mac \*/ 
#container1{display:block;} 
/* End hide from IE Mac */ 

div#menuwrap {
height: 156px;
margin: 0 auto;
width: 833px;
background-color:#CCCCCC;
}

div#menu1 {
width: 833px;
height: 23px;
background:url(images/images/menu1-bg.gif);
}

div#menu2 {
width: 833px;
height: 47px;
background:url(images/images/menu2-bg.gif);
}

div#menu3 {
width: 831px;
height: 31px;
background:url(images/images/menu3-bg.gif);
background-repeat: repeat-x;
border: 1px solid #626262;
}

div#wittebalk {
width: 833px;
height: 53px;
background: #ececec;
}

div#wittebalk img {
	position: absolute;
	left: 723px;
	top: 117px;
	width: 78px;
	height: 31px;
}

div#wittebalk a img {
border: 0;
}

h1#NSFW {
	position: absolute;
	height: 121px;
	width: 259px;
	background:url(images/images/nsfw-logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 2;
	left: 72px;
	top: -3px;
}

ul#menu1lijst {
top: 7px;
list-style: none;
width: 500px;
padding: 0;
margin: 0;
position: relative;
left: 250px;
}

ul#menu1lijst li {
float: left;
margin-left: 5px;
}

ul#menu1lijst li a {
color: #8f908f;
text-decoration: none;
}

ul#menu1lijst li a:hover {
color: #dd006a;
text-decoration: none;
}

ul#menu3lijst {
top: 7px;
list-style: none;
width: 500px;
padding: 0;
margin: 0;
position: relative;
left: 250px;
}

ul#menu3lijst li {
float: left;
margin-left: 5px;
}

ul#menu3lijst li a {
color: #bb0011;
text-decoration: none;
}

ul#menu3lijst li a:hover {
color: #dd006a;
text-decoration: none;
}

.zoekbox {
	background: #fceff6;
	border: 1px solid #d4d4d4;
	margin: 0;
	padding: 0;
	height: 30px;
	position: absolute;
	top: 117px;
	left: 586px;
	color: #626262;
	font-size: 2em;
}

#menu2 ul {
margin: 0;
padding: 0;
width: 336px;
list-style: none;
color: #FFFFFF;
position: relative;
left: 255px;
height: 47px;
background:url(images/images/knoppenbg.gif);
}

#menu2 ul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
	text-indent: -9999px;
	overflow: hidden;}
	
 #menu2 ul li, #menu2 ul li a {
    height: 47px; display: block;}
	
#link1 {
	left: 0px;
	width: 69px;
}

#link2 {
	left: 70px;
	width: 75px;
}

#link3 {
	left: 146px;
	width: 102px;
}

#link4 {
	left: 250px;
	width: 85px;
}

 #link1 a:hover {
    background:url(images/images/knoppenbg.gif)
    0 -47px no-repeat;}
	
 #link2 a:hover {
    background:url(images/images/knoppenbg.gif)
   -70px -47px no-repeat;}
 
  #link3 a:hover {
    background:url(images/images/knoppenbg.gif)
   -146px -47px no-repeat;}
    #link4 a:hover {
    background:url(images/images/knoppenbg.gif)
   -250px -47px no-repeat;}

/* CONTENT */

#contentwrap {
position: relative;
margin: 0 auto;
width: 833px;
background: black;
}

 #contentwrap:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
#contentwrap {display:inline-block;} 
/* Hide from IE Mac \*/ 
#contentwrap {display:block;} 
/* End hide from IE Mac */

#adstop {
position:relative;
text-align: center;
color: #6c6d6c;
font-size: 2em;
margin: 0 auto;
width: 825px;
height: 150px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 5px;
}

#nieuwstefilmpjes {
float:left;
width: 696px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 5px;
}


#bestaandefilmpjes {
float: right;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 0px;
position: relative;
width: 610px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-right: 3px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}

#playmovie {
float: left;
padding-top: 30px;
padding-bottom: 10px;
position: relative;
width: 545px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 2px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}



#relatedvideos {
float: left;
padding-top: 30px;
padding-bottom: 10px;
position: relative;
width: 545px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 2px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}

#showmovieinfo {
float: right;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
width: 278px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-right: 2px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}

#categorie_left {
float: left;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 10px;
position: absolute;
width: 200px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 2px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}


#showadright {
float: right;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
width: 278px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-right: 2px;
}

#showmoviesameuser {
float: right;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
width: 278px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-right: 2px;
background-image:url(images/images/headerroze.gif);
background-position: top left;
background-repeat: repeat-x;
}

.n{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ccc;
}

.n:link {color: #ccc; font-weight: bold}     
.n:visited {color: #ccc; font-weight: bold} 
.n:hover {color: #ffffff}   
.n:active {color: #ccc} 

.t{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ccc;
}

.videolink{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
color: #ff77ff;
}

.videolink:link {color: #ff77ff}     
.videolink:visited {color: #ff77ff} 
.videolink:hover {color: #ff77ff}   
.videolink:active {color: #ff77ff} 



#paginanrs {

width: 415px;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
background: #3d3f3d;


}

#paginanrsrechts {
float: right;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
width: 600px;
background: #3d3f3d;
margin-top: 10px;
margin-right: 2px;
}

#footerbox {
float: left;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
width: 832px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 2px;
margin-bottom: 2px;
}

#inlogbox {
position: relative;
float: left;
width: 314px;
height: 131px;
background: #3d3f3d;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 10px;
}

.gebrnaam {
	background: #fceff6;
	border: 1px solid #d4d4d4;
	margin: 0;
	padding: 0;
	height: 20px;
	position: absolute;
	top: 38px;
	left: 9px;
	color: #626262;
	font-size: 1.5em;
	width: 136px;
	}

.pass {
	background: #fceff6;
	border: 1px solid #d4d4d4;
	margin: 0;
	padding: 0;
	height: 20px;
	position: absolute;
	top: 38px;
	left: 167px;
	color: #626262;
	font-size: 1.5em;
	width: 136px;
	}


p.gebruikersnaam {
margin: 0;
padding: 0;
display: inline;
position: relative;
left: 13px;
top: 15px;
font-size: 1.2em;
color: #ececec;
}


p.wachtwoord {
margin: 0;
padding: 0;
display: inline;
position: relative;
left: 75px;
top: 15px;
font-size: 1.2em;
color: #ececec;
}

p.onthouden1 {
	margin: 0;
	padding: 0;
	display: inline;
	position: absolute;
	left: 34px;
	top: 69px;
	font-size: 1.2em;
	color: #ececec;
}

.onthouden {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 68px;
	left: 14px;
	color: #626262;
	font-size: 1.5em;
}

img.inloggen {
	position: absolute;
	left: 11px;
	top: 90px;
}

img.registreer {
	position: absolute;
	left: 167px;
	top: 90px;
}

a img.inloggen {
border: 0;
}

a img.registreer {
border: 0;
}


div#hoogstrating {
position: relative;
background:#bc005a;
float: left;
padding-top: 50px;
padding-bottom: 30px;
width: 314px;
background-image:url(images/images/hoogstewaardering.gif);
background-position: top center;
background-repeat: no-repeat;
border: 1px solid #626262;
margin-top: 10px;
margin-left: 10px;
}

div#filmpje {
	
	border: 1px solid #7c817c;
	background: #4c4d4c;
	float:left;
	margin-left:10px;
	margin-bottom: 10px;
	width:160px;
	height: 180px;

}

div#filmpje a {
font-size: 16px; 
color: #ff77ff;
text-decoration:none;
}

div#filmpje a:hover{
text-decoration: underline;
}

div#filmpje p{
margin:0px;
padding:0px;
color:#CCC;
font-size:12px;
}

h2.nieuwste{
	font-size: 15px;
	display:block;
	margin-top:20px;
	margin-bottom: 30px;
	text-align: right;
	margin-right: 20px;
	color:#999;
}

div.filmpjeVIDPAGINA {
float: left;
display: inline;
border: 1px solid #7c817c;
background: #4c4d4c;
margin-top: 10px;
margin-left: 10px;
position: relative;
width: 163px;
height: 175px;
}
	

div.filmpjeinfo {
position: relative;
margin: 0 auto;
width: 140px;
top: 10px;
}

div.filmpjeinfo img {
margin: 0;
padding: 0;
float: right;
margin-bottom: 5px;
}

img.thumbgroot {

margin: 5px;

}

div.filmpjeklein {
float: left;
display: inline;
border: 1px solid #f65fa7;
background: #d8066a;
margin-top: 10px;
margin-left: 10px;
position: relative;
width: 140px;
height: 154px;
}

p.speeltijd {
margin: 0;
padding: 0;
float: left;
color: #ececec;
width: 70px;
}

p.bekeken {
margin: 0;
padding: 0;
float: left;
color: #ececec;
width: 70px;
}

h3 a {
color: #ffffff;
text-decoration: none;
}

/* Headings */
h1,h2,h3,h4,h5,h6		{ font-weight: normal; color: #ccc; }

h1						{ font-size: 1.4em; line-height: 1; margin: 0 10px 5px 0; font-weight: bold; text-transform: uppercase; } /* video titles */
h1.hp					{ margin: 0 0 0 12px; } /* more left margin to align with vid boxes */
h1.blog					{ margin: 0 0 5px 8px; } /* more left margin to align with content */
h1.grad-bg				{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #ccc; 
						background: #222 url(http://hubtheme.isoftscripts.com/images/hub/english/main.png) 0px -160px no-repeat; text-transform: uppercase; }
h2						{ font-size: 1.5em; margin-bottom: 0.5em; text-transform: uppercase; } /* sidebar titles etc */
h3						{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #ccc; 
						background: #222 url(http://hubtheme.isoftscripts.com/images/hub/english/main.png) 0px -160px no-repeat; text-transform: uppercase; } /* profile titles */
h4						{ font-size: 1.2em; margin: 0 0 1.25em 10px; font-weight: bold; line-height: 1.25; height: 1.25em; } /* 10px left margin */
h5						{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; padding-top: 5px; } /* not used yet */
h6						{ font-size: 1em; font-weight: bold; margin: 15px 0 0 10px; color: #b0b0b0; } /* not being used */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img	{ margin: 0; }


/* Text Elements */
p						{ margin: 0 0 1.5em; }
p.last					{ margin: 0; padding: 0; }
p.announcement			{ margin: 8px 0 5px 10px; color: #ddd; }
.profile-box p			{ padding: 0 10px 10px; color: #d2d2d2; }

.grey					{ color: #888; }
.grey a					{ color: #888; }
.grey a:hover			{ color: #ddd; }

a:focus, 
a:hover					{ color: #888; }
a						{ color: #ff77ff; text-decoration: none; outline: none; }

blockquote				{ margin: 1.5em; color: #666; font-style: italic; }
.bold					{ font-weight: bold; }
strong					{ font-weight: bold; }
em,dfn					{ font-style: italic; }
dfn						{ font-weight: bold; }
sup, sub				{ line-height: 0; } 


/* Lists */
li ul, 
li ol					{ margin:0 1.5em; }
ul, ol					{ margin: 0 1.5em 1.5em 10px; }

ul.bullet				{ list-style-type: disc; margin-left: 25px; color: #d2d2d2; }

ul						{ list-style-type: none; }
ol						{ list-style-type: decimal; padding-left: 20px; color: #d2d2d2; }

dl						{ margin: 0 0 1.5em 0; }
dl dt					{ font-weight: bold; }
dd						{ margin-left: 1.5em;}


/* Tables */

table					{ margin-bottom: 1.4em; }
th						{ font-weight: bold; }
th,td					{ padding: 4px 10px 4px 5px; }
tr.even td				{ background: #E5ECF9; }
tfoot					{ font-style: italic; }
caption					{ background: #eee; }
					
					
/* Misc */
.available				{ background-color: #ADADAD; height: 16px; margin: 10px 10px 3px; width: 16px; }
.booked					{ background-color: #F98E00; height: 16px; margin: 10px; width: 16px; }

.result-phrase strong	{ color: #fff; }

.blog-ad				{ margin-top: 400px; }

.category-box			{ float: left; text-align: center; margin-top: 10px; margin-left: 3px; margin-right: 1px; }

.small					{ font-size: 11px; }
.xsmall					{ font-size: 9px; }
.large					{ font-size: 1.2em; font-weight: bold; margin: 0 0 10px; padding: 0; text-transform: uppercase; border-bottom: 1px solid #333; } /* sponsored video title */
.hide					{ display: none; }

.quiet					{ color: #666; }
.loud					{ color: #000; }
.highlight				{ background:#ff0; }
.added					{ background:#060; color: #fff; }
.removed				{ background:#900; color: #fff; }

.first					{ margin-left:0; padding-left:0; }
.last					{ margin-right:0; padding-right:0; }
.top					{ margin-top:0; padding-top:0; }
.bottom					{ margin-bottom:0; padding-bottom:0; }

.cursor_hand			{ cursor: pointer; }


ul.pagination{
margin:0;
padding:0;
list-style:none;
}

ul.pagination li{
margin:0;
padding:0 1px;
height:23px;
display:block;
float:left;}

ul.pagination li.page_current{
padding:0 8px;
*padding-right:0;
font:bold 22px/18px Verdana;
color:#FFFFFF;

}

ul.pagination li.page_separator
{
padding:0 4px;
*padding-right:0;
font:normal 18px/12px Arial;
color:#BFBFBF
}

ul.pagination li a{
margin:0;
padding:0 7px;
display:block;
border:solid 1px #333333;
background:#000000;
text-decoration:none;
line-height:21px;
color:#FFFFFF
}

ul.pagination li a:hover
{
text-decoration:none;
border:solid 1px;
}


.metaLabel{font-size:11px;color:#9f9f9f}var{font-style:normal;font-size:11px;color:#777777}input,textarea{margin:0;padding:2px;height:14px;border:solid 1px #D7D7D7;background:#fff;font:normal 10px Verdana;color:#5E5F63}


.clear {
	clear:both;
	line-height:0px;
	height:0px;
	font-size:0px; /* kills IE6 bug */
}

div#homebanner {

float:left;
width: 125px;
height: 692px;
background: #3d3f3d;
border: 1px solid #626262;
margin-left: 2px;
margin-top:4px;
}