#nav {
	background:url("/static/voc/menu.png") 0 0 no-repeat;					
	width:960px;
	height:40px;
	margin: -10px 0 0 0;
	padding:0;
	}

#nav li span { display: none; }

#nav li { float:left; list-style:none; position:relative; }

#nav li, #nav a { 
	height:38px;	/* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
	}

#nav li#bnn { width:100px; }
#nav li#home { width:95px; }
#nav li#fotos { width:100px; }
#nav li#ecards { width:185px; }
#nav li#voc-tube { width:185px; }
#nav li#community { width:220px; }

#nav li#bnn_active { width:100px; }
#nav li#home_active { width:95px; }
#nav li#fotos_active { width:100px; }
#nav li#ecards_active { width:185px; }
#nav li#voc-tube_active { width:185px;}
#nav li#community_active { width:220px; }

#nav #bnn a:hover { background:url("/static/voc/menu.png") 0 0 no-repeat; }
#nav #home a:hover { background:url("/static/voc/menu.png") -100px -42px  no-repeat; height: 38px; }
#nav #fotos a:hover { background:url("/static/voc/menu.png") -195px -42px no-repeat; }
#nav #ecards a:hover { background:url("/static/voc/menu.png") -295px  -42px no-repeat; }
#nav #voc-tube a:hover{ background:url("/static/voc/menu.png") -480px -42px no-repeat; }
#nav #community a:hover { background:url("/static/voc/menu.png") -665px -42px no-repeat; }

#nav #bnn_active { background:url("/static/voc/menu.png") 0 0 no-repeat; }
#nav #home_active { background:url("/static/voc/menu.png") -100px -42px    no-repeat; }
#nav #fotos_active { background:url("/static/voc/menu.png") -195px -42px    no-repeat; }
#nav #ecards_active { background:url("/static/voc/menu.png") -295px  -42px    no-repeat; }
#nav #voc-tube_active {background:url("/static/voc/menu.png") -480px  -42px    no-repeat; }
#nav #community_active{ background:url("/static/voc/menus.png") -665px -42px    no-repeat; }

.commententry {
clear:both;
color:#000000;
margin:15px;
overflow:hidden;
width:560px;
}

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: url("/static/voc/ticker.png"); 
width: 960px; 
height: 27px; 
margin: 14px 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 3px;
width: 960px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 960px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

background: transparent;
color: #FFFFFF;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ffffff;
margin: 0 50px 0 0;
text-decoration: none;
font: bold 18px Verdana;
} 
ul.newsticker span {
margin: 0 10px 0 0;
font: bold 18px Verdana;

} 

.videobottom-wrapper {
 position:relative;
 left:-7px;
 width: 605px;
 height:40px;
 background: transparent url(/static/voc/videospecs.jpg) top left no-repeat;
 bordeR: 0px solid #000;
}






ul.vidspecs {
 position: relative;
 float: left;
 display:block;
 height: 30px;
 width:430px;
}
ul.vidspecs li{
 position:relative;
 float:left;

 padding: 9px 5px 9px 9px;
 border: 0px solid #fff;
}

ul.vidspecs li span{
 float:left;
 display: block;
 width:28px;
 height:14px;
 bordeR: 0px solid #000;
 background:url("/static/voc/videoicons.jpg") -0px -0px no-repeat; 
}
ul.vidspecs li #playcount{ background-position: 0px 0px}
ul.vidspecs li #reacties{ background-position: -23px 0px}
ul.vidspecs li #datum{ background-position: -44px 0px; width:26px;}
ul.vidspecs li #tijd{ background-position: -65px -1px;width:20px;}
ul.vidspecs li #hyves {
 background: url(/static/voc/knop_hyves.gif) 0 0 no-repeat;
 height: 22px;
}
ul.vidspecs li img{
 margin:0;
 padding:0;
 border:0;
}
#videoVotingStars {
 position:realtive;
 float:right;
 border: 0px solid #000;
 width:170px;
}
#videoVotingStars span img {
 padding: 6px 0 3px 3px;
 margin:0;
 border: 0px;
 width:25px;
}
span.description{
 position: relative;
 float:left;
 padding: 15px 5px 5px 5px;
 display:block;
}

fieldset {
 position:relative;
 float:left;
}
fieldset legend{
 padding: 0 0 0 105px;
 font-weight: bold;
}
fieldset label {
 width:330px;
}
fieldset input.tekstform{
  width:430px;
}
fieldset textarea.tekstform{
  width:430px;
}
#videoCommentSubmit {
 float:right;
 width:163px;
}
.gestemd{
 position:relative;
 float:right;
 font-weight: bold;
 padding: 9px 5px 5px 5px; 
}

/* afleveringen video box */ 

ul#afleveringen {
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index:0;
} 
#afleveringen li {
	position: relative;
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
}
ul#afleveringen li a{
 	position: relative;
 	float:left;
	color: #002d62;
	display: block;
 	width: 290px;
	height: 110px;
        line-height:16px;
        padding: 0;
        margin: 0 0 5px 3px;
	text-decoration: none;
	background: transparent url('/static/voc/video_bg.jpg') 0 0 no-repeat;
}
#video ul#afleveringen li a, #list ul#afleveringen li a {
	background: transparent url('/static/images/videothumb.png') top center repeat;
}
#cursuslol ul#afleveringen li a{
	background: transparent url('/static/images/videothumb_groen.png') top center repeat;
}
ul#afleveringen li a img, 
ul#afleveringen li a:link img, 
ul#afleveringen li a:visited img, 
ul#afleveringen li a:active img {
	position: relative;
	float:left;        
	border:0px solid #fff;
	margin: 5px 7px 0px 14px;
	padding:0;
}
ul#afleveringen li a h1 {
       padding: 8px 20px 0px 10px; 
       display: block;
       font-size:14px;
       margin:0;
       font-weight: bold;
       color: #b83e3a;
}
ul#afleveringen li a em {
	display: block;
        color: #002d62;
	margin: 0;
        padding: 0 5px 0 120px; 
        font-size: 11px;
	font-style: normal;
}
ul#afleveringen li a strong {
        position: absolute;
        top:92px;left:10px;
        width:270px;
        border-top:1px solid #b83e3a;
	display: block;
        padding:0;
	margin: 0;
	font-size:11px;
	font-weight: normal;
	font-style: italic;
}
ul#afleveringen li a:hover em, ul#afleveringen li a:hover, ul#afleveringen li a:hover strong {
	color:#fff;
	background: #0bbcd4;
}


ul#sort {
 position: relative;
 float:left;
 width: 620px;
 margin:0;
 padding:0;
}
ul#sort li a{
 position: relative;
 float:left;
 font-weight: bold;
 text-decoration: none;
 padding: 2px 15px 2px 15px;
}

ul#sort li a:hover{
	color:#fff;
	background: #0bbcd4;
 text-decoration: underline;
}
ul#sort li.active a{
  text-decoration: underline;
}

.pager {
 text-align: center;
 display: block;
}

.pager span a {
  margin:3px;
  padding: 3px 6px 3px 6px;
  background: #fbf9f6;
  border:2px solid #b83e3a;
  text-decoration: none;
  font-weigt: bold;
  color: #b83e3a;
  font-weight: bold;
}
.pager span a:hover, .pager span a.active {
  color: #fbf9f6;
  background: #b83e3a;
  font-weight: bold;
}
.meervid{
 padding: 0 0 0 12px;
}

/* FOOTER NAV */
#footer {
	position: relative;
	float:left;
	color: #fff;
	padding: 8px 0 10px 0;
	background: #333 url('http://sites.bnn.nl/static/bnn42/img/bnn.gif') 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;
}

.block8content strong {
  text-transform: none;
  letter-spacing: 1px;
  }

#poll_resultaat, #poll_stemmen {
 width:300px;
}
#poll_resultaat p, #poll_stemmen p,{ 
 margin: 0;
 padding:0 0 0 10px;
}
 #poll_resultaat img, #poll_stemmen img {
 margin: 0;
 padding:0;
 border:0;
}