body {	
	border-top: 0px solid #000;
	color: #333;
	padding: 0px 0 0px;
        font-family: verdana, arial;
        font-size: 11px;
        color: #002d62;
        background:#373738 url('/static/tbyd2011/background.jpg') top center repeat-y;
}

.all {
        z-index: 10;
}

.header {
   height: 196px;
   width: 1020px;

}


.wrapper {
	position: relative;
	background: transparent;
}
.wrapper-opacity {
	position: absolute;
  	top:0px;left:0px;
	margin: 0px auto;
	width: 960px;
        padding-left: 30px;
        padding-right: 30px;
	z-index:-1;
        margin-top: 257px;
        background: url('/static/tbyd2011/centerback.jpg');

}

#innerknop {
    margin: 0 0 0 15px;
}

#infoblok2011 {
  background: url('/static/tbyd2011/top_info_block.png') top center;
  width: 720px;
  height: 322px;
  margin-left: 2px;
  line-height: 16px;
  float: left;
  margin-top: 18px;
}

#fotoblok2011 {
  width: 346px;
  height: 194px;
  background: #ff00ff;
  margin-top: 27px;
  margin-left: 29px;
  position: relative;
  float: left;
   overflow: hidden;
}


#textblok2011 {
   overflow: hidden;
   width: 248px;
   height: 160px;
   margin-left: 443px;
   margin-top: -129px;
   position: relative;
   float: left;
   color: #fff;
}

#titleblok2011 {
   width: 260px;
   height: 40px;
   float: left;
   margin-left: 440px;
   margin-top: -208px;
   font-size: 20px;
   line-height: 22px;
   vertical-align: middle;
   color: #fff;
}

.container {
        width: 960px;
	position: relative;
	z-index:10;
}

a {
	outline: none;
        color: #000000;
}

a:hover {
	outline: none;
        color: #777;
}
.grid_2 {
  border:0px solid #f90;
}

.grid_2 .head {
  display:block;
  width: 160px;
  margin:0;padding:0;
  border: 0px solid #000;
  height: 10px;

}

.grid_2 .bottom {
 display:block;
 width: 160px;
 margin:0;padding:0;
 height: 10px;
 border: 0px solid #ff0;

}
.grid_2 .content {
  display: block;
  margin:0;
  padding:0;
  border:1px solid transparent;

}
.inner {
  margin: 10px;
  padding:0;
  border:0px solid #f60;
  background: transparent;
}

.inside {
  margin: 15px;
  line-height: 16px;
}


.grid_4 {
  border:0px solid #f90;
}
.grid_4 .head {
  display:block;
  width: 320px;
  border: 0px solid #000;
  height: 15px;

}
.grid_4 .bottom {
 display:block;
 width:320px;
 height: 10px;
 border: 0px solid #ff0;

}
.grid_4 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;

}


.grid_8 .head {
  display:block;
  width: 640px;
  border: 0px solid #000;
  height: 15px;

}
.grid_8 .bottom {
 display:block;
 width:640px;
 height: 10px;
 border: 0px solid #ff0;

}
.grid_8 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;

}

.grid_12 .head {
  display:block;
  width: 960px;
  border: 0px solid #000;
  height: 15px;
}
.grid_12 .bottom {
 display:block;
 width:960px;
 height: 10px;
 border: 0px solid #ff0;
}
.grid_12 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;
}



.grid_1 .head {
  display:block;
  width: 96px;
  border: 0px solid #000;
  height: 15px;
}
.grid_1 .bottom {
 display:block;
 width:96px;
 height: 10px;
 border: 0px solid #ff0;
}
.grid_1 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;
}

.grid_6 .head {
  display:block;
  width: 480px;
  border: 0px solid #000;
  height: 15px;
}
.grid_6 .bottom {
 display:block;
 width:480px;
 height: 10px;
 border: 0px solid #ff0;
}
.grid_6 .content {
  display: block;
  margin: 0;
  padding:0;
  border:1px solid transparent;
}




.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: #002d62;
}



/* 
a
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: left;

}
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;
        color: #002d62;
}

strong {
        color: #002d62;
}

b {
        color: #ffc000;
}

*/

/* HEADER NAV */
#nav {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;	
	width: 100%;
	background: transparent 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: #002d62;
	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;
}

strong {
        color: #ffffff;
}




p {
        color: #002d62;
        margin: 0px;
}

.videoplayer {
   width: 720px;
   height: 618px;
  background: url('/static/tbyd2011/back_player.png');
  margin-left: -12px;
  margin-top: -15px;
}

.actieback {
   width: 680px;
   height: 1160px;
  background: url('/static/tbyd2011/back_player_2.png');
  margin-left: -12px;
  margin-top: -15px;
  padding: 20px;
}

#playerscreen {
   width: 620px;
   height: 340px;
   bordeR: 3px solid #000;
   margin-left: 30px;
   margin-top: 30px;
}

h1.video-header {
 margin:0;
 padding: 35px 0 5px 22px;
 color: #fff;
 text-transform: uppercase
}

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

.videolijst {
   width: 720px;
   height: 604px;
  background: url('/static/tbyd2011/home_video_back.png');
  margin-left: -22px;
  margin-top: -6px;
}

.lijsttop {
   width: 720px;
   height: 35px;
  background: url('/static/tbyd2011/top_lijst.png');
  margin-left: -18px;
  margin-top: -6px;
}

.lijstcenter {
   width: 720px;
  background: url('/static/tbyd2011/center_lijst.png');
  margin-left: -19px;
}

.lijstbottom {
   width: 720px;
  height: 49px;
  background: url('/static/tbyd2011/bottom_lijst.png');
  margin-left: -19px;
}


.top1 {
   width: 220px;
   height:93px;
  background: url('/static/tbyd2011/head_tbyd2.png');
  margin-left: -9px;
  margin-top: -6px;
}

.top2 {
   width: 220px;
   height: 57px;
  background: url('/static/tbyd2011/head_archief.png');
  margin-left: -9px;
  margin-top: -6px;
}
.top3 {
   width: 220px;
   height: 57px;
  background: url('/static/tbyd2011/head_twitter.png');
  margin-left: -9px;
  margin-top: -6px;
}

.top4 {
   width: 220px;
   height: 77px;
  background: url('/static/tbyd2011/head_promos.png');
  margin-left: -9px;
  margin-top: -6px;
}

.top5 {
   width: 220px;
   height: 79px;
  background: url('/static/tbyd2011/head_presentatoren.png');
  margin-left: -9px;
  margin-top: -6px;
}

.top6 {
   width: 220px;
   height: 76px;
  background: url('/static/tbyd2011/head_clip.png');
  margin-left: -9px;
  margin-top: -6px;
}


.topcenter {
   width: 220px;
  background: url('/static/tbyd2011/center_block.png');
  margin-left: -9px;
}

.topbottom {
   width: 220px;
  height: 22px;
  background: url('/static/tbyd2011/bottom_block.png');
  margin-left: -9px;
}

.extra {
   width: 720px;
   height: 357px;
  background: url('/static/tbyd2011/foto_ad_back.png');
  margin-left: -22px;
  margin-top: -6px;
}

.infobox {
   width: 240px;
   height: 556px;
   background: url('/static/tbyd2011/center_block.png');
}

.inner2 {
  padding: 12px;
  padding-top: 5px;
  line-height: 16px;
  color: #000;
}

.inner2 strong {
  color: #000;
}

.inner3 {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 21px;
  color: #000;
}

.inner4 {
  padding: 35px;
  padding-top: 30px;
  padding-bottom: 10px;
  line-height: 16px;
  color: #000;
}

.vidblock {
  width: 280px;
  height: 72px;
  padding: 6px;
  background-color: #5d6370;
  margin-bottom: 15px;
  margin-left:  11px;
  color: #fff;
  line-height: 13px;
   font-size: 11px;

}

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

.vidblock2 {
  width: 280px;
  height: 70px;
  padding: 10px;
  background-color: #5d6370;
  margin-bottom: 15px;
  margin-right:  10px;
  margin-left: 14px;
  color: #fff;
  line-height: 13px;
  float: left; 
  font-weight: bold;
}

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

.vidblock strong {
  color: #fff;
  font-weight: bold;

}

.vidblock b, .vidblock2 b {
  color: #ffc000;
  font-size: 11px;
}
.vidblock2 em, .vidblock em {
  font-style: normal;
}
.vidblock2 strong, .vidblock strong {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}
.tekstform {
   padding: 2px;
   font-size: 14px;
   font-family:  Arial, Helvetica, verdana, sans-serif;
}


/* FOOTER NAV */
#footer {
	position: relative;
	float:left;
	color: #fff;
	padding: 8px 0px 10px;
	background: #000 url('/static/tbyd2011/bnnsticker.png') 10px 0px no-repeat;
	width:960px;
}
#footer ul.site {
	position: relative;
	float: right;
	margin:0px;
	padding: 5px 3px 5px 15px ;
	border: 0px solid #fff;
}
#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;
}


#videoCommentForm {
 width: 620px;
 border: 0px solid #000;
 padding-top: 20px;
 padding-left:35px;
 color: #000;
}
#videoCommentSubmit {
 float: left;
 margin-left: 349px;
 margin-top: 80px;
 border: 0px solid #000;
}
form#qForm {
 margin:0;
 padding:0;
}
fieldset {
 margin:0;
 padding:0 0 0 10px;
}
fieldset label {
	float:left;
	width:170px;
	margin:0px;
	padding: 4px 0 0 0;
	text-align:left;
	font-weight:bold;
	display:block;

}
fieldset input, fieldset textarea {
 position: relative;
 margin: 5px 0 5px 0;
 font-size:24px;
 width:270px;
 padding:0;
 clear:both;
}
fieldset textarea {
  width:400px;
}
fieldset select{ 
    display: block;
    font-size:15px;
    padding:0;
    width:190px;
    margin: 0 0 5px 0;
}
fieldset option{ 
 text-align:left;
 padding:0;
 margin:0;
}
input#submit{
 float:right;
 margin:4px 14px 0 0;
 padding:0;
 width: 124px;
 height: 44px;
}

#videoVotingStars {
 float:right;
 width:235px;
margin-top: 10px;
 bordeR: 0px solid #000;
}
.description p{
 padding-left:5px;
 padding-top:50px;
 display:block;
 border: 0px solid #000;
 width:620px;
  color: #000;
}
.videobottom-wrapper {
 float:left;
 width:200px;
 bordeR: 0px solid #000;
 margin-top: 12px;
 margin-left: 30px;
}

.grid_9 .content.comments{
 padding-top: 20px;
 background: transparent url(/static/tbyd2011/commentbox.png) 15px 0px no-repeat;
}
ul.comment { 
 padding: 10px 0 0 6px;
 bordeR: 0px solid #000;
}
ul.comment {
 color: #000;
 margin:0;
 border-top: 0px solid #f7be04;
}
ul.comment li{ 
 bordeR: 1px solid #2a292d;
 margin:0;
 margin-bottom: 5px;
}
.comment li h2{ 
 margin:0;
 padding: 4px 0 3px 10px;
 color: #fff;
 background: #2a292d;
}
.comment li em{
 display: block;
 margin:0;
 padding: 5px 0 10px 10px;
 background-color: #cccccc;
 color: #000;

}

 /* foto boek start */
#tbydplayer{
        text-align: center;
	position: relative;
	margin:0;
	padding:0;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
	border:0px solid #f60;
}
.artist {
	display: none;
	position: absolute;
	top: 61px; 
	left: 60px;
}
#teller {
	position: absolute;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	margin:0;
	padding:0;
	font-weight: bold;
	z-index:5;
	letter-spacing: 0; 
	color: #000;
	top: 40px;
	left: 60px;
}
#prevArtist, #nextArtist{
	position: absolute;
	margin:0;
	padding:0;
	z-index:30;
	cursor: pointer;
}
#prevArtist {
	top: 408px;
	left: 64px;
}
#nextArtist {
	top: 408px;
	left: 414px;
}

#tbydplayer #overlay {
	 position:absolute;
	 top: 60px;
	 left: 60px;
	 z-index:3;
}
/* end foto boek */

.container .grid_9 {
   margin-bottom: 0px;
   padding-bottom: 0px;
}
.container .grid_12 {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

h1 {
  margin-left: 0px;
  margin-right: 0px;
}

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


.meta {
width: 600px;
margin-left: 30px;
}

#socials {
    float: left;
    padding-right: 10px;
    padding-top: 168px;
    position: absolute;
    text-align: right;
    width: 1020px;
}

#socials img {
   margin-right: 7px;
}


#Navigatie
{
    position: relative;
    background: url(navimage.jpg);
    height: 60px; width: 1020px;
}
.Item1
{
    position: absolute;
    height: 46px; width: 72px;
   float: left;
   margin-left: 8px;
   margin-top: 16px;
   background: url('/static/tbyd2011/bnnsticker.png');
}
.Item2
{
    position: absolute;
    top: 10px; margin-left: 400px;
    height: 50px; width: 100px;
   float: left;
}

.Item3
{
    position: absolute;
    margin-top: 10px; margin-left: 520px;
    height: 50px; width: 100px;
   float: left;
}

#tweetscreen {
  margin-top: -19px;
}