body 
{
	background-image:url('images/background.png');
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}

#container
{
	width:888px;
	margin:auto;
	margin-top:100px;
}

#menu
{
	position:relative;
	top:-40px;
	width:888px;
	height:30px;
	margin-top:10px;
	margin-bottom:0px;
	z-index:9999;

}

#menuLeft
{
	width:245px;
	height:20px;
	float:left;
}

#menuData
{
	_z-index: 999;
	width: 640px;
	height: 20px;
	float: left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	
}

#menuRight
{
	width:3px;
	height:20px;
	float:right;
}



#header
{
/*
	height:477px;
*/

}

#headerLogo
{
	position:absolute;
	top:5px;
	width:339px;
	height:150px;
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
}


#content
{
	width:888px;
}

#left
{
	/* width:454px; */
	float:left;
}
#right
{
	/* width:434px; */
	float:left;
}



h1
{
	background-image:url('images/blok.jpg');
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	padding-bottom:5px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
}
h2
{
	padding-left:20px;
	padding-bottom:5px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-bottom:15px;
}
td, tr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
}





#footer
{
	float:left;
	width:888px;
	height:100px;
	padding:10px;
}

#footer h3
{
	color:Black;
	font-family:Arial;
	font-size:14px;
	padding:0px;
	margin:0;
}

#footer p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0;
}
 

#footer .colom
{
	float:left;
	width:250px;
	height:100px;
}


#footer #mhk
{
	float:right;
	width:130px;
	height:80px;
	background-image:url('images/footer-logo.png');
	background-repeat:no-repeat;
	background-position:right center;
}

#footer .dagen
{
	width:150px;
	float:left;
}
#footer .tijden
{
	width:100px;
	float:left;
}











#nieuwsitems
{
	border: 1px solid #a6a6a6;
	background-color:White;
	height:40px;
	width:888px;
	margin-top:6px;
	margin-bottom:6px;
}
#nieuwsitems ul, #nieuwsitems li
{
	padding:0;
	margin:0;
	top:0;
	line-height:40px;
	

}



#nieuwsheaders
{
	width:145px;
	float:left;
	height:40px;

}
#nieuwsheadersitems
{
	float: left;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: Black;
}

#nieuwsheadersitems il
{
	list-style-type: none;
		color:Black;
}
#nieuwsheadersitems ul
{
	list-style-type: none;
		color:Black;
}

#nieuwsheadersitems a
{
	color:Black;
}




#NieuwsHeader
{
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height:40px;
	color:Black;
}
#NieuwsHeader a
{
	color:Black;
}



#nieuwsitems span#laatsteNieuws
{
	background-image: url('images/blok.jpg');
	background-repeat: no-repeat;
	background-position:center left;
	margin-left:10px;
	padding-left: 20px;
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height:40px;
}

#nieuwsitems span#NieuwsHeader
{
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height:40px;
}


.newsItem
{
	position:relative;
	width:400px;
	text-align: left;
	vertical-align: top;
	padding-bottom:10px;
}

.newsFoto
{
	width: 100px;
	float: left;
	text-align: center;
	padding-top:5px;
}

.newsData
{
	text-align:left;
	padding-left:110px;
}



#news h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:40px;

}

#news p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:-5px;
}

a
{
	color:Black;
}

a:hover
{
	color:Blue;
}



/* ============== HET MENU ========================== */
.MenuSysteem ul.AspNet-Menu
{
	z-index: 999;
	width: 640px;
}

.MenuSysteem ul.AspNet-Menu ul  
{
    _width:200px;
    top: 100%;
    left: 0;
    
}

.MenuSysteem ul.AspNet-Menu ul ul  
{
    top: -0px;
    left: 211px;

}

.MenuSysteem li 
{
	_width:90px;
}

.MenuSysteem li:hover,
.MenuSysteem li.AspNet-Menu-Hover
{
    background-image:url('images/menu_center_hover.png'); 
    _background-image:url('');
}

.MenuSysteem a, 
.MenuSysteem span
{
	font-size:11px;
	font-family:Arial;
    color: Black;
    padding: 0 6px 0 6px;
    height:25px;
}

.MenuSysteem li.AspNet-Menu-Leaf a, 
.MenuSysteem li.AspNet-Menu-Leaf span
{
    background-image: none !important;

}

.MenuSysteem li:hover a, 
.MenuSysteem li:hover span,
.MenuSysteem li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover a,
.MenuSysteem li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover li:hover a,
.MenuSysteem li:hover li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color:Black;
    _color:Yellow;
}

.MenuSysteem li:hover li:hover a,
.MenuSysteem li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover li:hover a,
.MenuSysteem li:hover li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    background-color: #cedaed;
}

.MenuSysteem li:hover li a, .MenuSysteem li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li span, .MenuSysteem li:hover li:hover li a, .MenuSysteem li:hover li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	border: 1px solid #21217f;
	color: White;
    background-color: #134fa8;
	width: 200px;
	margin: 0 0 1px 0;
	height: 30px;
	line-height:25px;

}

.MenuSysteem .AspNet-Menu-Selected
{
    color:#000000;
    font-weight:bold;
    background-image:url('images/menu_center_hover.png'); 
    _background-image:url('');
}

.MenuSysteem .AspNet-Menu-ChildSelected 
{
    color:#000000;
    font-weight:bold;
}

.MenuSysteem .AspNet-Menu-ParentSelected
{


}





/* PANEL breedte ----------------- */
.Pnl1
{
	width:550px;
	border: 1px solid #a6a6a6;
	margin-right:6px;
	background-color:#f6f6f6;
	padding:4px;
}
.Pnl2
{
	width:312px;
	border: 1px solid #a6a6a6;
	background-color:#f6f6f6;
	padding:4px;
}
.Pnl3
{
	width:882px;
	border: 1px solid #a6a6a6;
	background-color:#f6f6f6;
	padding:4px;
}












/* ==================== Carousel ===================== */
#carousel
{
	z-index:0;
}
.pics { height: 300px; width: 888px; padding:0; border: 1px solid #a6a6a6; margin:0; overflow: hidden }
.pics img
{
	height: 300px;
	width: 888px;
	top: 0;
	left: 0;
}




/* start ====> formulier -------------------------------    */  
INPUT.form
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
	width:200px;
	margin-top:5px;
}
SELECT.form
{
	border-right: #9e9672 1px solid;
	border-top: #9e9672 1px solid;
	border-left: #9e9672 1px solid;
	border-bottom: #9e9672 1px solid;
	background: #fffdfa;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
}

INPUT.submit
{
	background: #07074c;
	color: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	width: 100px;
	font-family: Arial;
	font-size: 12px;
	margin-left:103px;
	margin-top:10px;

	
}
TEXTAREA.form
{
	border-right: #3688c9 1px solid;
	border-top: #3688c9 1px solid;
	border-left: #3688c9 1px solid;
	border-bottom: #3688c9 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:150px;
	width:200px;
	color: #6b6c64; 
}

/* eind ====> formulier ---------------------------------    */ 


	.caption{font-style:italic;color:#887;}
	.gallery{width:100%;margin:0 auto;}
	.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery li div{left:240px}
	.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;width:500px;}
	#main_image img{margin-bottom:10px; border:1px solid black;}
		
	.info{text-align:left;width:500px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}

#galleryFotos
{
	height:300px;
}