﻿/* -------------------------------------
    Master stylesheet gemeente Halen    

    created on 4/01/07
    by CVE © 2006 anaXis nv.
------------------------------------- */

* {margin:0; padding:0;}
* div[width] {width:100%!important;} /* stupid hack for eyes cms */
a img {border-width: 0;}

/* center the site */
body {font:normal 62.5%/2.2em verdana, sans-serif; color:#000; text-align:center; background:#FEFDC7 url(../images/site_bkg.jpg) repeat-y center top;}
form {width:777px; margin:0  auto; position:relative; text-align:left;}
#wrapper {width:769px; padding:0 4px;}
acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #b10012;}

/* Typography */
a, a:hover, a:link {font-weight:bold; color:#b10012;}
h1 { font-size: 1.5em; color: #717004;}
h2 { font-size: 1.1em;margin: 10px 0 10px 0;}
h6 { font-size: .9em; line-height: 1.6em;}
ul { }
#content ul  { padding: 0 0 30px 20px; }
#content ul ul  { padding: 0 0 0 20px; }
#content ol { padding: 0 0 30px 25px; }
#content ol ol{ padding: 0 0 0 25px; }
legend {font-size: 1.1em;}
li { font-size: 1em;}
p { font-size: 1.0em; line-height: 1.4em;}
span { font-size: 1em;}
input { font-size: 1.1em;margin-top:3px;margin-right:3px;}
select { font-size: 1.1em;}
fieldset { border:0;}


/*** 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;}


#content table td ,#content table th ,#content table.eyeRssFeed tr.rssHeader td ,#content table.eyeRssFeed th{ vertical-align: top; border: solid 1px #E9DBC1; /*padding:0 5px ;*/ }
#content caption {text-align: center; font-weight:bold; }
#content fieldset table td {border:none !important;padding:0 !important;}
#header {width:769px; height:170px; background:transparent url(../images/header_bkg.jpg) no-repeat left top;}
#sitebody {width:764px; margin:3px 2px 12px 3px; overflow:hidden;}

/* hide the tree on edit onderneming event page*/
.ModEvsHidetree #treeBox{display:none;}
.ModEvsHidetree #contentBox{overflow:visible !important;float:none !important; }
/* header */
#moduleBar {width:759px; text-align:right; color:#fff;}
#moduleBar a, #moduleBar a:hover, #moduleBar a:link {color:#fff; font-size:0.9em;}
#moduleBar span {margin:0 5px;}
#imageHeaderBar {height:65px; margin-left:214px; margin-top:9px;}
#imageHeaderBar img.headerImage {margin-right:9px;}
#header table { width:766px;}
#searchBox {padding:46px 0 0 20px;}
#searchBox input {margin-right:5px;}
#searchBox a, #searchBox a:hover, #searchBox a:link {color:#506635;}

#logof {float:right;margin-right: 16px;}
#login-view2 {padding:50px 15px 0 0; text-align:right;}
#login-view {padding:50px 0 0 0; text-align:right;}
#login-view dl {overflow:hidden;}
#login-view dl dt, #login-view dl dd {display:inline;}
#login-view dl dd.link {margin-left:10px;}

/* logo */
#header #logo {float:left;height:100px;overflow:hidden;width:166px;margin:-103px 0 0;border:none 0 #fff;}
#header #logo {margin /*\**/:-97px\9 0 0}
#header #logo a { width:50px !important; float:left;margin:0;padding:0 115px 0px 0;text-decoration:none !important; border: 0 none #fff!important; position:absolute;}
#header #logo a img {height:100px !important; width:163px !important;}



/* site tree */
#domRoot {line-height:1.3em; background-color:#fcfbdf;}
#tree {margin:4px 0;}
#treeBox {float:left; width:192px; margin-right:7px; }
#treeBox li {list-style-type:none;}
#treeBox a, #treeBox a:link {text-decoration: none; color:#000;}
#treeBox a:hover {text-decoration: underline; color:#000;}
div.lvl1 {background:#fcfbdf url(../images/menu_icon_lvl1.gif) no-repeat 5px center; width:162px; padding:5px 5px 5px 25px; border-bottom:solid 3px #ded8a8; color:#000;}
div.lvl2 {background:#fcfbdf url(../images/menu_icon_lvl2.gif) no-repeat 5px center; width:162px; padding:2px 5px 2px 25px; color:#000;}
div.lvl3 {background:#fcfbdf url(../images/menu_icon_lvl3.gif) no-repeat 20px center; width:142px; padding:2px 5px 2px 35px; color:#000;}
div.lvl4 {background:#fcfbdf url(../images/menu_icon_lvl3.gif) no-repeat 30px center; width:132px; padding:2px 5px 2px 45px; color:#000;}

/* content container */
#contentcontainer {overflow:hidden;}
#contentBox {float:left; width:565px; overflow:hidden;}
#contentBox h1 {background-color:#dede9e; padding-left:15px; margin:5px 0;}
#content {margin:0 15px 0 15px;}
#content p {margin-bottom:7px;margin-top:7px;}

/* homepage */
#homepageContent {float:left; width:393px;}
#advalvas {background:#fffee9 url(../images/bkg_advalvas.jpg) no-repeat left 25px; float:left; width:165px; margin-left:4px; border-bottom:solid 2px #a4a346;}
a.subscribe {display: none;}

/* advalvas */
#advalvas div.border {border:solid 2px #a4a346; border-top-style:none; border-bottom-style:none; padding:8px;}
#advalvas h1 {padding-left:10px; margin:0;}
#advalvas p {margin-bottom:10px;}

/* footer */
#footer {background-color:#f8f596; text-align:center; color:#999; padding:5px 0;}
#footer a, #footer a:hover, #footer a:link {color:#999;}
#footer span a, #footer span a:hover, #footer span a:link {color:#688d30;}

/* fieldset */
fieldset { width: 480px; display: block; padding: 10px 10px 10px 0;}
fieldset div {clear:both;margin: 6px 0;}
fieldset div div{clear:none !important;}
div span.elo_CheckBox_left{margin-right:5px;margin-left:9px !important;}
div label.right{clear:right; display:inline !important;float:none !important;}

fieldset legend { display: block; height: 1%; clear: both; padding-bottom: 10px; font-weight: bold; color:#506635;}
fieldset .fieldrow { overflow:hidden;}
fieldset .fieldrow .fieldelement, fieldset .fieldrow .fieldshortelement { float: left; padding-right: 15px;}
fieldset .fieldrow .fieldshortelement input { width: 50px;}
fieldset .fieldrow .fieldelement *,fieldset .fieldrow .fieldshortelement * { vertical-align: middle;}
fieldset .fieldrow .btnElement { margin-left: 150px; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
fieldset .fieldrow .fieldlabel, fieldset label { float: left; width: 100px;}
.resultrow { height: 1%; clear: both; overflow: hidden;	margin-bottom: 15px;}
fieldset .fieldbutton {margin-top:10px; display:block;}
input.btnForm {margin-left:20px;}
fieldset div label { width:auto; float:none; margin-left:5px;}

/* pager */
#pager { width: 560px; margin: 10px 0px; text-align: center;}
#pager .pagResults { width: 560px; background-color: #f5f5f6; margin-top: 10px; height: 1%;}
#pager .pagResults #numbut { padding-left: 10px; padding-right: 10px; float: left;}
#pager .pagResults #numbut .num { padding-left: 5px; padding-right: 5px;}
#pager .pagResults #first, .pagResults #prev, .pagResults #next, .pagResults #last
    { font-size: 1.1em; float: left; margin-right: 10px; margin-left: 10px; width: 60px;}

#statResults th, table.searchResultsTable th {background-color:#dede9e; color: #717004;}
#statResults td, table.searchResultsTable td { border-bottom:solid 1px #000; padding:5px; text-align:center;}
#statResults caption {text-align:left; font-weight:bold; color:#000; padding-bottom:10px;}
table.searchResultsTable th {text-align:center;}
table.searchResultsTable td {text-align:left; border:0;}

/* search page */
div.searchresults {margin:0 0 10px 10px;}
span.score {margin-left:10px;}
a.more {margin-left:10px;}
span.highlight {font-weight:bold; color:#000; background-color:#ff0; text-decoration:none;}

/* event-sessions */
#sessions { margin-left: 30px; margin-top:10px;}
#sessions th { background-color: #DEDE9E; text-align:center; color:#717004;}
#sessions td { padding: 0 10px 0 10px;}

/* login */
#choices li { list-style-type:none;}

/* web-loket */
div.elo_Row { overflow:hidden; clear:both;}
div.elo_Row_Label { float:left;}
div.elo_Row_Label span.elo_Label { display:block; width:130px;}
div.elo_Row_Label span.elo_Label2 { display:block; width:70px;}
div.elo_Row_Field { float:left;}
div.invulblok br { display:none;}

#content .elo_Label
{
	display: block;
        width:100px;
	margin-right: 4px;
	margin-left: 8px;
	padding: 5;
	float: left;
}

#content .error{ color: Red; font-size: 10px;}

#content DIV.elo_TextBox .error
{
	float:none;
}

/* ondernemersloket */
#editeventkmo textarea { width:500px;}

#calendar { border:solid 1px #aaa;background-color:#FEFDC7; color: #505050;width:229px;}
#calendar td.dayStyle, #calendar td.todayDayStyle, #calendar td.SelectedCell
	{ width:18px; border:solid 1px #aaa; height:18px; text-align:center;}
#calendar td.todayDayStyle {border:0; background-color:#A4A346;}
#calendar td.otherMonthStyle {text-align:center;}
#calendar table.titelStyle { width:214px; text-align:center; font-size: 12px;}
#calendar th.dayHeaderStyle { width:20px; height:20px; background-color:#A4A346; text-align:center; color:#fff;}

/* sitemap */
ul.sitemap li {list-style-type:none; list-style-position:outside;}
ul.sitemap ul {margin-left:7px;}

/* Rss Feed */
div.rssFeed {margin-top:15px;}
div.rssFeed img { margin-right:5px; vertical-align:middle;}


/* datepicker */
/* the div that holds the date picker calendar */
.dpDiv { }
/* the table (within the div) that holds the date picker calendar */
.dpTable { width:160px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #FEFDC7; border: 1px solid #aaa;}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { }
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR { }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { }
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD { border: 1px solid #d5d2c1;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD { background-color: #A4A346; border: 1px solid #aaa;}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover { background-color: #A4A346; border: 1px solid #888; cursor: pointer; color: #fff;}
/* the table cell that holds the name of the month and the year */
.dpTitleTD { }
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { background-color: #A4A346; border: 1px solid #aaa; color: white;}
/* additional style information for the text that indicates the month and year */
.dpTitleText { font-size: 12px; color: gray; font-weight: bold;}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight { color: #fff; font-weight: bold;}
/* the forward/backward buttons at the top */
.dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #F7F18F; font-weight: bold; padding: 0px;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #F7F18F; font-weight: bold;}


/* classes */
div.ruler { height:2px; background-color:#a4a346; border-top:solid 1px #e9dbc1;}
div.bottomruler {margin-top:10px;}
div.bottomrulerhp {width:393px;}
div hr { display:none;}
span.date { font-style:italic;}
br.clear { clear:both; height:1%;}

/* Anchors */
.anchors 
{
    border-style:none; 
    border-color:#DEDE9E; 
    margin-bottom:20px;
}

.anchors li{ padding-left:10px; list-style:none; background:#fcfbdf url(../images/menu_icon_lvl3.gif) no-repeat 30px center; padding:2px 5px 2px 45px; color:#000;}
.anchors li a{ color:#717004; }
.anchors li a:visited{ color:#DEDE9E; }

.topLink a{ clear:both;background:url(../images/top_icon.gif) no-repeat; padding-left:14px; margin-left:470px;}

td#login-view dl dd.link{ display: none; }
