﻿/*
Title:      	Schilde master styles for screen media
Author:     	vpa, © 2008 anaXis nv.
Updated:        Feb 2009
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.separator { padding: 0 5px; }
.error { color: #ff0000; }
body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; }

/* ---- [ colors ] ------------ 
white: ffffff
body bg color: a5b66d
wrapper gradient bgcolor: 808b5b
footer border line: d3ddb3
footer color: 95a071
functions bg color: 546031
left navigation bg: ccdc9d

navigation text: 465029
search text: 767f5e
breadcrumb text: 7c7775
h1: 313527
subh1 / print text: 999593
h3 (sidebar): 687d32
month (sidebar): 91b131
p / left navigation: 55504e
a: 91b131
*/

/* ---- [ 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 #91b131; font-style: normal; }

/* ---- [ typography ] ------------ */

/*	wrapper
--------------------------------*/
body { background: #a5b56c url("images/bggradient.jpg") repeat-x scroll left 0; color: #55504e; }
body.login { background-position: left 78px; }
body#clear { background-image: none; background-color: #ffffff; }
#wrapper { width: 926px; margin: 0 auto; font-size: 1.2em; }
#innerwrapper { width: 900px; padding: 0 13px; float:left; background: #808b5b url("images/wrapperbg.jpg") repeat-x; }

/*	functions
--------------------------------*/
#functions { margin: 8px 0 25px 0; float: right; background: url("images/topnavigation_bg.png") repeat-x; }
#functionsimages { background: url("images/topnavigation_rightc.png") no-repeat top right;  }
#functions ul { padding: 0 13px 15px 13px; background: url("images/topnavigation_leftc.png") no-repeat top left; }
#functions ul li { list-style-type: none; display: inline; color: #ffffff; }
#functions span.bold {font-weight: bold; }

#functions a { color: #ffffff; }
#functions .separator { color: #ffffff; padding: 0 5px; }

#functions #fontsize { font-weight: bold; font-size: 1.1em; }

/*	header
--------------------------------*/
#header { clear: both; position: relative; }
#header { height: 200px; }

#logo a { position: absolute; bottom: 0; left: 0; }
#rctop { background: transparent url("images/photocorners.gif") no-repeat top left; height:14px; left: 0; position: absolute; top: 0; width: 900px;  } 

/*	header: = navigation
--------------------------------*/
#navigation { position: absolute; top: 30px; right: 10px; width: 340px; }
#navigation li { list-style-type: none; float: left; margin-bottom: 3px; }
#navigation li a { font-size: 1.1em; font-weight: bold; color: #465029; }
#navigation li a { float: left; padding: 4px; height: 17px; width: 157px; margin: 0 5px 0 0; }
/*#navigation li a { }*/
#navigation li a { background: url("images/mainnavigation.png"); }
#navigation li a:hover { background: url("images/mainnavigationhover.png"); text-decoration: none; }

/*	header: =search
--------------------------------*/
#searchbox { background: url("images/search.png"); width: 271px; height: 44px; position: absolute; left: 613px; bottom: -40px; }
#searchbox, #searchbox * { border: 0; }
#searchbox input.button { padding-top: 12px; }
#searchbox input.text { color: #767f5e; vertical-align: top; margin: 14px 10px 0 18px; width: 200px; }

/*	canvas
-------------------------------*/
#canvas { background-color: #ffffff; float: left; width: 900px; }

/*	canvas: =sidebar
--------------------------------*/
#sidebar { width: 208px; margin-left: 4px; float: left; padding-bottom: 19px; background: #ccdc9d url("images/leftnavigation_bottom.jpg") no-repeat bottom; }
#sidebar div { padding: 12px 8px 0 8px;}
#sidebar .pnlSidebar div { padding: 0; }
h3 { font-size: 1.4em; color: #687d32; }
#sidebar a { color: #4e6310; }
p.block { background: #ffffff; margin-top: 5px; color: #4e6310; font-size: 1.2em; font-weight: bold; padding: 10px 0 10px 20px; }
p.block a { background: url("images/arrow.jpg") no-repeat top right; padding: 2px 30px 5px 0; }
.link { display: block; font-size: 0.9em; }

/*	sidebar: =calendar
--------------------------------*/
.m-cal { width: 100%; padding: 0 10px; }
.m-cal td { text-align: right; padding: 0 3px; }
.m-cal .titelStyle td { text-align: center; padding: 0; }

.m-cal .titelStyle { width: 100%; color: #91b131; font-weight: bold; }
.m-cal .titelStyle a { font-size: 1.2em; }
#sidebar .m-cal .titelStyle a { color: #91b131; }
.m-cal .dayHeaderStyle { color: #55504e; text-align: right; }
.m-cal .otherMonthStyle { color: #55504e; }
.m-cal .dayStyle { color: #ffffff; }
.m-cal .todayDayStyle { color: #ffffff; background-color: #91b131; }
.m-cal .selectorStyle { color: #ffffff; background-color: #91b131; }
.m-cal .selectedDayStyle { text-decoration: underline; color: #ffffff; }
.m-cal .selectedCell, #sidebar .m-cal .selectedCell a { color: #91b131; font-weight: bold; }
.m-cal .titelStyle a:hover, .m-cal .selectedCell:hover, #sidebar .m-cal .selectedCell a:hover { background-color: #ffffff; text-decoration: none; }

/* ---- uit in ------------- */
/* ZOEK */
#sidebar #cultuurnet-layout-102 div { padding: 0; }
#sidebar #cultuurnet-layout-102 .cn-sidebar-wrapper { width: 192px; overflow: hidden; }
#sidebar #cultuurnet-layout-102 .formCultuurnetSearchBox .form-item { margin-bottom: 5px !important; }
#sidebar #cultuurnet-layout-102 .formCultuurnetSearchBox input, #cultuurnet-layout-102 .formCultuurnetSearchBox select { width: 192px !important; }
#sidebar #cultuurnet-layout-102 .formCultuurnetSearchBox label { color: #454545; }
#sidebar #cultuurnet-layout-102 .formCultuurnetSearchBox .submit { text-align: right; }
#canvas #sidebar #cultuurnet-layout-102 .formCultuurnetSearchBox .submit input { cursor: pointer; background-color: #687D32; border: 0; margin-top: 5px; padding: 3px; color: #ffffff; width: auto !important; text-align: center; }
#sidebar #cultuurnet-layout-102 .cultuurnet-control-footer { margin-top: 5px; }
#sidebar #cultuurnet-layout-102 .cultuurnet-powered { color: #454545; font-size: 0.9em; text-align: left !important; }
#sidebar #cultuurnet-layout-102 .cultuurnet-powered a { color: #454545; text-decoration: underline; }

/* RESULTATEN */
#cultuurnet-layout-104 { }
#cultuurnet-layout-104 .cn-sidebar-wrapper { display: none; }
#cultuurnet-layout-104 .cn-content-wrapper { overflow: hidden; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult .push-refinements { float: right; width: 200px; margin: 0; padding: 0; display: block; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult p.cn-result-count { float: left; width: 430px; margin: 0; padding: 0; display: block; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult .push-events { float: left; width: 430px; margin: 0; padding: 0; display: block; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult .push-events img.vlieg { width: auto !important; height: auto !important; }

#content #cultuurnet-layout-104 .cultuurnetSearchResult ul { list-style-position:outside; margin-bottom:20px; margin-left:0px; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult ul li { list-style-type: none; background: url(images/li.gif) no-repeat 0 0.1em; padding-left: 0; margin-left: 0; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult ul li ul { margin:0 0 0 25px; }

#content #cultuurnet-layout-104 .cultuurnetSearchResult .cultuurnet-control-footer { clear: both; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult p { margin: 0; clear: none; }

#content #cultuurnet-layout-104 .cultuurnetSearchResult .push-refinements h2 { font-size: 1.4em; line-height: 1.2em; }
#content #cultuurnet-layout-104 .cultuurnetSearchResult .push-refinements h3 { font-size: 1.2em; line-height: 1.2em; }

/* TIPS */
#content #cultuurnet-layout-226 { width: 648px; overflow: hidden; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event { background-color: #efefef; background-image: none; color: #333333; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-image img { padding: 5px 5px 0 5px; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-text { background-image: none; color: #333333; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-text a:hover { color: inherit; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav li a { background-color: #bcbcbc; color: #ffffff; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav li.activeSlide a { background-color: #CCDC9D; }

#homepage #printbar { padding-top: 40px; } /* more padding top to align pager right */
#content #cultuurnet-layout-226 #cultuurnet-widget-927 div.widget-inside-container #cn-widget-nav {
position: absolute;
top: auto;
z-index: 3;
right: auto; /*to align pager at left side */
right: 0px; /*to align pager at right side */
padding-top: 10px;
}

/* TIPS 
#content #cultuurnet-layout-226 { float: none; width: 100%; }
#content #cultuurnet-layout-226 .cn-sidebar-wrapper { display: none; }
#content #cultuurnet-layout-226 .cn-content-wrapper { float: none; width: 100%; }
#content #cultuurnet-layout-226 .cn-content-wrapper * { position: static !important; }

#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event { float: none; text-align: left; height: 80px !important; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-text { width: 628px; padding: 5px 10px 10px 10px; text-align: left; background-color: #efefef; background-image: none; color: #333333; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-text a:hover { color: inherit; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 .push-event-text h2 { font-size: 1.4em; margin-bottom: 10px; }

#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav { position: static; text-align: left; margin: 0; padding: 0; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav li { padding: 0px 10px 0px 0px; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav li a { background-color: #bcbcbc; color: #ffffff; padding: 3px 6px; }
#content #cultuurnet-layout-226 #cultuurnet-widget-927 #cn-widget-nav li.activeSlide a { background-color: #CCDC9D; }*/

/*	sidebar: =newsteaser
--------------------------------*/
ul.news { padding-top: 10px; font-size: 0.9em; color: #55504e; }
ul.news li { list-style-type: none; padding: 0 0 10px 0; }
ul.news span { color: #454545; display: block; font-weight: bold; }
ul.news a { color: #55504e; }
ul.news a:hover, .link:hover { text-decoration: none; background-color: #ffffff; }
ul.teaserlinks li { list-style-type: none;}

/*	sidebar: =extra blocks
--------------------------------*/
#sidebar div#extra p { background-color: #fff; color: #4e6310; font-size: 1.2em; font-weight: bold; margin-top: 5px; padding: 10px 0 10px 20px; }

/*	canvas: =content
--------------------------------*/
#content { margin-left: 212px; margin-right: 20px; padding: 15px 0px 15px 20px; border-top: solid 7px #ccdc9d; }
h1, h2.uittips { font-family: "Times New Roman", Serif; font-weight: normal; font-size: 2.2em; color: #313527; padding: 10px 0 5px 0; line-height: 0.9em; }
h2 { font-weight: bold; color: #55504e; padding-top: 10px; font-size: 1.0em; }
h3 { padding-top: 10px; }
p { color: #55504e; padding-bottom: 10px; }
p.alternative { font-style: italic; }
ul { color: #55504e; }
a { color: #91b131; }
img.banner { width: 420px; }
#content .date { color: #999593; font-size: 0.9em; }
#content a { text-decoration: underline; }
#content a.thickbox { padding-right: 5px; padding-left: 3px; padding-top: 3px; }
#content div.alphanav a.letter { margin-left: 5px; }
#content div.alphanav a.active { margin-left: 5px; color: #4e6310; text-decoration: none; }
#content span.tel { padding: 3px 0 2px 20px; background: url(../Images/Ondernemersloket/icon_phone.gif) no-repeat center left; }
#content span.fax { padding: 3px 0 2px 20px; background: url(../Images/Ondernemersloket/icon_fax.gif) no-repeat center left; }
#content span.tagcount { padding-left: 5px; }

#content a.weight1 { font-size: 0.8em; }
#content a.weight2 { font-size: 0.8em; }
#content a.weight3 { font-size: 0.9em; }
#content a.weight4 { font-size: 1em; }
#content a.weight5 { font-size: 1em; }
#content a.weight6 { font-size: 1.1em; }
#content a.weight7 { font-size: 1.1em; }
#content a.weight8 { font-size: 1.2em; }
#content a.weight9 { font-size: 1.2em; }
#content a.weight10 { font-size: 1.3em; }

#content div.editfield { margin: 5px; padding: 5px; border: 1px solid #A5B66D; }
#content div.editPanel { background-color: #f7f7f7;  }

#content a:hover { color: #4e6310; }

#content ul { list-style-type: disc; padding: 3px 0 5px 25px; }
#content ol { list-style-type: decimal; padding: 3px 0 5px 25px; }

#content table { border: solid 1px #a5b66d; width: auto !important; border-collapse: collapse; margin-bottom: 10px; margin-top: 5px; }
#content table.fullwidth { width: 100% !important; }
#content table * { width: auto !important; }
#content table td { border: solid 1px #a5b66d; border-collapse: collapse; padding: 5px 5px 5px 5px; }
#content table p { padding-bottom: 5px; }
#content table th { text-align: left; border-bottom: solid 2px #55504e; font-weight: bold; background-color: #CCDC9D; color: #4e6310; padding: 5px 5px 0 5px; }

/*	intro-login
--------------------------------*/
body#login-intrologin span.notavail { margin-left: 5px; color: Red; }

#center { float: left; width: 420px; }
#right { float: right; width: 200px; }
div.fotoalbum div.editfield, div.fotoalbum a.lightboxLink { float: left; width: 115px; padding-right: 15px; }
div.fotoalbum a.lightboxLink { padding-bottom: 10px; }
div.fotoalbum { clear: both; float: left; }

#eventsWidget ul { padding-left: 0px; }
#eventsWidget ul li { list-style-type: none; padding-bottom: 3px; }
#eventsWidget ul li span.title, #eventsWidget ul li span.info { display: block; }

#newsWidget ul { padding-left: 0px; }
#newsWidget ul li { list-style-type: none; padding-bottom: 3px; }
#newsWidget ul li span.title, #newsWidget ul li span.info { display: block; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { color: #7c7775; font-size: 0.9em; padding: 0 0 14px 6px; width: 365px;}

/*	printbar
--------------------------------*/
#printbar { float: left; width: 100%; padding: 10px 0; border-bottom: dotted 1px #7c7775; color: #7c7775; font-size: 0.9em; }
#printbar a {text-decoration: none; color: #999593; }
#printbar a img, #printbar a span { margin-right: 5px; text-decoration: none; }
#printfnc { float: right; }

/*	footer
--------------------------------*/
#footer { font-size: 1.2em; color: #95a071; clear: both; width: 926px; margin: 0 auto; background: url("images/bl_green.png") no-repeat top left; }
#footerimages { background: url("images/br_green.png") no-repeat top right; padding: 0 13px; }
#footercanvas { background: #ffffff; padding-top: 14px; text-align: center; }

#footer a { color: #91b131; }

address { padding-top: 10px; margin: 0px 2px; border-top: solid 3px #d3ddb3; font-style: normal; }

#footercanvas { float: left; width: 900px; }
#footermenu { float: left; padding-top: 5px; width: 900px; }
#footermenu ul { display: inline; list-style: none;  color: #91b131; margin-left: -2px; }
#footermenu ul li { display: inline; }

#pageendimg { clear: both; height: 24px; width: 900px; background: url("images/footerbg.png") no-repeat bottom left; margin-bottom: 40px; text-align: center; }

/* -----[ modal box iframe css ] ----------------	*/

#modalForm { padding: 10px; }
#modalForm input { margin-top: 10px; }


/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu table { margin: 0 !important; padding: 0 !important; }
#maincontent #eyeEditMenu table, #maincontent #eyeEditMenu table td { border: 0 !important; border-collapse: separate; }

/* IE6 images for transparency */
*html #searchbox { background: url("images/search.gif"); }
*html #navigation li a { background: url("images/mainnavigation.gif"); }
*html #navigation li a:hover { background: url("images/mainnavigation_hover2.gif"); }
*html #footer { background: url("images/bl_green.gif") no-repeat top left; }
*html #footerimages { background: url("images/br_green.gif") no-repeat top right; }
*html #pageendimg { background: url("images/footerbg.gif") no-repeat bottom left; }
