/* style heuvelrugmuziekschool.nl	*/
/* basic 								*/

/* NIET hieronder img, table, caption,tbody,tfoot thead, tr th,td */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin:0px;
padding:0px;
}


body  { font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
text-decoration: none;
background: url(../img/bg_wrapper2.jpg) repeat-y left top;
text-align: center;
}

table  { font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
text-decoration: none;
margin-bottom:7px;
}

/* positionering						*/
#dummy{ }

#container {
	width: 956px;
	padding: 0px;
	margin: 10px auto 0 auto;
	border-color: #3A5B4D;
	border-style: solid;
	border-width: 2px;
	text-align: left;
	background: #fff;
}

#toplogo {
width:950px;
height:182px;
background: url(../img-site/topimage.jpg) no-repeat 6px 5px;
clear: both;
}

#leftbar{
float: left;
display:inline;
margin: 0 0 0 4px;
padding: 0px 0px;
width: 190px;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

#rightbar{

float:right;
display:inline;
margin: 0px 4px 0px 0px;
padding: 0px 4px 0px 4px;
width: 254px;

font-family:verdana, helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

#mainbar {

float: left;
display:inline;
width: 450px;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 22px;
border-right: 1px solid #caa4a4;
font-size:13px;

}

#bigmainbar {
float: left;
display:inline;
width: 550px;
margin: 0px 0px 0px 90px;
padding: 0px 15px 0px 15px;

border-left: 1px solid #caa4a4;
border-right: 1px solid #caa4a4;
font-size:13px;
}

#footer{
color: #333;
font-size: 11px;
background: #eaebe5 url(../img-site/footer2010.jpg) no-repeat 3px top;
text-align: center;
text-indent: 0px;
margin-top: 0px;
padding-top: 5px;
border-top: 0px solid #97b9c9;

width: 956px;
height: 73px;
}

#downwrapper {
	padding: 0px;
	width: 956px;
	color:#dfffff;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;
}
#downwrapper a{color:#EBF5E8}

hr.clearer {
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	margin:0 0 0 0;
	clear: both;
}



#leftbar h1 { color: #369; font-weight: bold; font-size: 16px; font-family: arial, verdana, helvetica, geneva, sans-serif;text-align:left;
padding-bottom:2px;
}
#leftbar h2 { color: #cb2628; font-weight: bold; font-size: 12px; font-family: geneva, arial, verdana, helvetica, sans-serif ;text-align:left;
padding-bottom:2px;
}
#leftbar h3 { color: #848484; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
}
#leftbar h4 { color: #8a92af; font-style: italic; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
}
#leftbar h5 { color: #545d37; background: #a9cebc;font-weight: bold; padding-left:3px;font-size: 12px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
margin-bottom:2px;
}

#leftbar h7 { color: #369; background: #ddeff9;font-weight: bold;font-style:italic; padding-left:3px;padding-right:3px;font-size: 10px; font-family: verdana,arial,helvetica, geneva, sans-serif ;text-align:left}
#leftbar p{
color: #4a6552;
line-height: 1.3em;
text-align: left;
padding-bottom:10px;
}



#rightbar p{
color: #4a6552;
line-height: 1.3em;
text-align: justify;
padding-bottom:10px;
}
#rightbar h1 { color: #369; font-weight: bold; font-size: 16px; font-family: arial, verdana, helvetica, geneva, sans-serif;text-align:left;
padding-bottom:2px;
}
#rightbar h2 { color: #cb2628; font-weight: bold; font-size: 13px; font-family: geneva, arial, verdana, helvetica, sans-serif ;text-align:left;
padding-bottom:2px;
}
#rightbar h3 {
color: #848484;
color: #336699;
font-weight: bold; font-size: 13px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
}
#rightbar h4 { color: #8a92af; font-style: italic; font-weight: bold; font-size: 13px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
}
#rightbar h5 { color: #545d37; background: #a9cebc;font-weight: bold; padding-left:3px;font-size: 12px;
font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
padding-bottom:2px;
margin-bottom:2px;
}

#rightbar h7 { color: #369; background: #ddeff9;font-weight: bold;font-style:italic; padding-left:3px;padding-right:3px;font-size: 11px; font-family: verdana,arial,helvetica, geneva, sans-serif ;text-align:left}



#mainbar p {
color: #424242;
line-height: 1.3em;
text-align: left;
padding-bottom:10px;
}
/* om centering te forceren gebruik class midden (in de maintekstbar) */
#mainbar .midden {text-align:center;}
#mainbar table {color: #424242;}
#mainbar ul,ol {color: #424242; line-height: 16px; text-align: left; }




#bigmainbar p { color: #424242; line-height: 16px; text-align: left;
padding-bottom:10px;
}
/* om centering te forceren gebruik class midden (in de maintekstbar) */
#bigmainbar .midden {text-align:center;}
#bigmainbar table {color: #424242;}
#bigmainbar ul,ol {color: #424242; line-height: 16px; text-align: left; }

/* disclaimer is id die nog in de div mainbar wordt geplaatst, onderin */
#disclaimer p{ color: #808080; font-size: 13px; text-align: center;text-indent:0px; padding-top: 4px; border-top: 1px solid #898989;}

#footer p{
padding-bottom:10px;
color:#333;
}
#footer a{
color:#333;
}


/* headers */
h1 { color: #211f5f; font-weight: bold; font-size: 22px; font-family: arial, verdana, helvetica, geneva, sans-serif;text-align:left;padding-bottom:4px; }
h2 { color: #cb2628; font-weight: bold; font-size: 16px; font-family: geneva, arial, verdana, helvetica, sans-serif ;text-align:left;padding-bottom:4px;}
h3 { color: #336699; font-weight: bold; font-size: 15px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;padding-bottom:4px;}
h4 { color: #8a92af; font-style: italic; font-weight: bold; font-size: 15px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;padding-bottom:4px;}
h5 { color: #e2f5b4; background: #336699;font-weight: bold; padding-left:3px;font-size: 15px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left;
margin-bottom:4px;
padding-bottom:2px;
}
/* h7 is uitsluitend voor het printen van een paginakop, geen scherm! */

h7 {display:none}
h6 { color: #369; background: #ddeff9;font-weight: bold;font-style:italic; padding-left:3px;padding-right:3px;font-size: 12px; font-family: verdana,arial,helvetica, geneva, sans-serif ;text-align:left;padding-bottom:4px;}

.alleenprint {display:none}

/* a element */

p a:link   { color: #B06660; text-decoration: none;display: inline; margin-left: 0px; padding-left: 0px; }
p a:active   { color: olive; text-decoration: none;display:inline; margin-left: 0px; padding-left: 0px; }
p a:visited   { color: #B06660; text-decoration: none ;display: inline; margin-left: 0px; padding-left: 0px; }
p a:hover   { color: maroon; text-decoration: underline ;display: inline; margin-left: 0px; padding-left: 0px; }

a:link   { color: #B06660; text-decoration: none;display: inline; margin-left: 0px; padding-left: 0px; }
a:active   { color: olive; text-decoration: none;display: inline;  margin-left: 0px; padding-left: 0px; }
a:visited   { color: #B06660; text-decoration: none ;display: inline; margin-left: 0px; padding-left: 0px; }
a:hover   { color: maroon; text-decoration: underline ;display: inline; margin-left: 0px; padding-left: 0px; }


/* opmaak	       */
/* classes gebruikt in de fckeditor en in de praktijk zijn:
kadertekst
geenprint
f10
f11
url
Hieronder staan er meer, maar die kunnen in feite weg */


#mainbar .kadertekst, #bigmainbar .kadertekst {
color: #424242;
line-height: 1.3em;
font-size: 13px;
margin:0 0 15px 0;
padding: 4px 3px 4px 3px;
border: solid 1px #336699;
background:#f9f9f9;
}

#leftbar .kadertekst, #rightbar .kadertekst {
color: #424242;
line-height: 1.3em;
font-size: 12px;
font-family:arial,helvetica;
margin:0 0 15px 0;
padding: 4px 3px 4px 3px;
border: solid 1px #336699;
background:#f9f9f9;
}


#mainbar td {color:#424242;}
/* voor de tabelcellen met de thumbs */
.thcel1 {
}


.url {font-style:italic;
font-size:11px;
}
.heuvelgroen {
background:#a9cebc;
color:#000;
}
/* omdat geenprint door fckeditor alleen als div en geen p wordt gepakt
de onderstaande tekstattributen bij deze class vermelden
*/
.geenprint {
color: #424242; line-height: 16px; text-align: justify;
}

.subkop{
color: #211f5f; font-weight: bold;
}

/* opmaak die je bijna nooit nodig hebt */
.f22 { font-size:22px }
.f20 { font-size:20px }
.f19 { font-size:19px }
.f18 { font-size:18px }
.f16 { font-size:16px }
.f14 { font-size:14px }
.f12 { font-size:12px }
.f11 { font-size:11px }
.f10 { font-size:10px }
.f9 { font-size:9px }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;}
    
/* nodig: toplogo in deze id div die cleart */

.rechtstekst
{ color: #724949;
font-size: 11px;
line-height: 15px;
font-family: verdana, helvetica, sans-serif;
margin-left: 0px;
}


/* voorgebakken stijlen te kiezen in menubewerking */
.mdik{font-weight:bold;}
.mschuin{font-style:italic;}


.maqua a{color:aqua;}
.mblack a{color:black;}
.mblue a{color:blue;}
.mfuchsia a{color:fuchsia;}
.mgray a{color:gray;}
.mgreen a{color:green;}
.mlime a{color:lime;}
.mmaroon a{color:maroon;}
.mnavy a{color:navy;}
.molive a{color:olive;}
.mpurple a{color:purple;}
.mred a{color:red;}
.msilver a{color:silver;}
.mteal a{color:teal;}
.mwhite a{color:white;}
.myellow a{color:yellow;}

.mbgaqua a{background-color:aqua;}
.mbgblack a{background-color:black;}
.mbgblue a{background-color:blue;}
.mbgfuchsia a{background-color:fuchsia;}
.mbggray a{background-color:gray;}
.mbggreen a{background-color:green;}
.mbglime a{background-color:lime;}
.mbgmaroon a{background-color:maroon;}
.mbgnavy a{background-color:navy;}
.mbgolive a{background-color:olive;}
.mbgpurple a{background-color:purple;}
.mbgred a{background-color:red;}
.mbgsilver a{background-color:silver;}
.mbgteal a{background-color:teal;}
.mbgwhite a{background-color:white;}
.mbgyellow a{background-color:yellow;}

#navcontainer .maqua a{color:aqua;}
#navcontainer .mblack a{color:black;}
#navcontainer .mblue a{color:blue;}
#navcontainer .mfuchsia a{color:fuchsia;}
#navcontainer .mgray a{color:gray;}
#navcontainer .mgreen a{color:green;}
#navcontainer .mlime a{color:lime;}
#navcontainer .mmaroon a{color:maroon;}
#navcontainer .mnavy a{color:navy;}
#navcontainer .molive a{color:olive;}
#navcontainer .mpurple a{color:purple;}
#navcontainer .mred a{color:red;}
#navcontainer .msilver a{color:silver;}
#navcontainer .mteal a{color:teal;}
#navcontainer .mwhite a{color:white;}
#navcontainer .myellow a{color:yellow;}

#navcontainer .mbgaqua a{background-color:aqua;}
#navcontainer .mbgblack a{background-color:black;}
#navcontainer .mbgblue a{background-color:blue;}
#navcontainer .mbgfuchsia a{background-color:fuchsia;}
#navcontainer .mbggray a{background-color:gray;}
#navcontainer .mbggreen a{background-color:green;}
#navcontainer .mbglime a{background-color:lime;}
#navcontainer .mbgmaroon a{background-color:maroon;}
#navcontainer .mbgnavy a{background-color:navy;}
#navcontainer .mbgolive a{background-color:olive;}
#navcontainer .mbgpurple a{background-color:purple;}
#navcontainer .mbgred a{background-color:red;}
#navcontainer .mbgsilver a{background-color:silver;}
#navcontainer .mbgteal a{background-color:teal;}
#navcontainer .mbgwhite a{background-color:white;}
#navcontainer .mbgyellow a{background-color:yellow;}

#navcontainer{
width:100%;
padding-bottom:20px;


}

 #navcontainer ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width:100%;
 }

#navcontainer li { margin: 0 0 .2em 0; }

 #navcontainer a
 {
 display: block;
 color: #333;
 background-color: #f7efde;
 width: 100%;
 padding: .1em 0 .1em .3em;
 text-decoration: none;
 }

#navcontainer .kopje a
 {
 display: block;
 color: #545d37;
 background-color: #a9cebc;
 font-weight:bold;
 width: 100%;
 padding: .1em 0 .1em .3em;
 text-decoration: none;
 }

 #navcontainer a:hover
 {
 background-color: #369;
 color: #e7f9b5;
 }
 
#navcontainer .level2 a{
	padding-left:10px;
	width:184px;
		color: #000066;
 		background-color: #f7efde;
 		text-decoration: none;
 		font-weight:normal;
	}
 #navcontainer .level2 a:hover
 {
 background-color: #369;
 color: #e7f9b5;
 }	

#navcontainer .level3 a{
	padding-left:20px;
	width:174px;
	color: #000066;
 	background-color: #f7efde;
 	text-decoration: none;
 	font-weight:normal;
	}	
#navcontainer .level3 a:hover
 {
 background-color: #369;
 color: #e7f9b5;
 }