@charset "utf-8";
/* CSS Document */

body
{ 
        margin: 0px;
        background-color: #000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

#totaal
{
position: absolute;
background-color: #transparant;
overflow: hidden;
height: 700px;
margin-top: -350px;
top: 50%;
margin-left: -500px;
width: 1000px;
left: 50%;
}		

.tekst
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

a:link
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #fff;
	text-decoration: none;
}

a:active
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

a:visited 
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
}

a:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #00cc66;
}

#headerleeg
{
	position: absolute;
	width: 1000px;
	height: 107px;
	background-color: #transparant;
}

#menu
{
	position: absolute;
	width: 1000px;
	height: 22px;
        top: 107px;
	background-color: #transparant;
}

#deband
{
	position: absolute;
	width: 87px;
	height: 22px;
        left: 143px;
	background-image: url(assets/images/deband.jpg);
}

#debandmo
{
	position: absolute;
	width: 87px;
	height: 22px;
        left: 143px;
	background-image: url(assets/images/debandmo.jpg);
}

.mouse1
{
background-image: url(assets/images/debandmo.jpg);
width: 87px;
height: 22px;
}


.nomouse1
{
background-image: url(assets/images/deband.jpg);
color: #000000;
width: 87px;
height: 22px;
}

#repertoire
{
	position: absolute;
	width: 114px;
	height: 22px;
        left: 230px;
	background-image: url(assets/images/repertoire.jpg);
}

#repertoiremo
{
	position: absolute;
	width: 114px;
	height: 22px;
        left: 230px;
	background-image: url(assets/images/repertoiremo.jpg);
}

.mouse2
{
background-image: url(assets/images/repertoiremo.jpg);
width: 114px;
height: 22px;
}


.nomouse2
{
background-image: url(assets/images/repertoire.jpg);
color: #000000;
width: 114px;
height: 22px;
}

#fotos
{
	position: absolute;
	width: 70px;
	height: 22px;
        left: 344px;
	background-image: url(assets/images/fotos.jpg);
}

#fotosmo
{
	position: absolute;
	width: 70px;
	height: 22px;
        left: 344px;
	background-image: url(assets/images/fotosmo.jpg);
}

.mouse3
{
background-image: url(assets/images/fotosmo.jpg);
width: 70px;
height: 22px;
}


.nomouse3
{
background-image: url(assets/images/fotos.jpg);
color: #000000;
width: 70px;
height: 22px;
}

#media
{
	position: absolute;
	width: 68px;
	height: 22px;
        left: 414px;
	background-image: url(assets/images/media.jpg);
}

#mediamo
{
	position: absolute;
	width: 68px;
	height: 22px;
        left: 414px;
	background-image: url(assets/images/mediamo.jpg);
}

.mouse4
{
background-image: url(assets/images/mediamo.jpg);
width: 68px;
height: 22px;
}


.nomouse4
{
background-image: url(assets/images/media.jpg);
color: #000000;
width: 68px;
height: 22px;
}

#downloads
{
	position: absolute;
	width: 109px;
	height: 22px;
        left: 482px;
	background-image: url(assets/images/downloads.jpg);
}

#downloadsmo
{
	position: absolute;
	width: 109px;
	height: 22px;
        left: 482px;
	background-image: url(assets/images/downloadsmo.jpg);
}

.mouse5
{
background-image: url(assets/images/downloadsmo.jpg);
width: 109px;
height: 22px;
}


.nomouse5
{
background-image: url(assets/images/downloads.jpg);
color: #000000;
width: 109px;
height: 22px;
}

#agenda
{
	position: absolute;
	width: 81px;
	height: 22px;
        left: 591px;
	background-image: url(assets/images/agenda.jpg);
}

#agendamo
{
	position: absolute;
	width: 81px;
	height: 22px;
        left: 591px;
	background-image: url(assets/images/agendamo.jpg);
}

.mouse6
{
background-image: url(assets/images/agendamo.jpg);
width: 81px;
height: 22px;
}


.nomouse6
{
background-image: url(assets/images/agenda.jpg);
color: #000000;
width: 81px;
height: 22px;
}

#links
{
	position: absolute;
	width: 64px;
	height: 22px;
        left: 672px;
	background-image: url(assets/images/links.jpg);
}

#linksmo
{
	position: absolute;
	width: 64px;
	height: 22px;
        left: 672px;
	background-image: url(assets/images/linksmo.jpg);
}

.mouse7
{
background-image: url(assets/images/linksmo.jpg);
width: 64px;
height: 22px;
}


.nomouse7
{
background-image: url(assets/images/links.jpg);
color: #000000;
width: 64px;
height: 22px;
}

#contact
{
	position: absolute;
	width: 83px;
	height: 22px;
        left: 736px;
	background-image: url(assets/images/contact.jpg);
}

#contactmo
{
	position: absolute;
	width: 83px;
	height: 22px;
        left: 736px;
	background-image: url(assets/images/contactmo.jpg);
}

.mouse8
{
background-image: url(assets/images/contactmo.jpg);
width: 83px;
height: 22px;
}


.nomouse8
{
background-image: url(assets/images/contact.jpg);
color: #000000;
width: 83px;
height: 22px;
}

#fotody
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
        overflow: hidden;
	background-image: url(assets/images/fotody.jpg);
}

#fotodygerjo
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodygerjo.jpg);
}

#fotodyerik
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodyerik.jpg);
}

#fotodyfemke
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodyfemke.jpg);
}

#fotodyrutger
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodyrutger.jpg);
}

#fotodyruud
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodyruud.jpg);
}

#fotodydanny
{
	position: absolute;
	width: 802px;
	height: 571px;
        top: 129px;
        left: 86px;
	background-image: url(assets/images/fotodydanny.jpg);
}

#infol
{
	position: absolute;
	width: 376px;
	height: 324px;
	top: 58px;
        font: Verdana, Arial, Helvetica, sans-serif;
	background-color: #transparant;
        overflow: hidden;
        padding-left: 60px;
        padding-top: 30px;
        padding-right: 40px;
}

#infor
{
	position: absolute;
	width: 286px;
	height: 324px;
	top: 58px;
        left: 476px;
        font: Verdana, Arial, Helvetica, sans-serif;
	background-color: #transparant;
        padding-left: 20px;
        padding-top: 30px;
        padding-right: 20px;
}

#infogeheel
{
	position: absolute;
	width: 702px;
	height: 324px;
	top: 58px;
        font: Verdana, Arial, Helvetica, sans-serif;
	background-color: #transparant;
        overflow: auto;
        padding-left: 60px;
        padding-top: 30px;
        padding-right: 40px;
}

#infoband
{
	position: absolute;
	width: 326px;
	height: 354px;
	top: 58px;
        left: 476px;
	background-color: #transparant;
}

#footer
{
	position: absolute;
	width: 802px;
	height: 21px;
	top: 679px;
        left: 86px;
	text-decoration: none;
        font: Verdana, Arial, Helvetica, sans-serif;
	font-color: #fff;
	font-size: 11px;
	background-color: #transparant;
}