/* Reset page layout */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

img{
	display:block;
	border:0;
}


blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

body {
	height:100%;
	width:100%;
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#000;
	margin:0 0 0 0;
	font:Arial, Helvetica, sans-serif;
	color:#121212;
	line-height:1.5;
}


/* Basis */



h1 {
	font-size:18px;
	letter-spacing:-0.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	margin:0 0 15px 0;
}

h2 {
	font-size: 22px;
	letter-spacing:-0.2px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#a1a1a1;
	margin:30px 0 5px 0;
}



/* mainholder */

.mainholder {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:4;
}

.logo {
	width:122px;
	height:95px;
	z-index:6;
	position:absolute;
	margin:30px 0 0 30px;
}

.bottomholder {
	height:68px;
	width:100%;
	bottom:0;
	background:#2c2c2c;
	z-index:6;
	position:absolute;
	overflow:hidden;
}

.bottomnav {
	height:34px;
	width:100%;
	background:url(../images/BG_balkonder2.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}

.bottomcredits {
	height:34px;
	width:100%;
	background:#2c2c2c;
	overflow:hidden;
}

.creditsfont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6b6b6b;
	margin:10px 0 0 20px;
	float:left;
}

.creditsoogt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6b6b6b;
	float:right;
	margin:10px 30px 0 0;
}

.bottomnavscheiding {
	height:34px;
	width:2px;
	float:left;
	margin:0;
}

.bottomhome {
	height:34px;
	width:40px;
	float:left;
}


/* hovers */

#knop1
{
  display: block;
  width: 40px;
  height: 34px;
  background:url(../images/bottom_home.jpg) no-repeat 0 0;

}

#knop1:hover
{ 
  background-position: 0 -34px;
}

#knop1 span
{
  display: none;
}


/* sliderblocks */

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
	z-index:4;
}

	#mask {
		width:600%;
		height:100%;
	}

	.item {
		width:16%;
		height:100%;
		float:left;
	}
	
	
	.content {
		width:819px;
		height:368px;
		top:20%;
		margin:0 auto;
		position:relative;
	}
	
	.previous {
		width:79px;
		height:368px;
		float:left;
	}
	
	.next {
		width:79px;
		height:368px;
		float:left;
	}
		
	
	.blok {
		width:661px;
		height:368px;
		background:url(../images/BG_contentblok.png);
		float:left;
		overflow:hidden;
	}
	
	.menublok {
		width:596px;
		height:24px;
		overflow:hidden;
		margin:23px 0 0 29px;
		z-index:7;
	}
	
	.menuitem {
		height:24px;
		width:87px;
		float:left;
	}
	
	.selected {
		background:#fff;
		font-weight:700;
	}

	.clear {
		clear:both;
	}

/* content */

.contentholder {
	width:576px;
	margin:40px 0 0 40px;
}

.tekstcontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#616161;
	line-height:1.5;
}

.scheduleholder {
	width:500px;
	height:202px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#616161;
	line-height:1.3;
	margin:10px 0 0 10px;
	overflow:hidden;
}

.date {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#F33;
	line-height:1.3;
}

a.website:link {color:#C60;}      /* unvisited link */
a.website:visited {color:#C60;}  /* visited link */
a.website:hover {color:#C60;}  /* mouse over link */
a.website:active {color:#C60;}  /* selected link */

.coolholder {
	width:567px;
	margin:10px 0 0 0;
}

.titles {
	width:400px;
	height:30px;	
}

.nieuwsbrief {
	margin:10px 0 0 0;	
}

.sociallinks {
	width:560px;
	height:40px;
	margin:5px 0 0 0;	
}

.social_items {
	width:30px;
	height:30px;
	float:left;
	margin:0 10px 0 0;
}

.twitteronder {
	width:562px;
	height:132px;
	margin:5px 0 0 0;
	background:url(../images/twitteronder.png);
	overflow:hidden;
}


.twittervolg {
	width:223px;
	height:43px;
	float:right;
	margin:0;
}

.soundcloudholder {
	width:562px;
	margin:10px 0 0 0;
}

.boxsoundcloud {
	width:200px;
	margin:0;
	margin:20px 0 0 0;
	float:left;
}

.volgsoundcloud {
	width:200px;
	margin:20px 0 0 0;
	float:left;
}


a.soundcloud-dropbox:hover {color: #1896D1 !important; background-color: transparent !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_small_white.png?cfc539)', sizingMethod='crop') !important;}

a.soundcloud-badge:hover {background-position: bottom left !important;} *html a.soundcloud-badge {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/badges/fmonsc/tiny/white.png?cfc539)', sizingMethod='crop') !important;}


.youtubeholder {
	width:387px;
	height:214px;
	margin:10px 0 0 0;
	overflow:hidden;
	float:left;
}

.youtubeholder2 {
	width:144px;
	height:210px;
	margin:10px 0 0 30px;
	overflow:hidden;
	float:left;
}



/* supersized */

#loading {
	position: absolute;		
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);	
}

		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
			cursor:default;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}


/* Twitter */

.twitter { overflow:hidden; }
.twitter a:hover { color:#CCC; }
.twitter a { color:#F00; }



#twitter_div {
  margin:25px 0 0 155px;
  width:345px;
  height:50px;
  overflow:hidden;
}

ul#twitter_update_list {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
  	color:#333;
	list-style:none;
}

#twitter_div a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
  	color: #F33;
}

#twitter_div a:hover {
  color:#FFF;
  background-color:#F33;
}



/* popup */