body {	
	background: url("http://sites.bnn.nl/static/bnn42/img/backstempel.jpg") repeat scroll center top #4F4F4F;
	border-top: 0px solid #000;
	color: #333;
	padding: 0px 0 0px;
}
.all {
	position: relative;
}
.wrapper {
	position: relative;
	background: transparent;
}
.wrapper-opacity {
	position: absolute;
  	top:0px;left:0px;
	margin: 190px auto;
	/* width:960px;  for transparent background 
	height: 4200px;  js modify screen height? */
	background: #470e30;	
	background: #333333; 
	z-index:-1;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; 
}
.container {
	position: relative;
	z-index:10;
}
#main {
	background: #ffffff url('http://developer.bnn.nl/static/factsheet/bg_wit_main.jpg') top left repeat-y;
        margin: 0 0 20px 0 ;
}

li {
       font-size: 70%;
}

a {
	outline: none;
}







/* BNN-PLAYER */ 

div#bnn-player {
  margin: 10px 0 0 0;
  text-align : center;
}
div#bnn-player button{
 height:20px;
 width:20px;
}
div#bnn-player button:focus{ color: #000;}
div#bnn-player .player-tools button{
 border: 0px;
 width:26px;
 height:30px;
}
div#bnn-player .player-tools button#hart{
 width:18px;
 background: transparent url('/static/img/video_icon.jpg') -80px 10px no-repeat;
 overflow: hidden;
}
div#bnn-player .player-tools button#hart{
 background: transparent url('/static/img/video_icon.jpg') -80px 11px no-repeat;
}
div#bnn-player .player-tools  button#extend {
 width:30px;
 height:30px;
 background: transparent url('/static/img/video_icon.jpg') -0px -16px no-repeat;
 overflow: hidden;
}
div#bnn-player .title,
div#bnn-player .rating-views
{
 margin-left:15px;
 margin-right:15px;
}
div#bnn-player .title .player-tools{
 float: right;
 text-align:right;
}
div#bnn-player .title h1{
 text-align:left;
 margin:0;
 padding:0;
}
div#bnn-player .title h2{
 text-align:left;
 margin:0;
 padding:1px 0 2px 0;
 font-size:10px;
}
div#bnn-player .title h2.date span{
 position:relative;
 display: inline;
 color: #666;
}
div#bnn-player .rating-views h3{
 padding-top: 3px;
 font-size:11px;
}
div#bnn-player #rating-default {
 padding-top: 3px;
 font-size:11px;
}
div#bnn-player .rating-views h3#views{
 float:right;
}
div#bnn-player .rating-views{
 text-align: left;
 padding: 5px 0 15px 0;
}
div#bnn-player .rating-views .rating button{
 float:left;
 height:20px;
 width:20px;
 border: 0px solid #f00;
 background: transparent url('/static/img/video_icon.jpg') -19px 0 no-repeat;
 margin: 0 2px 0 0px;
 overflow: hidden;
}
div#bnn-player div.description {
 padding:0;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 15px;
 font-size:12px;
 line-height: 16px;
 text-align:left;
}
div#bnn-player #bnn-share {
 font-size:12px;
 margin-left:15px;
 margin-right:15px;
 padding: 10px 0 10px 0;
}
div#bnn-player #bnn-share th {
 text-align: left;
 padding: 0 5px 0 0;
}






#bnn-share {
 border: 1px solid #ccc;
 font-size:12px;
 margin-left:15px;
 margin-right:15px;
 padding: 10px 0 10px 0;
}
#bnn-share h2 {
 margin-left: 5px;
}
.shares-div {
 position: relative;
 float:left;
 width:85px;
 padding:3px 3px 3px 6px;
}
#bnn-share form{
 position:relative;
 display: block;
 clear: both;
 bordeR: 1px solid #ccc;
}
#bnn-share form  {
 background: #ccc;
 margin: 5px;
}
#bnn-share th {
 text-align: left;
 padding: 0 5px 0 0;
}


div#bnn-comment {
 position: relative;
 margin:15px 15px 0 15px;
}
div#bnn-comment li {
 padding-bottom: 5px;
}
div#bnn-comment li h2{
 background: #ccc;
 padding: 3px;
}
div#bnn-comment li em{
 padding: 0px 0px 0px 0px;
}






.grid_2 {
  border:0px solid #f90;
}

.grid_2 .head {
  display:block;
  width: 160px;
  margin:0;padding:0;
  border: 0px solid #000;
  height: 10px;
  background: transparent url('http://developer.bnn.nl/static/img/grid2_top.png') top center no-repeat !important;
  background: transparent url('http://developer.bnn.nl/static/img/grid2_top.gif') top center no-repeat;
}

.grid_2 .bottom {
 display:block;
 width: 160px;
 margin:0;padding:0;
 height: 10px;
 border: 0px solid #ff0;
 background: transparent url('http://developer.bnn.nl/static/img/grid2_bottom.png') bottom center no-repeat;
}
.grid_2 .content {
  display: block;
  margin:0;
  padding:0;
  border:1px solid transparent;
  background: transparent url('http://developer.bnn.nl/static/img/grid2_x.png') top center repeat;
}
.inner {
  margin: 10px;
  padding:0;
  border:0px solid #f60;
  background: transparent;
}



.grid_4 {
  border:0px solid #f90;
}
.grid_4 .head {
  display:block;
  width: 320px;
  border: 0px solid #000;
  height: 15px;
  background: transparent url('http://developer.bnn.nl/static/img/grid4_top.png') top center no-repeat;
}
.grid_4 .bottom {
 display:block;
 width:320px;
 height: 10px;
 border: 0px solid #ff0;
 background: transparent url('http://developer.bnn.nl/static/img/grid4_bottom.png') bottom center no-repeat;
}
.grid_4 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;
  background: transparent url('http://developer.bnn.nl/static/img/grid4_x.png') top center repeat;
}


.grid_8 .head {
  display:block;
  width: 640px;
  border: 0px solid #000;
  height: 15px;
  background: transparent url('http://developer.bnn.nl/static/img/grid8_top.png') top center no-repeat;
}
.grid_8 .bottom {
 display:block;
 width:640px;
 height: 10px;
 border: 0px solid #ff0;
 background: transparent url('http://developer.bnn.nl/static/img/grid8_bottom.png') bottom center no-repeat;
}
.grid_8 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;
  background: transparent url('http://developer.bnn.nl/static/img/grid8_x.png') top center repeat;
}




.video {
 position: relative; 
 width: 320px;
 height: 90px;
 background: transparent url('http://developer.bnn.nl/static/img/grid4_thumb.png') top center repeat;

	margin: 0 10px 0 10px;
	font-size:12px;
	line-height:16px;
	padding-bottom:15px;
 	color: #fff;
}

.video img {
 position: absolute; 
 top: 18px; 
 left: 24px; 
 display: block;
 border: 1px solid #f60;
}

.video h1 {
 position: relative; 
 top: 10px;
 font-size:12px;
 left: 130px;
 width: 178px;
 margin: 0;
 padding: 0;
 border: 1px solid #f60;
}
.video .datum {

 color: #000;
}



/* 
a
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}
h2
{
	padding: 50px 0 50px 0;
	text-align: center;
	background: #333;
	color: #fff;
}
p
{
	border: 1px solid #f90;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}
*/

/* HEADER NAV */
#nav {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;	
	width: 100%;
	background: #000 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') top left repeat-x;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav li { 
	position:relative;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#nav a:link, #nav a:visited {
	position:relative;
	float:left;
	margin:0;
	display:block;
        font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:6px 28px 4px 28px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#nav a:hover, #nav li a.active {
	color: #000;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/nav_active.jpg') bottom left repeat-x;
}
#bnnhomenav span {
	visibility: hidden;
}
#nav a:hover#bnnhomenav {
    background: transparent;
}
#bnnlogo_sweet {
	position:relative;
	z-index:50;
	top:35px;
	left:14px;
	cursor:hand;cursor:pointer;
}



/* FOOTER NAV */
#footer {
	position: relative;
	float:left;
	color: #fff;
	margin:  10px 0 0 0;
	padding: 18px 0 10px 0;
        height: 290px;
        border: 0px solid #fff;
	background: #424242 url('http://developer.bnn.nl/static/global/img/footer_bg.jpg') 0px 0px no-repeat;
	width:960px;
}
#footer ul.site {
	position: absolute;
	bottom: 6px; right: 5px;
	margin: 0px;
	padding: 5px 3px 5px 15px ;
}
#footer ul.site li{
	float: left;
	color: #fff;
	list-style-type: none;
}
#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;
}


.inner.banner {
 padding:0;
 margin: 0px 10px -8px 11px;
 border: 0px solid #fff;
}
.advertentie sub {
  margin:0;
  padding: 4px 0 0 0;
  color: #000;
  font-size:9px;
  text-align:center;
  border: 0px solid #fff;
  display: block;
}

.header {
   height: 112px;
}