/*
Title:      	TerDilft2009 master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        29/04/2011
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; background: #FFFFFF; }

/* ---- [ typography ] ------------ */

h1 { font-size: 2em; color: #000000; margin: 0.5em 0; line-height: 1em; font-family:"Arial Black";  }
h1 a { color: #000000; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 1.5em; line-height: 1.7em; color: #C83C28; }
p  { font-size: 1.3em; line-height: 1.4em;  color: #000000; margin-bottom: 20px; text-align: justify;  }
h2 span, .title { font-size: 1.3em; color: #50B848;font-family:Arial;font-weight:bolder;  }
.title{font-size: 2em;line-height: 1.7em;}
h2 span.subtitle{font-family:Arial;font-size: 1.3em;  }
.pagetitle { color: #000000; display:block; font-size:2.6em; font-family:"Arial Black"; font-weight:bold; margin:5px 0 15px 0; text-transform: uppercase; }

#content p.pagetitle,#content p.title,#content p.extrainfo,#content p.linkbold{margin-bottom: 0;}

acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #000000;}
.pagetekst{font-size:1.2em;}

a.pagetekst{color:#adadad;}

.film h2 span { color:#BDD836; }
.expo h2 span { color:#891B8D; }
.scholen h2 span, .secundair h2 span, .lager h2 span, .kleuters h2 span { color:#F9D922; }
.enook h2 span { color:#14B1E7; }
.course h2 span { color:#DF1231; }
.course h2 { padding-bottom: 10px; }

/*	wrapper
--------------------------------*/
#wrapper { margin-top: 40px; }

/*	header
--------------------------------*/
#topwrapper { clear: both; width: 986px; margin: 0 auto; font-size: 13px; font-weight: bold; }

div.topmessage { float: right; width: 754px; padding: 0 10px 4px 0; }
div.topmessage span { float: right; }

#top { float: right; width: 754px; padding-bottom:4px;}
#top a { text-decoration: none; color: #000000; }
#top a:hover { text-decoration: underline; }
#top ul { list-style-type: none; /*padding-left: 10px;*/ }
#top li { display: inline; margin-right: 40px; float: right; }

#topmenu { float: right; width: 415px; }

#header { clear: both; overflow: hidden; width: 986px; margin: 10px auto; }
#header .logo { float: left; }

/*	left ads
--------------------------------*/
.rounded{background-color:#b3defe;width:220px;float:left;margin-bottom:15px;padding:12px 17px;}
.rounded .inner {height:100px;overflow:hidden;}
.rounded .inner img{height:100px;width:220px;}
.rounded ul li,.rounded ul {margin:0;list-style-type:none;}


#images { float: right; width: 755px;display:none; }
#images img {border: 0px; width: 251px; height: 165px; } 

/*	breadcrumb + controls
--------------------------------*/
#breadcrumb { width: 986px; margin: 0 auto; clear: both; font-size: 1.2em; font-weight: bold; padding-bottom: 5px; padding-top: 15px; }
#breadcrumb * { color: #000000; text-decoration: none; }

#controls { float: right; padding-right: 30px; }
#controls fieldset { float: left; border: 0; }
#controls fieldset label { float: left; padding-right: 5px; }
#controls fieldset input { float: left; width: 135px; background-color: #CECECE; }

#icons {visibility:hidden;display:none; float: right; }
#logon { float: right; padding-right: 10px; }

/*	menu
--------------------------------*/
#menu { margin:0px auto; width:986px; }

ul.menuNav{ float:left; list-style-type:none; width:986px; font-family:Tahamo; color: #000000; text-transform:uppercase;}
ul.menuNav a { float:left; text-decoration:none; color:#000000; font-size:16px; padding-right:37px; }
ul.menuNav ul li a { font-size:12px; }
ul.menuNav a:hover { text-decoration: none; }

ul.menuNav ul { list-style-type: none; padding:0; margin:0; }
ul.menuNav li { position:relative; float:left; display:block; }
ul.menuNav li { position:relative; float:left; display:block; }

ul.menuNav a.laatsteSter { float:left; text-decoration:none; color:#000000; font-size:16px; padding-right:0px; }
ul.menuNav #firstItem a.lvl0 { padding-left:0px; }
ul.menuNav .ster { width: 43px; height: 28px; background:url(images/ster.jpg) no-repeat; text-align:center; padding-top:14px; color:#FFFFFF; float:left; font-size:20px; cursor:pointer; }
ul.menuNav span + span { position:relative; top:13px; left:5px; }
ul.menuNav img + span { position:relative; top:16px; left:5px; }
ul.menuNav .noster { text-align:center; color:#FFFFFF; float:left; font-size:20px; cursor:pointer; }


/*	Dropdown topmenu
--------------------------------*/
.menuDiv ul.menuNav li ul { display: none; position: absolute; left: 0; top: 22px; z-index: 2000; font-family: Arial; }
.menuDiv ul.menuNav li:hover ul { background-color:#ffffff; display: block; margin-top:10px; z-index: 2000; }
.menuDiv ul.menuNav li ul li { color:#C83C28; clear: left; width: 28em;  position: relative; z-index: 2000; font-size: 0.7em; padding:3px 0px 3px 3px; }
.menuDiv ul.menuNav li ul li a{ color:#C83C28; font-weight:normal; }

.menuDiv ul.menuNav ul.tree0 li,.menuDiv ul.menuNav ul.tree0 li a { color:#50B848; }
.menuDiv ul.menuNav ul.tree1 li,.menuDiv ul.menuNav ul.tree1 li a { color:#BDD836; }
.menuDiv ul.menuNav ul.tree2 li,.menuDiv ul.menuNav ul.tree2 li a { color:#891B8D; }
.menuDiv ul.menuNav ul.tree3 li,.menuDiv ul.menuNav ul.tree3 li a { color:#F9D922; }
.menuDiv ul.menuNav ul.tree4 li,.menuDiv ul.menuNav ul.tree4 li a { color:#DF1231; }
.menuDiv ul.menuNav ul.tree5 li,.menuDiv ul.menuNav ul.tree5 li a { color:#14B1E7; }


/*	container
--------------------------------*/
#container { width: 986px; margin: 0 auto; clear: both; padding-top: 10px; }

/* intrologin
-----------------------*/
#intrologin ul li { list-style:none; }
#intrologin ul a { border:1px solid #000000; margin:5px 0; padding: 0px 2px; text-transform:uppercase; display:inline-block; }
#intrologin ul a:hover { text-decoration:none !important; }


/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; /*font-size: 1.3em;*/ padding-bottom: 20px; }

/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

/*	canvas: =content
--------------------------------*/
#content { float:left; width:600px; margin-right:12px;}
#content .course h2 span.title{color:#DF1231; font-size:1.8em!important; }
#content .course img { margin-bottom:10px; }
#content a.link, #content span.link { display: block; text-align: right; color: #000000;font-size:1.3em; }
#content .tekst {  font-family: Arial;  }

#content ul,#content ol { padding-left: 20px;padding-bottom:10px;  }
#content li { list-style-position: outside; list-style-type: disc;font-size: 1.3em;   color: #000000; }
#content li li,#content li li li{font-size: 1em;  }
#content li a { color: #595959; text-decoration: none; font-size: 1em; }
#content li a:hover { text-decoration: underline; }
#content p.error { color: #F00;}
#content p.tekst a.tekst{color:#000000;text-decoration:underline; }
#content p a{color:#000000;}

#content div.teaser { width: 600px; }
#content div.teaserEventImg { width: 600px; }
#content div.teaserEventImg img { width: 600px; max-height: 450px; }
#content div.teaserEvent { clear: both; width: 600px; padding: 5px 0 0 0; }
#content div.teaserEvent p {margin-bottom:8px;}
#content div.teaserEvent .appendix { margin:10px 0 0 0; }
#content div.appendix p.date, #content .extrainfo {font-size: 1.3em; font-family: "Arial Black"; font-weight: bold;color: #000000; margin:5px 0 0 0; }
#content div.appendix div.locationAndTariff, #content .linkbold { color:#000000; font-size:1.3em; font-family:Arial; font-weight:bold; margin-bottom: 30px; }
#content div.appendix div.locationAndTariff div.location { float:left; font-weight:bold;  }
#content div.appendix div.locationAndTariff div.tariff { float:left; }

div.tickets { margin-top:10px; text-align:right; font-size:1.3em !important; }
a.tickets { border:1px solid #000000; color:#000000; display:inline-block;  margin:2px 0; padding: 0px 2px; text-decoration:none !important; text-transform:uppercase; display:inline-block; }
a.lsttickets { background-color:#DC2230; color:#FFFFFF; display:inline-block; padding:1px 3px; text-decoration:none !important; text-transform:uppercase; }
a.ticketsSoldOut { background-color:#DC2230; color:#FFFFFF; display:inline-block; padding:1px 3px; text-decoration:none !important; text-transform:uppercase; }
a.tickets:hover, a.lsttickets:hover, a.ticketsSoldOut:hover { text-decoration:none !important; }
p.courseSoldOutExplanation { margin-top:10px; padding-left:250px; text-align:right; font-style:italic; }
span.ticketsSoldOut { background-color:#DC2230; color:#FFFFFF; font-size:1.1em; padding:1px 3px; text-decoration:none !important; text-transform:uppercase; }

#content div.teaserEvent h1{ font-size: 2.6em; font-family: "Arial Black"; font-weight: bold;color: #000000; text-transform: uppercase; }
#content div.teaserEvent h2{font-size: 2em;font-family:Arial;color: #50B848;}
#content div.teaserEvent h1 a{color: #50B848;text-decoration:none;}
#content a.more { color: #ADADAD; text-decoration: none; }
#content a.more:hover { text-decoration: underline; }
#content p.eventlocation { clear: both; text-transform: uppercase; }
#content div.contentEvent { clear: both; width:600px; padding:0}
#content div.contentEvent a{color:#000000;}
#content table caption{font-size: 1.3em;   color: #000000; }
#content span.error{font-size:1.2em;}

.adsright{float:left;width:250px;list-style:none; }
.rightads{}


/*	Rss
--------------------------------*/
#content table.eyeRssFeed { border: solid 1px #fff;}
#content table.eyeRssFeed tr.rssHeader td { border-bottom: solid 1px #fff; font-weight: bold; }
#content table.eyeRssFeed td { border-left: solid 1px #fff; border-right: solid 1px #fff;  padding: 3px 5px; vertical-align: top; }

/* event tables 
---------------------------------*/

div.tarief table { border: 0px; margin-bottom: 10px; font-size: 1.1em;}
div.tarief table.lstabo tr td{border-bottom:solid 1px #ADADAD;  }
div.tarief table tr.hdr td, tr.hdr th { display:none; font-size: 1.2em; font-weight: bold; border-bottom: solid 2px #000000; text-align: left; padding: 5px; }
div.tarief table td { padding: 0.3em; }
div.tarief table a { text-decoration: none; color:#000000;font-weight: bold;}
div.tarief .lstabo {border-collapse:separate !important}

div.tarief table a.tickets {/* background: url(images/bullet_ticket.jpg) no-repeat;*/ color: #C83C28; padding-left: 15px; }

ul.legende { margin-top: 10px; padding-right: 15px; padding-bottom: 3px; border: solid 1px #ADADAD; float: left;}
ul.legende li { list-style-type: none; display: inline; padding: 5px; }
ul.legende li img { margin-right: 5px; margin-top: 5px;}


/*	Courseconfirm
--------------------------------*/
.CourseTarief{float:left;padding:10px;width:650px;}

/*	canvas: =sidebar
--------------------------------*/
#sidebar { float: right; width: 286px;  }
#sidebar .imgTitle{padding:0 5px 5px 5px;}
#sidebarcontent { float: right; width: 286px; }
#sidebar div.blockcontainer { border: solid 2px #000000; margin-bottom: 20px; }

#sidebar div.blockTitle { margin: 0; }
#sidebar div.block { padding: 10px 10px 5px 10px; font-size: 1.2em; }
#sidebar div.block p { text-align: left; }
#sidebar div.block a { text-decoration:underline; color: #000000; font-weight: bold; }
#sidebar div.block a:hover { text-decoration:none; }
#sidebar div.block a.back { margin-top:10px;}

#sidebarcontent .searchTitle{border-top: solid 7px #000000;padding-top:5px; }
#sidebar div.order a{color: #000000; }
ul.news li { list-style-type: none; padding: 0 0 10px 0; }
ul.news span { display: block; }
.link { display: block; margin-bottom: 5px; }

#sidebar div.expo { overflow: hidden; }
#sidebar div.expo img { width: 286px; }

/* ----- Container: = calendar ------*/
table.m-cal { background: #FFFFFF; width: 100%; /*border-collapse: collapse;*/ margin: 5px 0; }
table.m-cal * { font-size: 12px; font-weight: normal; font-family: Arial; font-size: 1em; text-align: center; color: #000000; }
table.m-cal a { text-decoration: none !important;  }
table.titelStyle { border-collapse: collapse; width: 100%; }
table.titelStyle a { color: #000000; text-decoration: none; background-color: #FFFFFF; }
table.titelStyle td { color: #000000; font-size: 16px; font-family:"Arial Black"; }
table.m-cal th.dayHeaderStyle { padding: 5px; }
table.m-cal td.todayDayStyle { background-color: #807F80; color: #FFFFFF; }
table.m-cal td.todayDayStyle a { color: #ffffff !important; }
table.m-cal td.otherMonthStyle { font-weight: normal; font-size: 8px; }
table.m-cal td.dayStyle { color: #807F80; }
table.m-cal td.selectedCell { background-color: #B5272E; color: #FFFFFF; }
#sidebar div.block table.m-cal td.selectedCell a { color: #FFFFFF; }


/* Events
-----------------------------------*/
table.tblEvents { border-bottom:solid 1px #000000; font-size:1.2em; font-weight:bold; margin:10px 0; width: 600px; }

table.tblEvents td { vertical-align: top; padding: 10px; }
table.tblEvents td.tdEvent { width: 300px; }
table.tblEvents td.tdDate { width: 85px; }
table.tblEvents td.tdImg { width: 155px; vertical-align: middle; }
table.tblEvents a { text-decoration: none; color: #000000; }
table.tblEvents a:hover { text-decoration: underline; }

table.tblEvents .tickets { border:1px solid #000000; color:#000000; margin:2px 0; padding: 0px 2px; text-decoration:none; text-transform:uppercase; display:inline-block; }
table.tblEvents .lsttickets { background-color:#DC2230; color:#FFFFFF; padding:1px 3px; text-transform:uppercase; }
table.tblEvents .ticketsSoldOut { background-color:#DC2230; color:#FFFFFF; padding:1px 3px; text-transform:uppercase; }
table.tblEvents a.tickets:hover, table.tblEvents a.lsttickets:hover, table.tblEvents a.ticketsSoldOut:hover { text-decoration: none; }

/*	footer
--------------------------------*/
#footer { width: 986px; clear: both; margin: 0 auto; padding: 7px 0 5px 0; font-size: 13px; font-weight: bold; border-bottom: solid 1px #000000;  overflow: hidden;}

#bottommenu { float: left; width: 838px;  padding-top: 30px;  overflow: hidden; }
#bottommenu ul { list-style: none; }
#bottommenu li { display: block; float: left; margin-right: 10px; width: 160px; }
#bottommenu a.menuitem { color: #000000; font-family:"Arial Black"; font-size: 1.1em; font-style:normal; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#bottommenu ul li ul { padding:3px; }
#bottommenu ul li ul li { padding: 1px 0; }
#bottommenu ul li ul a { color: #000000; font-size: 0.8em; }

.logoBornem { float:left; width:148px; height:72px; position:absolute; padding-top:60px;  }

#address { clear: both; font-size: 0.8em; text-align: left; padding-top: 25px; }

.seperator { padding: 0 5px; }


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


/*	created
--------------------------------*/
#created { width: 986px; margin: 10px auto; text-align: right; }
#created * { vertical-align: middle; font-size: 1.1em; }
#created a { margin-left: 7px; }


/* WYSIWYG
----------------------------------*/
#eyeEditMenu { margin-top: 15px; }
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin: 0 0 0 5px !important; }