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

* { margin: 0; padding: 0; }
/* * div[width] { width: 100% !important; } stupid hack for eyes cms */
img { behavior: url(/derand/App_Styles/iepngfix.htc); }  /* IE6 hack for png's */

body { 
    background: #E6E6E6 no-repeat 50% 0; /* url(images/bg_body.jpg) */
    color: #5e5e5e; font: normal 62.5%/2em Tahoma, Arial, Verdana, sans-serif; text-align: center;  }
    
/* homepage */
body#homepage, body.homepage { background: #8CC1E1 url(images/bg_body2.jpg) no-repeat top left; }    

/* ---- [ misc: =links ] ----------- */
a img { border: 0; }

/* ---- [ 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 { margin: 15px auto 0 auto; padding-right: 15px; position: relative; z-index: 1; text-align: left; width: 955px; color: #595959; }

/* ---- [ header ] -------------- */
#header { clear: both; height: 118px; overflow: hidden; }

#subsites { float: right; margin: 16px 0 6px 0; }
#subsites a { 
    background: transparent url(images/logos.png) no-repeat top left;
    text-decoration: none; display: inline-block; height: 51px; width: 50px; margin-left: 18px;  }
#subsites a span { visibility: hidden; display: none; }
#subsites a.deboesdaalhoeve { background-position: -51px 0; }
#subsites a.debosuil { background-position: -102px 0; }
#subsites a.dekam { background-position: -153px 0; }
#subsites a.delijsterbes { background-position: -204px 0; }
#subsites a.demoelie { background-position: -255px 0; }
#subsites a.demuse { background-position: 0 0; }
#subsites a.dezandloper { background-position: -306px 0; }

#subsites a.deboesdaalhoeve:hover { background-position: -51px -51px; }
#subsites a.debosuil:hover { background-position: -102px -51px; }
#subsites a.dekam:hover { background-position: -153px -51px; }
#subsites a.delijsterbes:hover { background-position: -204px -51px; }
#subsites a.demoelie:hover { background-position: -255px -51px; }
#subsites a.demuse:hover { background-position: 0 -51px; }
#subsites a.dezandloper:hover { background-position: -306px -51px; }

#menu { float: right; margin-top: 8px; width: 725px; }
#menu div { float: left; }
#menu div a { color: #131313; font-weight: bold; font-size: 1.2em; text-decoration: none; }
#menu div a:hover { text-decoration: underline;}
#menu div a.big { font-size: 1.5em; }
#menu div a.bigger { font-size: 1.8em; }
#menu div span { color: #131313; font-size: 1.2em; margin: 0 5px; }

#styleSwitcher { margin: 4px 55px 0 0;}
#navigation { float: right !important; }

/* ---- [ container ] -------------- */
#container { clear: both; overflow: hidden; width: 100%; }

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

/* ---- [ 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.tree { display: block; clear: both; overflow: hidden; }

ul.myEyesTree { margin: 15px 0; }
ul.myEyesTree li { list-style-type: none; font-size: 1em; margin: 0; }
ul.myEyesTree li a { border-bottom: solid 1px #fff; display: block; font: bold 1.5em Century Gothic; padding: 6px 5px 6px 20px; text-decoration: none; text-transform: uppercase; cursor: pointer; }
ul.myEyesTree li ul { display: none; margin: 0; }
ul.myEyesTree li ul.open { display: block; }
ul.myEyesTree li ul li { padding: 0; }
ul.myEyesTree li ul li a { font: normal 1.4em Century Gothic; text-transform: capitalize; border: 0; padding: 0 5px 0 20px; }
ul.myEyesTree li ul li ul li a { font: normal 1.2em Tahoma, Arial, Verdana, sans-serif; text-decoration: underline; }
ul.myEyesTree a.highlight { font-weight: bold; }

#tree div.logos { display: block; clear: both; overflow: hidden; margin-top: 10px; }
#tree div.logos a { display: block; float: left; margin-left: 20px; _margin-left: 10px; margin-bottom: 5px;  vertical-align: top; }

/* ---- [ container: =canvas ] -------------- */
#canvas { float: left; width: 745px; }

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

#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: 2000; }
#content .pushitems img.soldout { position: absolute; top: 20px; right: 90px; z-index: 3000; }

#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: =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; } 

/* ---- [ container: =shopcard ] -------------- */
div.shopcard { background: #BB0C69; margin-bottom: 9px; }
div.shopcard div.m-box2 { background: #fff; }
div.shopcard dl { clear: both; overflow: hidden; margin-left: 15px; }
div.shopcard dl dt { float: left; }
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.selectedDayStyle, 
div.calendar td.selectorStyle,  
div.calendar th.dayHeaderStyle  { border: solid 2px #ECB3DC; color: #A71B58; }

div.calendar td.todayDayStyle { background-color: #C82171; border: solid 2px #ECB3DC; color: #fff; }
div.calendar td.todayDayStyle a { color: #fff; }
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 img { left: 0 !important; margin: 0 !important;}

/* ---- [ container: =searchfield ] -------------- */
div.searchfield { background: #8CB803; margin-bottom: 9px; }
div.searchfield div.m-box2 { background: #C9E18B; }
div.searchfield fieldset { 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.btn { width: auto; }

/* ---- [ container: =teaserContent ] -------------- */
div.teaserContent { background: #3a7aa7; margin-bottom: 9px; }
div.teaserContent div.m-box2 { background: #a5c1d9; padding-bottom: 25px !important; }
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 a { text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer p { margin: 10px 15px 30px 0; text-align: right; }
#footer p * { vertical-align: middle; }
#footer span { margin: 0 5px; }
#footer-top { clear: both; overflow: hidden; width: 100%; }
#disclaimer { float: left; width: 210px; }
#address { float: left; width: 745px; }
#address .rbbot,
#address .rbtop { height: 12px; width: 100%; }
#address address { font-size: 1.1em; font-style: normal; font-variant: normal; margin-left: 40px; }

/* -----[ 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;  }

/*** 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;}