/*
Title:      	deRand init styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Oct 19 2010
*/

/* ---- [ typography ] ------------ */
a { color: #195CAE; }
h1 { color: #195CAE; }
h2, h3 { color: #195CAE; } 
legend { color: #96CBFF; }
li, p, td, th { color: #595959; }

/*	container
--------------------------------*/
#container { background: #E6E6E6 url(images/bg_container.gif) repeat-y 0 0; } 

/*	container := mast
--------------------------------*/
#mast { background: #E7F3FF;}
#mastcanvas { background: #00ADEF; }

/*	container := tree
--------------------------------*/
#tree ul.myEyesTree li a { color: #185BA9; }
#tree ul.myEyesTree li:hover > a,
#tree ul.myEyesTree a:hover, #tree ul.myEyesTree a.highlight { color: #4C5258 !important; }

/*	container := canvas
--------------------------------*/
#canvas div.btop { background: #00ADEF; }
#canvas div.btop span { background: #96CBFF; }

#main-content a.more {color: #B3022E; font-size: 0.9em; }

/* ---- [ eventSeasonlist := infotext & title colors  ] -------------- */
#content table.agendaStyle dd a { color: #275174; }
#content table.agendaStyle dd span { color: #2f97b2; }

/*	footer
--------------------------------*/
#footer #address div.rbtop, 
#footer #address address { background: #E7F3FF; }

/* ---- [ eventSeasonCalendar ] -------------- */
#seasonCalendar { background: #61AFF1; }

/* ---- [ eventTabPage ] -------------- */
table.tickets a { text-decoration: none; color: #fff; }
table.tickets a:hover { text-decoration: underline; }

table.tickets { background-color: #c6d6e3 !important; }
table.tickets td, p.location { color: #275174 !important; }

/*	homepage
--------------------------------*/
body#homepage #container,
body#homepage #footer #address, 
body#homepage #footer #address div.rbtop span { background-color: #fff; }

body#homepage #canvas a { text-decoration: none; }
body#homepage #canvas a:hover { text-decoration: underline; }

body#homepage #canvas a.m-hyp {
    background: #CFE8FE url(../images/btn_search.gif) no-repeat 98% 50%; color: #333; display: block; font-size: 11.5px; line-height: 14px;
    font-weight: bold; margin: 0 auto; padding: 2px 25px 2px 5px; text-align: left; text-decoration: none; width: 131px; margin-bottom: 10px; }
   
body#homepage .box1, body#homepage .box2, body#homepage .box3, 
body#homepage #main-teaser .calendar { float: left; margin-right: 12px; _margin-right: 6px; width: 229px; }

body#homepage #main-content, body#homepage #main-teaser {padding-left: 15px;Width: 730px;}
body#homepage #main-teaser {float: left;margin-top: 0;} /* IE 6 & 7 bug clear: both; so use floats instead */

body#homepage #breadcrumb, body#homepage #breadcrumb * {display: none;}
body#homepage #content {background-color: #fff;padding: 10px 0;clear: both;overflow: hidden;width: 100%;} /* iE6 hack : width of 100% is added to wrap this div */

body#homepage #content .box1, body#homepage #content .box2, body#homepage #content .box3 {
    background: #fff url(images/bg-rnd-CDE7FE.gif) no-repeat 0 100%;padding-bottom: 10px;width: 231px;height: 427px;} 
body#homepage #content a.m-hyp { margin-bottom: 0; }
body#homepage #content .m-box {background: #fff;border: solid 1px #CDE7FE;border-width: 0 1px; }
body#homepage #content h2 {background: #fff url(images/bg-rnd-CDE7FE.gif) no-repeat 0 0;font-size: 1.4em;font-weight: bold;padding: 10px 0 5px 10px;}
body#homepage #content h2 span {background: transparent url(images/h2-bullet-4DC3F1.gif) no-repeat 5% 50%;color: #185CA7;padding-left: 30px;}
body#homepage #content li {margin: 0;list-style-type: none;font-size: 1em;}
body#homepage #content .image {border-bottom: solid 10px #185CA7;margin: 0 auto;}
body#homepage #content .numbers {float: right;margin-right: 5px;padding: 5px 0;width: auto; _margin-right: 3px;} /* ie6 hack : double margins */
body#homepage #content .text {height: 175px;margin: 0 auto;width: 209px;}
body#homepage #content .text a {color: #185CA7;display: block;font: normal bold 1.2em/1.2em Tahoma, Arial, Verdana, sans-serif;height: 60px;}
body#homepage #content .text a .date {padding-right: 5px;font-size: 1em;}
body#homepage #content .text p {margin-bottom: 0;}
body#homepage #content .text .blockText a {display: inline;}
body#homepage #content .textholder { display: none; }

body#homepage #content .box2,
body#homepage #content .box2 h2 {background-image: url(images/bg-rnd-EDB3DC.gif);}
body#homepage #content .box2 h2 span {background-image: url(images/h2-bullet-EBC5DE.gif);color: #B5014B;}
body#homepage #content .box2 .m-box {border-color: #EDB3DC;}
body#homepage #content .box2 .m-hyp {background-color: #ECB3DC;}
body#homepage #content .box2 .image {border-bottom-color: #B5014B;}
body#homepage #content .box2 .text a {color: #B5014B;}

body#homepage #content .box3,
body#homepage #content .box3 h2 {background-image: url(images/bg-rnd-DEF1AF.gif);}
body#homepage #content .box3 h2 span {background-image: url(images/h2-bullet-E3ECC2.gif);color: #8CB803;}
body#homepage #content .box3 .m-box {border-color: #DEF1AF;}
body#homepage #content .box3 .m-hyp {background-color: #DEF2AD;}
body#homepage #content .box3 .image {border-bottom-color: #8CB803;}
body#homepage #content .box3 .text a {color: #8CB803;}
body#homepage #content .box3 .text .title {color: #8CB803;font-size: 1.2em;font-weight: 600;line-height: 1.3em; display: block; min-height: 60px;}

body#homepage #main-teaser .box1, body#homepage #main-teaser .box2, body#homepage #main-teaser .box3,
body#homepage #main-teaser .calendar {width: 231px;margin-bottom: 10px;}
body#homepage #main-teaser h3 {background: #175BA7 url(images/bg-t-publ.jpg) no-repeat 0 0;color: #fff;margin: 0;padding: 5px 0 5px 20px;}
body#homepage #main-teaser .m-box {background: #175BA7 url(images/bg-rnd-CDE7FE.gif) no-repeat 0 0;border: 1px solid #CDE7FE;border-top: 0;height: 219px;padding-top: 10px;}
body#homepage #main-teaser .m-box2 {background: #fff;clear: both;height: 214px;overflow: hidden;padding: 5px 0 0 0;}

body#homepage #main-teaser .box1 .m-box2 {height: 208px;padding-top: 11px;}
body#homepage #main-teaser .box1 p {margin: 0;}
body#homepage #main-teaser .box1 p img {margin-bottom: 10px;}

body#homepage #main-teaser .calendar h3 {background: #B5014B url(images/bg-t-cal.jpg) no-repeat 0 0;}
body#homepage #main-teaser .calendar .m-box {background: #B5014B url(images/bg-rnd-EDB3DC.gif) no-repeat 0 0;border-color: #EDB3DC;}
body#homepage #main-teaser .calendar .m-cal {margin: 0 auto 10px;}
body#homepage #main-teaser .calendar .m-cal a {text-decoration: underline;}
body#homepage #main-teaser .calendar .m-hyp {background-color: #ECB3DC;}

body#homepage #main-teaser .box3 h3 {background: #8CB803 url(images/bg-t-lang.jpg) no-repeat 0 0;}
body#homepage #main-teaser .box3 .m-box {background:  #8CB803 url(images/bg-rnd-DEF1AF.gif) no-repeat 0 0;border-color: #DEF1AF;}
body#homepage #main-teaser .box3 .m-box2 {padding: 5px 5px 0 10px;clear: both;overflow: hidden;}
body#homepage #main-teaser .box3 .m-box2 a, body#homepage #main-teaser .box3 .m-box2 a * {color: #8CB803;font-size: 1em;}
body#homepage #main-teaser .box3 .m-box2 h1 {color: #8CB803;font: normal bold 1.2em/1.2em Tahoma, Arial, Verdana, sans-serif;margin-top: 0;padding: 0;}
body#homepage #main-teaser .box3 .m-box2 p {margin-bottom: 10px;}

body#homepage #main-teaser #containerExtraContent, body#homepage  #main-teaser #containerUitLogo, 
body#homepage #main-teaser #containerSearch {border: solid 1px #CDE7FE;float: left;height: 50px;padding: 5px 0;width: 229px;}
body#homepage #main-teaser #containerExtraContent p, body#homepage #main-teaser #containerUitLogo p {text-align: center;}
body#homepage #main-teaser #containerExtraContent p img {margin-bottom: 0;display: inline;}
body#homepage #main-teaser #containerUitLogo {border-color: #EDB3DC;height: 40px;padding: 10px 0;}
body#homepage #main-teaser #containerSearch {border-color: #DEF1AF;}
body#homepage #main-teaser #containerSearch h3 {background: none;color: #8CB803;line-height: 1em;padding: 0 0 0 10px;}
body#homepage #main-teaser #containerSearch .searchbox {padding: 10px 0 0 25px;}