html { scrollbar-base-color: #0076A3; scrollbar-arrow-color: #fff; scrollbar-darkshadow-color: #0076A3; scrollbar-highlight-color: #fff; scrollbar-track-color: #0076A3; scrollbar-shadow-color: #fff; overflow:scroll; overflow-x:hidden; }

body { color: #005272; margin: 0px; padding: 0; font-family: verdana, helvetica; text-align: center; }
body, #menuList ul, .menu, .actbloklayer, #zoekenbutton { background: #0076A3; }

a { cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; }
a:hover, .menu li a:hover, .menu li a:active, .menu li a:focus, .actlinks:hover { text-decoration: underline; }

.addthis_default_style {position: absolute; left: 0px; top:0px;}
.addthis_default_style a {font: normal 13px/18px verdana, helvetica; }
#container { z-index:100; text-align: left; width: 500px; margin-left: auto; margin-right: auto; }
#zoekform { top: 22px; position: absolute; margin-left: auto; margin-right: auto; width: 502px; border-top:1px solid #fff;}
#zoekeninput { top: 0px; left: 377px; width: 103px; height: 14px; position: absolute; border: 1px solid #fff; padding: 0px 0px 0px 3px; color: #005272; background: #fff; font: normal 11px/13px verdana, helvetica; }
#zoekenbutton { background: #006288 url("/images/search.gif") center center no-repeat; border: 1px solid #fff; position: absolute; top: -1px; left: 484px; width: 18px; height: 17px; cursor: pointer; }

/* zekton */

.muziekburo, h1.navi { z-index: 90; white-space: nowrap; }
.muziekburo { position: absolute; top:0px; margin-left: -2px; margin-right: auto;  }
.muziekburo a, .muziekburo a:hover { font: normal 18px/20px "zekton.ttf", verdana, helvetica; letter-spacing: 2px; cursor: pointer; text-decoration: none; }
h1.navi { z-index:90; position: relative; margin-left: 0px; margin-right: auto; top:40px; }
h1.navi a, h1.navi a:hover { font: normal 18px/20px "zekton.ttf", verdana, helvetica; letter-spacing: 2px; cursor: pointer; text-decoration: none; }

h2.pag, h2.cat, h2.act { z-index:90; display:block; width: 440px; text-align: justify; border: 1px solid #fff; font: normal 11px/15px verdana, helvetica; background: #fff; word-spacing: -1px;  }
h2.pag { margin: 0px 0px 40px 1px; padding: 5px 30px 10px 30px; }
h2.cat { margin: 0px 0px 0px 1px; padding: 10px 30px 10px 30px; }
h2.act { margin: 0px 0px 40px 1px; padding: 20px 30px 10px 30px; }
h2.foto { margin: 0px 0px 0px 0px; }

h2.pag img { margin: -5px -30px -5px -30px; }
h2 strong, h2 b { font: normal 15px/15px verdana, helvetica; word-spacing: 0px; margin: 0px 0px 15px -15px; color: #005272;}
h2 a, form a { cursor: pointer; font-weight: normal; text-decoration: underline; color: #005272; }

/* menu */

#mainMenu { z-index:100; text-align: left; top:24px; width: 400px; position: relative; }
#menuList { position:relative; margin: 0px; padding: 0px; }
#menuList ul { margin: 0px; padding: 0px; }
#menuList li { display:inline; list-style: none; margin: 0px; padding: 0px; font: normal 12px/15px verdana, helvetica;}
a.starter { margin: 0px; padding:0px 10px 10px 0px; color: #fff; font: normal 12px/15px verdana, helvetica; }
a.starter:hover, a.starter:active, a.starter:focus, .opvragen a:hover { text-decoration:none; }
#contact.menu, #informatie.menu, #snelkeuze.menu, #muziekstijl.menu, #abc.menu { padding:10px 0px 10px 10px; margin:-2px 0px 0px -10px; cursor: pointer; }
#contact.menu { color: #fff; }
.menu { z-index: 100; text-align: left; position: absolute; visibility: hidden; width:280px; height:auto; max-height:350px; border:1px solid #fff; overflow-y:auto; overflow-x:hidden; }
.menu li { width:100%;}
.menu li a { display: block; text-decoration:none; color: #fff; font-weight:normal;}
.menu li a:hover, .menu li a:active, .menu li a:focus { font-weight:normal; }

/* actpagina */

.mediacontent { margin: 25px 0px 0px 0px; }
.menucontent { margin: 25px 0px 1px 0px; }
.mediacontent span {z-index: 100; color: #005272; background:#fff; border: 1px solid #fff; font: bold 11px/15px helvetica; padding: 0px 8px 0px 8px; margin: 0px -2px 0px 1px;}
.mediacontent a { z-index: 100; color: #fff; background: #006288; border: 1px solid #fff; font: bold 11px/15px helvetica; padding: 0px 8px 0px 8px; margin: 0px -2px 0px 1px;}
.menucontent a { z-index: 100; color: #fff; background: #006288; border: 1px solid #fff; font: bold 11px/15px helvetica; padding: 1px 8px 1px 8px; margin: 0px -2px 0px 1px;}
.mediacontent a:hover, .menucontent a:hover { color: #005272; background: #fff; text-decoration: none; }

.vervolgen { z-index: 90; margin: 0px 1px -3px 1px; width: 502px; text-align: right; }
.vervolgen a { margin: 0px 0px 0px -1px; padding: 0px 5px 0px 5px; font: bold 11px/20px helvetica; border: 1px solid #fff; background: #006288; color: #fff; }
.vervolgen a:hover { border: 1px solid #fff; color: #005272; background: #fff; text-decoration: none; }

#imagecontainer { position: relative; left: 1px; background: #fff;}
#imagecontainer img { display: none; position: absolute; border: 1px solid #fff; cursor: pointer;}
.imagecat { width: 500px; height: 200px; }
.imageact { width: 500px; height: 350px; }
.imgxhtml { width: 88px; height: 31px; margin: 100px 200px 20px 0px;  }

.popup ul { float:left; padding: 0px; margin: 0px; list-style-type: none; }
.popup ul li { position: relative; margin: 20px 0px 0px 1px; width: 498px; height: 88px; }
.popup a, .popup a:hover { text-decoration: none; }
.popup ul li a .actblokinfo { position: absolute; padding: 7px 1px; top: 22px; border: 1px solid #fff; width: 100%; background: #0076A3; word-spacing: -5px; text-align: justify; font: normal 33px/14px verdana, helvetica; color: #006288; }
.popup ul li a:hover .actblokinfo { padding: 4px 10px 0px 135px; width: 355px; height: 64px; word-spacing: -1px; font: normal 11px/15px verdana, helvetica; color: #006288; background: #fff; }
.popup img { z-index: 70; position: absolute; left:0px; top:0px; border: 1px solid #fff; width: 125px; height: 88px; background: #fff;}
.actbloknaam { position: absolute; padding-left:135px; top:-2px; color: #fff; font: 15px/18px verdana, helvetica; width: 367px; height: 88px; }
.actbloklayer { border-top: 1px solid #fff; position: absolute; top: 89px; width: 502px; height: 120px; }

/* favorieten */

fieldset { width: 478px; padding: 10px 0px 10px 0px; border: 1px solid #0076A3; margin: 0px -20px 0px -20px;}
legend { font: normal 15px/30px verdana, helvetica; color: #005272; margin: 3px 0px 0px 10px;}
label, .label{ font-weight: bold; color: #005272; float:left; margin: 3px 10px 0px 0px; text-align: right; width: 250px; }
.form {margin: 0px;}
.tip { margin: 20px 0px 0px 0px; }
.label { font-weight: normal; }
.select190 { position: absolute; width: 192px; height: 18px; left: -1px; }
.border190 { overflow: hidden; position: relative; margin: 0px 0px 4px 4px; height: 18px; width: 191px;}
.select60 { position: absolute; width: 62px; height: 18px; left: -1px; }
.border60 { overflow: hidden; position: relative; margin: 0px 0px 4px 4px; height: 18px; width: 61px;}
.input, .select190, .border190, .select60, .border60, .submit, .controle, .textarea { float:left; border: solid 0px #fff; font: normal 11px/15px verdana, helvetica; color: #005272; }

.input, .submit, .controle { background: url("/images/form_textfield.gif") no-repeat; margin: 0px 0px 4px 0px; }
.input { width: 195px; padding: 3px 0px 3px 8px;  }
.submit, .controle { width: 205px; height: 20px; cursor: pointer; font-weight: normal; }
.checkbox { margin-bottom: 0px; height: 15px; width: 15px; cursor: pointer; }
.textarea { height: 160px; border: solid 0 #fff; padding: 5px 8px 0px 8px; background: url("/images/form_textarea.gif") no-repeat; width: 178px; overflow-y:auto; overflow-x:hidden; margin: 0px 0px 4px 0px; }