/*
Title:      	Voeren master styles for screen media
Author:     	jvd, © 2008 anaXis nv.
Updated:        June 09 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* '## this is not the best way to do this, hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* '## this is not the best way to do this,  hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Tahoma, Arial, Verdana; background: #828F57 url(images/bg_body.jpg) repeat-x left 0px;}
body span.seperator { color: #fff; padding: 0 10px; }

/* ---- [ typography ] ------------ */
a { color: #4D6310;  font-size: 1.1em; text-decoration: none;text-decoration:underline; }
address { color: #94A070; font-size: 1.1em; font-style: normal; }
h1 { font-size: 1.7em; line-height: 1.9em;color: #4D6310; }
h2 { color: #C0AA3B; font-size: 1.6em; line-height: 1.8em; margin-bottom: 10px; }
h3 { color: #4C6311 ;font-size: 1.3em; line-height: 1.6em; }
li { font-size: 1.1em; color: #54504D; }
li ul li { font-size: 1em !important; color: #54504D; }
p { font-size: 1.1em; color: #54504D; margin-bottom: 20px; }
p a { font-size: 1em;color:#4D6310; text-decoration:underline;}
#content ul.sitemap ul { padding-bottom: 0; }
acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #c0aa3b;}
#content caption {text-align: center; font-weight:bold; }


#lgweb  { color:#dcbc29 !important; font-weight:normal; display:block;/*float:left;*/ overflow:hidden; width:500px !important; padding:4px 7px 0px 0px;clear:both;margin-top:10px !important;margin-bottom:10px !important;}
#logof{float:left;color:#000 !important;font-size:12px;width:180px;clear:both;margin-bottom:3px;}
#logof a{color:#dcbc29 !important;}

/***--- RSS FEED ---------------------*/
#content table.eyeRssFeed{border:none 0 #ffffff !important;margin-bottom:10px !important;}
#content table.eyeRssFeed tr p {margin-left:0px !important;}
#content table.eyeRssFeed tr td a.rssHeader{font-weight:bold;}
#content table tr th{text-align:left !important;}

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

/*	wrapper
--------------------------------*/
#bodywrapper { background: #828F57 url(images/bg_body.jpg) repeat-x left 0px; width: 100%; height:100%; }
#outerwrapper { background: Transparent url("images/bkgtopgradient.jpg") no-repeat -6px 6px; clear: both; overflow: hidden; padding-bottom: 20px; width: 1047px; margin: 0 auto; padding-top: 31px; }
#middlewrapper { background: Transparent url("images/bkgright.png") no-repeat bottom right; clear: both; overflow: hidden; width: 1047px; margin: 0 auto; }

#wraptop { float: right; background-color: #C1AA3A; margin-right: 44px; }
#topnavleft { background: transparent url("images/bg_navtop_left.jpg") no-repeat top left; float: left; height: 39px; width: 24px; }
#topnavmiddle { background: transparent url("images/bg_navtop_middle.jpg") repeat-x top left; float: left; height: 27px; padding-top: 12px; /* width: 500px; */ /*margin: 0 48px 0 48px; */ }
#topnavmiddle ul {float: left; height: 27px; list-style-type: none;}
#topnavmiddle ul li {color: #fff; float: left; line-height: 16px; background: transparent url("images/topnavspan.jpg") no-repeat bottom left; height: 25px; padding-top: 2px; }
#topnavmiddle ul li.first { background: none; }
#topnavmiddle ul li a { vertical-align: middle; font-size: 12px; color: #fff; text-decoration: none; padding: 0 10px 0 10px; }
#topnavmiddle ul li a span {font-weight: bold;}
#topnavright { background: transparent url("images/bg_navtop_right.jpg") no-repeat top left; float: left; height: 39px; width: 24px; }

#search { border: 0; float: left; height: 27px; clear: none; overflow: auto; margin: 0; padding: 0 0 0 20px;}
#search input.text { color: #C3AC49; }
#search input.button { vertical-align: bottom; }

#innerwrapper { background: transparent url("images/bkgfooter.png") no-repeat 100% 100% ; float: right; width: 901px; margin-right: 50px; }

/*	header
--------------------------------*/
#header {  }
#header table.images { border-collapse: collapse; height: 198px; width: 901px; }
#header table.images td {vertical-align:top; height: 198px; width: 901px; }
/*#logo { margin-top: 0px; background: transparent url("images/logosubtitel.png") no-repeat  left; width: 216px; height: 198px;  }*/

/*	header
--------------------------------*/
#SiteLogo a img {width:216px !important;height:198px !important;margin:-198px 0 0;}

/*	menu
--------------------------------*/
#middlenavigation { background-color: #4D6310; clear: both; overflow: hidden; height: 31px; }
#middlenavigation ul {float: left; height: 31px; list-style-type: none;}
#middlenavigation ul li {float: left; padding: 0; height: 31px; background: transparent url("images/mainnavspan.jpg") no-repeat top left; }
#middlenavigation ul li.first { background: none; }

#middlenavigation ul li a { display: block; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; line-height: 15px; padding: 6px 10px 10px 10px; }
#middlenavigation ul li a:hover { background-color: #C3AC49; }
#middlenavigation ul li a span {}

/*	container
--------------------------------*/
#container { clear: both; overflow: hidden; padding: 4px 4px 30px 4px; }

/*	content
--------------------------------*/
#content { float: right; padding: 10px 20px 10px 23px; width: 642px; }
#content ul ,#content ol{ padding-left:20px; padding-bottom: 20px; }
#content span.pubdate { color: #7B7776; }
#content table td { padding: 5px; }
#content table.sessions { float: left; margin: 7px 7px 15px 40px; width: 500px; }
#content table.sessions th { background-color: #4D6310; color: #fff; text-align: center; }
#content table.sessions td { padding: 0; color: #54504D; text-align: center; line-height: 14px; font-size: 1.1em;}
#content table.sessions tr.alt0 { background-color: #F1EEE5; }
#content table.sessions tr.alt1 { background-color: #FFFFFF; }
#content table.sessions td.date { width: 280px;}

#innerwrapper table td { border: 0; }
#MainContentTD { background: White url("images/bkgcontainer.png") no-repeat bottom right; padding-bottom: 30px; }
#SideBarTD { background-color: White; padding-bottom: 30px; }

#printbar { clear: both; border-bottom: dotted 1px #525252; padding-top: 20px; padding-bottom: 10px; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { border-bottom: dotted 1px #525252; padding-bottom: 10px; }
#breadcrumb * { color: #7B7776; text-decoration: none; }

/*	aanmelden
--------------------------------*/
#aanmelden,body.home #aanmelden {height:20px; margin:4px 0 0 4px;float:right;/*padding:10px 10px 20px;*/width:100px;}

/*	canvas: =tree
--------------------------------*/
#tree li { line-height: 13px; }
#tree li a { font-size: 12px; color: #514E49; padding-left: 3px; text-decoration: none;}

/*	canvas: =sidebar 
--------------------------------*/

#sidebar { margin: 4px 0 0 4px; float: left; padding: 10px 10px 20px 10px; width: 184px; }

body.detail #sidebar { background: #F1EEE5 url("images/bg_sidebar_bottom_detail.jpg") no-repeat bottom left; }
body.home #sidebar { background: #DFDAC4 url("images/bg_sidebar_bottom.jpg") no-repeat bottom left; }

body.home #sidebar table.m-cal { width: 100%; border-collapse: collapse; margin: 10px 0 5px 0; height: 140px; }
body.home #sidebar table.m-cal * { font-size: 11px; font-weight: bold; text-align: center; color: #fff; }
body.home #sidebar table.titelStyle { border-collapse: collapse; width: 100%; }
body.home #sidebar table.titelStyle a {  color: #554C2F; font-size: 14px; font-weight: bold; text-decoration: none; } 
body.home #sidebar table.titelStyle td { color: #554C2F; font-size: 12px; font-weight: bold; }
body.home #sidebar th {  }
body.home #sidebar td.otherMonthStyle { color: #554C2F; }
body.home #sidebar td.todayDayStyle, #sidebar td.todayDayStyle a { background-color: #DCBC29; color: #fff; }
body.home #sidebar td.selectedCell a { color: #DCBC29; }

body.home #sidebar div.moreevts { background-color: #D5CCAB; height: 49px; padding: 5px 0 0 10px; float: left; margin-top: 10px; width: 169px;}
body.home #sidebar div.moreevts ul { list-style-type: none; float: left; }
body.home #sidebar div.moreevts ul li { clear: both; }
body.home #sidebar div.moreevts a { float: left; color: #4D630E; line-height: 13px; font-size: 12px; font-weight: bold; padding-top: 6px; text-decoration: none;  }
body.home #sidebar div.moreevts a.moreevtsbutton { float: left; margin-left: 10px; padding-top: 0px; vertical-align: bottom; }

body.home #sidebar div.actueelteaser {width:169px; float: left; margin-top: 10px; }
body.home #sidebar div.actueelteaser h3 { margin-bottom: 5px; }
body.home #sidebar div.actueelteaser ul { list-style-type: none; }
body.home #sidebar div.actueelteaser ul li a { color: #4D630E; text-decoration: none; }
body.home #sidebar div.actueelteaser ul li p { color: #807537; font-size: 1.0em; }

body.home #sidebar div.kijkerteaser {width:169px; float: left;  }
body.home #sidebar div.kijkerteaser h3 { margin-bottom: 5px; }
body.home #sidebar div.kijkerteaser ul { list-style-type: none; }
body.home #sidebar div.kijkerteaser ul li a { color: #807537; text-decoration: none; font-size: 1.0em; }

/*	footer
--------------------------------*/
#footer { clear: both; height: 58px; margin: 0 4px 0 4px; overflow: hidden; text-align: center; }
#footer address { height: 20px; width: 685px; float: right; margin-top: 10px;  }
#footer address a { color: #94A070; font-size: 1em; }
#footer span.seperator { color: #94A070; }
#footer div.bottomnav { width: 685px; float: right; text-align: center; }
#footer div.bottomnav a { color: #94A070; font-style: normal; }

/* -----[ CSS editing ] ----------------	*/

div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }
div.eyeEditMenu div {  }

/* -----[ CSS tree ] ----------------	*/
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree li ul { display: none; }
ul.myEyesTree li ul.open { display: block; }

ul.myEyesTree li { list-style: none; }
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree ul { padding-left: 20px; }