/*
Title:      	Londerzeel master styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
html { overflow: scroll !important;} /* firefox hack for scrollbar issue with <<afdrukken>> button */
a img { border-width: 0; }

body { background: #837B66; font: 62.5%/1.8em Arial, Verdana, sans-serif; }

/* ---- [ typography ] ------------ */
a { font-size: 1.3em; text-decoration: none; }
a:hover { text-decoration: underline; }
address { color: #B0B0B2; font-size: 1.1em; font-style: normal;}
address a { color: #B0B0B2; font-size: 1em; }
h1 { color: #4B81C1; font-size: 2.2em; margin: 15px 15px 10px 25px; font-weight: normal; }
h1 a { font-size: 1em; }
h2 { background: url(images/h2-bullet.jpg) no-repeat left 10%; 
	 color: #817B63; font-size: 1.6em; margin: 5px 15px 10px 25px; padding-left: 20px; }
h2 a { font-size: 1em; color: #817B63; }
h3 { font-size: 1.2em; margin: 5px 15px 10px 25px; }
input { font-size: 1.2em; }
legend { font-size: 1.2em; color: #5F553A; }
li { color: #6E6E6E; font-size: 1.2em; }
li a { font-size: 1em; color: #F79236; }
select { font-size: 1.2em; }
p { font-size: 1.2em; color: #6E6E6E; margin: 5px 15px 20px 25px; }
a { color: #F79236; }
p a { font-size: 1em; color: #F79236; }

/*	wrapper
--------------------------------*/
#wrapper div.m-wrap { border-right: solid 5px #5F553A; clear: both; margin: 0 auto; overflow: hidden; width: 950px; }
#wrapper span.seperator { padding: 0 10px; }

/*	header
--------------------------------*/
#header { background: #5F553A; }
#header div.m-wrap { border-right-color: #837B66; }
#sidebar { float: left; width: 234px; }

#logo { height: 143px; width: 234px; }
#logo h1, #logo h2 { display: none; }

#canvas { float: left; width: 716px; margin-top:0px; }
#canvas div.navigation { background: #F79534; padding: 0 0 0 15px; height: 20px; }
#canvas div.navigation * { white-space: nowrap; }
#canvas div.navigation a { color: #231F1E; }
#canvas table.images { height: 123px; border-collapse: collapse; }
#canvas table.images img { height: 123px; }

#teasers { background: #A39B86; clear: both; overflow: hidden; height: 186px; }
#teasers h1 { background: url(images/h2-bullet-header.jpg) no-repeat left center; padding-left: 15px; margin-top: 5px; }
#teasers h1 a { color: #FEBA33; font-size: .9em; letter-spacing: .1em; }
#teasers h2 { background: none; padding: 0; font-size: 1.3em; margin: 0 0 0 25px; line-height: 1em; }
#teasers h2 a { color: #E6E6E4; font-weight: bold; line-height: 1em; }
#teasers p { color: #E5E7E4; font-size: 1.2em; margin: 0 0 7px 25px; }
#teasers ul { margin-top: 7px; }
#teasers li { color: #5C5539; list-style-type: none; line-height: 1.4em; }
#teasers li a { color: #5C5539; font-weight: bold;  }

#teasers .m-news { float: left; width: 536px;  }
#teasers .m-news ul { margin-left: 25px; }

#teasers .m-calendar { float: left; width: 180px;  }
#teasers .m-calendar h1 { margin-left: 0;}
#teasers table.m-cal { border-collapse: collapse; width: 170px; margin-right: 10px; }
#teasers table.m-cal * { text-align: center; font-size: 11px; line-height: 13px; font-weight: bold;}
#teasers .titelStyle { width: 100%; }
#teasers .titelStyle a,
#teasers .titelStyle td { color: #3D3533; font-weight: bold; font-size: 11px; }
#teasers .dayStyle, 
#teasers .selectedDayStyle,
#teasers .selectedCell { color: #3D3533; }
#teasers .selectedCell a { font-weight: bold; color: #FEBA33; }
#teasers .selectorStyle { }
#teasers .todayDayStyle { background-color: #F79534; color: #fff; }
#teasers .todayDayStyle a { color: #FEBA33;}
#teasers .otherMonthStyle { color: #67615F; }

#menu { background: #231F20; text-align: center; height: 20px; font-size: 10px;}
#menu a, #menu span { color: #BCB8B9; }

/*	container
--------------------------------*/
#container div.m-wrap { background: #fff url(images/bg-tree.jpg) repeat-y left top; }

#tree { background: #61a1d1; float: left; width: 233px; }
#tree div.login { clear: both; overflow: hidden; margin: 20px; }
#tree div.login a { color: #1C1638; font-weight: bold; }
#tree div.login p { color: #1C1638; margin: 0;}
#tree input, #tree fieldset { border: 0; }
#tree ul { }
#tree li { list-style-type: none; display: block; clear: both; overflow: hidden; margin-bottom: 5px; }
#tree li * { float: left; }
#tree li a { margin-left: 10px; display: block; color: #1D153A; }
#tree li a:active, #tree li a:hover { color: #fff; }
#tree li img {margin: 1px 3px 1px 0; vertical-align: middle; width: 5px;}
#tree div.lvl1 a { font-weight: bold; padding-right: 3px; }
#tree div.lvl2 a { padding: 0 3px 0 10px; font-weight: bold; width:190px; }
#tree div.lvl3 a { padding: 0 3px 0 15px; width: 190px; }
#tree div.lvl4 a { padding-left: 20px; }

#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a {color: #fff;}

#search { margin: 20px 0 20px 20px; }
#search a { font-weight: bold; color: #231F20; margin-left: 5px; text-decoration: underline; }
#search label { display: none; }
#search input.searchbtn { padding: 0px; border: 0;background:none;text-decoration:underline;font-size:1.3em;font-weight:bold;margin-left:2px;color:#231f20; cursor:pointer;display:inline-block; }

#content { float: left; width: 716px;}
body#homepage #content { width: 500px; overflow: hidden; }
body#events-uitin #content { width: 500px; }

#content div { float: none; clear: both;}
#content h1 { background: url(images/h1-bg.jpg) no-repeat left top; padding: 9px 0; }
#content img { margin: 5px 15px 20px 25px; }
#content p { overflow:hidden; }
#content p img { margin: 0; }
#content ul { margin: 7px 7px 15px 40px; }
#content ol { margin: 7px 7px 15px 40px; }
#content ul.sitemap a { color: #6E6E6E; }
#content ul.sitemap li { margin-left: 10px; list-style-type: decimal; font-size: 1.2em; }
#content ul.sitemap li li { list-style-type: upper-roman; font-size: 1em;}
#content ul.sitemap li li li { list-style-type: square; font-size: 1em;}

#content table.sessions { margin: 7px 7px 15px 40px; width: 500px; }
#content table.sessions th { background-color: #817B80; text-align: center; color: #fff; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; }
#content table.sessions tr.alt0 { background-color: #F79534; font-weight:bold;}
#content table.sessions tr.alt1 { background-color: #F3CA78; font-weight:bold;}
#content table.sessions td.date { width: 120px;}
#content td { vertical-align: top; }
#content .loginProgress { margin-left: 25px; }
#content div.fotogallery div {margin: 10px 5px 5px 17px;}

#breadcrumb { margin: 5px 0 0 15px; }
#breadcrumb * { color: #959595; }

/*	uitin
--------------------------------*/
#uitinlonderzeel { float: right; width: 196px; background-color: #EBE6D9; margin: 30px 10px 10px 10px; }
#uitinlonderzeel-tips { width: 465px; margin: 15px 10px 15px 25px; }
#uitinlonderzeel-results { width: 465px; margin: 35px 10px 15px 23px; padding-left: 2px; position: relative; }

/* ---- uit in ------------- */
/* ZOEK */
#uitinlonderzeel #cultuurnet-layout-626 { margin: 8px; width:180px; }
#uitinlonderzeel #cultuurnet-layout-626 .cn-content-wrapper { display: none; }
#uitinlonderzeel #cultuurnet-layout-626 .cn-sidebar-wrapper { width: 138px; overflow: hidden; }
#uitinlonderzeel #cultuurnet-layout-626 .cultuurnet-control-header p { margin: 10px 0; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox .form-item { margin-bottom: 5px !important; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox input { width: 176px !important; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox select { width: 180px !important; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox label { color: #6E6E6E; font-size: 1.2em; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox .submit { text-align: right; }
#uitinlonderzeel #cultuurnet-layout-626 .formCultuurnetSearchBox .submit input { background-color: #F79534; border: 0; margin-top: 5px; padding: 3px; width: auto !important; cursor: pointer; }
#uitinlonderzeel #cultuurnet-layout-626 .cultuurnet-control-footer .html-control-wrapper p { margin: 0; text-align: right; }
#uitinlonderzeel #cultuurnet-layout-626 .cultuurnet-powered { text-align: left !important; font-size: 1.1em; color: #6E6E6E; }
#uitinlonderzeel #cultuurnet-layout-626 .cultuurnet-powered a { font-size: 1em; font-weight: bold; display: block; }

/* RESULTATEN */
#uitinlonderzeel-results #cultuurnet-layout-627 { width: 450px; font-size: 1.2em; color: #6E6E6E; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-refinements { font-size: 1em; position: absolute; width: 196px; margin: 10px; padding: 0; display: block; top: 120px; right: -235px; z-index: 999; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-refinements h2 { background: none; font-size: 1em !important; margin-left: 0; padding-left: 0; float: left; width: 180px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-refinements h3 { background: none; font-size: 1em !important; margin: 0; padding: 0; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-refinements .item-list { }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult p.cn-result-count { float: left; width: 450px; margin: 0; padding: 0; display: block; font-weight: bold; margin-bottom: 15px; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events { float: left; width: 450px; margin: 0; padding: 0; display: block; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events .push-event { margin-bottom: 20px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events .push-event-text img.vlieg { width: 21px; height: 15px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events .push-event-text div { float: left; width: 300px; clear: none; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events .push-event-text .push-event-image { float: right; width: 140px; clear: none; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-events .push-event-text div a { font-size: 1em; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail h2 { margin-left: 0; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail a { font-size: 1em; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail .push-event-image { float: right; margin: 10px 0; clear: none; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail .push-event-image img { margin: 0; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail .push-event-text-shortdescription { float: left; width: 240px; clear: none; margin-right: 9px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail dl { clear: both; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .push-event-detail dd p { font-size: 1em; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .widget-push-back-link a { font-size: 1em; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult .cultuurnet-control-footer p { font-size: 1.1em !important; }

#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult ul { list-style-position:outside; margin-bottom:10px; margin-left:0px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult ul li { list-style-type: none; padding-left: 15px; margin-left: -15px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult ul li ul { margin:0 0 0 25px; }
#uitinlonderzeel-results #cultuurnet-layout-627 .cultuurnetSearchResult p { margin: 0; clear: none; }

/* TIPS */
#uitinlonderzeel-tips #cultuurnet-layout-628 { width: 450px; font-size: 1.2em; }

/*	footer
--------------------------------*/
#footer div.m-wrap { background: #fff url(images/bg-tree.jpg) repeat-y left top; }
#footer a.print { position: absolute; z-index: 1; left: 50%; margin-top: -18px; margin-left: 401px; _margin-left: 402px;}

#address { background: #61A1D1; clear: both; overflow: hidden;  }
#address div.mf-f1 { border-bottom: solid 7px #0065A3; float: left; height: 35px; width: 234px;  }
#address a { color: #B0B0B2; }
#address address {
	background: #5F553A; float: left; height: 32px;
	padding: 10px 0 0 15px; width: 701px;	
}

#created { margin: 7px auto; clear: both; overflow: hidden; width: 950px; }
#created a { float: right;}

/* -----[ wysiwyg editing ] ----------------	*/
#content #eyeEditMenu *, #content div.editmenu * {margin: 0; padding: 0; clear: none;}
#content #eyeEditMenu a, #content div.editmenu a {cursor: pointer;}

/* rss feed */
#content table.eyeRssFeed{margin: 0 0 0 20px;}
#content table.eyeRssFeed tr.rssHeader td{text-align: center; padding: 4px; color: #000; font-weight: bold;}
#content table.eyeRssFeed td{padding: 4px;}
#content table.eyeRssFeed tr.rssHeader a {color: #000;}
#content table.eyeRssFeed a { font-size: 1em; color: #F79236; }

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