/*
Title:      	deRand master styles for screen media (base styles for all my websites)
Author:     	gbe, © 2007 anaXis nv.
Updated:        Oct 27 2010
*/

* { margin: 0; padding: 0; }
a img { border: 0; }
body { background: #E6E6E6 no-repeat 50% 0; color: #5e5e5e; font: normal 62.5%/2em Tahoma, Arial, Verdana, sans-serif; text-align: center; }
img { behavior: url(/derand/App_Styles/iepngfix.htc); }  /* IE6 hack for png's */

/* homepage */
/*body#homepage, body.homepage { background: #8CC1E1 url(images/bg_body2.jpg) no-repeat top left; }  */
body#homepage, body.homepage { background-color: #E6E6E6; }

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; }
h1 { font: bold 1.9em/1em Century Gothic; margin: .5em 0; padding-bottom: 0.9em; }
h2 { font: 1.6em/1.1em Tahoma; padding-bottom: 1.2em; } 
h3 { font: bold 1.4em/2em Century Gothic; }
legend { font: bold 1.3em; }
li { font-size: 1.1em; list-style-type: square; margin-left: 15px; }
p { font-size: 1.15em; line-height: 1.2em; margin-bottom: 15px; }
p a { font-size: 1em;}
ul { font-size: 1em; margin-bottom: 15px; }

/* ---- [ wrapper ] -------------- */
#wrapper { background: #00ADEF url(deRand/images/bg-header.gif) repeat-x 0 0; margin: 15px auto; padding-right: 15px; text-align: left; width: 955px; }

/* ---- [ header ] -------------- */
#header { position: relative; }
#header #logo { position: absolute; top: 32px; left: 50px; z-index: 1;  }
#header #subsites { background: #fff; padding: 15px 0 0 355px; height: 63px; }
#header #subsites a { display: inline-block;  background: url(images/logos.jpg) no-repeat top left; margin-left: 18px; }
#header #subsites a span {  visibility: hidden; display: none; }
#header #subsites a.deboesdaalhoeve { background-position: 0 -63px; width: 93px; height: 62px; }
#header #subsites a.debosuil { background-position: -94px -63px; width: 53px; height: 62px; }
#header #subsites a.dekam { background-position: -148px -63px; width: 48px; height: 62px; }
#header #subsites a.delijsterbes { background-position: -197px -63px; width: 70px; height: 62px;  }
#header #subsites a.demoelie { background-position: -268px -63px; width: 57px; height: 62px; }
#header #subsites a.demuse { background-position: -326px -63px; width: 53px; height: 62px; }
#header #subsites a.dezandloper { background-position: -380px -63px; width: 77px; height: 62px; }

/* ---- [ header := menu ] -------------- */
#menu { clear: both; overflow: hidden; position: relative; width: 100%; } /* iE6 hack : width of 100% is added to wrap this div */
#menu * { color: #fff; font-size: 1.1em;  }
#menu a { text-decoration: none; font-weight: bold; }
#menu a:hover { text-decoration: underline; }
#menu a.big { font-size: 1.5em; }
#menu a.bigger { font-size: 1.8em; }
#menu div#styleSwitcher { position: absolute; z-index: 2; left: 240px; padding-top: 8px;  }
#menu div#language { float: left; padding: 11px 0 11px 340px;  }
#menu div#navigation { float: right; padding: 11px 0; } 
#menu span.separator { margin: 0 4px; }

/* ---- [ container ] -------------- */
#container { clear: both; overflow: hidden; width: 100%; padding-bottom: 20px; } /* iE6 hack : width of 100% is added to wrap this div */

/* ---- [ container := mast ] -------------- */
#mast { float: left; margin-bottom: 50px; width: 210px; } 
#mast #mastcanvas { height: 150px; width: 210px; padding: 15px 0;  }
#mast #mastcanvas div.imgBox { width: 176px; height: 150px; margin: auto; }

/* ---- [ container: =tree ] -------------- */
#tree div.login { clear: both; overflow: hidden; margin: 15px 5px 0 15px; }
#tree div.login p { margin: 0;}
#tree div.login a { color: #275188; float: right; margin-right: 15px; font-weight: bold; text-decoration: none; }
#tree div.logos { padding-top: 15px; }
#tree div.logos a { display: block; margin: 0 0 5px 20px; _margin-left: 10px; } /* iE6 hack : _margin-left to avoid double margins  */
#tree div.tree { display: block; clear: both; overflow: hidden; }
#tree ul.myEyesTree { margin: 15px 0; }
#tree ul.myEyesTree a.highlight { font-weight: bold; }
#tree ul.myEyesTree li { list-style-type: none; font-size: 1em; margin: 0; }
#tree ul.myEyesTree li a { border-bottom: solid 1px #fff; cursor: pointer; display: block; font: bold 1.5em Century Gothic; padding: 6px 5px 6px 20px; text-decoration: none; text-transform: uppercase; }
#tree ul.myEyesTree li ul { display: none; margin: 0; }
#tree ul.myEyesTree li ul.open { display: block; }
#tree ul.myEyesTree li ul li { padding: 0; }
#tree ul.myEyesTree li ul li a { font: normal 1.4em Century Gothic; text-transform: capitalize; border: 0; padding: 0 5px 0 20px; }
#tree ul.myEyesTree li ul li ul li a { font: normal 1.2em Tahoma, Arial, Verdana, sans-serif; text-decoration: underline; }

/* ---- [ container: =canvas ] -------------- */
#canvas { float: left; width: 745px; }
#canvas div.btop { height: 13px; }
#canvas div.btop span { display: block; height: 13px; }

/* ---- [ container: =canvas - #main-content ] -------------- */
#main-content { float: left; width: 540px; }
#main-content div.space { height: 15px; }
#main-content div.space, #content, #breadcrumb { background-color: #E6E6E6; }

/*** IMAGES ***/ 
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

#breadcrumb { clear: both; padding: 5px 0 0 20px; overflow: hidden; }
#breadcrumb a.crumb { float: left; margin-right: 5px; }
#breadcrumb div.trail { float:left; padding-top: 3px; }
#breadcrumb div.trail * { vertical-align: top; }

#content { clear: both; padding-left: 20px; overflow: hidden; position: relative;}
#content p {  clear: both; overflow: hidden }

#content img.soldout { position: absolute; top: 50px; right: 30px; z-index: 3000; }

#content .pushitems { margin-bottom: 10px; border-top: solid 1px #fff; }
#content .pushitems h2 { font-size: 1.25em; line-height: 1em; font-weight: bold; margin: 3px 0 5px 0; padding-bottom: 0; }
#content .pushitems h2 a { font-size: 1em; line-height: 1em; font-weight: normal; text-decoration: underline; }
#content .pushitems p, 
#content .eventdata p { margin: 0; clear: both; overflow: hidden; text-align: justify;}
#content .pushitems div { position: relative; top: 0; left: 0; z-index: 200; }
#content .pushitems img.soldout { position: absolute; top: 20px; right: 90px; z-index: 300; }

#content .links { text-align: right; }
#content .links a { text-decoration: underline; }
#content .links span { margin: 0 5px; }

#content td.date { white-space: nowrap; }

#content table.tarief { margin: 7px 0; border: 0; border-left: 1px solid #C1DAD7;}
#content table.tarief td { border: 1px solid #C1DAD7; border-width: 0 1px 1px 0; padding: 6px 6px 6px 12px;}
#content table.tarief th {background: #CAE8EA;  border: 1px solid #C1DAD7; border-width: 1px 1px 1px 0; font-weight: bold; padding: 6px 6px 6px 12px;}

#content a.btn-hyp {background: #ECB3DC url(images/btn_search.gif) no-repeat 97% 50%; color: #000;
	font-weight: bold; font-size: 11px; padding: 5px 25px 5px 5px; text-decoration: none;}
#content a.btn-hyp:hover { text-decoration: underline;}

#content table.basket { margin: 7px 0; border: 0; border-left: 1px solid #C1DAD7;}
#content table.basket td { border: 1px solid #C1DAD7; border-width: 0 1px 1px 0; padding: 3px 3px 3px 6px;}
#content table.basket th {background: #CAE8EA;  border: 1px solid #C1DAD7; border-width: 1px 1px 1px 0; font-weight: bold; padding: 3px 3px 3px 6px;}

#content table.padding * { padding: 0 !important; margin: 0 !important; }
#content table.padding td { padding: 5px !important; }

#content div.plan { clear: both; overflow: hidden; margin-bottom: 10px; }
#content div.plan td.label { text-align: center; padding: 0 2px;}
#content div.plan ul { margin-top:10px; border: solid 1px #7C7C7C; float: left; padding-right: 10px; }
#content div.plan li { list-style-type: none; display: inline; }
#content div.plan li img { margin-right: 5px; }

#content div.tickets { margin: 10px 0;}

#content div.infoPlan { border: solid 1px #7C7C7C; padding: 5px; margin-bottom: 10px; }
#content div.infoPlan p { margin: 0; }
#content hr { color: #7C7C7C; background-color: #7C7C7C; border: 0; height: 1px; }

/* ---- [ eventSeasonlist ] -------------- */
#content table.agendaStyle { width: 520px; margin: 10px 0; }
#content table.agendaStyle .agendaRowStyle { position: relative; background-color: #fff; }
#content table.agendaStyle .agendaAltrowStyle { position: relative; background-color: #E6E6E6; }
#content table.agendaStyle .soldoutInList { position: absolute; margin: 3px 0 0 310px;  z-index: 3000; }
#content table.agendaStyle dl { clear: both; overflow: hidden; margin: 5px 0; }
#content table.agendaStyle dt { float: left; width: 112px; min-height: 70px; height: auto !important; height: 70px; padding-left: 8px; }
#content table.agendaStyle dd { float: left; width: 360px; }
#content table.agendaStyle dd a { color: #884A6B; text-decoration: none; font-size: 1.2em; line-height: 1em; font-weight: bold; }
#content table.agendaStyle dd a:hover { text-decoration: underline; }
#content table.agendaStyle dd span { color: #4c5258; padding-right: 30px; font-size: 1.1em; }
#content table.agendaStyle dd.ticketStyle { width: 32px; padding-right: 8px; }

/* ---- [ container: =canvas - #main-teaser ] -------------- */
#main-teaser { float: right; width: 185px; margin: 15px 0 5px 0; }
#main-teaser a.m-hyp { 
    background: url(images/btn_search.gif) #ecb3dc no-repeat 98% 50%; color: #000; display: block; 
    font-weight: bold; font-size: 11px;	margin: 10px auto 0 15px; padding-left: 5px; width: 155px; }
#main-teaser h3.m-tt { line-height: 1em; color: #fff; padding: 3px 0 3px 15px; margin: .5em 0; }
#main-teaser div.m-box { background: #E6E6E6; padding-top: 5px; }
#main-teaser div.m-box2 { padding: 10px 0; }

/* ---- [ #main-teaser: =shopcard ] -------------- */
#main-teaser div.shopcard { background: #BB0C69; margin-bottom: 9px; }
#main-teaser div.shopcard div.m-box2 { background: #fff; }
#main-teaser div.shopcard dl { clear: both; overflow: hidden; margin-left: 15px; }
#main-teaser div.shopcard dl dt { float: left; }
#main-teaser div.shopcard dl dd { padding: 12px 0 0 10px; font-weight: bold;}

/* ---- [ container: =calendar ] -------------- */
div.calendar { background: #BB0C69; margin-bottom: 9px; }
div.calendar div.m-box2 { background: #fff; }
div.calendar table.m-cal { background-color: #ECB3DC; border-collapse: collapse; margin: 0 auto 0 15px; width: 160px;  }
div.calendar table.m-cal * { font-size: 9px; font-weight: bold; text-align: center; }
div.calendar table.titelStyle { background-color: #fff; border-collapse: collapse; width: 100%; }
div.calendar table.titelStyle a, 
div.calendar table.titelStyle td { color: #000; font-size: 11px; }
div.calendar td.dayStyle, 
div.calendar td.selectedCell { background: #fff; border: solid 2px #ECB3DC; color: #A71B58; }
div.calendar td.selectedCell a { color: #6D1339; }
div.calendar td.todayDayStyle { background-color: #C82171; border: solid 2px #ECB3DC; color: #fff; }
div.calendar td.todayDayStyle a { color: #fff; }
div.calendar th.dayHeaderStyle  { border: solid 2px #ECB3DC; color: #A71B58; }
div.calendar td.otherMonthStyle { border: solid 2px #ECB3DC; color: #B45099; }

/* ---- [ container: =randkrant ] -------------- */
div.randkrant { background: #c02f38; margin-bottom: 9px; }
div.randkrant div.m-box2 { background: #e39095; }
div.randkrant div.m-box2 p { padding: 10px 0 0 30px; }
div.randkrant div.m-box2 p + p { padding: 0; margin: 0; }
div.randkrant div.m-box2 p + p a {  
    background: #eebcbf url(images/btn_search.gif) no-repeat 98% 50%; color: #000; display: block; font-size: 11px; line-height: 20px;
    font-weight: bold; margin: 10px auto 0 15px; padding-left: 5px; text-align: left; text-decoration: underline; width: 155px;  }
div.randkrant div.m-box2 img { margin: 0; }


/* ---- [ container: =searchfield ] -------------- */
div.searchfield { background: #8CB803; margin-bottom: 9px; }
div.searchfield div.m-box2 { background: #C9E18B; }
div.searchfield div.searchbox { border: 0; padding-left: 15px; margin-bottom: 10px; }
div.searchfield label { position: absolute; left: 0; top: -10000px; width: 1px; height: 1px; overflow: hidden; }
div.searchfield input { width: 135px; }
div.searchfield input.button { width: auto; }

/* ---- [ container: =teaserContent ] -------------- */
div.teaserContent { background: #3a7aa7; margin-bottom: 9px; }
div.teaserContent div.m-box2 { background: #a5c1d9; padding-bottom: 25px !important; width: 100%; }
div.teaserContent div.m-box2 h1 { font-size: 1.5em; margin: 10px 0 0 30px; padding: 0; }
div.teaserContent div.m-box2 p { margin: 10px 0 0 30px; }
div.teaserContent div.m-box2 img { left: 0 !important; margin: 0 !important;}


/* ---- [ footer ] -------------- */
#footer { clear: both; overflow: hidden; }
#footer #address { background: #E6E6E6; }
#footer #address div.rbtop { height: 13px; padding-left: 210px;  }
#footer #address div.rbtop span { background: #E6E6E6; display: block; height: 13px; }
#footer #address address { background: #C7CFE2; color: #4C4C4C; font-size: 1.1em; font-style: normal; padding: 12px 0 0 250px; }
#footer p { margin: 0; padding: 10px 15px 10px 0; text-align: right; }
#footer p * { vertical-align: middle; }
#footer p a { color: #131313; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer span.separator { margin: 0 7px; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/* ---- [ agendaPagerStyle ] -------------- */
tr.agendaPagerStyle * { font-weight: bold;  }
tr.agendaPagerStyle a { display: block; margin: 0 5px; padding: 0 5px; text-decoration: none; }
tr.agendaPagerStyle a:hover { text-decoration: underline; }
tr.agendaPagerStyle span { display: block; margin: 0 5px; padding: 0 5px;}

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

div.seasonStyle { background: #fff; padding: 10px; }
div.seasonStyle * { margin: 0; padding: 0; border: 0; border-collapse: collapse; text-align: center; vertical-align: top; }
div.seasonStyle table { width: 100%; background: #ECB3DC; font-weight: normal; line-height: 16px; color: #000; border: solid 2px #ECB3DC; }

div.seasonStyle table a { text-decoration: none; display: block; color: #AE3489; }
div.seasonStyle table span { display: block; }
div.seasonStyle table td * { border: 0; }

div.seasonStyle table td.SelectedCell { background-color: #C82171 !important; color: #fff; } 
div.seasonStyle table td.SelectedCell * { color: #fff; }
div.seasonStyle table td.OtherMonthDayCell { background-color: #ECB3DC !important; color: #fff; }

div.seasonStyle table td table.monthStyle { }
div.seasonStyle table td table.dayStyle { line-height: 13px; }

div.seasonStyle table td table.dayStyle td { padding: 4px 0; background-color: #fff; color: #A71B58 !important; border: solid 2px #ECB3DC; width: 16px; }
div.seasonStyle table td table.dayStyle td a { text-decoration: underline;}

div.seasonStyle table td.SelectedMonth { background-color: #fff; }