html,body{margin:0;padding:0;overflow:hidden}
body{background:url('img/bg.gif') repeat;font:normal 10px tahoma,sans-serif}
input,textarea{font:normal 11px tahoma,sans-serif}
textarea{overflow:auto}
.button{padding:0 8px 1px 8px;font:normal 11px tahoma,sans-serif;margin:1px 1px 1px 0;display:block;float:left;border:1px solid #000;background:#FC9201}
.button:hover{background:#FC0;cursor:pointer}
h1{display:none}
table{display:none}
div table{display:inline}
.overflow{width:170px;display:block;overflow:hidden}


div.menu{z-index:2;position:absolute;left:150px;top:150px;height:300px;width:150px;background:url('img/menu.gif')}
div.menu ul{list-style:none;margin:15px 0 0 15px;padding:0}
div.menu li{margin:0;padding:0}
div.menu li a{letter-spacing:1px;font:normal bold 13px/26px georgia,serif;color:#000;text-decoration:none}
div.menu li a:hover,div.menu li.x a{color:#B92C09}



img.wisselfoto{background:#FC0;position:absolute;display:block;top:0;left:0}
img.staticfoto{background:#FC0;position:absolute;display:block;top:300px;left:750px}



div.kleur{position:absolute;width:150px;height:150px}
div.k1{left:450px;top:450px;background-color:#FCBE04}
div.k2{left:150px;top:300px;background-color:#3E250E}
div.k3{left:900px;top:0;background-color:#E23605}
div.k4{left:0;top:450px;background-color:#3E250E}



.vlak{position:absolute;margin:0;padding:0;overflow:hidden}
.vlak a{color:#000;font-weight:bold}
.vlak a:hover{text-decoration:none}
.vlak p{line-height:1.4em;margin:10px}
.vlak h2{margin:10px;font:normal bold 13px georgia,serif;border-bottom:1px solid #000;padding-bottom:4px}
.vlak ul{margin:10px;padding:0;list-style:none}
.vlak ul li{margin:0;padding:0 0 4px 14px;background:url('img/lijst.gif') no-repeat 0 2px}
.vlak ul li.alt{background-image:url('img/lijs2.gif')}
.vlak ul li a{font-weight:normal}
.vlak table{width:430px;border-collapse:collapse;display:block}
.vlak td{border-bottom:1px solid #000;padding:2px;font-weight:bold;font-size:9px}
.vlak th{border-bottom:1px solid #000;padding:2px;font-weight:bold;font-size:9px;background:#FC0;text-align:left}



.homewelkom{width:150px;height:150px;top:0;left:300px;background:#FC0 url('img/admin.gif')}
.homenieuws{width:150px;height:150px;top:300px;left:300px;background:#FC0 url('img/bands.gif')}
.homemedia {width:300px;height:150px;top:150px;left:450px;background:#FC0 url('img/bands.gif')}
.homeagenda{width:300px;height:150px;top:300px;left:450px;background:#FC0 url('img/admin.gif')}



.nieuws {width:450px;height:300px;background:url('img/nieuws2.gif') fixed;top:0;left:300px;overflow:auto}
.nieuws .datum{display:block;font-size:10px}
.nieuwsitem{width:300px;height:300px;background:url('img/nieuws3.gif') fixed;top:150px;left:300px;overflow:auto}
.nieuwsitem .datum{font:normal 10px tahoma,sans-serif;margin-bottom:-9px;border-bottom:1px solid #000;padding:3px 0}



.biografie{width:450px;height:300px;background:url('img/bio.gif');top:0px;left:300px}
.jazz{width:450px;height:300px;background:url('img/bio.gif');top:0px;left:300px}



.bands1{height:450px;top:150px;left:300px;width:450px;background:url('img/bands.gif') no-repeat}
.bands1 h2{width:130px}
.bands1 dl{margin-top:30px}
.bands1 dl dt{width:130px;cursor:pointer;margin:-30px 10px 0 10px;text-decoration:underline;padding:15px 0 6px 14px;line-height:1.1em;background:url('img/lijst.gif') no-repeat 0 16px}
.bands1 dl dd{margin:0;display:none;position:absolute;top:0;left:140px;z-index:2;width:310px;height:450px;background:url('img/bands2.gif')}
.bands1 dl dd p{margin:5px 20px 10px}
.bands1 dl dd p.c{margin:0 0 10px 10px}
.bands1 dl dd ul{margin:10px 0 5px 20px}
.bands1 dl:hover dd{display:block}
.bands1 dl:hover dt{color:#B92C09}




.gastenboek{width:450px;height:450px;background:url('img/gastenboek.gif') fixed;top:0;left:300px;overflow:auto;overflow-x:hidden;overflow-y:auto;word-wrap:break-word}
.gastenboek table{width:264px;margin:0 10px 0}
.gastenboek table td{width:132px}
.gastenboek .fout li{font-weight:bold;line-height:1.25em}
.gastenboek div{position:relative}
.gastenboek .datum{font:normal 10px tahoma,sans-serif;margin:-13px 10px -9px;border-bottom:1px solid #000;padding:3px 0}
.gastenboek a img{border:0;vertical-align:bottom}
.gastenboek a img:hover{background:#FC3604}
.gastenboek cite{display:block;margin:7px 20px;font-style:italic}
.gastenboek cite span{display:block;font-style:normal;font-size:8px;letter-spacing:1px;margin-bottom:-4px;text-transform:uppercase}
.gastenboek form{padding:160px 0 20px}
.gastenboek ul{margin-bottom:30px}



.agenda{width:300px;height:450px;top:0;left:300px;background:url('img/agenda2.gif')}
.agenda h3{font:normal bold 12px georgia,sans-serif;margin:0;padding:0 5px 1px;border-bottom:1px solid #000}
.agenda table{width:300px;height:301px;padding:0;border:0;margin-top:170px}
.agenda td{padding:0;border:0;width:150px;height:75px;vertical-align:top}
.agenda td.t{height:66px}
.agenda td strong{display:block;margin:0 5px 0}
.agenda td strong a{color:#D00}
.agenda td.klaar h3{color:#AE8300;text-decoration:line-through}

.agenda2{width:300px;height:300px;background:url('img/agenda3.gif') fixed;top:150px;left:450px;overflow-y:auto}
.agenda2 .line{border-bottom:1px solid #000;margin:-10px 10px 0;padding:5px 0}
.agenda3{width:300px;height:300px;background:url('img/agenda4.gif');top:150px;left:450px;overflow-y:auto}



.media{width:450px;height:600px;top:0px;left:300px;background:url('img/media2.gif')}
.media table{width:430px;margin:0;position:relative;left:10px}
.media table td{font-size:11px;vertical-align:top;width:215px}
.media table td a{font-weight:normal}

.mediavideo{width:450px;height:600px;top:0px;left:300px;background:url('img/media2.gif')}
.mediavideo table{width:430px;margin:0;position:relative;left:10px}
.mediavideo table td{font-size:11px;vertical-align:top;width:215px}
.mediavideo table td a{font-weight:normal}


.nieuwsbrief{width:300px;height:300px;top:150px;left:450px;background:url('img/nieuwsbrief.gif')}
.nieuwsbrief table{width:280px;margin:19px 10px 0;border-top:1px solid #000;display:block}
.nieuwsbrief table td{width:138px}
.nieuwsbrief2{width:300px;height:150px;top:150px;left:450px;background:url('img/nieuwsbrief.gif')}



.v404{width:150px;height:150px;background:#FC0;top:0;left:450px}


.contact1{width:300px;height:450px;background:url('img/contact1.gif');top:0;left:300px;overflow:hidden}
.contact1 table{width:280px;position:relative;left:10px}
.contact2{width:150px;height:150px;background:url('img/contact2.gif');top:150px;left:450px}



.links1{width:150px;height:300px;background:url('img/links1.gif');top:150px;left:300px;overflow:auto}
.links2{position:absolute;top:150px;left:450px}



.adminmenu{background:url('img/admin.gif');height:150px}
.adminmenu table{position:relative;left:10px}
.adminmenu h2{padding-top:9px;margin:0 10px 20px}
.adminmenu span{display:block;position:absolute;right:10px;top:122px}
.admin{width:450px;height:600px;background:#FC0;top:0;left:300px;overflow:auto;z-index:999;overflow-x:hidden}
.admin .fout{color:red;border:2px solid #000;padding:3px;text-align:center;font-weight:bold;background:#FFF}
.admin .fout u{text-decoration:none;color:#000}
.admin table{width:414px;margin:0;display:block;position:relative;left:10px}
* html .admin table{left:0}
