/*
Title:      	OCMW-Sint-Truiden master styles for screen media
Author:     	pas, © 2007 anaXis nv.
Updated:        Oct 04 2007
*/

* {margin:0; padding:0;}
* div[width] {width:100%;} 

a img {border-width:0;}
body { background-color:#F9FAEC; font: normal 68.75% Arial, Verdana, sans-serif;}

/* Typography 
--------------------------------*/
a, a:link {color:#AAAAAC; font-weight:bold; text-decoration:none;}
a:hover {color:#AAAAAC; font-weight:bold; text-decoration:underline;}
h1 {font-size:1.5em;}
h2 {font-size:1.1em;}
legend {font-size:1.1em;}
li {font-size:1.1em;}
p {font-size:1.1em; line-height:1.4em;}
span {font-size:1.1em;}
input {font-size:1.1em; padding-bottom:2px;}
select {font-size:1.1em;}

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

/* Meaning tags 
--------------------------------*/
acronym, abbr, q, dfn { border-bottom: dashed 1px #aaaaac; font-style: normal; }


/* Rss 
--------------------------------*/
table.eyeRssFeed { border: 1px solid #fff !important; color: #797979; margin-left: 42px; }
table.eyeRssFeed td { border: 1px solid #fff !important; padding: 2px 5px; }
table.eyeRssFeed td p { padding: 2px 0 5px 0; }
table.eyeRssFeed tr.rssHeader td { font-weight: bold; }


/* Div rounder section 
--------------------------------*/
.myBox, .cntntBox
{
    border: solid 0 #AAAAAC;
    color: #ffffff;
    width: 100%;
    background-color: #FFF;
    border: solid 1px #AAAAAC;
}

/* Wrapper 
--------------------------------*/
div.wrapper {background:url(./images/bkgMain.jpg) no-repeat; margin:0 auto; width:1004px;}
.nieuwstitleAbs {color:#AFC352; font-weight:900; font-size:19pt; margin-left:577px; margin-top:53px; position:absolute;}

/* Header
--------------------------------*/

/* --headertop-- */
.headertop {background-color:#146836; float:left; padding:5px 0 0 0; width:100%;}

/* --options-- */
#options {clear:both; color:#FDFEFF; float:left; font-size:8pt; overflow:hidden; width:325px;}
#options span {color:#FFF; padding-left:10px;}
#options a {color:#FDFEFF; padding:0 0 0 7px;}

/* --menu-- */
#menu {float:right; font-size:8pt; padding-right:13px;}
#menu span {color:#FFF; padding:0 10px 0 10px;}
#menu a {color:#FFF; margin-top:0;}
#menu a:hover { text-decoration:underline;}
#menu ul {clear:both; margin-top:0; overflow:hidden; text-align:center;}
#menu li {display: block; float:left;}

/* --headerbottom-- */
#headerbottom {clear:both; overflow:hidden;}
.headerbottom_r {vertical-align:top; width:220px}
#logo {height:107px; width:220px;}	
#logo h1.logoheader {padding-left:2px; margin-top:52px; width:220px;}
#logo h1.logoheader a {color:#136736; font-weight:900; font-size:11pt; text-decoration:none;}
#logo h1.logoheader a:hover {text-decoration:none;}

/* --search-- */
#search {height:47px; margin-top:200px; position:absolute; width:220px; }
.fieldRow{height:20px; padding-left:5px; padding-top:11px;}
.fieldBox{float:left; padding:0 0 0 5px; width:133px;}
.fieldbtn{float:right; padding:2px 17px 0 0;}

/* --mast-canvas-- */
#mast-canvas {background:url(./images/bkg_mcontainer_r.jpg) repeat-y right; float:left; padding-bottom:7px; margin-top:69px; width:784px;}

/* --news-teaser-- */
#news-teaser {float:left; padding-left:117px; margin:0; padding-bottom:13px; width:368px;}
#news-teaser h2 {color:#AFC350; padding:0 17px; }	
#news-teaser a {color:#AFC350;}
#news-teaser a:hover { text-decoration:underline;} 
#news-teaser p {color:#136736; font-weight:lighter; padding:0 17px 5px 17px;}	
#news-teaser li.newsfooterhyp {padding:0 17px;}
#news-teaser li.newsfootersubsc {padding:0 17px;}
#news-teaser li a {color:#E68125;}
#news-teaser li a:hover { text-decoration:underline;} 
#news-teaser li { list-style:none;}

/* --canvas-- */
div.canvas {border:solid 11px #AFC350; float:left; height:129px; margin:0 0 0 29px; width:217px;}

/* --mastcanvasfooter-- */
#mastcanvasfooter {float:left; height:12px; display:block; padding-left:142px; width:642px;}
.mastcanvasfooter_l {background: url(./images/mastcanvasftr_l.gif) no-repeat; float:left; height:100%; width:13px;}
.mastcanvasfooter_r {background-color:#E7E7E5; float:left; height:100%; width:629px;}

/* --headerbridge-- */
#headerbridge { padding:10px 0 3px 0; clear:both; margin:0 0 8px 0; overflow:hidden; width:100%;}

/* --loginviews-- */
.loginviews {float:left; padding-left:4px;}
.loginviews dl dt, .loginviews dd { display:inline; font-size:7.5pt; text-decoration:normal; font-weight:bold; }
.loginviews dd.link {margin-left:6px; font-weight:bold; text-decoration:none;}

/* --breadcrumb-- */
#breadcrumb a, a:link {color:#AAAAAC; text-decoration:none;}
#breadcrumb a:hover {color:#AAAAAC; text-decoration:underline;}
#breadcrumb {color:#AAAAAC; float:right; margin:0; padding:0 10px 0 0; width:711px;}

/* Maincontainer
--------------------------------*/

/* --maincontainer-- */
#maincontainer {width:100%;}
#maincontainer table caption {color: #797979;}
#maincontainer table td {vertical-align:top;}
#maincontainer table th {text-align: left; vertical-align:top;}

/* --tree-- */
#tree {background:url(./images/treebdrbtm.jpg) repeat-x bottom; padding-bottom:1px; margin-bottom:15px; width:220px;}
#tree a {display:inline-block; vertical-align:middle;}
#tree li {list-style-type:none;}
#tree ul {padding-top: 1px;}

div.lvl1 {background:url(./images/treebdrbtm.jpg) repeat-x left top; padding:13px 11px 4px 0;}
div.lvl1 a {color:#136736; font-weight:bold; padding:0 0px 0 1px;}
div.lvl1 a:hover {color:#136736; text-decoration:underline;}

div.lvl2 {padding:0}
div.lvl2 a {background:none; color:#AAAAAC; font-weight:bold; padding:0 18px 5px 3px; vertical-align:middle;}
div.lvl2 a:hover {color:#AAAAAC; text-decoration:underline;}

div.lvl3 {padding:0 0 0 10px;}
div.lvl3 a {color:#99AB3F; display:inline-block; font-weight:bold; margin:0 18px 5px 0; padding-right:25px; vertical-align:middle;}
div.lvl3 a:hover {color:#99AB3F; text-decoration:underline;}

div.lvl4 {padding:0 0 0 10px;}
div.lvl4 a {color:#99AB3F; display:inline-block; font-weight:lighter; font-style:italic; padding:0 20px 5px 0; vertical-align:middle;}
div.lvl4 a:hover {color:#99AB3F; text-decoration:underline;}

/* --container-- */
div.container {float:left; padding:0 0 0 30px; width:754px;}

/* --container := default-- */
#content {float:left; width:754px;}
#content a { color:#136736; text-decoration:underline;}
#content a:hover { text-decoration:underline;}
.mcontainer_r {background:url(./images/bkg_mcontainer_r.jpg) repeat-y right;}

/* --pagecontent-- */
.pagecontent {background-color: #FFF; border:solid 1px #AAAAAC; border-bottom-color:#FFF; float:left; margin:3px 0 0 0; padding-top:10px; width:752px;}
.pagecontent h1 {background:url(./images/h1marker.gif) no-repeat left; color:#99AB3F; font-size:1.7em; margin: 0 21px; padding-left:21px;}
.pagecontent h2 span {border-bottom:solid 1px #AAAAAC; color:#0E6633; display:block; margin:0 14px; padding-bottom:5px; padding-left:30px; padding-top:8px;}
.pagecontent p {color:#797979; padding:15px 0 0px 42px; margin-right:18px;}
.pagecontent a {padding-left:0;}
.pagecontent a:hover { text-decoration:underline;}
.pagecontent ul {color: #797979; margin-left: 60px;}
.pagecontent ul li { list-style-position:outside; list-style-type: disc;}
.pagecontent ol {color: #797979; margin-left: 65px;}
.pagecontent ol li {list-style-type: decimal;}

#contentfooter {clear:both; float:left; height:30px; overflow:visible; padding-bottom:5px; text-align:right; width:754px;} 
#cntntftrimgleft {background: url(./images/cntntftr_l.gif) no-repeat left; float:left; height:100%;  width:13px;}
#cntlinks {background-color:#FFF; border-bottom:solid 1px #AAAAAC; float:left; height:29px; text-align:right; width:728px;}
#cntlinks span {float:right; margin:7px 3px 0 3px; font-size:8pt; font-weight:lighter;}
#cntlinks span.cntlinksbg {background:url(./images/printpic.gif) no-repeat right; margin-right:5px}
#cntlinks a {color:#AAAAAC; padding-right:15px; text-decoration:underline; cursor:pointer;}
#cntntftrimgright {background:url(./images/cntntftr_r.gif) no-repeat right; float:left; height:100%; width:13px;}

#resultset h2 {border:none; color:#136736; margin-right:14px; padding:10px 0 0 43px;}
#resultset a {color:#136736; width:688px;}
#resultset p {border-bottom:solid 1px #AAAAAC; margin:0 14px 0 40px; padding-left:15px; padding-top:0;}

#content span.date {font-style:italic; font-weight:lighter; padding-top:3px;}
#content span.fieldresultcount {padding-bottom:0; padding-left:0px;}
#content span.fieldnoresults {display:inline-block; padding:0 20px; color:Red;}

/* --container := home-- */
body.home .mcontainer_r {background:url(./images/bkg_mcontainer_r.jpg) repeat-y right;}

body.home #content {background:url(./images/bkg_cntnt_home.gif) repeat-y;}
body.home #contentfooter {background:url(./images/bkg_cntntftr.jpg) repeat-y right;}
body.home .pagecontent {width:548px;}

body.home #cntlinks {width:524px;}

#events {background-color:#E7E7E5; float:left; overflow:hidden; width:204px;}
#events h1 {background:#F9FAEC url(./images/bkg_evs_titl.jpg) repeat-x bottom; color:#99AB3F; font-size:17pt; padding-right:10px; padding-bottom:2px; text-align:right;}
#events dl dt a {font-size: 1.1em; border:none; color:#178C3C; font-weight:bold; padding:10px 0 0 10px; display:block; text-decoration: none;}
#events dl dd.intro { font-weight: bold; color:#797979; margin-top: 5px; width: 184px; padding: 0 10px; }
#events dl dd.date { color:#797979; width: 174px; margin: 5px 15px 0 10px; background:url(./images/treebdrbtm.jpg) repeat-x bottom; padding-bottom: 10px;}
/* #events a {background:url(./images/treebdrbtm.jpg) repeat-x bottom; color:#797979; display:block; margin: 0 10px; padding:0 0 5px 0;} */
#events a:hover {text-decoration:underline;} 
#events .evsfooterhyp {margin:10px 9px 0 10px;}
#events .evsfooterhyp a {background:none; color:#E68125; font-size:9pt; padding:0;} 
#events .evsfooterhyp a:hover {text-decoration:underline;} 
#events .evsfootersubsc {margin:0px 9px 0 0;}
#events .evsfootersubsc a {background:none; color:#E68125; font-size:9pt; padding:0;} 
#events .evsfootersubsc a:hover {text-decoration:underline;}

.sessions {margin:10px 40px 0 40px; color:#797979;}
.sessions th {text-align:left;}
.alt0 {color:#797979;}
 
/* --container := news-- */
body.news fieldset {margin-bottom:10px;}

/* --container := newssubscribe-- */
body.newssubscribe fieldset {margin-bottom:5px;}

/* --container := search-- */
#searchbody { margin:10px 0 30px 43px;}
#searchbody h2 {border:none; margin-right:20px; margin-top:12px;}
#searchbody h2 a {color:#136736; margin-left:0;}
#searchbody h2 a:hover {text-decoration:underline;}
#searchbody h2 span.score {border:none; color:#000; display:inline; font-size:1em; font-style:italic; font-weight:normal; width:100px;}
#searchbody p {border-bottom:solid 1px #AAAAAC; margin:0 18px 0 0; padding:0 0 10px 0;}
#searchbody span.fieldresultcount {margin-left:0; padding-left:0; }
#searchbody span.contentfieldset {margin-left:0; padding-left:0; }

#searchnewslink {padding:10px 205px 10px 10px; text-align:right;} 

/* --container := sitemap-- */  
ul.sitemap {margin: 5px 0 10px 95px;}
ul.sitemap ul {margin-left: auto;}
ul.sitemap a {text-decoration:underline; font-weight:bold;}
ul.sitemap li { color:#AAAAAC; font-size:10pt; font-weight: bold; list-style-position:outside; list-style-type:upper-roman; margin: 6px 0 6px 10px;}
ul.sitemap li li {list-style-type: decimal; margin-left: 50px;}
ul.sitemap li li li {list-style-type: square;}
ul.sitemap li li li li {list-style-type: disc;}

/* Forms
--------------------------------*/
.fieldelement span.error {color:#FF0000; padding-left:5px;}
.lbldat {margin-top:7px;}
.error {color:#FF0000;}

/* form-container
------------------------------------- */
div.form-container fieldset { margin: 10px 10px 10px 20px; padding: 10px; border: #ddd 1px solid; }
div.form-container fieldset div { padding: 0.15em 0; }
div.form-container label em { margin-left: 2px; font-style: normal; }
div.form-container label,
div.form-container span.label { margin-right: 10px; padding-right: 15px; width: 90px; display: block; float: left;}
div.form-container span.error {color: #C00;}
div.form-container legend {color:#E68125; font-weight:bold;}

div.form-container div.fieldrow, 
div.form-container div.fieldrowinv { clear: both;}
div.form-container div.fieldrow *, 
div.form-container div.fieldrowinv * { vertical-align: top; }
div.form-container div.fieldrow div { float: left; }
div.form-container div.fieldrow img { margin: 0 !important;}
div.form-container div.fieldrow span { padding-left: 5px; }
div.form-container div.fieldrowinv label { display: inline; float: none; padding-left: 15px;}

div.form-container input { float: left; margin:0 2px 0 0; }
div.form-container input.fieldbutton { padding: 0 5px;  }
div.form-container input.fieldbutton2 { padding: 0 5px; margin: 10px 0 20px 20px; }

div.form-container a { color: #1C1638; }
div.form-container div.resultrow { margin-left: 20px; }
div.form-container ul.choices { margin-left: 40px;  }
div.form-container ul.choices li { list-style-type: none; }

/* ulogin
------------------------------------- */
body.login fieldset {border:solid 1px #AAAAAC; margin: 10px 10px 10px 20px; padding: 10px; border: #ddd 1px solid;}
body.login fieldset div { padding: 0.15em 0; }
body.login fieldset legend {color:#E68125; font-weight:bold; padding: 10px 0;}
body.login fieldset .fieldrow .fieldlabel, body.login fieldset label, body.login fieldset span { color:#797979; float:left; padding-top:1px; width:100px;}
body.login fieldset div label {color:#797979; float:none; margin-left:5px; width:auto;}
body.login fieldset div span {color:#797979; float:none; margin-left:5px; width:auto;}
div.ulogin fieldset { margin: 10px 10px 10px 20px; padding: 10px; border: #ddd 1px solid; }
div.ulogin fieldset div { padding: 0.15em 0; }
div.ulogin label em { margin-left: 2px; font-style: normal; }
div.ulogin label,
div.ulogin span.label { margin-right: 10px; padding-right: 15px; padding-bottom:13px; display: block; float: left;}
div.ulogin span.error {color: #C00;}
body.login div.ulogin .clear { clear:both;}

body.login div.ulogin input { float: left; width:auto;}
body.login div.ulogin .btn {float: left; display:block; margin:0 0 0 10px; }

/* news subscribe
------------------------------------- */
div#news-subscribe fieldset span { width: auto;}

/* Form-pager
------------------------------------- */
div.pagResults {font-size:1.1em; font-weight:bold; margin:17px 5px 5px 40px;}
div.pagResults a {margin:0 5px; text-decoration:none;}
div.pagResults a:hover {text-decoration:underline;}
div.pagResults div {display:inline;}
div.pagResults #numbut {width:60px;}

/* Kalender
------------------------------------- */
.evscalcont {float:left; margin:20px 80px;}
.evscalcont td.selectedCell a {color:#FFF;}
.evsTable {background-color: #F2F6DD; border: solid 1px #FFF; color: #505050; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; vertical-align:middle;  height:300px; width:350px;}
.evsTable td {padding-top:10px; }
.evsTD {border: solid 1px #ECE9D8;}
.evsDayHighlightTD { background-color: #FFF; border: solid 1px #AAAAAA;}
.evsTDHover {background-color: #ACA998; border: solid 1px #888888; color:red; cursor:pointer;}
.selectedCell { border:solid 3px #FFF; background-color:#e68125;}
.evsDayTD {border: solid 0px #AAAAAA; color:#146836; border:solid 1px Silver;}
.evsOtherMonthDayStyle {color:#e68125;}
.evsTitleText {color: gray; font-size: 15px; font-weight: bold; text-align:center; width:100%;}
.evsTitleText td { text-align:center;}
.evsDayHighlight {color:#AFC350; font-weight: bold;}
.evsButton {color: gray; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size:10px;}
.evsTodayButton {background:#E6E6E6 ; color: #505050; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

/* Datepicker
------------------------------------- */
.dpTable {background-color: #ECE9D8; border: solid 1px #AAAAAA; color: #505050; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}
.dpTD {border: solid 1px #ECE9D8;}
.dpDayHighlightTD { background-color: #FFF; border: solid 1px #AAAAAA;}
.dpTDHover {background-color: #ACA998; border: solid 1px #888888; color:red; cursor:pointer;}
.dpDayTD {background-color: #CCCCCC; border: solid 1px #AAAAAA; color:#FFF;}
.dpTitleText {color: gray; font-size: 12px; font-weight: bold;}
.dpDayHighlight {color:#AFC350; font-weight: bold;}
.dpButton {background: #CAD78D; color: gray; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; padding:0;}
.dpTodayButton {background: #CAD78D; color: gray; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

/* Wysiwyg
------------------------------------- */
#eyeEditMenu {margin:0 0 0 15px;}

/* Footer
--------------------------------*/
#footer {float:left; height:60px; width:100%;}
#footer span {color:#BFBDBE; margin:0; padding:0 4px;}

/* --footertop-- */
#footertop {color:#AAAAAC; float:left; height:100%; width:100%;}

/* --footerleft-- */
.footerleft {background-color:#C2CE86; float:left; height:49px; width:220px;}

/* --footerinfo-- */
.footerinfo {background-color:#E7E7E5; float:right; height:49px; padding-left:142px; width:642px;}

/* --footeraddrs-- */
#footeraddrs {float:right; font-size:7.5pt; text-decoration:none; text-align:center; width:100%;}
#footeraddrs address {font-style:normal;}
#footeraddrs address a {color:#BFBDBE; font-size:8pt; font-style:normal; font-weight:normal; text-decoration:none;}
#footeraddrs address a:hover {text-decoration:underline;}

/* --footerlinks-- */
#footerlinks {color:#AAAAAC; float:left; font-size:8pt; padding:5px 0 0 45px;}
#footerlinks a {color:#AAAAAC;}
#footerlinks a:hover {text-decoration:underline;}

/* --footerlogo-- */
#footerlogo {clear:both; display:inline; float:left; width:100%;}
#footerlogo ul {float:right; height:25px; margin:4px 0; overflow:hidden;}
#footerlogo li {display:block; float:left; padding-top:3px;}
#footerlogo li.logoanaxis {padding:3px 0;}
#footerlogo a {color:#303026; font-size:8pt; font-weight:bold; letter-spacing:0.3em; text-decoration:none;}
#footerlogo a:hover {text-decoration:none;}

.imglogo {margin:0 7px 0 6px; padding-bottom:8px;}