img, div { behavior: url(iepngfix.htc) }

html {background-color:#25290E; margin:0px; padding:0px;  }
body {margin:0px; padding:0px;}
ul {list-style-type:none;}
h2 {color:silver; font-family:verdana; font-size:16px}
p {color:white}

a.menu:link {color:white; text-decoration:none}
a.menu:hover{color:gold; text-decoration:none}
a.menu:active{color:white; text-decoration:none}
a.menu:visited{color:white; text-decoration:none}

div#main_frame {background:#000000 url('img/rookbg2.png') top center;margin:0 auto; border:0px solid red; margin-top:0px; width:100%; height:645px; background-color:black}
div#canvas_bg {position:relative; opacity:1;background-repeat:repeat-x; top:80px; border-bottom:1px solid orange; border-top:1px solid orange; width:100%; height:400px; z-index:1; background-color:none;}

div#canvas_bgbgLeft {float:left;background-repeat:no-repeat;z-index:1; width:300px; height:360px; }
div#canvas_bgbgRight {float:left;background-repeat:no-repeat;z-index:1; width:300px; height:360px; }
div#canvas_bgbgCenter {float:left; margin:0 auto; width:400px; height:375px;}



div#center_content {margin:0 auto; border:0px solid green; width:1002px}
div#tickercontainer {position:relative}
div#contentLeft {display:none; height:100%; padding-top:20px; padding-left:25px; padding-right:25px; font-size:12px;  font-family:verdana; line-height:150%; color:orange; background:#000000 ; text-align:center;border-left:0px solid white}
div#contentRight {display:none; height:100%; padding-top:20px; padding-left:25px; padding-right:25px; font-size:12px;  font-family:verdana; line-height:150%; color:orange; background:#000000 ; border-right:0px solid white}
div#contentCenter {display:none; background-color:#000000; width:100%; height:296px; border-top:1px solid black; border-bottom:0px solid red; margin-top:-17px ; z-index:0}



div#muziek {border:0px solid red; display:none; padding:10px}
div#muziekBody{padding:10px; height:170px}
div#video1 {position:absolute; text-align:center; height:284px;}
div#videoBody {height:280px; background:#000; border:0px solid red;}
div#hoofdmenu {display:none; font-family:verdana; font-size:14px; height:55px; border:0px solid red; text-align:center; margin-top:0px; width:500px }
div#nieuws {position:relative; display:none; margin-top:20px; margin-left:20px; height:230px; width:610px; background:url(img/panelbg.png) repeat-y top left}
div#startLeft {display:none;}
div#startRight{display:none;}
div#logo {display:none; margin-bottom:17px; width:100%; height:83px; background:#000000 url(img/logo4.png) no-repeat center center;}
div#ticker {display:none; vertical-align:top; color:#EAA773; float:left; text-align:right; width:998px; background-color:#000;height:20px; border-right:3px solid black; border-left:0px solid white;}
div#lichtkrant {vertical-align:top; position:absolute;top:0px; left:-20px; border:0px solid red; font-size:10px; z-index:102}
div#button_bar {display:none; text-align:center; position:absolute;width:100%; height:20px; border-bottom:0px dashed orange; z-index:3}
div#leegPanel {background:#0000ff; width:100%; height:259px}
div#biofoto {margin:0px auto; margin-top:10px; background:#000000 url('img/bandfoto3.png') top center no-repeat; display:block; width:355px; height:285px; border:0px solid red;}
div#startfoto {margin:0px auto; margin-top:50px;  display:none; width:955px; height:275px; border:0px solid red;position:relative; top:30px; left:0px}
#tekstFragmenten {margin-top:50px;}
div#showsfoto {margin:0px auto; margin-top:50px; background:#000000 url('img/shows4.png') top center no-repeat; display:none; width:655px; height:250px; border:0px solid red;position:relative; top:40px; left:-700px;}
div#linkerfoto {margin-top:-20px; display:none; width:280px; height:380px;}
div#rechterfoto {margin-top:-20px; display:none; width:280px; height:380px;}
div#biografie{text-align:left; position:relative; display:none; margin-top:90px; margin-left:20px; height:240px; width:610px; background:url(img/panelbg.png) repeat-y top left}
div#info {position:relative; display:none; margin-top:20px; margin-left:20px; height:230px; width:610px; background:url(img/panelbg.png) repeat-y top left; }
div#shows {text-align:left; position:relative; display:none; margin-top:90px; margin-left:20px; height:240px; width:610px; background:url(img/panelbg.png) repeat-y top left}
div#muziekalbums {margin-top:-20px; display:none; width:220px; height:340px;}


.canvasLeftFX {background-image:url(img/dood_man2_099.png);}
.canvasLeftNormal {background-color:#0A246A; border-left:1px solid white}
.nummers {color:orange; vertical-align:top; border:0px solid green; padding-top:3px}
.nummerinfo {font-size:9px; font-family:arial; padding-left:5px}
.menu {margin-top:10px; padding-left:10px; padding-right:10px}
.tekstZichtbaar {color:white; font-size:xx-large; font-family:Courier}
.tekstOnzichtbaar{color:black; font-size:xx-large; font-family:Courier}
.show {display:block; }
.tekstDiv {background-image:url(img/contentBgx_99.png); padding:10px; width:220px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.centerDiv {padding:0px; width:100%; background-color:#000; }
.mp3Placeholder {width:19px;}
.flashVideo { height:240px; }
.storing {border:0px solid red; position:absolute; top:0; left:0; width:90%; height:650px; margin-top:0px; margin-left:20px; margin-right:20px; display:none;z-index:99}
.mysteriousText {font-family:georgia, kartika, "Palatino Linotype"; color:#1e1e1e; padding-left:30px}
.muziekTabel {color:white; padding:15px; vertical-align:middle; }
.hoofdmenu {border:1px solid red; width:600px; position:relative;top:80px; left:500px;z-index:40}
.nieuwsHeader {float:right; color:gold; padding:10px;}
.albumHeader {float:left; color:silver; padding:10px;}
.albumHeaderMini {float:left; color:silver; padding:3px; padding-left:15px}
.mp3link {text-decoration:none; color:#fff}
.ituneslogo {padding-left:5px; padding-top:5px; border:none}
.tekst {color:white; font-size: 13px; line-height:18px; font-family:"lucida sans"}
.kop1 {font-family:verdana; font-size: 18px; color:silver}
.klein {font-size:9px; font-family:arial}
.contact {font-size:9px;font-family:verdana}
.nieuws {height:240px}

ul.linklist {padding:0px; padding-top:0px ; margin:0px; list-style-type:none; height:40px}
ul.linklist li {display:inline; line-height:22px; }
a.link:link {color:silver; text-decoration:none}
a.link:hover{color:silver; text-decoration:none}
a.link:active{color:silver; text-decoration:none}
a.link:visited{color:silver; text-decoration:none}

a.link2:link {color:gold; text-decoration:none}
a.link2:hover{color:gold; text-decoration:underline}
a.link2:active{color:gold; text-decoration:none}
a.link2:visited{color:silver; text-decoration:none}

ul#optredens {vertical-align:top; padding-bottom:20px}
ul li a:link {color:#990000; text-decoration:none; font-size:12px; font-family:"century gothic"}
ul li a:hover{color:#FF0000; text-decoration:none; font-family:"century gothic"}
ul li a:active{color:#990000; text-decoration:none; font-family:"century gothic"}
ul li a:visited{color:#990000; text-decoration:none; font-family:"century gothic"}
/*------------------------------------------------------------------------------*/
/* flyers */
div#rotonde {z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; background:url(img/flyerRotonde.png) no-repeat center center; display:none}
/* scrollable css */
/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 220px; 
    width: 520px; 
	
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}