/*
Title:      	Diepenbeek master styles for screen media
Author:     	dhu, © 2009 anaXis nv.
Updated:        April 2008
*/

* { 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: #cebdb3 url('images/bg_body.jpg') repeat-x left 0px; }

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; }
h1 { font-size: 1.9em; line-height: 1.4em; color: #333333; letter-spacing: 0.08em; padding-top:10px; font-weight:normal;}
h2 { font-size: 1.7em; line-height: 1.4em; color: #d15b11; display: inline; font-weight:normal;}
h3 { font-size: 1.3em; font-weight:normal;}
li {  }
p { font-size: 1em; color: #595959; margin-bottom: 20px; }
p a { font-size: 1em;}

img.separator { margin: 0 10px; border:none; width:4px; height:4px; position:relative; top:-3px;}

/*	outerwrapper
--------------------------------*/
#outerwrapper { margin: 0 auto; width:100%; height:auto; background: transparent url('images/bg_foto.png') no-repeat scroll center top; }

/*	sitetools
--------------------------------*/
#sitetools { margin: 0 auto; width: 960px; height:30px; text-align:right; padding-top:10px;}
#sitetools a { color:#fff; text-decoration:none; margin-left: 5px; }
#sitetools a:hover { text-decoration:underline; }
#sitetools .separator { color:#fff; margin:0 10px; }

/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto 5px; width: 960px; background-color:#fff; }

/*	innerwrapper
--------------------------------*/
#innerwrapper { margin: 0 auto; width: 900px; background-color:#fff; padding-bottom:25px;}

/*	header
--------------------------------*/
#header { background: #fff url('images/header_bg.jpg') no-repeat 150px top; width: 900px; height: 173px; clear:both; overflow:hidden;}

#header div h2, #header div h3 { display: none; }
#header div p { margin: 140px 0 0 113px; color: #10456D; font-weight: bold; font-size: 1.2em; }
#header table { float: right; margin-top: 28px; }
#header td img { border: solid 1px #fff !important; margin-right: 20px; }

/*	logo
--------------------------------*/
#logowrap { float:left; margin-top:15px; margin-left:20px;}

/*	menu
--------------------------------*/
#menu { float:right; margin:25px 0 10px; font-family: Arial Narrow; }
#menu ul { float: left; margin-top:25px; border-left: solid 2px #BCBCBC; font-weight:bold; }
#menu ul li { color: #360400; list-style-type: none; padding: 3px 10px; }
#menu ul li.first { background-image: none; }
#menu ul li a { color: #360400; text-decoration: none; font-size:1.3em;}
#menu ul li a:hover { text-decoration: underline;}


/*	info address
--------------------------------*/
#address { background-color:#ffd18e; width: 900px; clear:both; text-align:right; color:#8b0f04; font-weight:bold; padding:10px 0; margin-bottom:10px;}
#address a { text-decoration:underline; font-weight:bold; position:relative; top:-2px; color:#8b0f04; }
#address span { margin-top:-2px;}

#addressbar { margin-right:10px; } 
#addressbar img { margin-right:5px; }
#addressbar span {position:relative; top:-2px; }

/*	contentwrapper
--------------------------------*/
#contentwrapper { width:900px; clear:both; float:left; margin-bottom:20px; min-height: 600px;}

/*	leftnav
--------------------------------*/
#leftnav { width:200px; float:left; background: transparent url('images/bg_sidebar.jpg') repeat-x left 0px; padding-bottom:10px;}
#leftnav span.welcome { color: #606060; display: block; padding: 5px 10px; }
#leftnav span.titel_left { display: block; font-size: 1.8em; color: #8b0f04; margin-left: 10px; margin-bottom: 10px; }

/*	hometree
--------------------------------*/
#hometree { list-style: none; margin:0 10px; color:#606060; font-weight:bold;}
#hometree li { background-color: #FFD08E; margin:0 auto 5px; background: #FFD08E url('tree/images/tree_img.jpg') no-repeat center left; height:25px; position:relative;}
#hometree li a { margin-left: 22px; position:absolute; top:5px; color:#606060; text-decoration: none; font-size:1.1em;}
#hometree li a:hover { text-decoration: underline; }
#hometree li span { color:#606060; font-size:1.1em; margin-left:22px; position:absolute; text-decoration:none; top:5px; }

/*	most visited
--------------------------------*/
#popular { clear:both; margin-top:20px;}
#popular ul { list-style: none; margin-left: 22px; }
#popular li { background: transparent url('images/square_grey.png') no-repeat center left; padding-left: 10px; }
#popular a { text-decoration: none; color: #9f9d9a; font-weight:bold; }
#popular a:hover { text-decoration: underline; }

/*	search
--------------------------------*/
fieldset.search { border:none; margin:10px auto;}
fieldset.search input[type=text] { color:#787878; float:left; font-size:1em; margin:0 10px; padding:2px 0 2px 5px; width:140px; background: transparent url('images/search.jpg') no-repeat top left; border:none; width:145px; height:21px;}
fieldset.search input[type=image].button { float:left; width:23px; height:20px;}

/*	contentcontainer
--------------------------------*/
#contentcontainer { width:500px; float:left; }

/*	newscontainer
--------------------------------*/
#newscontainer { width:450px; margin:0 25px;}
#newscontainer ul li { list-style-type:none; color: #8b0f04; font-weight:bold; }

#newscontainer div.newsitem { clear:both; padding-top:10px; } 

#newscontainer .newsitem a { color: #8b0f04; text-decoration:none; font-weight:bold;}
#newscontainer .newsitem a:hover { color: #8b0f04; text-decoration:none; font-weight:bold; text-decoration:underline;}
#newscontainer a.link { color: #787878; font-weight:bold; text-decoration:none;}
#newscontainer a.link:hover { color: #787878; font-weight:bold; text-decoration:underline;}

#newscontainer ul.newslinks { margin-top:15px; list-style: none url('images/square.gif') outside; clear:both; padding-top: 10px; display:block; }
#newscontainer ul.newslinks li { float:left; margin: 0 10px; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { padding:10px 15px 10px 25px; background: #fff url('images/bg_topcontainer.jpg') repeat-x left top; width:450px; }
#breadcrumb a { text-decoration:none;}
#breadcrumb a:hover { text-decoration:underline;}
#breadcrumb * { color: #787878; }

/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; margin: 0 20px; padding-bottom: 20px; }
#canvas div.corners { background-color: #EDEDED; padding: 10px; margin-bottom: 12px !important; }

/*	tree display: none & in treeview.js display: block
--------------------------------*/
#tree { float: left; margin:0 5px; margin-bottom: 10px; display:none;}
#tree a.selected { background-color: #FFD090; }
#tree a { padding: 1px 5px; display:block;}
#tree ul li span.menuspan { font-size:1.1em; padding:1px 5px;}

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

/*	canvas: =content
--------------------------------*/
#content { width:450px; color:#787878; margin: 0 25px 0; clear:both; font-size: 1.15em;}
#content a { color:#e96d20; text-decoration:none; font-size: 1em;}
#content a:hover { text-decoration:underline; }
#content ul { line-height: 1.5em; margin-left: 25px; margin-bottom: 20px; color: #595959; list-style: none url('images/square.gif') outside; }
#content ol { margin-left: 25px; margin-bottom: 20px; color: #595959; }
#content li { padding-bottom: 2px; }
#content #viewcontent table { border-top: solid 1px #C1C1C1; margin-bottom: 20px; width: auto !important; border-collapse: collapse; }
#content #viewcontent table td { border-bottom: solid 1px #C1C1C1; padding: 3px 15px 3px 5px; vertical-align:top; }
#content #viewcontent table td p { margin-bottom: 0; }
#content ul ul { margin-left: 15px; margin-bottom: 0; }
#content fieldset { border: solid 1px #C1C1C1; }
#content fieldset div.block { padding-left: 10px; }
#content fieldset legend { font-weight: bold; margin-left: 20px; padding: 0 5px; color:#787878; font-size: 1.15em !important; }
#content.error { color: #F00 !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;}

/*	Meaning tags
--------------------------------*/
acronym, abbr, q, dfn { border: none; font-weight: bold; }

/*	Tables
--------------------------------*/
#content table th { text-align: left;}

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

/*	Iframe
--------------------------------*/
#content iframe { margin: 0 0 10px 0; }

/*	eventscontainer
--------------------------------*/
#eventscontainer { overflow:hidden; width:200px; _width:190px; float:left; background: transparent url('images/bg_sidebar.jpg') repeat-x left 0px; padding-bottom:10px;}
#eventscontainer p { color: #fff;}
#eventscontainer #cal table.m-cal { width: 100%; margin: 10px 0 15px 0; height: 140px; font-family: Verdana;}
#eventscontainer #cal table.m-cal * { font-size: 11px; font-weight: bold; text-align: center; color: #51231c; }
#eventscontainer #cal table.titelStyle { border-collapse: collapse; width: 100%; }
#eventscontainer #cal table.titelStyle a {  color: #000; font-size: 14px; font-weight: bold; text-decoration: none; } 
#eventscontainer #cal table.titelStyle td { color: #000; font-size: 12px; font-weight: bolder; }
#eventscontainer #cal th.dayHeaderStyle { color: #805f5c;}
#eventscontainer #cal td.otherMonthStyle { color: #a2857c; }
#eventscontainer #cal td.selectedCell a { color: #e96d1f; }
#eventscontainer #cal td.todayDayStyle, #sidebar #cal td.todayDayStyle a { color: #350400; background-color: #ed9c6a; border: solid 1px #af6800;}
#eventscontainer #cal td a { color:#e96d20; }

/* calendar
--------------------------------*/
#cal { width:180px; border-bottom: solid 2px #bcbcbc; margin: 0 auto;}
#cal h3 { text-align:left; color:#8B0F04; display:block; font-size:1.8em; margin-top:10px; }


/* events
--------------------------------*/
#events { width:180px; margin:0 auto 10px; border-bottom: solid 2px #bcbcbc;}
#events img { float:left; }
#events ul { list-style: none url('images/square_red.gif') outside; margin:15px 0 0 18px; }

#events a.link { color:#9F9D9A; font-weight:bold; float:left; margin-top:5px; text-decoration:none;}
#events a:hover { color:#9F9D9A; font-weight:bold; text-decoration:underline;}

#events li.date {color:#9f9d9a; font-weight:bold; font-size:12px; margin-bottom:10px; }
#events li span { color:#9F9D9A; font-size:12px; font-weight:bold; margin-bottom:10px; }
#events li.date a { color:#8b0f04; font-weight:bold; text-decoration:none; font-size:12px; display:block;}
#events li.date a:hover { text-decoration:underline; }
#events span.page_nam { color:#9f9d9a; font-weight:bold; font-size:12px; margin-bottom:10px;}

.moreEvents ul.eventlinks { list-style: none url('images/square.gif') outside; margin:15px 0 0 18px;}
.moreEvents ul.eventlinks a { color: #9F9D9A; text-decoration:none; font-weight:bold;}
.moreEvents ul.eventlinks a:hover { color: #9F9D9A; text-decoration: underline; font-weight:bold;}
/*#events ul.eventlinks li { }*/

.moreEvents { margin:0 auto 10px; width:180px; }

/*	canvas: =sitemap
--------------------------------*/
#content ul.sitemap { }
#content ul.sitemap li {  margin: 5px 0 5px 0;  }
#content ul.sitemap li a {  }
#content ul.sitemap ul { padding-left: 35px; }
#content ul.sitemap ul li {  }

/*	footer
--------------------------------*/
#footer { background-color: #ed9c6a; width: 900px; text-align: right; padding: 10px 0; clear:both; color:#8b0f04; font-weight:bold; }
#footer a { text-decoration: underline; color: #8B0F04; position:relative; top:-1px; font-size: 1.1em;}
#footer span { padding: 0 3px; }
#footerlinks { width: 880px; margin:0 10px;}

#footer img.separator { border:medium none; height:4px; margin:0 10px; position:relative; width:4px; }

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

/*	reflectie
--------------------------------*/
#reflectie {margin: 0 auto 5px; width: 960px; height:82px; background: transparent url('images/reflection.png') no-repeat left top;}

/*	error
--------------------------------*/
p.error { color:Red; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
#content #viewcontent div#eyeEditMenu table { border-top: none; margin: 0 !important; padding: 0 !important; }
#content #viewcontent div#eyeEditMenu table td { border-bottom: none; }

div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: 0 !important; }

table.mceEditor { position:relative; z-index:9999; }