/* 
** flowertree - default stylesheet
** This CSS file makes the website look pretty ;-)
** 
** Nov 18, 2006 - (version 1.0)
** 
** This is a part of the open source layout by 
** Jonas John (www.jonasjohn.de) !
*/

/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	padding-left: 2em;	
}


#container{
	height: 600px;
	width: 1100px;
	padding-top: 60px;
	padding-left: 110px;
	background-image: url(../images/muzieklogo3.png);
	background-repeat: no-repeat;
	background-position: 25px 25px;
}


.a_overons  {
background-color: #D119AC; 
}

.b_cursussen {
background-color: #FF8E1C; 
}

.d_inschrijven {
background-color: #FF1457;
}

.e_contact {
background-color:#16BAB7;
}

.f_nieuws {
background-color: #463578;
}

.a_text  {
	color: #D119AC;
}

.b_text {
	color: #FF8E1C;
}

.d_text {
	color: #FF8E1C;
}

.e_text {
	color: #118C89;
}

.f_text {
	color: #463578;
}

.page {
	/* Page width: */
	width: 74%;
}

.underline{
	text-decoration: underline;
}

.italic{
	font-style: italic;
	font-size: 9px;
}
.hometext{
	font-size: 11px;
	line-height: 20px;
}

/* voor postionering op de pagina*/
#contentbox {
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}


/* menu tabs, for all pages (a-f) at the bottom*/
#menubox, #menuabox, #menubbox, #menudbox, #menuebox, #menufbox {
	height: 16px;
	margin-top: 2px;
}

#menubox ul, #menuabox ul, #menubbox ul, #menudbox ul, #menuebox ul, #menufbox ul{
	margin: 0;
	float: left;
	padding: 0px;
}

#menubox ul li, #menuabox ul li, #menubbox ul li, #menudbox ul li, #menuebox ul li, #menufbox ul li {
	display: inline;
	background-color: #FFFFFF;
	width: 390px;
}

/* menu tabs tweede rij, for all pages (a-f) at the bottom*/
#menubox2, #menuabox2, #menubbox2, #menudbox2, #menuebox2, #menufbox2 {
	height: 16px;
	margin-top: 7px;
}

#menubox2 ul, #menuabox2 ul, #menubbox2 ul, #menudbox2 ul, #menuebox2 ul, #menufbox2 ul{
	margin: 0;
	float: left;
	padding: 0px;
}

#menubox2 ul li, #menuabox2 ul li, #menubbox2 ul li, #menudbox2 ul li, #menuebox2 ul li, #menufbox2 ul li {
	display: inline;
	background-color: #FFFFFF;
	width: 390px;
}

#menubox.adres, #menuabox.adres, #menubbox.adres, #menudbox .adres, #menuebox.adres, #menufbox.adres {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 560px;
	margin-left: 390px;
	padding-top: 4px;
	margin-top: 0px;
}
#menuabox.adres, #menubbox.adres, #menudbox.adres, #menuebox.adres {
	color: #463578;
}

#menufbox.adres {
	color: #D119AC;
}
/* end menu tabs tweede rij, for all pages (a-f) at the bottom*/


#adresboxHome{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	width: 560px;
	margin-left: 248px;
}

#adresboxHome a:link{
	color: #FF66CC;
}

#adresboxHome a:hover, #adresboxHome a:visited{
color: #FF97DD;
}
#menubox ul li a, #menubox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAC0B5;
	border-left-color: #DAC0B5;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

#menubox ul li a:hover, #menubox2 ul li a {
	background-color: #DAC0B5;
	color: #FFFFFF;
}

/* menabox is voor de a pagina's*/
#menuabox ul li a, #menubox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D119AC;
	border-left-color: #D119AC;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

#menuabox ul li a:hover, #menuabox2 ul li a:hover {
	background-color: #463578;
	color: #FFFFFF;
}
/* menbbox is voor de b pagina's*/
#menubbox ul li a{
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF8E1C;
	border-left-color: #FF8E1C;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

/* menbbox is voor de b pagina's*/
#menubbox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF8E1C;
	border-left-color: #FF8E1C;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}
#menubbox ul li a:hover, #menubbox2 ul li a:hover {
	background-color: #463578;
	color: #FFFFFF;
}

/* mendbox is voor de d pagina's*/
#menudbox ul li a, #menudbox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF1457;
	border-left-color: #FF1457;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

#menudbox ul li a:hover, #menudbox2 ul li a:hover {
	background-color: #16BAB7;
	color: #FFFFFF;
}
/* menebox is voor de e pagina's*/
#menuebox ul li a, #menuebox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #16BAB7;
	border-left-color: #16BAB7;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

#menuebox ul li a:hover, #menuebox2 ul li a:hover {
	background-color: #FF1457;
	color: #FFFFFF;
}
/* menfbox is voor de f pagina's*/
#menufbox ul li a, #menufbox2 ul li a {
	color: #333333;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #463578;
	border-left-color: #463578;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 13px;
}

#menufbox ul li a:hover, #menufbox2 ul li a {
	background-color: #D119AC;
	color: #FFFFFF;
}
/*actieve button menubox*/
#menufbox ul li a.active:link, #menufbox ul li a.active:visited, #menufbox ul li a.active:active, 
#menufbox ul li a.active:hover,
#menufbox2 ul li a.active:link, #menufbox2 ul li a.active:visited, #menufbox2 ul li a.active:active, 
#menufbox2 ul li a.active:hover {
	background-color: #D119AC;
	color: #FFFFFF;
} 

#menubbox ul li a.active:link, #menubbox ul li a.active:visited, #menubbox ul li a.active:active, 
#menubbox ul li a.active:hover,
#menubbox2 ul li a.active:link, #menubbox2 ul li a.active:visited, #menubbox2 ul li a.active:active, 
#menubbox2 ul li a.active:hover {
	background-color: #463578;
	color: #FFFFFF;
} 

#menudbox ul li a.active:link, #menudbox ul li a.active:visited, #menudbox ul li a.active:active, 
#menudbox ul li a.active:hover,
#menudbox2 ul li a.active:link, #menudbox2 ul li a.active:visited, #menudbox2 ul li a.active:active, 
#menudbox2 ul li a.active:hover {
	background-color: #16BAB7;
	color: #FFFFFF;
}

#menuebox ul li a.active:link, #menuebox ul li a.active:visited, #menuebox ul li a.active:active, 
#menuebox ul li a.active:hover,
#menuebox2 ul li a.active:link, #menuebox2 ul li a.active:visited, #menuebox2 ul li a.active:active, 
#menuebox2 ul li a.active:hover { 
	background-color: #FF1457;
	color: #FFFFFF;
}

#menuabox ul li a.active:link, #menuabox ul li a.active:visited, #menuabox ul li a.active:active, 
#menuabox ul li a.active:hover,
#menuabox2 ul li a.active:link, #menuabox2 ul li a.active:visited, #menuabox2 ul li a.active:active, 
#menuabox2 ul li a.active:hover {
	background-color: #463578;
	color: #FFFFFF;
}



/*einde actieve buttons menubox*/
#padding {
	padding: 1em;
}

#innerpage {

	padding: 1em;
	height: 21.8em;
}

/* voor google maps positionering: */
.map{
	padding: 0px;
	background-color: #F2EFE9;
}
/* Background image several pages: */
.back_homepage {
	background-image: url(../images/backhomepage5.jpg);
	background-repeat: no-repeat;
}
.back_apages {
	background-image: url(../images/backspelen3.jpg);
	background-repeat: no-repeat;
}

.back_aizebrandpages {
	background-image: url(../images/backgrizebrand.jpg);
	background-repeat: no-repeat;
}
.back_amariannepages {
	background-image: url(../images/backmarianne.jpg);
	background-repeat: no-repeat;
}
.back_bpages {
	background-image: url(../images/backgcursnoten.jpg);
	background-repeat: no-repeat;
}

.back_bspelenmetprentenboek {
	background-image: url(../images/backprentenboek2.jpg);
	background-repeat: no-repeat;
}
.back_boverons {
	background-image: url(../images/backgoverons.jpg);
	background-repeat: no-repeat;
}

.back_bblokfluitmeisjes {
	background-image: url(../images/backgblokfluitmeisjes.jpg);
	background-repeat: no-repeat;
}

.back_bstreepjurk {
	background-image: url(../images/backgstreepjurk.jpg);
	background-repeat: no-repeat;
}
.back_bmeloenmeisje {
	background-image: url(../images/backgmeloenmeisje.jpg);
	background-repeat: no-repeat;
}

.back_bxilofoon {
	background-image: url(../images/backgcursusxilo2.jpg);
	background-repeat: no-repeat;
}

.back_bspelenmetmuziek {
	background-image: url(../images/backmeisjexilo.jpg);
	background-repeat: no-repeat;
}
.back_bprentenboek {
	background-image: url(../images/backgcursusprentenboek2.jpg);
	background-repeat: no-repeat;
}

.back_bblokfluit {
	background-image: url(../images/backgblokfluitnoot.jpg);
	background-repeat: no-repeat;
}
.back_baltblokfluit {
	background-image: url(../images/backgblokfluitalt.jpg);
	background-repeat: no-repeat;
}
.back_balt2blokfluit {
	background-image: url(../images/backaltos.jpg);
	background-repeat: no-repeat;
}
.back_bklarinetpages {
	background-image: url(../images/backklarinet1.jpg);
	background-repeat: no-repeat;
}

.back_bklarinetkind {
	background-image: url(../images/backgklarinetkind.jpg);
	background-repeat: no-repeat;
}

.back_bklarinetvolw{
	background-image: url(../images/backgklarinetvolw.jpg);
	background-repeat: no-repeat;
}

.back_bklarinetensemble{
	background-image: url(../images/backgklarinetensemble.jpg);
	background-repeat: no-repeat;
}
.back_bblokfluitensemble{
	background-image: url(../images/backgblokfluitensemble.jpg);
	background-repeat: no-repeat;
}
.back_bspelenpages {
	background-image: url(../images/backspelen4.jpg);
	background-repeat: no-repeat;
}
.back_dpages {
	background-image: url(../images/backinschrrijven2.jpg);
	background-repeat: no-repeat;
}

.back_epages {
	background-image: url(../images/backcontact.jpg);
	background-repeat: no-repeat;
}

.back_bactueel {
	background-image: url(../images/backactueel.jpg);
	background-repeat: no-repeat;
}
.back_fpages {
	background-image: url(../images/backgrklarinet2.jpg);
	background-repeat: no-repeat;
}

/* end Background image several pages: */

.backKlarinet {
	background-image: url(../images/backgrklarinet2.jpg);
	background-repeat: no-repeat;
}

.backLessenaar {
	background-image: url(../images/backgrlessenaars.jpg);
	background-repeat: no-repeat;
}

.backPrentenboek{
	background-image: url(../images/backprentenboek.jpg);
	background-repeat: no-repeat;
}

.backContact{
	background-image: url(../images/backcontact.jpg);
	background-repeat: no-repeat;
}
/*
 Styles that apply to the 
 content area:
*/

#content{
	background-color: #ffffff; 
	filter: Alpha(opacity=70); 
	opacity: .7; 
	float: right; 
	width: 29.8em; 
	height: 26em;
	padding: 0.5em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	overflow: auto;
}

#content  ul{
	list-style-type: none;
	list-style-position: outside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#content ul li{
	list-style-position: outside;
}

#content p {
	font-size: 0.85em;
	line-height: 18px;
	color: #000000;
}

#content ol{
	line-height: 16px;
}
/* heading */
#content h1, #contentForm h1 {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}

.intro{
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #D119AC;
}
.titel_a {
	color: #D119AC;
 }
 
.titel_b {
	color: #463578;
 }
 
.titel_d {
	color: #16BAB7;
 }
 
.titel_e {
	color: #FF1457;
 }
 
.titel_f {
	color: #463578;
 }
 
.ondertitel_e {
	color: #FF1457;
	font-size: 11px;
	font-style: italic;
 }
 
/* link colors */
#content a:link {
	color: #C2361D;
}

#content a:hover, #content a:active {
	color: #33201D;
}

#content a:visited {
	color: #892614;
}
/*
 Styles that apply to the 
 content area without transparancy:
*/
#contentTwo {
	background-color: #DAC0B4; 
	/*opacity: .7; */
	float: right; 
	width: 29.8em; 
	height: 26em;
	padding: 0.5em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	overflow: auto;
}
/* nav tabs, at the top */

#navbox, #navabox, #navbbox, #navdbox, #navebox,#navfbox {
	height: 40px;
	margin-bottom: 7px;
	/*background-image: url(../images/muziekop.gif);
	background-repeat: no-repeat;
	background-position: 15px bottom;
	top: 24px;
	bottom: 0px;*/
}

#navbox ul, #navabox ul, #navbbox ul, #navdbox ul, #navebox ul, #navfbox ul{
	margin: 0;
	float: right;
	width: 100%;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navbox ul li, #navabox ul li, #navbbox ul li, #navdbox ul li, #navebox ul li, #navfbox ul li {
	display: inline;
	background-color: #FFFFFF;
}

#navbox ul li a {
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAC0B5;
	border-left-color: #DAC0B5;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navbox ul li a:hover {
	background-color: #DAC0B5;
	color: #FFFFFF;
}
/* navabox is voor de a pagina's*/
#navabox ul li a
{
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #463578;
	border-left-color: #463578;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navabox ul li a:hover {
	background-color: #D119AC;
	color: #FFFFFF;
}

/* navbbox is voor de b pagina's*/
#navbbox ul li a
{
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF8E1C;
	border-left-color: #FF8E1C;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navbbox ul li a:hover {
	background-color: #463578;
	color: #FFFFFF;
}

/* navdbox is voor de d pagina's*/
#navdbox ul li a {
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF1457;
	border-left-color: #FF1457;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navdbox ul li a:hover {
	background-color: #16BAB7;
	color: #FFFFFF;
}
/* navebox is voor de e pagina's*/
#navebox ul li a
{
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #16BAB7;
	border-left-color: #16BAB7;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navebox ul li a:hover {
	background-color: #FF1457;
	color: #FFFFFF;
}
/* navfbox is voor de f pagina's*/
#navfbox ul li a {
	color: #333333;
	text-decoration: none;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D119AC;
	border-left-color: #D119AC;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
}


#navfbox ul li a:hover {
	background-color: #463578;
	color: #FFFFFF;
}
/* einde navboxen voor versch. pagina's*/

/* active homebutton in navbox*/
#navabox ul li a.active:link, #navabox ul li a.active:visited, #navabox ul li a.active:active, 
#navabox ul li a.active:hover {
	background-color: #D119AC;
	color: #FFFFFF;
}
/* einde navboxen voor versch. pagina'sactive homebutton in navbox*/

/*actieve button navbox*/
#navfbox ul li a.active:link, #navfbox ul li a.active:visited, #navfbox ul li a.active:active, 
#navfbox ul li a.active:hover {
	background-color: #463578;
	color: #FFFFFF;
} 

#navbbox ul li a.active:link, #navbbox ul li a.active:visited, #navbbox ul li a.active:active, 
#navbbox ul li a.active:hover {
	background-color: #463578;
	color: #FFFFFF;
} 

#navdbox ul li a.active:link, #navdbox ul li a.active:visited, #navdbox ul li a.active:active, 
#navdbox ul li a.active:hover {
	background-color: #16BAB7;
	color: #FFFFFF;
}

#navebox ul li a.active:link, #navebox ul li a.active:visited, #navebox ul li a.active:active, 
#navebox ul li a.active:hover {
	background-color: #FF1457;
	color: #FFFFFF;
}

#navabox ul li a.active:link, #mnavabox ul li a.active:visited, #navabox ul li a.active:active, 
#navabox ul li a.active:hover {
	background-color: #D119AC;
	color: #FFFFFF;
}
/*einde actieve buttons navbox*/

/* ziezoh box*/

#ziezohBox {
	color: #CCCCCC;
	height: 25px;
	width: 100px;
	margin-left: 955px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
}

#ziezohBox a {
	color: #CCCCCC;
	text-decoration: none;
}

#ziezohBox a: hover {
	color: #FFFFFF;
	text-decoration: none;
}

#ziezohBox a:visited {
	color: #999999;
	text-decoration: none;
}

#imageTovenaar {
	background-image: url(../images/g_tovenaar.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 77px;
}

/*contactformulier*/

/*#formTabel {
	margin-top: 0px;
	margin-left: 0px;
}

#formTabeladres {
	margin-top: 110px;
	margin-left: 245px;
}
#formulier {
	background-repeat: no-repeat;
	height: 395px;
	width: 533px;
	margin-top: 5px;
	margin-left: 221px;
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: 20px;
	top: 103px;
}*/


#contentForm {
	background-color: #ffffff; 
	filter: Alpha(opacity=70); 
	opacity: .7; 
	float: right; 
	width: 381px; 
	height: 26em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	overflow: auto;
}

#contentForm p {
	font-size: 0.9em;
	padding: 10px;
}
.button {
	color: #323232;								/* kleur van de buttontekst in het contactformulier */
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.postButton	 {									/* dit zijn de wis en verzend buttons in het contactformulier */
	color: #323232;								
	background-color: #B9BBC4;
	width: 60px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}									

.star {	
   color: #FF1457;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;											/* dit KLeur van het sterretje in het contactformulier */
}

.defaultErr {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*einde contactformulier*/