
a {
	color: #333;
}
code {
	font-family:Monaco, Courier, "Courier New", monospace;
}

li a {
       color: #dd0c00;
       text-decoration: none;
}

li a:hover {
       text-decoration: underline;
}
.mm h2 {
	margin: 0;
	padding: 6px 6px 0 6px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.mm h2 span {
	position: relative;
	display: block;
	margin:-1px 0 0 0;
	padding:3px 0 2px 8px;
	background: #dd0c00 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') repeat 0px 0px ;
}

/* CSS for the box starts here */
.box {
	padding:0 6px 0 0;
	background:#fff url(http://sites.bnn.nl/static/bnn42/img/borders.png) 100% 0 repeat-y;
}
.bi {
	padding:0 0 0 6px;
	background:#fff url(http://sites.bnn.nl/static/bnn42/img/borders.png) 0 0 repeat-y;
}
.bt {
	height:6px;
	margin:0 -6px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 0 0 no-repeat;
}
.bb {
	height:17px;
	margin:0 -6px;
	background: #fff url(http://sites.bnn.nl/static/bnn42/img/box.gif) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:17px;
	background:url(http://sites.bnn.nl/static/bnn42/img/box.gif) 0 100% no-repeat;
}
.box h1 {
	margin:0;
	padding:5px 0 2px 6px;
	font:normal 18px Arial, Helvetica, sans-serif;
	background: #fff;
}
.box p, .box ul {
	margin:0;
	padding:4px 10px;
	background:#fff;
}
.box li {
	margin:0 0 0 15px;
	padding:0;
}

.box h2, .box h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}	
.box h3 {
	padding: 0 0 0 0;
}	
.box h2 span {
	position: relative;
	display: block;
	margin:-1px 0 0 0;
	padding:3px 0 2px 5px;
	background: #000 url('http://communities.bnn.nl/templates/bnn_communities/img/pattern-heading-4-small.png') repeat 0px 0px ;
}	
.box h3 span {
	position: relative;
	display: block;
	margin:0;
	padding: 3px 0 2px 5px;
	background: #000;
}

.box h2.red span {
	background: #dd0c00 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') repeat 0 -2px;
}

.box h2.grey span{
	background-color: #666666;
}
.content imgnot {
	display:block;
	border-bottom: 6px solid #fff;
	padding: 0 0 0 6px;
	background: #fff;
}
.content span {
	display: block;
	border: 0px solid #000;
	padding: 0 9px 8px 215px;
	background: #fff;
}

.content h1 {
       color: #dd0c00;    
}


.content .leesverder {
	border: 0px solid #f60;
	padding: 3px 0 0px 216px;
	display: block;
	font-weight: bold;
	background: #fff;
}
.clearBorder {
	height: 4px;
	background: #fff url(http://sites.bnn.nl/static/bnn42/img/inbetween.jpg) top left repeat-x;
}
.rood li {
	color:#dd0c00;
}
.zwart li a{
        color: #000000;
}
.links ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style-type: none;
	border: 0px solid #000;
	z-index:0;
} 

.links li {
	height:50px;
	border:0px solid #f60;
	margin:1px 0 1px 0;
	padding:0; 
}

.links li a { 
	color:#dd0c00;
	display:block;
	font-weight: normal;
	padding: 0 1px 0 5px;
	text-decoration: none;
}

* 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: #dd0c00;
	font-style: normal;
	font-weight: normal;
	display: block;
}

.links a span {
	color: #dd0c00;
	font-size:11px
}
.links span.shadow {
	background: url('http://sites.bnn.nl/static/bnn42/img/bg_shadow.png') no-repeat bottom right !important;
	background: url('http://www.ochtendhumeur.nl/spaceparanoids/images/shadow.gif') no-repeat bottom right;
	margin: 0px 0 0 10px !important;
	margin: 0px 0 0 10px;
	border: 0px solid #f60;
	padding: 0px;
}

.links span.shadow img {
	position: relative;
	background-color: #000;
	border: 1px solid #a9a9a9;
	margin: 0px 6px 0px -6px;
	padding: 0px;
	border: 0px solid #000;
}

/* ******************************** 
	LAYOUT 
********************************  */
div#all{
	position: relative;
	margin:0px;
	padding:0px;
}

div#container {
	position: relative;
	clear:both;	
	width:980px;
	text-align:center;
	margin:0px auto;
	padding:0;
}
div#wrapper {
	position: relative;
	float:left;
	width:980px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
        z-index:1;
}
div#navigation { 
	padding:0;
	margin:0;
	height: 38px;
	position:relative;
	background: #fff url('http://sites.bnn.nl/static/bnn42/img/box.gif') -5px -43px no-repeat;
	z-index:0;
	border:0px solid #f00;       
}
div#main {
	position:relative;
	float:left;
	width:980px;
	padding:0px 0 0 0;
	margin:0;
	text-align: left;
}

#mainleft {
	position:relative;
	float:left;
	width:237px;
	float:left;
	text-align:left;
	border: 0px solid #f60;
	margin: 0 0 0 3px;
	padding:0;
}
#maincenter {
	position:relative;
	float:left;
	width:500px;
	border: 1px solid #f60;
	float:left;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 0px solid #000;
}
#mainright {
	position:relative;
	float:left;
	width:237px;
	border: 0px solid #f60;
	float:left;
	text-align:left;
	margin: 0px 0 0 0;
	padding:0;
}
#footer {
	position: relative;
	float:left;
	color: #fff;
	height: 40px; 
	background: #333 url('http://sites.bnn.nl/static/bnn42/img/bnn.png') 10px 0px no-repeat !important;
	background: #333 url('http://sites.bnn.nl/static/bnn42/img/bnn.gif') 10px 0px no-repeat;
	width:980px;
}
/* ******************************** 
 NAV 
********************************  */
#nav {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	width:100%;
	padding:0;
	height: 26px;
	text-align:left;
	background:#dd0c00 url('http://sites.bnn.nl/static/bnn42/img/bg_nav_pattern.png') 0 0px 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: 8px 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;
	padding:0px;
	border: 1px solid #f60;
	height: 25px;
	z-index:30000;
}
#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;
}
#nav a.first {
	border-left: 1px solid #ccc;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	display: none;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 16px;
}


#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-ug { color: #d40000; }
#box-ug a, #box-ug a:visited, #box-ug a:hover { color: #d40000; }

