@import url("navigatie.css");
@import url("basis.css");

html, body {margin: 0; padding: 0;}
html {overflow: -moz-scrollbars-vertical;}

body
{
	text-align:center;
}

#wrap
{
	margin:0px auto;
	position:relative;
	text-align:left;
	width:860px;
}

#header
{
	height:73px;
	cursor:pointer;
}
/* Afbeeldingen lint */
#header.home { background:url('../images/home_total.png') no-repeat white 0 23px; }
#header.brass { background:url('../images/brass_total.png') no-repeat white 0 23px; }
#header.flute { background:url('../images/flute_total.png') no-repeat white 0 23px;}
#header.trumpet { background:url('../images/trumpet_total.png') no-repeat white 0 23px;}

/* Afbeeldingen instrument in de header */
#brass { position:absolute;left:301px;top:0px; }
#flute { position:absolute;left:60px;top:0px;z-index:0; }
#trumpet { position:absolute;left:220px;top:0px;z-index:0; }

#container
{
	background:url('../images/wrap-bg.gif') white repeat-y;
	float:left;
}

#menu
{
	width:200px;
	height:300px;
	background:white;
	float:left;
	text-align:center;
	padding-top:1px;
	position:relative;
	z-index:2;
}

/*
 * menu
 * Achtergrondafb. gaan in FF etc. niet goed zonder a{display:block}, maar
 * dan krijgt IE extra ruimte om de li
 * Met 2 keer float:left lukt het ook.
 */
 
#menu li a
{
	float:left;
}
#menu li
{
	z-index:99;
	float:left;
	height:37px;
}

#menu #trial
{
	height:195px;
	border-left:1px solid #d9c8a4;
	border-right:1px solid #d9c8a4;
	padding:20px 12px;
	background:white;
	float:left;
	width:174px;
	line-height:1.3em;
}


#menu #mail
{
	border:1px solid #d9c8a4;
	border-right:1px solid #d9c8a4;
	padding:10px 12px;
	background:white;
	width:174px;
	float:left;
}

#content
{
	width:460px;
	min-height:400px; /* > 800 */
	margin:0px;
	padding-top:200px;
	padding-right:180px;
	padding-left:20px;
	float:right;
}
#content.brass
{
	background:url('../images/horn_right.gif') no-repeat white 496px -12px;
}
#content.trumpet
{
	background:url('../images/trumpet_right.gif') no-repeat white 458px 0px;
	min-height:600px;
}
#content.flute
{
	background:url('../images/flute_right.gif') no-repeat white 496px 30px;
	padding-top:100px;
	min-height:620px;
}

#content.home
{
	padding-top:20px;
	min-height:700px;
}

/* Afbeeldingen home */
#horn_instr { position:absolute;	left:106px;	top:324px;  z-index:3; }
#flute_instr { position:absolute;	left:480px;	top:207px; }
#trumpet_instr { position:absolute;	left:600px;	top:167px; }
	
#footer
{
	color:white;
	text-transform:uppercase;
	font-size:0.75em;
	background:#956f2a;
	line-height:0.75em;
	padding:6px 0 5px 0;
	float:left;
	width:860px;
	text-align:center;
	margin-bottom:2em;
}

#mp3player
{
	margin-bottom:20px;
}