@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
.titel {
	font-size:16px;
	font-weight:bold;
	}
a:link {
	color:#000033;
	text-decoration: underline;
	}
a:visited{
	color: #000033;
	text-decoration: underline;
	}	
a:hover{
	color: #990000;
	text-decoration: none;
	}

		

	
#container {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	text-align:left;
	height: 630px;
	width: 750px;
	border: 1px solid #000000;
	}

#top {
	float: left;
	height: 120px;
	width: 750px;
	}

#name {
	float: left;
	height: 75px;
	width: 750px;
	background-image:url(../../images/jazzbxl.jpg);
	}
	
#menu {
	float: left;
	width: 139px;
	height: 405px;
	BORDER-RIGHT: 1px solid #ccc;
	background-color: #000000;
	}

	
#content_brochure {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/contact/brochure/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 230px;
	/*position: relative;*/
	}
#content_home {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/home/bkgnd_home.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	/*position: relative;*/
	
	}
#content_prijzen {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/prijzen/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_vakanties {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/vakanties/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_jaar1 {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/jaren/1/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_jaar2 {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/jaren/2/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_jaar3 {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/jaren/3/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_jaar4 {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/jaren/4/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_voorbereidendjaar {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/jaren/voorbereidendjaar/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_plan {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/plan/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_zang {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/zang/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_sax {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/sax/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_piano {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/piano/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_gitaar {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/gitaar/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_drums {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/drums/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}	
#content_bas {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/instrument/bas/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
	
#content_directie {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/algemeen/directie/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_reglement {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/algemeen/reglement/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
	
#content_docenten {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/docenten/bkgnd.jpg);
	background-repeat: no-repeat;
	}
	
#content_filosofie {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/algemeen/filosofie/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_leerplan {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/algemeen/leerplan/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
	
#content_parttime {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/parttime/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_gehoortraining {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/gehoortraining/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_leesklas {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/praktijk/leesklas/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_ensemble {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/praktijk/ensemble/bkgnd.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 180px;
	}
#content_harmonieleer {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/harmonieleer/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_compositie {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/compositie/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_arrangement {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/arrangement/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_solfege {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/solfege/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_ritme {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/ritme/bkgnd.jpg);
	background-repeat: no-repeat;
	}
#content_jazzgeschiedenis {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/theorie/jazzgeschiedenis/bkgnd.jpg);
	background-repeat: no-repeat;
	}

#content_inschrijven {
	float: left;
	width: 440px;
	height: 375px;
	padding: 15px;
	background-image:url(../../images/contact/inschrijven/bkgnd.jpg);
	background-repeat: no-repeat;
	}
			

#ads {
	float: left;
	width: 140px;
	height: 405px;
	background-color: #FFFFFF;
	}
	
#bottom {
	float: left;
	height: 30px;
	width: 750px;
	background-color: #000000;
	color: #999999;
	font-size: 9px;
	}
#bottom_left {
	float:left;
	padding-left:10px;
	padding-top:3px;
	width: 240px;
	height: 30px;
	text-align: left;
	vertical-align: middle;
}
#bottom_middle {
	float:left;
	padding-top:10px;
	width: 250px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}
#bottom_right {
	padding-rightt:10px;
	padding-top:2px;
	float:left;
	width: 240px;
	height: 30px;
	text-align: right;
	color: #FFFFFF;
}
	
	
.flag {
	border: 0px;
	vertical-align: middle;
	padding-top: 7px;
	}
	
.sc {
	/*width:281px;*/
	height:405px;
	overflow:scroll;
	overflow-y: scroll;
	overflow-x:hidden;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	SCROLLBAR-FACE-COLOR: #ADADAD;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-ARROW-COLOR: #333333;
	SCROLLBAR-TRACK-COLOR: #CCCCCC;
	SCROLLBAR-BASE-COLOR: #666666;
	scrollbar-3d-light-color: #FF0000;

	}



/* MENU ---------------------*/

#nav {
	padding: 0px; 
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 140px; 
	LIST-STYLE-TYPE: none
}
#nav UL {
	padding: 0px;
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 140px; 
	LIST-STYLE-TYPE: none
}
#nav LI {
	FLOAT: left; 
	MARGIN-BOTTOM: -1px; 
	WIDTH: 140px; 
	POSITION: relative
}
#nav LI UL {
	MARGIN-TOP: -25px; 
	LEFT: -999em;
	MARGIN-LEFT: 140px;
	POSITION: absolute;
}

#nav LI UL UL {
	LEFT: -999em;
}
#nav LI A {
	BORDER-RIGHT: 1px solid #ccc;
	border-left: none;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 1px solid #ccc;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: none;
	WIDTH: 129px;
	height: 23px;
	COLOR: white;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 1px solid #ccc;
	BACKGROUND-COLOR: black;
	TEXT-DECORATION: none;
	font-size: 14px;
}
#nav li ul a {
	padding-top:1px;
	height:18px;
	font-size: 12px;
	/*opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;	*/
	}
#nav LI A:hover {
	COLOR: black; 
	BACKGROUND-COLOR: white
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI:hover UL UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	LEFT: auto;
}
#nav LI LI:hover UL {
	LEFT: auto;
}
#nav LI LI LI:hover UL {
	LEFT: auto;
}
#nav LI.sfhover UL {
	LEFT: auto;
}
#nav LI LI.sfhover UL {
	LEFT: auto;
}
#nav LI LI LI.sfhover UL {
	LEFT: auto;
}