/* Compositie ********************************************/

body {	background-color:#000;
	}

#container {
	width:1024px;
	min-height:850px;
	margin:0 auto;
	background-color:#313131;
	background:url(../img/mfgreybg.jpg) top no-repeat #313131;
	display:block;
	clear:both;

}
#ClearAll { display:block;
			position:relative;
			width:100%;
			height:1px;
			clear:both;
			}

#footer {
	display:block;
	position:relative;
	width:1024px;
	min-height:140px;
	margin:-135px auto;
	z-index:1;
	background:url(../img/bg_logo.png) center no-repeat;
	}
#header {
	display:block;
	position:relative;
	width:1024px;
	margin:0 auto;
	height:383px;
	
}
#TopLogo {
display:block;
width:370px;
height:222px;
position:absolute;
z-index:99;
margin:225px 0 0 327px;
background-image:url(../img/mf_silver_logo.png);
}

#title p { color:#000; padding:10px; font-size:1.5em;}
#title a { color:#000; text-decoration:none;}



#content {
	float:left;
	width:94%;
	margin-top:40px;
	padding-left:30px;
	padding-right:20px;

}

/* Menu ********************************************/
#menu {
	float:left;
	width:100%;
	height:30px;

}

#AdditionalMenu {	float:right;
					width:320px;}

/* ul */

#menu ul {
	position: relative;
	float: left;
	margin-left:5px;
	z-index: 999;
	
}
#menu ul ul {
	display:none;
	top: 100%;
	left: 0px;
	width: 100%;
	margin-left:0px;
	z-index:598;
}
#menu ul ul ul {
	margin-left:100%;
	margin-top:-30px;
}

#menu li:hover>ul {
	display:block;
	position:absolute;
	left:0px; top:100%;
	width:auto;
	}

/* li */

#menu li {
	list-style:none;
	display:inline;
	float:left;
	margin:20px 0 0 5px;
	padding:4px;
	white-space:nowrap;
}
#menu ul.lev2 li.sub {
}
#menu li:hover {
	position:relative;
	border-right:none;
	z-index:599;
}
#menu li.lev1 ul li {
	float:none;
	display:block;
	width:auto;
	padding:5px;
	background:#999;
	
}
/*	Sponsorlijst */
ul#sponsorlijst { display:block;
					width:800px;
					margin:0 auto;
					list-style:none;
					padding:0;
					z-index:1000;
					position:relative;
					
					}
ul#sponsorlijst li.sponsor  { float:left;				
							 width:166px;
							heigth:86px;
							margin:10px;
							padding:6px;
							text-align:center;
							overflow:hidden;
						  color:#333;


							}

ul#sponsorlijst li.sponsor a { float:left;			
							  width:166px;
							  height:86px;
							  padding:0;
							  margin:0;
							  color:#333;
							  background-color:#f4f4f4;
							  text-align:center;
							  }
							  
ul#sponsorlijst li.sponsor a img {border:0;
									padding:0;
									margin:0;
									color:#333;
									width:166px;
									min-height:86px;
									}

/* a */

#menu li a {color:#e4e4e4;text-decoration:none; font-size:20px;}
#menu li a:hover, #menu li a.active {text-decoration:underline; font-size:20px;}


#menu li.lev2 a {color:#e4e4e4;text-decoration:none; font-size:16px;}
#menu li.lev2 a:hover, #menu li.lev2 a.active {text-decoration:underline; font-size:16px;}
#menu ul.lev2 li {padding:0; margin:0; }

/* GASTENBOEK*/


div#commentForm 
{ 
display:block;
position:relative;
z-index:90000;
width:100%;
min-height:250px;
clear:both;
border-top:1px solid #f2f2f2;
margin:20px 0;

}


#BlogContainer .tab{ float:left; 
					  display:block; 
					  margin:4px 0 0 0; 
					  color:#FF6600;
					  }
					   
#BlogContainer .blogdatum { float:left; 
					  display:block; 
					  margin:4px 0 0 4px; 
					  color:#FF6600;
					  }
					  					   
#BlogContainer .blogbody 
{ 
	display:block; 
	margin:14px 0; 
	width:500px;
	
} 

#BlogContainer .blogtext { display:block;
							clear:both;
							margin:4px 0;}

/* FORMS */
.error {color:#F00;margin:0px;padding:0px;}
form {margin-top:10px;}
fieldset {border:none;margin:0px;padding:0px;}
legend {display:none;}
label {font-weight:bold; float:left; width:200px;}
label,input,textarea {display:block;}
input,textarea{margin-bottom:10px;border:solid 1px #CCC;cursor:pointer;}
textarea{clear:left;}
.radioOption {margin-left:15px; clear:left;}
input.radio, input.checkbox {float:left;margin:5px 10px 0px 0px;}
input.checkbox {margin-top:3;}
.info { display:block; clear:both;}

/* MF programma 2011 */

h2.ProgrammaTitel { display:block;
					width:200px;
					clear:both;}

span.ProgInfo { display:block;
					 width:100px;
					 height:30px;
					 float:left;
					 clear:left;
					 }
div.BandNaam  	{	display:block;
					 width:232px;
					 height:115px;
					 float:left;
					 font-size:1.5em;
					 padding:2px;
					 overflow:hidden;
					 margin:0 0 0 16px;
					  }

span.ProgData {		display:block;
					 width:auto;
					 height:30px;
					 float:left;
					 clear:right;}

div.ProgInformatieBlock1 { display:block;
							width:300px;
							height:160px;
							float:left;
							margin:0 0 0 20px;
							overflow:hidden;
							}

div.ProgInformatieBlock2 { display:block;
							width:800px;
							min-height:80px;
							float:left;
							margin:10px 0 15px 4px;
							padding:0;
							border-bottom:1px dashed #ccc;
						
							}


div.BandPhoto {	display:block;
				width:280px;
				height:150px;
				float:left;
				clear:left;
				border:0;
				padding:0;
				margin:0;
				overflow:hidden;
				}

div.BandPhoto img {border:0; }

span.ProgWeblink,span.ProgMyspace,span.ProgYoutube,span.ProgVimeo 
					 	{ display:block;
						position:relative;
						float:left;
						width:35px;
						height:35px;
						margin:4px;
						z-index:999;
						}

span.ProgWeblink  img { border:none;}
span.ProgMyspace  img { border:none;}
span.ProgYoutube  img { border:none;}
span.ProgVimeo img { border:none;}



/*	MF fotoalbum 2011		*/

ul.AlbumGroep			 	{ display:block;
								width:900px;
								min-height:400px;
								margin:0 auto;
								clear:both;
								list-style:none;
								padding:0;
								
								
							}

li.AlbumOmschrijving		 { display:block; 
								float:left;
								height:50px;
								width:80%;
								clear:both;
								font-size:40px;
								color:#FF9900;
								margin-top:30px;
								margin-bottom:20px;
								}

li.AlbumOverzicht			{}

ol.albumMozaiek					{ display:block;
								clear:both;
								float:left;
								list-style:none;
								width:800px;
								height:auto;
								margin:0;
								padding:0;
								
								
								}
div.pp_details p { color:#040404;}
ol.albumMozaiek	 li.AlbumFoto	{ display:block;
								 float:left;
								 width:80px;
								 height:60px;
								 overflow:hidden;
								 margin:10px;
								 }

ol.albumMozaiek	 li.AlbumFoto img { width:80px; height:auto;  border:0;}