body {
	margin:0 auto;
	text-align: center;
	color:#aaa;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
        background: #000000 url('http://sites.bnn.nl/static/katjaensophie/rep_background.gif') center top repeat-y;
}

body#bnn{
        background: #000;
}

/* --- RIK ---------------- */
div#agnPlayer { 
   background-image: url(http://sites.bnn.nl/static/katjaensophie/player/player-back.jpg); background-repeat: no-repeat; 
   width: 500px; height: 412px; padding-top: 18px;
}

div#agnVideoTitle {  width: 298px; height: 22px; margin-left: 108px; margin-top: 2px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #d2001b; }
div#agnVideoScreen { width: 467px; height: 263px; margin-left: 17px; margin-top: 12px; }
div#agnChannelThumbs { width: 450px; height: 50px; margin-left: 25px; margin-top: 10px; padding-top: 16px;}
div#cmtFrameTop {
   background-image: url(http://sites.bnn.nl/static/katjaensophie/player/comments-top.jpg); background-repeat: no-repeat;
   width: 500px; height: 36px;
   }
div#cmtFrameMid {
   background-image: url(http://sites.bnn.nl/static/katjaensophie/player/comments-mid.jpg); background-repeat: repeat-y;
   width: 440px; padding-left: 30px; padding-right: 30px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
 color: #000000;
padding-bottom: 3px;

}
div#cmtFrameBottom {
   background-image: url(http://sites.bnn.nl/static/katjaensophie/player/comments-bottom.jpg); background-repeat: no-repeat;
   width: 500px; height: 34px;
}
div#comment-box {
   background-color: #ffce72; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;
  margin-bottom: 3px;
}

.permUrl { 
   border: 0px; padding: 5px; background-color: #ffce72; width: 430px;
   font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #000000; margin-bottom: 5px;
}

.permEmbed {
   overflow: hidden; padding: 5px; width: 430px; border: 0px; text-align: left;  background-color: #ffce72; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
}

.agnCmtName { border: 1px solid #b98f3f; background-color: #ffce72; padding: 1px; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; width: 400px; }
.agnCmtText { border: 1px solid #b98f3f; background-color: #ffce72; padding: 1px; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif;width: 400px; }
.agnCmtSubmit { background-color: #ffce72; border: 0px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000;  }

/* --- EOF RIK ----------- */

#infoblock{
  width: 165px;
  height: 204px;
  background: #000000 url('/static/katjaensophie/block_info.gif');
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 20px;
  bottom: 25px;
}

#hersenspinselsblock{
  width: 165px;
  height: 508px;
  background: #000000 url('/static/katjaensophie/block_hersenspinsels.gif');
  padding-top: 83px;
  padding-left: 20px;
  padding-right: 50px;
  bottom: 25px;
}

#block_facts_top{
  width: 240px;
  height: 49px;
  background: #000000 url('/static/katjaensophie/kop_facts.gif');
}
#block_facts_center{
  width: 200px;
  background: #000000 url('/static/katjaensophie/block_tile.gif');
  padding-left: 20px;
  padding-right: 20px;
}
#block_facts_bottom{
  width: 240px;
  height: 18px;
  background: #000000 url('/static/katjaensophie/block_bottom.gif');
  margin-bottom: 2px;
}

#block_poll_top{
  width: 240px;
  height: 49px;
  background: #000000 url('/static/katjaensophie/kop_poll.gif');
}
#block_poll_center{
  width: 200px;
  background: #000000 url('/static/katjaensophie/block_tile.gif');
  padding-left: 20px;
  padding-right: 20px;
}

#block_poll_center p{
  padding:1px 1px;
}


#block_poll_bottom{
  width: 240px;
  height: 18px;
  background: #000000 url('/static/katjaensophie/block_bottom.gif');
}


#block_facts_groot_top{
  width: 492px;
  height: 70px;
  background: #000000 url('/static/katjaensophie/kop_groot_facts.gif');
}
#block_facts_groot_center{
  width: 432px;
  background: #000000 url('/static/katjaensophie/rep_big.gif');
  padding-left: 30px;
  padding-right: 30px;
}
#block_facts_groot_bottom{
  width: 492px;
  height: 26px;
  background: #000000 url('/static/katjaensophie/bottom_groot.gif');
}


#block_hersenspinsels_groot_top{
  width: 492px;
  height: 70px;
  background: #000000 url('/static/katjaensophie/kop_groot_hersenspinsels.gif');
}
#block_hersenspinsels_groot_center{
  width: 432px;
  background: #000000 url('/static/katjaensophie/rep_big.gif');
  padding-left: 30px;
  padding-right: 30px;
}
#block_hersenspinsels_groot_bottom{
  width: 492px;
  height: 26px;
  background: #000000 url('/static/katjaensophie/bottom_groot.gif');
}


#block_ug_top{
  width: 240px;
  height: 86px;
  background: #000000 url('/static/katjaensophie/kop_ug.gif');
}
#block_ug_center{
  width: 200px;
  background: #000000 url('/static/katjaensophie/block_tile.gif');
  padding-left: 20px;
  padding-right: 20px;
}
#block_ug_bottom{
  width: 240px;
  height: 18px;
  background: #000000 url('/static/katjaensophie/block_bottom.gif');
}

#block_bijwonen_top{
  width: 240px;
  height: 58px;
  background: #000000 url('/static/katjaensophie/kop_bijwonen.gif');
}
#block_bijwonen_center{
  width: 200px;
  background: #000000 url('/static/katjaensophie/block_tile.gif');
  padding-left: 20px;
  padding-right: 20px;
}
#block_bijwonen_bottom{
  width: 240px;
  height: 62px;
  background: #000000 url('/static/katjaensophie/block_bottom_bloemen.gif');
}

#block_links_top{
  width: 240px;
  height: 58px;
  background: #000000 url('/static/katjaensophie/kop_links.gif');
}
#block_links_center{
  width: 200px;
  background: #000000 url('/static/katjaensophie/block_tile.gif');
  padding-left: 20px;
  padding-right: 20px;
}
#block_links_bottom{
  width: 240px;
  height: 62px;
  background: #000000 url('/static/katjaensophie/block_bottom_bloemen.gif');
}

a:link, a:visited {
    color: #aaa;
    text-decoration: underline;
}
a:hover {
    color: #aaa;
    text-decoration: none;
}

form {
	margin:0;
	padding:0;
}



/* ******************************** 
	MAIN NAV 
********************************  */
#nav {
	position:absolute;
	margin:0;
	left:0;
	bottom:0;
	width:100%;
	padding:0;
        height: 28px;
	padding-bottom:0;
	text-align:left;
        background:#000 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') top left repeat !important;
        background:#000 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.gif') top left 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 {
	position:relative;
	float: left;
	margin: 0;
	display: block;
	padding: 9px 48px 7px 48px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	border-right: 1px solid #ccc;
}
#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/bnn42/img/bnn.png') 15px 0px no-repeat !important;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bnn.gif') 15px 0px no-repeat;
	padding:0px;
	border: 0px solid #f60;
	height: 25px;
}
       

#bnnhomenav span {
	border: 2px solid #ff0;
	background: #f60;
	visibility: hidden;
}
#nav a#bnnhomenav:hover {
	background:transparent url('http://sites.bnn.nl/static/bnn42/img/bnn.png') 15px 0px no-repeat !important;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bnn.gif') 15px 0px no-repeat;
}
#nav li.right {
	float: right; 
	color: #fff;
	border:0;
}
/* ******************************** 
	LAYOUT 
********************************  */
div#container {
	position: relative;
	clear:both;	
	width:990px;
	/* height: 2000px; */
	text-align:center;
	margin:15px auto;
	padding:0;
        border:0px solid #f60;
}
div#wrapper {
	position: relative;
	float:left;
	width:980px;
	text-align:center;
	padding:0 5px 0 5px;
	margin:0;
	margin:0;
	border:0px solid #fff;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_shadow.png') top center repeat-y !important; 
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_shadow.gif') top center repeat-y; 
}
div#navigation { 
	padding:0;
	margin:0;
	height: 28px;
	position:relative;
	background: transparent;
	z-index:0;
	border:0px solid #f00;       
}
div#main {
	position:relative;
	float:left;
	width:980px;
	margin:0;
	padding:0;
	text-align: left;
	background: #000;

}
#mainleft {
	position:relative;
	width:240px;
	float:left;
	text-align:left;
	border: 0px solid #f60;
	margin:10px 0 0 0;
	padding:0;
}
#maincenter {
	position:relative;
	width:500px;
    border: 0px solid #f60;
	float:left;
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
	border: 0px solid #000;
}
#mainright {
	position:relative;
	width:240px;
    border: 0px solid #f60;
	float:left;
        left: 8px;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0;
}
#footer {
	position: relative;
	float:left;
	color: #fff;

	width:980px;
}

/* STYLES FOR CROSSFADER */

#header {
	position: relative;
	clear: both;
	margin: 0;
	text-align: left;
	width: 980px;
        background: transparent url('http://sites.bnn.nl/static/bnn42/img/brand.png') top right no-repeat !important;
        background: transparent url('http://sites.bnn.nl/static/bnn42/img/brand.gif') top right no-repeat;
}

div.cf_wrapper
{
	width: 980px;
	height: 110px;
}

div.cf_element
{
	background: transparent;
	border: 0px solid #f60;
	cursor: hand; cursor: pointer;
}

div.cf_element div.content
{
	padding: 1px;
}

div.cf_element div.content h1
{
	position: absolute;
	top:20px;
	left:370px;
	color: #fff;
	font-size:28px;
	width:550px;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
}
div.cf_element div.content p {
	position: absolute;
	top:30px;
	left:400px;
	width: 515px;
	text-align: left;
	color: #fff;
	font-size:10px;
	font-weight: normal;
	
}
#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 0px 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 STYYLING*/
.cBlok p {

	color: #000;
	background: #fff;
}
.repeat {
	width:224px;
	margin: 0 0 9px 2px;
	padding: 0 5px 0 5px; 
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_small.png') repeat-y top left !important;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_small.gif') repeat-y top left;
}


.cBlok.big .repeat {
	width:485px;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_big.png') repeat-y top left !important;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_big.gif') repeat-y top left;
}


.cBlok {
	margin: 0 0 5px 0px;
	padding: 0 0 0px 0px;
	border: 1px solid transparent;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_small_bottom.png') no-repeat bottom left !important;  
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_small_bottom.gif') no-repeat bottom left; 
}

.cBlok.big {
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_big_bottom.png') no-repeat bottom left !important;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/bg_box_big_bottom.gif') no-repeat bottom left;
}

.cBlok h2, .cBlok h3 {
	margin: 0;
	padding: 0 0 7px 0;
	border: 0px solid #f60;
	font-family: "Trebuchet MS", arial, helvetica, verdana, arial,sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	background: #ccc url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.png') repeat bottom left !important;
	background: #ccc url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.gif') repeat bottom left;
}	

.cBlok h3 {
	padding: 0;
}	
.cBlok h2 span {
	position: relative;
	display: block;
	margin:0;
	padding: 2px 0 2px 5px;
	background: #000 url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.png') repeat top left !important;
	background: #000 url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.gif') repeat top left;
}	

.cBlok h3 span {
	position: relative;
	display: block;
	margin:0;
	padding: 2px 0 2px 5px;
	background: #000 url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.png') repeat top left !important;
	background: #000 url('http://sites.bnn.nl/static/bnn42/img/pattern-heading-5-small.gif') repeat top left;
}

.cBlok.black h3 span {
	background-color: #666666;
}	
.cBlok.red h2 span, .cBlok.redheader h2 span {
	background-color: #dd0c00;
}
.cBlok.red h2, .cBlok.red .inner {
	background-color: #dd0c00;
	color: #fff;
}	
.cBlok.red {
	padding: 0 0 0px 0;
	border: 1px solid transparent;
}
.cBlok.red p {
	background-color: #dd0c00;
}
.cBlok.redheader .inner {
	color:#000;
	background-color: #fff;
}
.cBlok.black h2 span {
	background-color: #000;
}
.cBlok.black h2 {
	padding:0px;
	background: #fff;
}
.cBlok .inner {
	padding: 0px;
	margin:0;
}	
.cBlok div.inner img {
	display: inline;
	border: 0px solid #f60;
	padding: 4px 6px 0 6px;
	margin: 0;
}
.cBlok div.inner div{
	position: relative;
	margin: 6px 0 6px 0;
	padding: 0px 0 3px 0;
	position:relative;
	border: 0px solid #000;
	min-height: 80px;
}
.cBlok div.inner div.divider{
	position:relative;
	clear:both;
	display: block;
        padding: 0 0 10px 0;
	width:485px;
	background: transparent url('http://sites.bnn.nl/static/bnn42/img/inbetween.jpg') bottom left repeat-x;
}
.cBlok div.inner div p {
	padding: 0px;
	margin:0px;
	border: 0px solid #000;
}
div.inner h3 {
	padding: 0 5px 0 10px; 
	color: #000;
	background: #fff;
}
 * 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: #333;
	display: block;
}

.links a span {
	color: fff;
	font-weight: normal; 
	font-size:9px
}
.links span.shadow {
	margin: 21px 0 0 16px !important;
	margin: 21px 0 0 16px;
	border: 0px solid #f60;
	padding: 0px 0px 0px 0px;
	bordeR: 0px solid #ff0;
}

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

div.inner span {
  display: block;
  color: #000;
  line-height: 16px;
  padding: 0 5px 0 5px;
}