body {
	font-family: Verdana, arial,sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height: 15px;
	background: #ccc;
	color: #333;
	padding:0;
	background: #4f4f4f url(http://sites.bnn.nl/static/loverboys/images/bg.jpg) top center repeat;

}
a {
	color: #333;
}
code {
	font-family:Monaco, Courier, "Courier New", monospace;
}

li a {
       color: #000;
       text-decoration: none;
}

li a:hover {
       text-decoration: underline;
}
.mm h2 {
	margin: 0;
	padding: 6px 6px 0 6px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.mm h2 span {
	position: relative;
	display: block;
	margin:-1px 0 0 0;
	padding:3px 0 2px 8px;
	background: #dd0c00 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') repeat 0px 0px ;
}

/* CSS for the box starts here */
.box {
	padding:0 6px 0 0;
	background:transparent;
        border: 0px solid #a99685;
}
.bi {
	padding:0 0 0 6px;
	background:#fff url(http://sites.bnn.nl/static/bnn42/img/borders.png) 0 0 repeat-y;
}
.bt {
	height:6px;
	margin:0 -6px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 0 0 no-repeat;
}
.bb {
	height:17px;
	margin:0 -6px;
	background: #fff url(http://sites.bnn.nl/static/bnn42/img/box.gif) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:17px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 0 100% no-repeat;
}
.box h1 {
	margin:0;
	padding:5px 0 2px 6px;
	font:normal 18px Arial, Helvetica, sans-serif;
	background: #fff;
}
.box p, .box ul {
	margin:0;
	padding:4px 10px;
}
.box li {
	margin:0 0 0 15px;
	padding:0;
}

.box h2, .box h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}	
.box h3 {
	padding: 0 0 0 0;
}	
.box h2 span {
	position: relative;
	display: block;
	margin:-1px 0 0 0;
	padding:3px 0 2px 5px;
	background: #000 url('http://communities.bnn.nl/templates/bnn_communities/img/pattern-heading-4-small.png') repeat 0px 0px ;
}	
.box h3 span {
	position: relative;
	display: block;
	margin:0;
	padding: 3px 0 2px 5px;
	background: #000;
}

.box h2.red span {
	background: #dd0c00 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') repeat 0 -2px;
}

.box h2.grey span{
	background-color: #666666;
}
.content imgnot {
	display:block;
	border-bottom: 6px solid #fff;
	padding: 0 0 0 6px;
	background: #fff;
}


.content h1 {
       color: #dd0c00;    
}


.content .leesverder {
	border: 0px solid #f60;
	padding: 3px 0 0px 216px;
	display: block;
	font-weight: bold;
	background: #fff;
}
.clearBorder {
	height: 4px;
	background: #fff url(http://sites.bnn.nl/static/bnn42/img/inbetween.jpg) top left repeat-x;
}
ul.rood ul li {
	margin: 0 0 0 4px;
	color:#dd0c00;
 list-style-type:disc;
}
.rood li {
	color:#dd0c00;
}
.zwart li a{
        color: #000000;
}
.links ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style-type: none;
	border: 0px solid #000;
	z-index:0;
} 

.links li {
	height:50px;
	border:0px solid #f60;
	margin:1px 0 1px 0;
	padding:0; 
}

.links li a { 
	color:#dd0c00;
	display:block;
	font-weight: normal;
	padding: 0 1px 0 5px;
	text-decoration: none;
}

* html .links li a {  /* make hover effect work in IE */
	width: 180px;
}

.links li a:hover {
	background: #fff;
}

.links li a img { 
	position: relative;
	display: inline;
	margin: 0px;
	padding:0px;
	border: 0px solid #000;
}

.links a em { 
	color: #dd0c00;
	font-style: normal;
	font-weight: normal;
	display: block;
}

.links a span {
	color: #dd0c00;
	font-size:11px
}
.links span.shadow {
	background: url('http://sites.bnn.nl/static/bnn42/img/bg_shadow.png') no-repeat bottom right !important;
	background: url('http://www.ochtendhumeur.nl/spaceparanoids/images/shadow.gif') no-repeat bottom right;
	margin: 0px 0 0 10px !important;
	margin: 0px 0 0 10px;
	border: 0px solid #f60;
	padding: 0px;
}

.links span.shadow img {
	position: relative;
	background-color: #000;
	border: 1px solid #a9a9a9;
	margin: 0px 6px 0px -6px;
	padding: 0px;
	border: 0px solid #000;
}

/* ******************************** 
	LAYOUT 
********************************  */
div#all{
	position: relative;
	margin:0;
	padding:0;

}

div#all2{
	position: relative;
	margin:108px 0 30px 0;
	padding:0;
}

div.container {
	position: relative;
	clear:both;	
	width:960px;
        overflow:hidden;
	margin:auto;
	padding:0;
        background: url(/static/loverboys/images/content_bg.jpg) repeat top center;

}

div#navigation { 
	padding:0;
	margin:0;
	height: 39px;
	position:relative;
	background: transparent;
	z-index:0;
	border:0px solid #f00;       
}
div#main {
	position:relative;
	float:left;
	width:960px;
	padding:0px 0 0 0;
	margin:0;
	text-align: left;
}

div#header {
        width: 960px;
height:235px;
        padding-left: 5px;
        background: url(/static/loverboys/images/logo.png) no-repeat top center;
}

span#header {
        width: 960px;
height:235px;
        padding-left: 5px;
display: block;
        background: url(/static/loverboys/images/logo.png) no-repeat top center;
}

#footer {
	position: relative;
	float:left;
	color: #fff;
	height: 40px; 
	background: #333 url('http://sites.bnn.nl/static/bnn42/img/bnn.png') 10px 0px no-repeat !important;
	background: #333 url('http://sites.bnn.nl/static/bnn42/img/bnn.gif') 10px 0px no-repeat;
	width:960px;
}
/* ******************************** 
 NAV 
********************************  */
#nav {
	position:absolute;
	margin:0 10px;
	left:0;
        top:-35px;
	width:940px;
	padding:0;
	height: 39px;
	text-align:left;
	background: transparent url('/static/loverboys/images/menu_sprite3.png') 0 0px no-repeat;	
}
#nav ul {
	position:relative;
	margin:0;
	padding:0;
}
#nav li { 
	position:relative;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#nav a:link, #nav a:visited {
	border-right:0 solid #CCCCCC;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:39px;
margin:0;
padding:0px 0;
position:relative;
text-decoration:none;
text-transform:uppercase;
width:100%;
}
#nav a:hover, #nav li a.active {
	color: #fff;
	color: #b92311;
	background:#fff url('http://sites.bnn.nl/static/bnn42/img/nav_active.jpg') top left repeat-x;
}
#nav a#bnnhomenav {
	border:0px;
}
#nav a#menutv {
	border-left: 1px solid #ccc;
}
#bnnhomenav {
	background: transparent url('http://sites.bnn.nl/static/bnn50/SUB/OML/bnn_logo.png') top left no-repeat;
	padding:0px;
	border: 1px solid #f60;
	height: 25px;
	z-index:30000;
}

#bnnhomenav  {

	padding:0 10px !important;
	
} 
#bnnhomenav span {
	border: 2px solid #ff0;
	background: #f60;
	visibility: hidden;
}
#nav a#bnnhomenav:hover {
	background:transparent url('http://sites.bnn.nl/static/bnn50/SUB/OML/bnn_logo.png') top left no-repeat;
}
#nav a.first {
	border-left: 1px solid #ccc;
}




#footer ul.service, #footer ul#general{

	position: relative; 

	float: left;

	border: 0px solid #fff;

	text-align: left;

	margin:10px;

	padding:5px;

	list-style-type: none;

}

#footer ul.service li, 

#footer ul#general li {

	color: #fff;

	padding:3px;

	bordeR-right: 0px solid #fff;


}

#footer ul.service li a, 

#footer ul#general li a{

	color: #fff;

 text-decoration: none;

}

#footer ul.service li a:hover, 

#footer ul#general li a:hover{

	color: #b92311;

	text-decoration: none;

}

#footer ul.site {

	position: absolute;

	right:5px;

	bottom:0px;

	padding: 0px 0 15px 15px ;

	bordeR: 0px solid #fff;

}

#footer ul.site li{

	float: left;

	color: #fff;

	list-style-type: none;

	bordeR-right: 0px solid #fff;

}

#footer ul.site li a{
   padding: 4px 8px 4px 8px;
   color: #fff;
  text-decoration: none;
}

#footer ul.site li a:hover{
   color: #fff;
   text-decoration: underline;
   background: transparent;
}

#box-ug { color: #d40000; }
#box-ug a, #box-ug a:visited, #box-ug a:hover { color: #d40000; }

#banner {
  position:absolute;
  right:0px;
  top:200px;
  padding-left: 10px;
  z-index:0;
}




	/* ** STYLES FOR CROSSFADER ** */

        #homecar {
                width: 486px;
                height: 284px;
                padding-top: 4px;
        }
  
	#crossfader {
		position: relative;
                left: 0;
	}

	ul#portfolio li {
		position: absolute;
		left:6px;
                top:6px;
		list-style-type: none;
		width: 488px;
		height: 286px;

	}

	ul#portfolio li img {
		position: absolute;
		top:-6px;
		left:110px;
	}

	ul#portfolio li span {
		position: absolute;
		top:30px;
		left:530px;
		font-weight: bold;
		font-size:18px;
		width: 350px;
		color: #fff;
	}

	ul#portfolio li cite {
		position: absolute;
		top:50px;
		left:530px;
		width: 300px;
		color: #fff;
		font-style: normal;
		font-size: 11px;
	}

	ul#portfolio li a, ul#portfolio li a h3 {
		text-decoration: none;
color:#CC0000;
	}

	ul#preview   {
		margin:0;
		padding:0;
		position: absolute;
		border: 0px solid #000;
		left: 30px;
		top: 10px;
		width: 75px
		height: 285px;
		list-style-type: none;
		z-index: 10;
	}

	ul#preview li  {
		padding: 0;
		margin: 0 0 2px 0;
		list-style-type: none;
	}

	ul#preview li a img{
		border: 1px solid #ffffff;
	}

	ul#preview li a:hover img {
		border: 1px solid #DD0C00;
	}

	#portfolio .wittebalk {
		position: absolute;
		top:185px;
		left:0px;
		width:474px;
		height: 77px;
		background: #fff;
		-moz-opacity:0.8;filter:alpha(opacity='80');opacity:0.8;
	}



.grid_4 .logo {

background: url(http://sites.bnn.nl/static/bnn50/landingpage/img/logo_bg.png) top left no-repeat;
height: 113px;
margin: 10px 0 20px -6px;
padding: 0;

}

.grid_4 .foto{

background: url(http://sites.bnn.nl/static/bnn50/landingpage/img/foto_bg.png) top left no-repeat;
height: 243px;
margin: 0 0 20px -8px;
padding: 0;

}

.grid_4 .online{

background: url(http://sites.bnn.nl/static/bnn50/landingpage/img/online_bg.png) top left no-repeat;
height: 285px;
margin: 0 0 20px -5px;
padding: 0;

}


.grid_8 .inner {
margin: 10px;
}

.inner p, .inner H1 {
color: #000
}

.inner #videoplayert {
width: 614px;
height: 345px;
border: 3px solid white;
} 

td {
color: #fff;
font-weight:bold;
padding:5px 0 0;
}

input.form_field {
width: 470px;
font-family: Verdana;
}

textarea.form_field {
width: 470px;
height:100px;
font-family: Verdana;
}

input.form_button {
float:right;
}

table.form_table {
margin-left: 10px
}

.grid_12 #content {

background: transparent;

}

.inner.box {
margin-top: 0 !important;
}

.inner.head {
margin: 10px 10px 2px 10px !important;
}

.grid_2 {
text-align: right;
}

.grid_2 p, .grid_2 strong {
margin: 3px 10px;
}

.grid_3 .inner.head H1 {
color: #fff;
background: url(http://sites.bnn.nl/static/bnn50/SUB/OML/grid_3_kop.jpg) no-repeat top left;
margin: 0;
text-align: center;
}

.grid_4 .inner.head H1 {
color: #fff;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_4_kop.png) top left;
margin: 0;
text-align: center;
}

.grid_4 .inner.content {
color: #000;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_4_content.png) repeat-y top left;
margin: 0 10px;
text-align: left;
height: 203px
}

.grid_4 .inner.bottom{
color: #000;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_4_bottom.png) no-repeat top left;
height: 29px;
margin: 0 10px;
text-align: left;
}

.grid_8 .inner.head H1 {
color: #fff;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_8_kop.png) top left;
margin: 0;
text-align: center;
}

.grid_9 .inner.head H1 {
color: #fff;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_9_kop.png) no-repeat top center;
margin: 0;
text-align: center;
}



.grid_9.player {
background: url(/static/lijst0/images/d.png) top center;
}

.grid_9.comments{
background: url(/static/lijst0/images/d.png)) top center;
}

.grid_9 .inner {
margin: 10px 50px 10px 50px;
}

.grid_3 .inner {
margin-left: 0 !important;
margin-right: 20px;
}

.grid_12 .inner.head H1 {
color: #fff;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_12_kop.png) no-repeat  top left;
margin: 0;
text-align: center;
font-size:14px;
line-height:14px;
}

.grid_12 .inner.content {
color: #000;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_12_body.png) repeat-y top left;
margin: 0 10px;
text-align: left;
}

.grid_12 .inner.bottom{
color: #000;
background: url(http://sites.bnn.nl/static/loverboys/images/grid_12_bottom.png) no-repeat top left;
height: 29px;
margin: 0 10px;
text-align: left;
}

.inner.box.comment {
margin-top: 0 !important;
margin-bottom: 0px;
background: #c1b1a2;
border-bottom: 0px;
}
.inner.box.comments {
margin-top: 0 !important;
border-top: 0px;
}

.comment div div {
margin: 5px 0 5px 0;
}

.inner.box.comments .commententry {
font-size:11px;
line-height:15px;
margin: 0 10px;
overflow: hidden;
}


.vidblock {
  width: 280px;
  height: 70px;
  padding: 10px;
  background-color: #000000;
  margin-bottom: 15px;
  margin-right:  10px;
  color: #fff;
  line-height: 13px;
   font-size: 11px;

}

.vidblock a{
  text-decoration: none;
  color: #000;
  font-size: 10px;
}

.vidblock2 {
background: transparent;
border-bottom:1px solid #C1B1A2;
color:#1598a6;
float:left;
height:70px;
line-height:13px;
margin: 0 20px;
padding:10px;
width:260px;
}

.vidblock2.small {

margin-bottom:5px;

}


.vidblock2 a{
  text-decoration: none;
  color: #1598a6;
  font-size: 10px;
}

.vidblock strong {
  color: #000;

}

.vidblock b, .vidblock2 b {
  color: #1598a6;
  font-size: 11px;
}
.vidblock2 em, .vidblock em {
  font-style: normal;
}
.vidblock2 strong, .vidblock strong {
  font-size: 10px;
  font-weight: bold;
  color: #e25500;
}

ul.disc {
list-style-type:disc;
margin-left:20px;
}

.videobottom-wrapper {
border:0 solid #000000;
float:left;
margin-top:12px;
width:200px;
}

#videoVotingStars {
border:0 solid #000000;
float:left;
width:140px;
margin-left: 10px;
}

.description p {
border:0 solid #000000;
color:#000000;
display:block;
padding-left:5px;
padding-top:50px;
width:620px;
}

.views {
float:left;
}

.social {

float: right;
margin: 0 5px;
}

.views, views a {
color:#fff;
}

.inner.box.meta {
background: transparent;
height: 26px;
color: #fff;
font-weight: bold;
border:0px solid #1D2044;
padding: 20px 10px 0 20px;
}


.foto ul {
	margin:0;
	padding:0 0 0 470px;
}
.foto ul li {
	width:105px;
	height:100px;
	list-style:none;
	float:left;
	border:#000 solid 1px;
}
.foto ul li a span {
	display:none
}

.grid_3 {
margin-bottom: 10px;
}

.grid_3 h1{
color: #fff;
margin: 4px 20px 0;
font-size: 13px;
text-align:center;
text-transform: uppercase; 
}

.grid_3 p{
margin: 0 20px;
font-family: verdana;
font-size: 11px;
color:#1598a6;

}

.grid_3 img{
margin: 0 19px;
border:0px;

}

.grid_3 p a{

font-family: verdana;
font-size: 11px;
color:#e25500;
font-weight:bold;
text-decoration:none;
}

.grid_4 p{
padding: 10px;
font-family: verdana;
font-size: 11px;
color:#000;

}

.grid_6 h1{
color: #fff;
margin: 12px 20px 0;
font-size: 15px;
text-align:center;
text-transform: uppercase; 
}

.grid_7 h1{
color: #fff;
margin: 7px 20px 0;
font-size: 15px;
text-align:center;
text-transform: uppercase; 
}

.grid_6 p{
margin: 0 40px;
font-family: verdana;
font-size: 11px;
color:#1598a6;

}

.grid_7 p{
margin: 0 40px;
font-family: verdana;
font-size: 11px;
color:#1598a6;

}

.grid_5 p{
margin: 0 40px;
font-family: verdana;
font-size: 11px;
color:#1598a6;
}

.grid_5 p a h2 {
font-size: 14px;
color:#1598a6;
}

.grid_5 p a{

font-family: verdana;
font-size: 11px;
color:#e25500;
font-weight:bold;
text-decoration:none;
}
.grid_5 h1{
color: #fff;
margin: 7px 20px 0;
font-size: 15px;
text-align:center;
text-transform: uppercase; 
}


#tweetscreen {
margin: 40px 40px 0 30px;

}

.clear {
clear: both !important;
height: 20px !important;
overflow:hidden !important;
}

.grid_4 p strong {
color:#000000;
}

#playerscreen {
margin:0 10px;
padding:10px 0;
}

#kandidaat p {
margin: 0 23px;
}

.grid_4 div a {
color: #CC0000;
text-decoration: none;
}

.grid_8 .grid_4 div a {
color: #FFF;
text-decoration: none;
}

.grid_4 .inner.content div div a {
color: #000;
text-decoration: none;
}




.grid_8 .inner.video {
background: url(/static/loverboys/images/grid_8_vid_content.png) no-repeat top center;
}

#vidrate {
float:left;
margin:-5px 10px;
}

#vidinfo {
margin: -5px 0 0 0;
float:left;
}