/*
Title:      	TIDS
Author:     	© 2008 anaXis nv.
Updated:        December 2008
*/

* { 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; }
img { border: 0;}

html { overflow: scroll !important;} /* firefox hack for scrollbar issue with <<afdrukken>> button */
body { font: normal 62.5% Arial, Verdana, sans-serif; background-color: #ffffff; }

/* ---- [ typography ] ------------ */

h1 { font-size: 1.9em; font-weight: bold; margin-top: 5px; color: #6F4303; }
h2 { font-size: 1.3em; font-family: Arial Rounded MT Bold; margin-bottom: 15px; margin-top: 15px; color: #758d8d; }
h3 { font-size: 1.2em; line-height:1.6em; color: #758d8d;}
/*li { font-size: 1.15em; }*/
p { font-size: 1.15em; color: #5c575e; margin:20px 0;}

.error{ color: Red; }

.seperator { padding: 0 2px; color: #9A9B9B;}

/*	wrapper
--------------------------------*/
#wrapper { width: 970px; margin: 15px auto; background:transparent;}

/*	container
--------------------------------*/
#container{width: 970px; position: relative;}


/*	header
--------------------------------*/
#header { clear: both; overflow: hidden; width:970px; height:230px; _padding-bottom:10px; }

* html #header { margin-bottom: 15px; }

#header a { display: inline; }
#header ul.lang { list-style: none; display: inline;}
#header ul.lang li { display: inline; font-size: 1.1em; font-weight: bold;}
#header ul.lang span { margin-right: 10px;}
#header #controls {  margin: 4px 2px 0 0; color: #C9D3DD; font-size: 1.1em; float: right; }
#header #controls a { text-decoration: none; color: #C9D3DD; margin-right: 10px; }
#header #controls span.seperator { margin-right: 5px; margin-left:5px; }
#header #controls fieldset { border: 0; display: inline; vertical-align: middle;}
#header #controls fieldset input.btn { width: auto; vertical-align: middle; }
#header #controls fieldset input { width: 135px; margin-right: 2px; vertical-align: middle; }

#header_top {width: 750px; height: 30px; float: left; padding-top:5px; padding-bottom: 15px;}

#header_left { width:200px; float:left; overflow:hidden; margin-right:15px; }
#header_right { width:750px; float:left; overflow:hidden; }

#searchwrap { width:210px; height:27px; float:left; }
#search { border: 0; float: left; height: 27px; overflow: hidden; margin: 0; padding: 0 0 0 20px;}
#search input.text { color: #6E5F77; }
#search input.btn { vertical-align: top; overflow:hidden;}

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


/*	container: =topmenu
--------------------------------*/

#topmenu{float: right; margin: 10px 0 10px 0; position:relative;}
#topmenu ul {float: left; height: 27px; list-style-type: none;}
#topmenu ul li {color: #000; float: left; line-height: 16px; background: transparent url("images/topnavspan.jpg") no-repeat bottom left; height: 25px; padding-top: 2px; }
#topmenu ul li.first { background: none; }
#topmenu ul li a { vertical-align: middle; font-size: 12px; color: #000; text-decoration: none; padding: 0 7px 0 7px; }
#topmenu ul li a span {font-weight: bold;}

#topnav{float:right; }
#sitetools{float:left; margin-top:3px;font-size:12px;}
#sitetools a{font-size:12px; text-decoration:none; color:#9A9B9B; }

/*	logowrap
--------------------------------*/
#logowrap {float: left; width: 200px; height: 220px; margin:0; overflow:hidden;}

/*	logo_vl
--------------------------------*/
#logo_vl {float: right; width: 150px; height: 50px; margin:0;}

p.renderimg { margin:0; }
p.renderimg img { margin:0; padding: 0; }

#contentevents p.renderimg { margin: 5px; }

/*	container: =bannercontainer
--------------------------------*/
#bannercontainer{width: 750px; height: 70px; float: left; margin:0 0 10px 0;padding:0;}
#banner_leftborder{width:15px; height:70px;float:left; background: url(images/banner_left.png) no-repeat scroll left top;}
#banner_links{height:60px;float:left; font-size:20px; margin:8px 0 0; color:#fff; width:330px; overflow:hidden; }
/*#banner{background: url(images/bg-banner.png) repeat center top; width: 752px; height: 62px; float: left;}*/
#banner { background-color:#dc9018; width: 735px; height: 70px; float: left;}
#banner_rechts{height:70px;float:right; font-size:14px; width:auto; overflow:hidden; display:block;}
#banner_rightborder {width:8px; height:70px; float:right; background: url(images/banner_right.png) no-repeat left top;}
#banner a {color:#fff; text-decoration:none;}

/*	container: = middlenav
--------------------------------*/
#nav{display:inline;}
#nav-leftborder{width:11px; height:49px;float:left; background:transparent url("images/menu_left.jpg") no-repeat left top; }
#nav-rightborder{width:11px; height:49px;float:left; background:transparent url("images/menu_right.jpg") no-repeat left top;}
#middlenavigation { background-color: #f6d502; height: 70px;width:750px; border:none; margin-top:15px; margin-top:10px !important; float:left;}
#middlenavigation ul {height: 70px; list-style-type: none; font-weight:bold; overflow:hidden; }
#middlenavigation ul li {float: left; padding: 0; height: 70px; background: transparent url("images/navspan.jpg") no-repeat top left; overflow:hidden; color:#6f4303;}
#middlenavigation ul li.first { background: none; margin-left:10px; overflow:hidden; color:#719531;}
#middlenavigation ul li.active { text-decoration:underline; }

#middlenavigation ul li a { display: block; font-size: 14px; text-decoration: none; margin: 25px 10px ;}
/*#middlenavigation ul li a:hover { background-color: #C3AC49; }*/
#middlenavigation ul li a span {}
#middlenavigation ul li.first a:link { color:#719531; }
#middlenavigation ul li.first a:visited { color:#719531; }

#middlenavigation ul li a:link { color:#6f4303; }
#middlenavigation ul li a:visited { color:#6f4303; }

/*	container: =canvas
--------------------------------*/
#canvas { width: 942px;  background-color:#F6D502; clear: both; overflow: hidden; margin-bottom:15px; margin-left:8px;  }
* html #canvas { margin-bottom:10px; }
/*	container: =campaign
--------------------------------*/
#campaign { height:auto; width:auto; float:left; margin:10px 5px 10px 15px; display:inline; }

#rightmenu{ height:auto; width:auto; float:right; margin:10px 5px 10px 5px; display:inline; font-size:14px;}
#rightmenu li{font-size:14px;}
#rightmenu a{font-size:14px;}

/*	canvas: =tree
--------------------------------*/
#treewrap { float: left; width: 200px; margin:25px 0 10px 0; font-size:8px; }

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

/*	canvas: =content
--------------------------------*/
#content { width: 960px; margin: 0; padding:5px; clear: both; background-color:#F6D502;}

* html #canvas { padding-bottom:0px; }

#content fieldset { margin-bottom: 5px; }
#content #inhoud { clear: both; overflow: hidden; margin:0; width:970px; }

#midnav { width:720px; float:left; height:34px; margin-bottom:-25px;}

#midnav0 { float:left; padding-left:28px; }
#midnav1 { float:left; padding-left: 180px;}
#midnav2 { float:left; padding-left: 350px;}
#midnav3 { float:right; padding-right: 200px;}
#midnav4 { float:right; padding-right:105px;}
#midnav5 { float:right; padding-right:10px;}

body.home #midnav { display: none; }

body.detail #tekstcontainer { width:720px; float:right; background-color:#fff; margin: 25px 10px 10px 10px; overflow:hidden;}
body.home #tekstcontainer { width:720px; float:right; background-color:#F6D502; margin: 0 10px 0px 10px; overflow:hidden;}
body.home #tekst { margin: 0 40px 0 0; }

#tekst{ width:650px; float: right; margin:0 40px 20px 0; font-size: 1.15em; overflow:hidden; }
* html #tekst { margin-left: 15px; }

#tekst ul {margin:0 0 0 10px ;}

#tekst ul li{ list-style-position:inside; display:list-item;}
#tekst li{ list-style-position:inside; display:list-item; color:#5C575E;}

#tekst a { color:#5C575E;}

#tekst table { margin-bottom:15px;}

#inhoud { background-color:#F6D502; }

#content #inhoud h1 { text-transform: uppercase; }
#content #inhoud h2 { background: url(images/h2_straat.jpg) no-repeat left;}
#content #inhoud h2 a { color: #7A9CB7; }
#content #inhoud h2.overzicht { background: none; margin:0; padding:0; font-size: 1.3em;}
#content #inhoud h2.overzicht a { color: #7A9CB7; }
/*#content #inhoud a { color: #000; }*/
#content #inhoud a.more { float: right; display:inline; }
#content #inhoud p { margin-bottom: 15px; }
#content #mast { background-color: #DCDCDC; width: 453px; border-top: solid 2px #FFFFFF; padding: 8px 6px 8px 8px; font-size: 1.0em; color: #616161; clear: both; overflow: hidden; }
#content #breadcrumb { width: 655px; margin:15px; border-bottom:1px dotted #525252;padding-bottom:5px; color:#9a9b9b; font-size: 12px;}
#content #breadcrumb a { color: #616161; font-size: 12px; text-decoration:none; }
#content #aanmelden { float: right; }
#content #aanmelden span { margin-top : 7px; padding-right: 4px; float:left; }
#content #aanmelden a { color: #616161; font-size: 10px; float: left;}

/*	canvas:= login pagina
--------------------------------*/
#inhoud span.aanmelden {  font-size: 1.1em; color: #787878; } 
#inhoud li.aanmelden { list-style: none; } 


/*	canvas: =sitemap
--------------------------------*/
#content #inhoud ul.sitemap li { color: #787878; margin: 5px 0 5px 0; font-size: 12px; }
#content #inhoud ul.sitemap li a { color: #787878; }
#content #inhoud ul.sitemap ul { padding-left: 35px; }

/* eventscontainer
--------------------------------*/
#eventscontainer { height:auto; width:970px; }

/* contentevents
--------------------------------*/
#contentevents { float:left; width:700px; margin:10px 20px 0 30px; font-size: 1.15em; color:#5C575E;}
#contentevents .events a { color: #758d8d; text-decoration:none;}
#contentevents h3 { margin-bottom:10px;}
#contentevents h3 a { margin-bottom:10px; font-size:1.2em;}

/*	events
--------------------------------*/
#contentevents .events { font-size:1.15em; }
#contentevents .events dt { font-size: 1.2em; font-weight:bold; margin:10px 0 2px 0;}
#contentevents .events dd { font-size: 1.15em; color:#628989; }
#contentevents .events dd  a { color:#628989; text-decoration:underline;}

/*	canvas: =sidebar
--------------------------------*/
#sidebar { float: left; width: 220px; margin:10px 0; font-size:12px; clear:both; overflow:hidden;}
#sidebar div.corners { background: #F6D502; }
#sidebar { background: #fff; }
.calendar { background: #F6D502; padding-bottom:5px;}
#sidebar div.calendar h3 { color: #6d9332;}
#sidebar h3 { color: #736228; text-align:center; }
#sidebar p { color: #fff;}
#sidebar table.m-cal { width: 180px; border-collapse: collapse; margin: 10px 0 5px 20px; height: 140px; }
#sidebar table.m-cal { font-size: 11px; text-align: center; color: #6d9332; }
#sidebar table.titelStyle { border-collapse: collapse; width: 100%; }
#sidebar table.titelStyle a {  color: #6d9332; font-size: 14px; font-weight: bolder; text-decoration: none; } 
#sidebar table.titelStyle td { color: #6d9332; font-size: 12px; font-weight: bold; }
#sidebar table th.dayHeaderStyle { color: #6d9332; font-size: 12px; font-weight: bold; }
#sidebar th { border-bottom: solid 1px #6d9332; }
#sidebar td.otherMonthStyle { color: #6d9332; }
#sidebar td.todayDayStyle, #sidebar td.todayDayStyle a { background-color: #6D9332; color: #F6D502; }
#sidebar .moreevts { color:#6d9332; text-align:center; background-color:#F6D502;}
#sidebar a {text-decoration:none; color:#6d9332; font-size:14px; font-weight:bold; }
#sidebar td a { font-weight:bolder; }
#sidebar td.selectedCell a { font-weight:bolder; }

#cal_top { float:left; width:220px; height:9px; background: url(images/cal_top.jpg) no-repeat; overflow:hidden;}
#cal_bottom { float:left; width:220px; height:9px; background: url(images/cal_bottom.jpg) no-repeat; overflow:hidden;}

/* detail:tekst
-------------------------------*/
body.detail #tekst { background-color:#fff; }

/*	canvas:= stadsmonitor
--------------------------------*/
body.detail #overzicht ul.opsom { margin-bottom: 10px; list-style-type:disc;}
body.detail #overzicht ul.opsom li { padding-bottom: 5px; }
body.detail #overzicht ul.opsom a { text-decoration: underline; }

/* Forms
-----------------------------------------*/
#inhoud fieldset
{
	margin: 20px 0;
    border: solid 1px #D8DFE7;
    width: auto;
    clear: both;
    padding: 10px;
}

#inhoud fieldset label{text-align:left; float:left; margin:5px 0 0 5px; padding:0;}
#inhoud fieldset input {float:left; margin:5px 0 0 0; padding:0;}
#inhoud fieldset input[type=checkbox]{ float: left;}
#inhoud fieldset img{ margin: 0px; }

#inhoud legend
{
    color: #F4CA06; 
    background-color: #6E5F77; 
    font-weight: bold; 
    padding: 5px; 
    margin-bottom: 10px;
}

div.resultrow { margin-top: 10px; margin-bottom: 20px;}
.elo_Label{ margin-right: 10px; }
.fieldsetBlock label{ font-weight: bold; width: 150px; float: left; }
fieldset label.fieldlabel{ float: left; width: 150px; }
.fieldrow{ position: relative; float: left; width: 450px; margin-top: 5px; }
.fieldrowinv input{ float: left; padding: 5px; }
.fieldrowinv label{ padding-left: 5px; padding-top: 3px;}
.fieldrowinv{ margin-top: 15px; width: 350px; }
.fieldbutton{ float: none; display: block; clear: both; margin-top: 20px; }
.form-results{ float: left; width: 400px; }
.form-pager{ float: left; width: 400px; text-align: center; margin-top: 20px; }
.form-pager div{ width: 150px; }
.fieldelement, .fieldrowinv{ float: left; }
.fieldelement input{ width: 150px; }
.invulblok input{ margin-right: 5px; }


select{ width: 150px; }

/*	footer
--------------------------------*/
#footer { margin: 15px 0; padding: 8px 0 8px 0; color: #3d3d3d; font-size: 10px; width: 970px;height: auto; float:left;}
#footer a { color: #9A9B9B; }
#footer span { padding-left: 4px; color: #9A9B9B;}
#footer span.literal img { margin-bottom: 2px; }
#footer div.bottomnav{ padding-top:5px; float:right; font-size:12px;}
#footer div.bottomnav a{ font-size:12px; text-decoration:none;}

#facebook { width:175px; height: 30px;  margin: 0 10px 0 0; float:left;}
#cultuurweb { width:88px; height: 30px; margin: 0 10px 0 0; float:left;}
#via { width:128px; height: 30px; margin: 0 10px 0 0; float:left; }
#anaxis { width:93px; height: 30px; margin: 0 10px 0 0; float:left; }

#coop{float:left; margin:0 10px 10px 15px; }

#footer address { height: 30px; width: 250px; float: right; margin-top:6px; font-style:normal; font-size: 12px;}
#footer address a { font-size: 12px; text-decoration: none;}


/* -----[ CSS editing ] ---------------- */
div.eyeEditMenu *,
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/* only IE needs this */
div.editmenu { _margin-top: -300px !important; }