.media{
width:230px;
height:25px;
float:left;
overflow:hidden;
display:block;
background:url(images/mediabutton.jpg) no-repeat;
}

.media a{
width:230px;
height:25px;
background:url(images/mediabutton.jpg) no-repeat;
display:block;
}

.media a:hover{
width:230px;
height:25px;
background:url(images/mediabutton2.jpg) no-repeat;
display:block;
}

.shows{
	width:230px;
	height:25px;
	float:left;
	margin:0px 0px 0px 15px;
	background:url(images/showsbutton2.jpg) no-repeat;
	overflow:hidden;
	display:block;
}

.shows a{
background:url(images/showsbutton2.jpg) no-repeat;
width:230px;
height:25px;
display:block;
}

.shows a:hover{
background:url(images/showsbutton2.jpg) no-repeat;
}


.pers{
	width:230px;
	height:25px;
	float:right;
	background:url(images/persbutton.jpg) no-repeat;
	overflow:hidden;
}

.pers a{
background:url(images/persbutton.jpg) no-repeat;
width:230px;
height:25px;
display:block;
}

.pers a:hover{
background:url(images/persbutton2.jpg) no-repeat;
}


#submenu{
	width:230px;
	height:440px;
	padding:0px 15px 0px 0px;
	float:left;
}

#gallery{
	width:445px;
	height:430px;
	padding:10px;
	float:right;
}


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:712px;
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, #nfooter a:visited, #nfooter 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:495px;
	overflow:hidden;
}
#videocontent2{width:720px; height:155px; overflow:hidden; text-align:center;}

/* scrollbar- - - - - */



#scroll {position:relative; width:289px; height:505px; overflow:auto}
#scrollcontent {position:absolute; 
width:269px;
z-index:200}
#scrollbart {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;
}

/*     */

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



/*-------- menu ----------*/


#menu {
	float:left;
	width:230px;
	margin:0;
	font-size:12px;
	clear:left;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom: 20px;

}

#menu ul {
	list-style:none;
	width:230px;
	text-align: left;
	margin:0px;
	padding:0px;
}

#menu li { /*Abstand vom letzten Unterpunkt zum nächsten Hauptpunkt */
	margin-bottom:0px;
	display:block;
	width:230px;
	float:left;
	margin:0px;
	color: #535353;
	padding:2px 0px 0px 0px;
}

#menu li a {
	text-decoration:none;
	color:#535353;
	display:block;
	font-size:12px; /*Oben, rechts, unten, links */
	padding-left: 10px;
	padding-right: 10px;
	width:210px;
	padding-top: 4px;
	margin:0px;
	padding-bottom: 4px;
}

#menu li a:hover{
	color:#FFFFFF;
	background:#000;
	padding-left: 10px;
	padding-right: 10px;;
}

#menu li a.current, #menu li a.menu-current {
	padding-left: 10px;
	padding-right: 10px;
	color:#FFFFFF;
	background:#000;
	
}

#menu ul ul {
	font-size:12px;
	width:165px;
	background:none;
			
}

#menu ul ul ul {
	margin:0 10 0 5px;
	font-size:16px;
	width:80px;
		line-height: 20px;
}

#menu ul ul a {
	display:block;
	color: #FFFFFF;
	padding-left: 20px;
	background: url(images/button2.jpg) left repeat-y;
	width:130px;
	margin-bottom:-4px;
}

#menu ul ul a:hover {
	display:block;
	color: #fff;
	padding-left: 20px;
	background: url(images/button2hover.jpg) left repeat-y ;
}


#menu ul ul a.current, #menu ul ul a.menu-current {
	color: #fff;
	font-weight:normal;
	padding-left: 20px;
	background: url(images/button2hover.jpg) left repeat-y;
}

#menu ul ul ul a {
	height:18px;
	margin:0;
	padding:4px 20px 0 8px;
	background:none;
}