html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0;
padding:0;
}

body{font-size:11px;color:#535353;font-family:verdana,arial,sans-serif;background:url(images/tile.jpg); background-position:top center; margin:0;}
a:link{
color:#535353;
text-decoration:underline;
}
a:hover{
color:#535353;
text-decoration:underline;
}
a:visited{
color:#535353;
text-decoration:underline;
}
h2{
color:#FFFFFF;
font-size:18px;
}

h3{
color:#535353;
font-size:13px;
padding-bottom:0;
}
h4{
color:#535353;
font-size:13px;
margin-bottom:0px;
padding-bottom:0;
}
h6{
color:#535353;
font-size:12px;
margin-top:0px;
margin-bottom:0;
padding-bottom:0;
}
h7{
color:#535353;
font-size:12px;
margin-top:-6px;
margin-bottom:0;
padding-bottom:0;
}
.nieuwskop{
color:#535353;
font-size:13px;
padding-bottom:0;
}
.leesmeerlink{
margin-top:-12px;
color:#535353;
}
.kop{
height:22px;
width:714px;
background:#000;
margin-bottom:6px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding-left:6px;
padding-top:4px;
z-index:400;
}
#nwrap {
	position: relative;
	width:972px;
	height:960px;
	margin:0 auto;
}
#nheader{
width:972px;
height:325px;
}
#nmenu{
width:972px;
height:42px;
background:url(images/menubar.jpg);
}
#nbody{
width:972px;
height:607px;
background:url(images/body.jpg);
}
#nfooter{
width:983px;
height:20px;
font-style:oblique; 
color:#999999; 
text-align:right;
position:absolute;
right:0;
top:980px;
}
#nfooter a:link, a:visited, a:active {
text-decoration:none;
text-align:right;
padding-right:6px;
color:#999999;
}
#nfooter a:hover {
text-decoration:underline;
}
#nvak1 {
	position:absolute;
	left:14px;
	top:165px;
	width:280px;
	height:230px;
	z-index:1;
}
#fotovak {
	position:absolute;
	left:10px;
	top:12px;
	width:261px;
	height:296px;
	z-index:777;
	overflow:hidden;
}
#nvak2 {
	position:absolute;
	left:7px;
	top:422px;
	width:300px;
	height:240px;
	z-index:1;
}
#frame2totaal{
	width:300px;
	height:240px;
	position:absolute;
	left:20px;
	top:110px;
}
#frame2cont{
	width:196px;
	height:142px;
	position:absolute;
	left:27px;
	top:67px;
	background:url(media/video.png) no-repeat;
}
#frame2frame{
	width:300px;
	height:177px;
	position:absolute;
	left:3px;
	top:51px;
	background:url(images/vidblogframe.png);
}
#nvak3 {
	position:absolute;
	left:15px;
	top:677px;
	width:300px;
	height:250px;
	z-index:2;
}
#nslideplayer {
	position:absolute;
	left:659px;
	top:-2px;
	width:290px;
	height:290px;
	z-index:1;
	overflow:hidden;
}
#nplayerslide {
	position:absolute;
	left:0px;
	top:-270px;
	width:290px;
	height:290px;
	z-index:2;
}
#nupdown{
background:#000 url(images/playerdown.jpg);
width:68px;
height:20px;
position:absolute;
left:235px;
top:270px;
}
#npmask{
background:#000 url(images/playerup.jpg);
width:400px;
height:60px;
position:absolute;
left:80px;
top:210px;
}
#ncontent{
	position:absolute;
	left:334px;
	top:366px;
	width:637px;
	height:558px;
	z-index:1;
}
#contentContainer{
	padding-right:10px;
	position:absolute;
	width:958px;
	top:377px;
	left:4px;
	height: 556px;
}
#infoblok{
width:200px;
height:578px;
background:url(images/infobg.png);
float:right;
padding:6px;
}
#info1{
width:184px;
border:2px solid #000;
height:156px;
background:#ebe9e5 url(images/twitter.jpg) no-repeat;
padding:6px;
margin-bottom:6px;
float:left;
background-position:1px 3px;
}
#hyves{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;
float:left;
}
#myspace{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;
float:left;
}
#youtube{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;
float:left;
}

#facebook{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;
float:left;
}
#info2{
width:188px;
height:105px;
background:#ebe9e5;
padding:6px;
float:left;
margin-bottom:6px;
}
#info3{
width:200px;
height:133px;
background:#ebe9e5;
float:left;
}
#tekstblok-om{
width:720px;
height:578px;
padding:6px;
float:right;
margin-right:6px;
background:#ebe9e5;
position:relative;
}
#tekstblok{
width:390px;
height:538px;
float:right;
}
#nieuwsblok{
width:390px;
height:275px;
float:right;
overflow:hidden;
}
#nieuwsblok2{
width:390px;
height:220px;
float:right;
overflow:hidden;
margin-left:6px;
}
#nieuwsblok3{
width:390px;
height:100px;
float:right;
overflow:hidden;
margin-left:6px;
}
#videocontent{width:720px; height:546px; overflow:hidden; position:relative;}
#videocontentvideo{width:720px; height:553px; overflow:hidden; position:absolute; top:0; left:0;}
#videocontentmenu{width:424px; height:200px; overflow:hidden; position:absolute; top:343px; left:6px;}
/* scrollbar- - - - - */
#scroll {position:relative; width:289px; height:547px; overflow:auto}
#scrollcontent {position:absolute; 
width:269px;
z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:544px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
/* menu- - - - - */
#navcontainer
{
height:10px;
}
#navcontainer ul
{
	padding:0;
	margin: 0;
	list-style-type: none;
	color: #FFFFFF;
	width: 100%;
	font:arial, helvetica, sans-serif;
	text-align: right;
	font-size:14px;
	font-weight:bold;
}
#navcontainer li 
{ 
	display: inline; 
	padding-top: 0px;
}
#navcontainer li a, , #navcontainer li  a:active, #navcontainer lia:visited
{
	text-decoration: none;
	color: #green;
	padding-top: 18px;
	padding:left:44px;
	margin-top:80px;
	width:200px;
	background:#006633;
}
#navcontainer li a:hover
{
margin-top:-3px;
padding-top:22px;
	
}
#navcontainer li a.menu-current
{
	
}
/* twitter  */
ul.mod_wbtweets_twittermenue{
  list-style-type: none;
}
ul.mod_wbtweets_twittermenue li{
  display: inline;
}
a.mod_wbtweets_follow {
  width: 200px;
  height: 20px;
  padding-top: 2px;
  background:#00FF66;
  
}
a.mod_wbtweets_subscribe {
  width: 200px;
  height: 20px;
  padding-top: 2px;
  background-image: url(layoutbin/rssicon.jpg);
  background-repeat: no-repeat;
}
/*linked hashtags introduced in WB Tweets 0.3*/
a.mod_wbtweets_hashtag{
  color: #666666;
  text-decoration: none;
  border: 0px;
  font-style:italic;
}
a.mod_wbtweets_hashtag:hover{
  border-bottom: 1px dotted #666666;
  font-style:italic;
}
ul.mod_wbtweets_tweets {
  list-style-type: none;
}
ul.mod_wbtweets_tweets li {
  width: 170px;
  height: 100px;
  font-size:11px;
  line-height:18px;  
 
}
.mod_wbtweets_tweets .mod_wbtweets_tweetmeta a{
  font-size:10px;
}
.mod_wbtweet_licence{
visibility:hidden;
}
.mod_wbtweet_licence a{
visibility:hidden;
}
/*    vieoplayer   */
a.player {	
	margin-top:0px;
	display:block;
	background:url(/img/player/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding-right:6px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
/* splash image */
a.player img {
margin-top:0px;
	display:block;
	background:url(/img/player/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding-right:6px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
#player {
	float:left;		
}	
/* playlist style */
#playlist {
	width:252px;
	float:left;
	margin-bottom:6px;
}
/* playlist entry */
#playlist a {
	display:block;
	width:252px;
	height:90px;
	padding:7px;
	background-color:#d2cec2;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	color:#c87c6f;
	margin-bottom:6px;
	}
/* different states of a playlist entry */
#playlist a:hover {
	background-color:#a89473;		
}
#playlist a.progress {
	background-color:#efefef;	
}
#playlist a.playing {
	background-color:#a89473;	
}
#playlist a.paused {
	background-color:#ffc;	
}
/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
	border: 1px solid #FFFFFF;
}
#playlist a strong {
	color:#c87c6f;	
	padding-bottom:5px;
}
#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	margin-right:30px;
	color:#c87c6f;
	font-style:normal;
	margin-top:10px;
}
/*     */
.n_menu{
width: 100%;}
.n_menu ul{
margin: 0; padding: 0;
float: right;
padding-right:10px;}
.n_menu ul li{
display: inline;}
.n_menu ul li a{
float: left;
padding:0;
margin:0;}
-->
li.home a{
background:url(http://www.nikki-k.nl/media/knoppen/home.jpg) no-repeat;
}
li.news a{
background:url(http://www.nikki-k.nl/media/knoppen/news.jpg) no-repeat;
}
li.bio a{
background:url(http://www.nikki-k.nl/media/knoppen/bio.jpg) no-repeat;
}
li.blog a{
background:url(http://www.nikki-k.nl/media/knoppen/blog.jpg) no-repeat;
}
li.music a{
background:url(http://www.nikki-k.nl/media/knoppen/music.jpg) no-repeat;
}
li.photo a{
background:url(http://www.nikki-k.nl/media/knoppen/photo.jpg) no-repeat;
}
li.video a{
background:url(http://www.nikki-k.nl/media/knoppen/video.jpg) no-repeat;
}
li.agenda a{
background:url(http://www.nikki-k.nl/media/knoppen/agenda.jpg) no-repeat;
}
li.contact a{
background:url(http://www.nikki-k.nl/media/knoppen/contact.jpg) no-repeat;
}
li.links a{
background:url(http://www.nikki-k.nl/media/knoppen/links.jpg) no-repeat;
}
li.home a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/home-on.jpg) no-repeat;
}
li.news a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/news-on.jpg) no-repeat;
}
li.bio a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/bio-on.jpg) no-repeat;
}
li.blog a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/blog-on.jpg) no-repeat;
}
li.music a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/music-on.jpg) no-repeat;
}
li.photo a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/photo-on.jpg) no-repeat;
}
li.video a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/video-on.jpg) no-repeat;
}
li.agenda a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/agenda-on.jpg) no-repeat;
}
li.contact a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/contact-on.jpg) no-repeat;
}
li.links a:hover{
background:url(http://www.nikki-k.nl/media/knoppen/links-on.jpg) no-repeat;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp*/

#navContainer {
	height:69px;
	display:block;
	clear:both;
	float: left;
	z-index:100;
	position:relative;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:right;
	height: 50px;
	z-index:90;
	position:relative;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
}
#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {color:#fff;display:block; font-size:17px; font-weight:bold; outline:medium none; padding:14px 8px 6px; text-decoration:none;}
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active {color: #fff; border-bottom:1px solid #fff;}
#nav a.menu-parent { color: #fff; border-bottom:1px solid #fff;}



/*Current page Customisations*/
#nav a.menu-current		{ color: #fff; border-bottom:1px solid #fff;}
#nav a:hover.menu-current {color: #fff; border-bottom:1px solid #fff;}
#nav a:hover.menu-parent { color: #fff; border-bottom:1px solid #fff;}

/* 2nd Child menu */
#nav .menu li ul { color:#FFFFFF; position: absolute; width: 220px; display: none; font-size: 11px; border-left: #FFFFFF solid 1px; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;z-index: 9999;}
#nav .menu li ul li {width: 220px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 25px; background:#003c85;  }
#nav .menu li ul li a {width: 200px; font-size:12px;  padding: 5px 10px 3px 10px; color: #fff; font-weight: normal; line-height:15px; }

#nav .menu li ul .ultop {width: 220px; height: 11px; text-align: left; font-size: 2px; margin: 0; padding: 0; }
#nav .menu li ul .ulbot {width: 220px; height: 11px; text-align: left; font-size: 2px; margin: 0; padding: 0; }

/* 3nd Child menu */
#nav .menu li ul li ul { color:#FFFFFF; position: absolute; left:221px; width: 220px; display: none; font-size: 11px; border: #FFFFFF solid 1px;z-index: 9999;}
#nav .menu li ul li ul {width: 220px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 25px; background:#3777ca;  }
#nav .menu li ul li ul a {width: 200px; font-size:12px;  padding: 5px 10px 3px 10px; color: #fff; font-weight: normal; line-height:15px;  background:#3777ca; }

#nav .menu li ul li ul .ultop {width: 220px; height: 0px; text-align: left; font-size: 2px; margin: 0; padding: 0; }
#nav .menu li ul li ul .ulbot {width: 220px; height: 0px; text-align: left; font-size: 2px; margin: 0; padding: 0; }

/* 3nd Child link hover */
#nav .menu li ul li ul a:hover { background: #1b61bc; color:#FFFFFF; }
#nav .menu li ul li ul a.menu-parent { background: #1b61bc; color:#FFFFFF; border-bottom: 1px solid #FFFFFF; }
 #nav .menu li ul li ul a.menu-current { background: #1b61bc; color:#FFFFFF; }


/* 3 up Child menu */
#nav .menu li ul li ul {margin: 0px 0 0 -1px; z-index: 9999;}
#nav .menu li ul li ul .ultop {height:0;  }
#nav .menu li ul li ul .ulbot {background: transparent url(img/menuebg-bot.gif) no-repeat;}

/* 2nd Child link hover */
#nav .menu li ul a:hover { background: #0a53b2; color:#FFFFFF; }
#nav .menu li ul a.menu-parent { background: #0a53b2; color:#FFFFFF; }
 #nav .menu li ul a.menu-current { background: #0a53b2; color:#FFFFFF; }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}




/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}