@import "reset.css";
@import "default.css";
@import "navigation.css";


body { 
        background: #000 url(img/logo_large.jpg) 25px 380px no-repeat fixed; color: #ffffff; padding: 48px 0 0 25px;
        font-family: "Verdana", Arial, sans-serif, serif; font-size: 11px; height: 100%; overflow-y: visible;
}
#media-logos
{
    position: fixed;
    top: 470px;
    height: 30px;
    width: 200px;
    text-align: right;
    left: 0px;
	z-index: 1;
}
#media-logos img{height: 24px;}
a { text-decoration: none;}
a:hover {text-decoration:none;}

#loading,
#no-script { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #411165; z-index: 999;}
#loading h1,
#no-script h1 { text-align: center; position: absolute; top: 30%; width: 100%; }
#loading img,
#no-script img { margin-bottom: -100px;}
#start { position: absolute; top: 0; left: 0; }

em { font-style: italic; }

/** Windows **/
.window { width: 405px; border-top: 1px solid #bfbfbf; height: auto; margin-right: 15px; float: left; display: block; overflow: visible; position: relative; z-index: 2;}
.window dd.first-child { height: 240px; border-top: 1px solid #404040; border-bottom: 1px solid #bfbfbf; overflow:hidden; position: relative; width: 405px; line-height: 14px; }
.window dd.first-child h1 { position: absolute; top: 0; left: 0; font-size: 18px; border-bottom: 1px solid #ffffff; height: 30px; line-height: 30px; padding: 0 40px 0 15px; z-index:99;}
.window dd.first-child ul.menu { position: absolute; bottom: 0; left: 0; top: auto; font-size: 11px; background: url(img/sub_menu_bg.png); padding-left: 2px; z-index:99; height: 22px;}
.window dd.first-child ul.menu li { line-height: 22px; }
.window dt { height: 67px; border-bottom: 1px solid #fff; overflow: hidden;}
.window dd.last-child { display: none; height: auto; overflow: visible; overflow-x: hidden; background: #000 url(img/sub_menu_bg.png); width: 405px; }

.window dt span.first-child,
span.dt_holder span.first-child { font-family: Verdana; font-size: 11px; line-height: 14px; display: block; height: 57px; padding: 5px 0 5px 12px; width: 140px; }
.window dt span.first-child strong,
.window .dt_holder span.first-child strong { display: block; /*line-height: 20px;*/ width: 200%;}

.window dt span.last-child,
span.dt_holder span.last-child { width: 241px; font-size: 11px; padding: 5px 0 5px 12px; line-height: 15px; height: 57px; }
.window dt span.last-child strong,
span.dt_holder span.last-child strong { font-size: 16px; display: block; line-height: 20px; height: 20px;}
.window dt span,
.dt_holder span { float: left; display: inline;} 

.window dd.last-child ul.menu { height: 22px; border-bottom: 1px solid #fff; }

.window dd.first-child ul.menu a { color: #ffffff;}
.window dd.first-child ul.menu a:hover,
.window dd.first-child ul.menu a.current { color: #ffffff; }

.window dd.last-child div { 
    height: 330px; overflow: auto; overflow-x: hidden; padding-left: 3px; width: 392px; position: relative;  /*height: 284px;*/
    padding-top: 13px; font-size: 11px; padding-right: 10px; padding-bottom: 12px; line-height: 14px;
}

.window dd.last-child div img { padding: 0 5px 5px 5px; }
.window dd.last-child div h2,
.window dd.last-child div h3 { line-height: 20px;}
.window dd.last-child div h2 { font-size: 16px;}
.window dd.last-child div h3 { font-size: 15px; margin-bottom: 10px;}
/*.window dd.first-child ul.color li a { color: #fff;} */
.window dt.stripe { background-image: url(img/stripe_bg.png); background-repeat: repeat-x; padding: 5px 0 0 12px; line-height: 15px; font-size: 11px; height: 61px;}
.window dt.images { padding: 0; height: 66px;}
.window dt.images img { float: left; }

/** Overzicht van voorstellingen **/
.window dd.first-child ul.overview { width: 230px; float: left; line-height: 13px; margin-left: 25px;}
.window dd.first-child ul.overview li { border-bottom-width: 1px; border-bottom-style: solid; padding: 3px 0;}
.window dd.first-child ul.overview li strong { display: block; }
.window dd.first-child h1.header { border: none; padding:0; width: 150px; text-align: center; }
.window dd.first-child ul li.last-child { border: none;}
.window dd.first-child ul li a { text-decoration: none;}
.window dd.first-child ul li a:hover { text-decoration: none;}

.header { font-size: 16px; font-weight: bolder; line-height: 20px; }


#nieuws dd.first-child ul.overview { margin-left: 0; margin-top: 30px; /** width:150px; **/ width: 400px; }
#nieuws dd.first-child h1.header { width: auto; text-align: left;}
#nieuws li.last-child { display: block;} 
#nieuws dd.first-child ul.overview li span { color:#FF0000; font-weight:bold; } 

/** Verschillende kleuren van de vensters **/
.s33CC66 dt span.first-child,
.s33CC66 .dt_holder span.first-child { background: #33CC66; }
.s33CC66 dt span.last-child strong,
.s33CC66 .dt_holder span.last-child strong,
.s33CC66 div h2,
.s33CC66 h3,
.s33CC66 .header,
.s33CC66 dd.last-child a,
.s33CC66 input,
.s33CC66 textarea,
.s33CC66 .address span { color: #33CC66; }
.s33CC66 dd.last-child ul.menu, 
.s33CC66 dd.first-child ul.color { background: #33CC66; }
.s33CC66 dd.first-child ul.overview li,
.s33CC66 dd.last-child ul.news-overview li, 
.s33CC66 table.play_overview thead td  { border-bottom-color: #33CC66; } 
.s33CC66 dt.stripe { background-color: #33CC66; }
.s33CC66 hr { border: 1px solid #33CC66; } 
.s33CC66 #news-overview h4 { border-color: #33CC66; } 
  
.s99CC33 dt span.first-child,
.s99CC33 .dt_holder span.first-child { background: #99CC33; }
.s99CC33 dt span.last-child strong,
.s99CC33 .dt_holder span.last-child strong,
.s99CC33 div h2,
.s99CC33 h3,
.s99CC33 .header,
.s99CC33 dd.last-child a,
.s99CC33 input,
.s99CC33 textarea,
.s99CC33 .address span { color: #99CC33; }
.s99CC33 dd.last-child ul.menu,
.s99CC33 dd.first-child ul.color { background: #99CC33; } 
.s99CC33 dd.first-child ul.overview li,
.s99CC33 dd.last-child ul.news-overview li, 
.s99CC33 table.play_overview thead td   { border-bottom-color: #99CC33; }
.s99CC33 dt.stripe { background-color: #99CC33; }  
.s99CC33 hr { border: 1px solid #99CC33; } 
.s99CC33 #news-overview h4 { border-color: #99CC33; }  

.s0066FF dt span.first-child,
.s0066FF .dt_holder span.first-child { background: #0066FF; }
.s0066FF dt span.last-child strong,
.s0066FF .dt_holder span.last-child strong,
.s0066FF div h2,
.s0066FF h3,
.s0066FF .header,
.s0066FF dd.last-child a,
.s0066FF input,
.s0066FF textarea,
.s0066FF .address span { color: #0066FF; }
.s0066FF dd.last-child ul.menu,
.s0066FF dd.first-child ul.color { background: #0066FF; }
.s0066FF dd.first-child ul.overview li,
.s0066FF dd.last-child ul.news-overview li, 
.s0066FF table.play_overview thead td   { border-bottom-color: #0066FF; }
.s0066FF dt.stripe { background-color: #0066FF; } 
.s0066FF hr { border: 1px solid #0066FF; }
.s0066FF #news-overview h4 { border-color: #0066FF; }   

.s9966FF dt span.first-child,
.s9966FF .dt_holder span.first-child { background: #9966FF; }
.s9966FF dt span.last-child strong,
.s9966FF .dt_holder span.last-child strong,
.s9966FF div h2,
.s9966FF h3,
.s9966FF .header,
.s9966FF dd.last-child a,
.s9966FF input,
.s9966FF textarea,
.s9966FF .address span { color: #9966FF; }
.s9966FF dd.last-child ul.menu,
.s9966FF dd.first-child ul.color { background: #9966FF; }
.s9966FF dd.first-child ul.overview li,
.s9966FF dd.last-child ul.news-overview li, 
.s9966FF table.play_overview thead td   { border-bottom-color: #9966FF; }
.s9966FF dt.stripe { background-color: #9966FF; }
.s9966FF hr { border: 1px solid #9966FF; } 
.s9966FF #news-overview h4 { border-color: #9966FF; }  

.window dd.last-child li a { color: #fff; line-height: 22px; font-size: 11px;} 
.window dd.last-child li a.current,
.window dd.last-child li a:hover { font-weight: bolder;} 

.sFF66CC dt span.first-child,
.sFF66CC .dt_holder span.first-child { background: #FF0066; }
.sFF66CC dt span.last-child strong,
.sFF66CC .dt_holder span.last-child strong,
.sFF66CC div h2,
.sFF66CC h3,
.sFF66CC .header,
.sFF66CC dd.last-child a,
.sFF66CC input,
.sFF66CC textarea,
.sFF66CC .address span { color: #FF0066; }
.sFF66CC dd.last-child ul.menu,
.sFF66CC dd.first-child ul.color { background: #FF0066; }
.sFF66CC dd.first-child ul.overview li,
.sFF66CC dd.last-child ul.news-overview li, 
.sFF66CC table.play_overview thead td   { border-bottom-color: #FF0066; }
.sFF66CC dt.stripe { background-color: #FF0066;}  
.sFF66CC hr { border: 1px solid #FF0066;}  
.sFF66CC #news-overview h4 { border-color: #FF0066; }    

.sFF0000 dt span.first-child,
.sFF0000 .dt_holder span.first-child { background: #FF0000; }
.sFF0000 dt span.last-child strong,
.sFF0000 .dt_holder span.last-child strong,
.sFF0000 div h2,
.sFF0000 h3,
.sFF0000 .header,
.sFF0000 dd.last-child a,
.sFF0000 input,
.sFF0000 textarea,
.sFF0000 .address span  { color: #FF0000; }
.sFF0000 dd.last-child ul.menu,
.sFF0000 dd.first-child ul.color { background: #FF0000; }
.sFF0000 dd.first-child ul.overview li,
.sFF0000 dd.last-child ul.news-overview li,
.sFF0000 table.play_overview thead td  { border-bottom-color: #FF0000; }
.sFF0000 dt.stripe { background-color: #FF0000;}  
.sFF0000 hr { border: 1px solid #FF0000; } 
.sFF0000 #news-overview h4 { border-color: #FF0000; }
#nieuws dd.first-child ul.overview li.old {border-bottom-color:#ccc;}      

.sFF9900 dt span.first-child,
.sFF9900 .dt_holder span.first-child { background: #FF9900; }
.sFF9900 dt span.last-child strong,
.sFF9900 .dt_holder span.last-child strong,
.sFF9900 div h2,
.sFF9900 h3,
.sFF9900 .header,
.sFF9900 dd.last-child a,
.sFF9900 input,
.sFF9900 textarea,
.sFF9900 .address span { color: #FF9900; }
.sFF9900 dd.last-child ul.menu,
.sFF9900 dd.first-child ul.color { background: #FF9900; }
.sFF9900 dd.first-child ul.overview li,
.sFF9900 dd.last-child ul.news-overview li,
.sFF9900 table.play_overview thead td   { border-bottom-color: #FF9900; }
.sFF9900 dt.stripe { background-color: #FF9900;} 
.sFF9900 hr { border: 1px solid #FF9900; }
.sFF9900 #news-overview h4 { border-color: #FF9900; }

.loading { width: 66px; height: 66px; padding-left: 50%; padding-top: 50%; margin-left: -33px; margin-top: -33px; }
a.slideUp { background: url(img/close.png) top left no-repeat; text-indent: -9999px; overflow: hidden; display: block; height: 10px; width: 10px; margin: 10px 0 0 5px;}

.dt_holder { position: absolute; top:0;left:0; display: block; width: 500px; overflow: hidden; height:66px; border-top:1px solid #404040; border-bottom:1px solid #FFFFFF;}
div.calendar { width: 150px; float: left; margin-top: 12px;}

/** Datepicker stuff **/
div.calendar .ui-datepicker table { font-size: 1.0em; }
div.calendar .ui-datepicker-header .ui-datepicker-prev .ui-icon { background: url(img/datepicker.png) -8px center no-repeat;}
div.calendar .ui-datepicker-header .ui-datepicker-prev { border: none; }
div.calendar .ui-datepicker-header .ui-datepicker-next .ui-icon { background: url(img/datepicker.png) -28px center no-repeat;}
div.calendar .ui-datepicker-header .ui-datepicker-next { border: none; }
.ui-widget-content a.has_event { color: #9966ff;}

/** Tekst Block **/
div.text-block { width: 220px; float: left; margin-left: 25px; margin-top: 10px; line-height: 13px; padding-right: 10px;}
div.text-block strong { display: block; margin-top: 15px; }

table.table-clone { position: absolute; top:38px;left:2px; width: 150px; }
span.header { display: block; width: 100%; }

.page dd.first-child h1 { position: relative; text-decoration: lowercase;}

#introductie.window dd.first-child { height: 308px;}

#schoolbord { background: url(img/krijtbord_groot.gif) 10px 20px no-repeat; display: block; width: 175px; height: 100%; position: absolute; top: 0; left: 150px; padding-top: 100px; padding-left: 45px; padding-right: 65px; line-height: 1.3em; color: #ccc; z-index: 100; }
#schoolbord h2 { background: none; line-height: 20px; padding: 0; margin: 0; border: none; position: static; font-family: Comic Sans MS; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #fff;}
#schoolbord strong { color: #0d51a2;}
#schoolbord a { color: #457bba; }
#kids dd.first-child { height: auto; }
#kids dd.first-child h1 { width: 100%; border-bottom: 1px solid #ffffff;}
#kids dd.first-child ul.list { margin-top: 30px; padding-bottom: 30px; background: #0066FF; width: 153px; letter-spacing: -0.5px; word-spacing: 0px; padding-top: 5px; height: 210px;}
#kids dd.first-child ul.list li { padding: 1px 5px 1px 0; line-height: 14px; list-style-image: url(img/cross.jpg); margin-left: 20px;}
#kids dd.first-child ul.menu { padding-left: 150px; background: url(img/sub_menu_kids_bg.png); height: 23px;}
#kids dd.first-child h2.list-header { position: relative; top: 31px; margin-bottom: 10px; padding-top: 12px; font-size: 1.1em; background-image: url(img/stripe_bg.png); background-color: #0066ff; width: 148px; padding-left: 5px; height: 21px;} 


#info-screen { position: absolute; left: 0; top: 142px;}
#info-screen,
#info-screen h3 { font-size: 11px; line-height: 14px;}
#info-screen h3 { font-weight: bold; width: 153px;}
#info-screen a { font-size: 8px; letter-spacing: -1px;}

.yturl {
    display:none;
}

.lead {
    display:block;
    margin-top: 30px;
}

strong.line { margin-bottom: 0px; font-size: 11px;}
table.play_overview thead td { border-bottom: 1px solid; line-height: 16px; }
table.play_overview tbody td { padding: 2px 0px;}
/*table.play_overview td.date { width: 40px; text-align: right; }*/
table.play_overview td.time { text-align: center; padding-right: 0; padding-left:4px; white-space:nowrap;}
/*table.play_overview td.name { width: 208px; }*/
table.play_overview  { width: 382px; }


#voorstellingen ul.overview { margin-top: 30px; }
#voorstellingen ul.overview li:last-child { border-bottom: none; }

/** Contact form **/

#contact .lead a { display: none; }
#contact .lead div.address a { display: inline; }
#contact div.address { width: 150px; float: left; font-weight: bolder; }
#contact div.address hr { border-bottom: none; border-left: none; border-right: none; opacity: 0.4;  filter: alpha(opacity = 50); zoom: 1;}
.contact-form { float: right; }
.contact-form input,
.contact-form textarea { background: #333333; border: none; width: 162px; padding: 2px; font-size: 10px; font-family:"Verdana",Arial,sans-serif,serif; }
.contact-form ul li { padding: 2px 0px; }
.contact-form textarea { height: 98px;}
.contact-form label { width: 75px;}
.contact-form input.submit { width: auto; float: right; }

/** Nieuws overzicht **/
#news-overview, .news-overview { font-size: 10px; background: none; }
#news-overview li, .news-overview li { display: block; }
#news-overview h4 { line-height: 30px; font-weight: bolder; border-top: 1px solid; border-left: none; border-right: none; border-bottom: none; }
#news-overview li:first-child h4 { border-top: none; }
#news-overview h4.ui-state-active {  }
#news-overview h4 span { font-weight: normal;  }
#news-overview span.ui-accordion-content { /*background: green;*/ line-height: 13px; margin-top: -10px; background: none; padding: 0px; margin-bottom: 10px;}

#voorstellingen dd.last-child ul.news-overview li { border-bottom-width: 1px; border-bottom-style: solid; }
.window dd.last-child ul.news-overview li a:hover { font-weight: normal; }
.window dd.last-child ul.no-color { background: none; }

dd.last-child .contact-form { float: left; }

/** Youtube player **/
object    { position: relative; z-index: 1; }

a.pauze_yt     {height:17px; top:3px; position:absolute; width:30px; display: none; background: url(./img/pauze_me.gif) no-repeat; opacity: 0.6;  filter: alpha(opacity = 60); left:370px; }
a.resume_yt    {height:17px; top:3px; position:absolute; width:30px; display: block; background: url(./img/play_me.gif) no-repeat; opacity: 0.6;  filter: alpha(opacity = 60); left:370px; }

li.last-child, dl#kids {display:none;}

span.lead {
    height: 210px;
    width: 403px;
/*    overflow-x:hidden;
    overflow-y:visible;
*/    
    margin-bottom: -12px;
    overflow:auto;
}

.date a, .time a {
    position:absolute;
    left: 0px;
}

.play_overview .date a,
.play_overview .time a {
    position: relative;
}


tr.sold td { color: #666; cursor: pointer; }

#introductie dd { background: #411165; }

dd.last-child div ul li {
	list-style: disc inside;
}

dd.last-child div form li {
	list-style: none;
}