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;
}


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:574px;
background:url(images/body.jpg);
}

#nfooter{
width:972px;
height:20px;
font-style:oblique; 
color:#999999; 
text-align:right;
}
#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:538px;
background:url(images/infobg.png);
float:right;
padding:6px;

}

#info1{
width:188px;
height:156px;
background:#ebe9e5 url(images/twitter.jpg) no-repeat;
padding:6px;
margin-bottom:6px;
}

#hyves{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;}

#myspace{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;}

#youtube{
width:200px;
height:30px;
background:#ebe9e5;
margin-bottom:6px;}

#info2{
width:188px;
height:105px;
background:#ebe9e5;
padding:6px;
margin-bottom:6px;
}

#info3{
width:200px;
height:133px;
background:#ebe9e5;
}


#tekstblok-om{
width:720px;
height:538px;
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:505px; overflow:hidden; position:relative;}

#videocontentvideo{width:720px; height:505px; 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:505px; overflow:auto}
#scrollcontent {position:absolute; 
width:269px;
z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:505px; 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;
  margin-left:-25px;
  
 
}

.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;
}