@import url(http://pics.bnn.nl/static/css/menu.css);

body {
	font: 11px Arial, Verdana,arial,sans-serif;
	text-align:center;
	color: #4b4c4d;
	padding: 0;
        line-height: 16px;
	margin:	0 0 0 0;
	background: #d0421c  url('http://pics.bnn.nl/data/media/db_images/original/43138_deb40d.gif') repeat-y center top; 
}

td { 
	font: 11px helvetica,verdana,arial,sans-serif; 
        color: #4b4c4d;
}

h1,h2,h3,h4 {
       font-family: arial, verdana, sans-serif;
       font-size:20px;
       font-weight: bold;
       color: #d0421c;
       padding: 0 0 3px 25px;
       margin:0px;
       background: #ffffff url('http://pics.bnn.nl/data/media/db_images/original/43070_65c224.gif') no-repeat left top;
}

.titel { font: 18px Verdana,arial,sans-serif; color: #c51107;}

.homeutd {cursor:pointer;cursor:hand;position:absolute;z-index:10000;left:0px; top:0px; width:305px;height:240px;}  
.willemijn {cursor:pointer;cursor:hand;position:absolute;z-index:10000;left:305px; top:0px;width:170px;height:240px;}
.radio1 { cursor:pointer;cursor:hand;position:absolute;z-index:10000;left:625px; top:140px;width:170px;height:80px;}

strong {
	font-weight: bold;
}

a:link, a:visited, a:active {
	color: #d0421c;
        font-weight: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


div#header { 
	height: 315px;
	position:relative;
        background: transparent url(http://pics.bnn.nl/data/media/db_images/original/43057_30a52d.jpg) top left no-repeat;
        z-index:100;
}

#nav {
       position: absolute;
       top:20px;
       left: 0px;
}

#menu {
       z-index:1000;
}

div#container_shadow{
	margin: 0 auto;
	width: 820px;
        border-top: 14px solid #d0421c;
	background: transparent;  /* url(http://pics.bnn.nl/data/media/db_images/original/42428.gif) top center repeat-y;*/
}

div#container {
        position:relative;
	text-align:center;
	width:800px;
	margin:0 auto;
	background: #ffffff;
	}

div#wrapper{
	margin: 0;
	padding:0;
	position: relative;
        float:left;
}

#mainright {
		width:33%;
		float:left;
		background:#fff;
                text-align:left;
		padding:20px 0 10px 0;
		}
	
	#maincenter {
		width:34%;
		float:left;
		background:#fff;
                text-align:left;
		padding:20px 0 10px 0;
		}
	
	#mainleft {
		width:33%;
		float:left;
		background:#fff;
                text-align:left;
		padding:20px 0 10px 0;
		}

.contentBlok {
  padding: 0 10px 20px 10px;
}

#button {
        width: 250px;
	padding: 0 0 0 0;
        margin:0;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
        font-size:14px;
	background-color: #ffffff;
	color: #333;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#button li {
	border-bottom: 2px solid #ffffff;
	margin: 0;
        padding:0px;
	}

#button li a {
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #d0421c;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}

#button li a.active{
       background-color: #4b4c4d;
}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	background-color: #4b4c4d;
	color: #fff;
	}

#button ul ul {
 list-style: none; 
 margin:0;
 padding:0;
 width: 240px;
}

#button ul ul li {
  padding: 0;
  margin:0;
  color: #fff;
  font-size:11px;

}

#button ul ul li a{
        display: block;
	padding: 1px 5px 1px 5px;
	color: #fff;
        background: #4b4c4d;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
}

#button ul ul li a:hover {
	background-color: #fff;
	color: #4b4c4d;
	}

.audio {
       padding: 0 0 0 20px;
       background: transparent url('http://pics.bnn.nl/data/media/db_images/original/43535_c560b1.gif') top left no-repeat;
}

.xitbioblock {
		display:none;
	}
