.buiten{background-color: white}

.buitenl
{	background-image: url(plaatjes/plaatjelinks.jpg);
	background-attachment: fixed}

.buitenr
{	background-image: url(plaatjes/plaatjerechts.jpg);
	background-attachment: fixed}

.kop
{	background-image: url(plaatjes/achtergronda.gif);
	background-attachment: fixed;
	background-color: white}

.onderkant
{	width: 166px;
	height: 46px;
	margin-left: 0px;
	margin-top: 0px;
    line-height: 13px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 9pt;
    color: black;
	border: 2px solid;
	border-color: #D0D0D0 #606060 #606060 #D0D0D0;
	padding: 2px 2px 2px 2px; }

.euterpe
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #FFFFEE;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px; }

.slagwerkgroep
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #FFEEFF;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.zandlopers
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #EEEEDD;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.leerlingenorkest
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #DDEEFF;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.fanfare
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #EEFFFF;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.bestuur
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #EEEEFF;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.siteinfo
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #EEFFEE;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.actueel
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #FFEEEE;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

.historisch
{	background-image: url(plaatjes/achtergrond2a.gif);
	background-attachment: fixed;
	background-color: #EEEEEE;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	padding: 0px 15px 0px 15px}

#header
{	width: 540px;
	height: 85px;
	background-image:url(plaatjes/euterpeheader.jpg);
    background-position:0px 0px;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px 0px 0px 0px}

.schaal
{	width: 120px;
	height: 31px;
	margin-left: 480px;
	margin-right: 0px;
	margin-top: -30px;
	padding: 3px 1px 0px 0px}

.W3C
{	width: 57px;
	height: 31px;
	margin-left: 595px;
	margin-right: 0px;
	margin-top: -30px;
	padding: 3px 1px 0px 0px}

.grootte
{	width: 57px;
	height: 29px;
	margin-left: 540px;
	margin-right: 0px;
	margin-top: -28px;
	padding: 3px 1px 0px 0px}

.plaatjes
{	width: 154px;
	height: 235px;
	margin-left: -15px;
	margin-right: 0px;
	margin-top: -11px;
	padding: 0px 0px 0px 0px}

.zoeken
{	width: 150px;
	height: 90px;
	margin-left: -15px;
	margin-right: 0px;
	margin-top: -4px;
	padding: 0px 0px 0px 0px}

.teksthomepage
{	width: 510px;
	height: 235px;
	margin-left: 140px;
	margin-right: 0px;
	margin-top: -345px;
    line-height: 16px;
	padding: 0px 0px 0px 0px}

.tekst
{	width: 510px;
	height: 235px;
	margin-left: 140px;
	margin-right: 0px;
	margin-top: -233px;
    line-height: 16px;
	padding: 0px 0px 0px 0px}

.pad
{	width: 530px;
	height: 31px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 0px 0px 0px}

.spatieregel
{   line-height: 12px;}

/* Hieronder staat de css-info voor het menu */

/* 1. Het gebruikte lettertype op de menubalk */
div.WinBalk,
div.WinBalk a.WinKnop,
div.menu,
div.menu a.WinItem
{	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px }

/* 2. De menubalk */
div.WinBalk
{	border: 2px solid;
	border-color: #D0D0D0 #606060 #606060 #D0D0D0;
	padding: 5px 2px 6px 8px;
	text-align: left;}

/* 3. De knoppen op de menubalk */
div.WinBalk a.WinKnop
{	background-color: #B0B0B0;
	border: 2px solid;
	border-color: #D0D0D0 #606060 #606060 #D0D0D0;
	color: blue;
	cursor: default;
	left: 0px;
	margin: 1px;
	padding: 1px 6px 1px 6px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 50}

/* De kleur bij muisover van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop:hover
{	background-color: #A0A0A0;
	border: 2px solid;
	border-color: #606060 #D0D0D0 #D0D0D0 #606060;
	left: 1px;
	top: 1px; 
	color: white}

/* De kleur van de actieve (= aangeklikte) tekst op de bovenste menubalk */
div.WinBalk a.WinKnopActive,
div.WinBalk a.WinKnopActive:hover
{	background-color: #A0A0A0;
	border-color: #606060 #D0D0D0 #D0D0D0 #606060;
	color: white;
	left: 1px;
	top: 1px}

/* De achtergrondkleur van de submenu's */
div.menu
{	background-color: #B0B0B0;
	border: 2px solid;
	border-color: #D0D0D0 #606060 #606060 #D0D0D0;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;}

/* De 'normale' tekstkleur van de submenu's */
div.menu a.WinItem
{	color: blue;
	cursor: default;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap}

/* Achtergrondkleur en tekstkleur submenu's bij mouseover */
div.menu a.WinItem:hover, div.menu a.WinItemOplichten {
  background-color: #A0A0A0;
  color: white;}
div.menu a.WinItem span.WinItemText {}
div.menu a.WinItem span.WinItempijltje {
  margin-right: -.75em;}
div.menu div.WinItemlijntje {
  border-bottom: 1px solid #D0D0D0; 
  border-top: 1px solid #606060; 
  margin: 4px 2px;}

A:link             { color: blue; background-color: transparent; text-decoration: none; }
A:visited          { color: blue; background-color: transparent; text-decoration: none; }
A:active           { color: black; background-color: transparent; }
A.speciaal:link    { color: blue; background-color: transparent; }
A.speciaal:visited { color: black; background-color: transparent; }
A.speciaal:active  { color: lime; background-color: transparent; }