/* stop login specific css */
body {
	padding:0;
	margin:0 auto;
	color:#000;
	font-size: 11px;
	text-align: center;
	font-family:  Arial, Helvetica, verdana, sans-serif;
	background: #6b1717 url(http://sites.bnn.nl/static/verjaardag/achtergrondverjaardag.jpg) top center repeat-x;
}

/* typo style */
p { 
	margin:0px; 
	padding: 2px 0 2px 0; 
	line-height: 16px; 
}
a:link, a:visited, a:active{ 
	color:#000;
}
a:hover {
        color: #dd0c00;
}
ul {
	line-height: 16px;
	margin:0; 
	padding:8px 5px 8px 15px;
}
li{
	list-style-type: square;
}
li a {
	background: transparent;
	text-decoration: underline; 
}
li a:hover {
	color: #dd0c00;
	background: transparent;
	text-decoration:none;
}

form {
	line-height: 16px;
	padding: 8px 0 8px 10px;
}
h1, h2, h3, h4, h5 {
	padding: 0 0 0 0px;
	margin: 0 0 0 -2px;
	font-size: 14px;
}

h1, h2 {}

h1 { font-size: 16px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }
h4 span { color: #ccc; }
h5 { font-size: 10px; }


/* layout */
div#all{
	position: relative;
	margin:0;
	padding:0;
	height: 1200px;
	background: transparent url('/static/verjaardag/slingers.png') top center no-repeat;
}
div#container {
	position: relative;
	clear:both;	
	width:990px;
	text-align:center;
	margin:0 auto;
	padding:0;
	z-index:1;
}
div#container div#wrapper {
	position: relative;
	float:left; 
	width:980px;
	text-align:center;
	padding:0 5px 0 5px;
	margin:0;
	background: transparent url('http://sites.bnn.nl/static/bnn50/bg_wrapper_shaduw.png') top left repeat-y;
}
div#header {
	position: relative;
	float:left; 
	height:264px;
	padding:0;
	margin:0 5px 0 5px;
}
div#header .inhalt{
	position: absolute;
	left:0;
	margin:0;
	padding:0;
	border: 0px solid #f60;
}
div#navigation { 
	padding:0;
	margin:0;
	height: 28px;
	position:relative;
	background: transparent;
	z-index:0;  
}
#centraleNavigatieNPO {
	position:absolute;
	top:35px;
	right:8px;
	width:60px;
}
.inhalt h1 {
	 position: absolute;
	 top: 100px; 
	 left: 50px;
}
div#main {
	position:relative;
	float:left;
	width:980px;
	height:1103px;
	margin:0;
	padding:0;
	text-align: left;
	background: #c39a64 url('/static/verjaardag/mainbg_60_text_video02.jpg') top center no-repeat;
}
#mainleft {
	position:relative;
	width:240px;
	float:left;
	text-align:left;
	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;
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
}
#footer {
	position: relative;
	float:left;
	color: #fff;
	padding: 8px 0 4px 0;
	background: #333 url('/static/bnn42/img/bnn.gif') 10px 0px no-repeat;
	width:980px;
}


/* HEADER NAV */
#nav {
	position:relative;
	margin:0;
	padding:0;
	width:980px;
	height: 28px;
	text-align:left;		
	background: #dd0c00 url('/static/verjaardag/bg_nav_pattern.jpg') bottom left repeat-x;
}
#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:6px 48px 6px 48px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#fff;

	border-right: 1px solid #ccc;
}
#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;
}
#nav a#bnnhomenav {
	border:0px;
}
#nav li.first {
	border-left: 1px solid #ccc;
}	
#bnnhomenav span {
	visibility: hidden;
}
#nav a:hover#bnnhomenav {
        background: transparent;
}
#bnnlogo_sweet {
	position:absolute;
	z-index:50;
	top:-8px;
	left:14px;
}

/* FOOTER NAV */
#footer ul.site {
	position: relative;
	float: right;
	margin:0px;
	padding: 5px 0 5px 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;
}

#videoplayer {
 position: relative;
 margin: 0px;
 padding: 0px;
 left:16px;
 top:20px;
 width: 464px;
 height: 280px;
 background: #fff;
 border: 0px solid #fff;
}

.lblok1 {
 position: relative;
 left:65px;
 top:205px;
 font-family:  Verdana, serif;
 font-size: 10px;
 line-height: 18px;
 width: 155px;
 border: 0px dotted #fff;
}

.lblok2 {
 position: relative;
 left:12px;
 top:454px;
 width: 200px;
 border: 0px solid #f60;
 font-family:"courier new",courier,monospace;
 font-size: 14px;
 line-height: 16px;
}

.lblok3 {
 position: relative;
 left:28px;
 top:546px;
 width: 200px;
 border: 0px solid #f60;
 font-family: georgia, times, serif;
 font-size: 14px;
 line-height: 19px;
}

.rblok1 {
 position: relative;
 left:10px;
 top:180px;
 width: 150px;
 text-align:left;
 border: 0px solid #f60;
 font-family:  Verdana, serif;
 font-size: 10px;
 line-height: 12px;
}

.rblok2 {
 position: relative;
 left:15px;
 top:360px;
 width: 190px;
 text-align:center;
 font-family:  "Trebuchet MS", Arial, serif;
 font-size: 12px;
 line-height: 15px;
}

#sjarrelensjaan {
 position:relative;
 top: 540px;
 width: 200px;
 height: 70px;
 cursor: pointer;
 cursor: hand;
 border: 0px solid #000;
}

#uitknip_sjaan{
 position: absolute;
 top:5px;
 width: 100px;
 height: 170px;
 border: 0px solid #f60;
 cursor: pointer;
 cursor: hand;
}
#uitknip_sjarrel{
 position: absolute;
 top:5px;
 left: 105px;
 width: 120px;
 height: 170px;
 border: 0px solid #ff0;
 cursor: pointer;
 cursor: hand;
}
