/**********/
/* reset */
/********/

html{color:#000;background:#FFF;}

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

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

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

/* li{list-style:none;} */

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/

input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */

legend{color:#000;}


/***********/
/* global */
/*********/

a{
	outline: none;	
	text-decoration: none;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
}
h1{
	font-size: 36px;
	margin-bottom:20px;
	font-weight: normal;
}
h2, h3, h4{
	padding-bottom:10px;
	padding-top:25px;
	font-weight: normal;
	color:#000;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 20px;
	
}
h4{
	font-size: 16px;
}

p, label, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: .2em;
}

blockquote{
	padding-left:30px;
}

.clear { clear: both; }

img{
	border:none;
}

strong{
	color:#000;
	font-weight:bold;
}

/**********/
/* Site  */
/********/

html,body{
	background-color: #232020;

}

#wrapper{
	background-color: #ccc;
	background-image: url(../images/bg.gif);

	background-position: left top;
	background-repeat:no-repeat;
	

	
	position:relative;
	width:1010px;
	margin:auto;
	
}

#header{
	height:120px;
	}

#logoZZZ{
	text-align: left;
	z-index: 99;
	position: absolute;
	left: 31px;
	top: 5px;
	}

#logo{
	position:absolute;
	top:10px;
	width: 100%;
	text-align: center;
	}

#muziek{
	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-color: #ffffff;

	}


#logo h1{
	display:none;
}

#leftHead{
	float:left;
	width:276px;
	
}

/********/
/* main */
/********/

#main{
	float:left;
	width:960px;
}

#main.gallery{
	margin-top:0px;
}

/***********/
/* content */
/***********/

.content{

	margin-top:25px;
	margin-bottom:10px;
	padding-left:50px;
	padding-right:50px;
	
}

.content a{
	padding-bottom:2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	color:#000;
	
}

.content a:hover{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cc3366;
	color:#cc3366;
}

.content h1{
	font-size:36px;
}
.content h2{
	font-size:24px;
}

.center{
	text-align:center;
}

.content img{
	float:right;
	margin-left:12px;
	margin-top:18px;
	margin-bottom:6px;
	
	border:#000 solid 1px;
}

.content li a span{

}

.content p{
	line-height:22px;
	padding-top:15px;
	letter-spacing:.1em;
}

.content ul,
.content ol{
	padding-left:20px;
	padding-bottom:15px;
}

#lCol{
	width: 260px; 
	float:left;
	padding-left:50px;
	padding-top:50px;
}

#rCol{
	width: 600; 
	float:right;
	padding-top:50px;
}

#gallery{
	
}

#gallery img{
	margin-right:7px;
	margin-bottom:7px;

	
		opacity:1;
	filter:alpha(opacity=100);
	
	border: 1px solid #000;
}

#gallery  a:hover img{
	opacity:.7;
	filter:alpha(opacity=70);
	
	
}

#gallery p{
	font-size:12px;
}

#footer{
	float:left;
	margin-top:30px;
	padding-bottom:50px;
	width:60%;
}
#footer.content{
	padding-top:15px;
}
#footer.content p{
	padding-top:10px;
	font-size:11px;
}
#footer a{
	
}
#footer a:hover{
	
}
#footer span{
	padding-left:5px;
	padding-right:5px;	
}

/**************/
/* Menu stuff */
/**************/

#menu {
	float:left;
	background-color:#232020;
	width:100%;
}
#menu ul{
	padding-left:50px;
}
#menu ul li {
	list-style: none;
	display:inline;
}
#menu ul li a {
	
	float:left;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	color:#FFFFFF;
	
}
#menu li a:hover,
#menu li.current a{
	color:#d2ff37;
}

			html,body{
				background-color: #ccc;
			
			}
			body {
				overflow:hidden;/*Needed to eliminate scrollbars*/				
				background-image:none; 
			}
			
			#wrapper{
				background-image:none;
				margin:0px;
				background:none;
				width:100%;
			}
			
			#content{
				margin:0px auto;
				height:100px;
				width:100%;
				bottom:5%;
				z-index: 3;
				background:#262626 no-repeat 90%;
				border-top:1px solid #000;
				border-bottom:1px solid #4F4F4F;
				position:absolute;
			}
			#contentframe{
				overflow: hidden;
				border-top:solid 1px #4F4F4F;
				border-bottom:1px solid #000;
				height: 100%;
				text-align:left;
				z-index: 3;
			}
			#slidecounter{
				float:left;
				color:#4F4F4F;
				font:50px "Helvetica Neue", Arial, sans-serif;
				font-weight:bold;
				margin:18px 20px;	
			}
			#slidecaption{
				overflow: hidden;
				float:left;
				color:#FFF;
				font:26px "Helvetica Neue", Arial, sans-serif;
				font-weight:bold;
				margin:33px 0;
			}
			/*Supersized Stamp*/
			.stamp{
				float: right;
				margin: 25px 20px 0 0;
			}
			/*Supersize Plugin Styles*/
			#navigation{
				background: url('images/navbg.gif') no-repeat;
				float: right;
				margin:22px 20px 0 0;
			}
			#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;
		background-image: url(big_bg/1.jpg);
			}
			#supersize .prevslide, #supersize .prevslide img{
				z-index: 1;
			}
			#supersize .activeslide, #supersize .activeslide img{
				z-index: 2;
			}
			
			
		#wrapper{
				position:absolute;
				left:0px;
				top:0px;
				z-index:99;
			}
			
		#strapline{
			position:absolute;
			top:200px;
			width: 100%;
  			text-align: center;
			z-index:99;
			}