/*
Title:      	OCMW master styles for screen media
Author:     	tph, © 2009 anaXis nv.
Updated:        Juni 2009

Kleuren:
    Oranje          #DA970B
    Oranje-Geel     #FFDA21
    Donkergrijs     #7D8472
    Donkergroen     #406318
    Lichtgroen      #98BD53
    Lichtgrijs      #C7CCC8
    Grijs-groen     #EEF3EC
    Zoekblok        #6D9942
	Blue			#2E9FE1
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
img{ border: 0px; }
a{ text-decoration: none; color:#406318; }


/* ---- [ typography ] ------------ */
h1, h1 span{ color: #406318; font-size: 16px; margin-bottom: 10px; }
h2{ color: #2E9FE1; font-size: 14px; margin-top: 10px; padding-bottom: 5px; }
h3{ color: #DA970B; font-size: 12px; margin-top: 10px; padding-bottom: 5px; }

.seperator{ margin: 0 3px; }
.error{ color: Red; }

/* ---- [ Rss Feed ] ------------ */
#content div table.eyeRssFeed tr td { padding:5px; vertical-align:top;border:0px solid #fff !important;}
#content div table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#content div th {padding:5px 15px 5px 5px;width:auto !important;font-weight: bold;text-align:left;}
#content div table.eyeRssFeed  {border:0px solid #fff;padding:5px 15px 5px 5px;width:auto !important;}
#content div table.eyeRssFeed tr.rssHeader td{border-bottom:1px solid #6a5b1a !important;}
#content div table tr td { padding:5px;}
#content div.block #formTable tr td{padding:0 !important;}
#content div  caption{float:left;}
#content div table tr.rssItem a, #container div table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important}
#content div table tr.rssHeader, #container table tr.rssHeader a{font-weight:bold !important; }

/*	wrapper
--------------------------------*/
body
{
    background: #C1C6BF url(images/background.jpg) repeat-x top left;
    font-family: "Arial"; 
    font-size: 0.75em; 
}

#background
{
    background: url(images/bg.jpg) no-repeat top center;
    clear: both;
    overflow: hidden;
}

#wrapper
{
    width: 950px; 
    margin: 0 auto;
    /*opacity: 1.0;*/
}

#containerBorder
{
    position: relative;
    float: left;
    padding: 7px;
    background: url(images/transparantBorder.png) repeat;
}
*html #containerBorder{ background-image: none; }
/*:first-child+html #containerBorder{ background-image: none; } */

/*	header
--------------------------------*/
#header{ height: 170px; width: 950px; float: left; }

#logo{ width: 300px; float: left; }
#logo img{ margin: 0px; margin-top: 15px;}

#rightHeader{ float: left; width: 650px; }

#headerImages
{ 
    text-align: right;
    float: right;
    width: 650px;
}
#headerImages div {width: 130px; float: right;}
#headerImages div img
{
    width: 130px;
    padding: 0px;
    margin: 0px;
}

#headerImages .imageShadow{ margin-left: 10px; }

.imageShadow{ border: 2px solid White !important; background-color: Black; }

#smallTopMenu
{ 
    float: right;
    margin: 0px 0 10px 0;
}

#smallTopMenu a
{
    color: #406318;
    margin: 0 5px;
}
/*	container
--------------------------------*/
#container{ position:relative; float:left; background-color: White; width: 950px; }
#leftContainer{ position:relative; float:left; padding-bottom: 10px; }
#content
{
    background:transparent url(images/breadCrumbBg.jpg) no-repeat;
    position:relative; 
    float:left; 
    width: 523px !important; 
    width: 503px; /* IE6 only */
    margin-bottom: 10px;
}
#content ul li{margin:5px 0 5px 15px;}

/* topmenu
--------------------------------*/
#topMenu
{
    height: 30px; 
    padding: 10px; 
    background-color: #DA970B; 
    color: White;
    font-size: 14px;
    width: 680px;
    margin: 3px 3px 0px 3px;
    font-weight: bold;
}

#topMenu .navigation .seperator{ margin: 0 10px; }
#topMenu .navigation a{ text-decoration: none; color: White; }
#topMenu .navigation a:hover{ color: #FFDA21; }

/* breadcrumb
--------------------------------*/
#breadcrumbContainer{ position:relative; float: left; width: 100%; clear: both; display: block; }
#breadcrumb
{
    width: 350px; 
    height: 45px;
    padding-top: 5px;
    color: #7D8472;
    float: left;
}

#breadcrumb a{ color: #7D8472; text-decoration: none; }

/* Icons
--------------------------------*/
#icons
{
    width: 120px; 
    float: left; 
    text-align: right; 
}

#icons img{ margin: 5px 0px 0px 0px; }

/*	rightmenu
--------------------------------*/
#rightMenu{ position: relative; float: right; width: 240px; }
#rightMenu h1{ color: #DA970B; }
#rightMenu h2{color:#da970b;}
#rightMenu #subSiteLinks *
{
    color: #23380D; 
    text-transform:uppercase; 
    list-style: none;
}
#rightMenu #subSiteLinks li
{
    padding: 5px 0px 5px 10px;
    border-bottom: solid 1px #C7CCC8;
    background-color: #EEF3EC;
}

/*	Kalender
--------------------------------*/
#calendar
{
    padding-bottom: 10px;
    background: url(images/calendarShadow.jpg) no-repeat bottom left;
}
#calendar a
{
    color:#da970b;
}

#calendar table.m-cal
{
    width: 150px;
    margin-left:30px;
    text-align: center;
}

#calendar .titelStyle{ width: 100%; font-weight: bold; font-size: 11px; color: #7D8472; }
#calendar .titelStyle a{ text-decoration: none; color: #7D8472; font-size: 12px; font-weight: bold; }
#calendar .dayHeaderStyle{ font-weight: normal; color:#23380D; }
#calendar .todayDayStyle{ font-weight: bold; color:White; background-color:#F8D10B; }
#calendar .otherMonthStyle{ color: #C7CCC8; }
#calendar .dayStyle{ color: #7D8472; }
#calendar .selectedCell a{ font-weight: bold; }

#overzichtKalender
{
    background: #DA970B url(images/CircleArrow.jpg) no-repeat;
    color: White;
    font-size: 11px;
    padding: 10px 5px 10px 35px;
    font-weight: bolder;
}


/* Contact block
--------------------------------*/
#pnlContact
{
	border-style:solid; border-width:thick; border-color:#E6EDDD; padding-left:10px; margin-top: 5px;
}

#pnlContact h2
{
	font-size:18px;	
	color:#da970b
}


/* Events
--------------------------------*/
#events
{
    padding: 10px 0; 
    margin: 10px 0; 
    border-top: 1px dotted #DA970B;
    float:left;
    width: 100%;
}

.sessions
{
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    background-color: #EEF3EC;
    border: solid 1px #98BD53;
    text-align: left;
}

.sessions th
{
    color: #98BD53;
}

.eventType{ width: 150px; }

#sessionevent{ padding-bottom: 20px; }

.form-container{ float: left; }
.form-results{ float: left; margin-top: 20px; }
.form-results h2{ margin-top: 10px; }
.form-results h2, .form-results p{ border-left: 2px solid #98BD53; padding-left: 10px; }
.resultrow{ margin-top: 5px; float: right; color: #7D8472; }
.form-results .alternative
{ 
    color: #7D8472; 
    margin-top: 10px;
    border: 0px;
}
.form-results .score{ font-size: 80%; color: #7D8472; font-weight: normal; float: right; }

div.timeSelect select{ width: auto; float:left; margin-right: 10px; margin-top: 5px; }
span.timeSelectLabel{ float: left; width: 150px; margin: 5px 0; }

/* News
--------------------------------*/
#newsSubscribe{ margin-bottom: 20px; }
.homeNews .photo{ float: right; width: 100px; }
.homeNews{ overflow: hidden; border-bottom: 1px dotted #DA970B; }
#eventList .form-container, #newsList .form-container{ float: right; }

/*	Search
--------------------------------*/
#search
{
    background-color: #6D9942;
    color: White;
    padding: 10px;
    border-top: 1px solid #627D2C;
}

#search fieldset{ border: 0px; padding: 0px;  background-color: Transparent; }
#search input{ width: 145px; }
#search a
{
    padding: 5px;
    background-color: #23380D;
    color: White;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
#search label{ padding-bottom: 5px; width: 200px; float: left; }
.search-results .resultrow{ /*margin-top: -40px; font-weight: bold;*/ }
#search fieldset{ margin: 0; }

/*	Poll
--------------------------------*/
#poll
{
    background: url(images/pollBg.jpg) no-repeat top left; 
    padding-left: 10px; 
    float: left;
    color: #7D8472;
}

#poll label
{
    margin-left: 10px;
}

#poll h2{ padding: 10px 0px; }

#poll .tekstRes{  }
#poll .stemlink
{
    padding: 5px;
    background-color: #23380D;
    color: White;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    float: left;
    margin-top: 5px;
}

/* Banners
---------------------------------*/
#banners{ float: left;}
#banners img{ margin: 5px 0px; }
#banners .tvimage{display:none;}

/*	footer
--------------------------------*/
#footer
{
    width: 950px;
    border-top: 1px solid #C1C6BF;
    padding: 10px 0;
}

#created, #footer{ float:left; text-align: center; }

#footer address{ width: 550px; margin: 0 auto; font-style: normal; }
#footer a{ color: Black; }
#created{ float: right; display: none; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
.editmenu{ margin-top: -335px !important; }
.editmenu img{ margin: 0px; }

/* -----[ CSS tree ] ----------------	*/
#tree
{
    position: relative; 
    float: left; 
    width: 180px; 
    background: url(images/breadCrumbBgLeft.jpg) no-repeat;
}

ul.leftNavigationTree
{
    float: left; 
    width: 120px; 
    padding: 10px;
    margin-left: 3px;
    padding-top: 30px;
    cursor: pointer;
    /*border-bottom: 1px dotted #406318;*/
}
ul.leftNavigationTree *{ text-decoration: none; }

ul.leftNavigationTree li,ul.leftNavigationTree li ul li
{
    list-style-type:none; 
    border-bottom: 1px dotted #C7CCC8;
    margin-bottom: 5px;
}
ul.leftNavigationTree li a { color: #406318; font-weight:bold; }
ul.leftNavigationTree li ul { display: none; }
ul.leftNavigationTree li ul.open 
{
    display: block; 
    padding: 5px 0 10px 10px; 
    font-size: 100%; 
    /*margin-bottom: 5px; 
    border-bottom: 1px dotted #406318;*/
}
ul.leftNavigationTree ul { padding-left: 10px; }
ul.leftNavigationTree ul li{ border-bottom: 0px; }
ul.leftNavigationTree ul li a{ color: #406318; font-style:italic; font-weight: normal; }

/* Forms
-----------------------------------------*/
html #content fieldset{ position: relative; padding-top: 25px; }
html #content legend{ position:absolute; top: -1.0em; left: .5em;}
    
#content fieldset
{
    margin: 20px 0;
    background-color: #EEF3EC;
    border: solid 1px #98BD53;
    padding: 10px;
    width: 90%;
    clear: both;
}

#content fieldset label{ float: left; /*width: 200px;*/ }
#content fieldset input[type=checkbox]{ float: left; margin-right: 10px; }
#content fieldset img{ margin: 0px; }

#content legend
{
    color: white; 
    background-color: #98BD53; 
    padding: 5px;
    font-weight: bold; 
}

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


select{ width: 150px; }

#VerhuurContent select{ width: 230px; margin: 5px; }
#ctl00_ctl00_ContentRoot_mainContent_ddlContactCountry{ float: left; }


/* Ondernemersloket
------------------------------*/
table.ondernemerslijst{ width: 475px !important; }
table.ondernemerslijst td{ padding-top: 30px; color: #7D8472; text-align: center; }
table tr.header th
{
    background-color: #98BD53; 
    color: White; 
    font-weight: bold; 
    padding: 3px; text-align: left; 
}
table.ondernemerslijst tr.ondernemeritem td{ background-color: #EEF3EC; padding: 0px; color: Black; text-align: left; }
table.ondernemerslijst tr.altitem td{ background-color: #F6F9F4; padding: 0px; color: Black; text-align: left; }
.labels_discr{ color:#7D8472; font-size: 90%; }
table#tabDetailedInfo .labels{ color: #406318; }
table#tabDetailedInfo
{
    background-color: #EEF3EC; 
    border: 1px solid #98BD53; 
    margin-bottom: 20px;
}

#modEnterprise label{ width: 200px; color: #406318; }
#modEnterprise select, #modEnterprise input, #modEnterprise label{ margin-bottom: 5px; }
#modEnterprise select{ float: left; }

/* Verhuur
-------------------------------------*/
#ctl00_ctl00_ContentRoot_Content_ctrlRentMaterial_rblType_0, #ctl00_ctl00_ContentRoot_Content_ctrlRentMaterial_rblType_1, #ctl00_ctl00_ContentRoot_Content_ctrlRentHall_rblType_0, #ctl00_ctl00_ContentRoot_Content_ctrlRentHall_rblType_1{ float: left; margin-right: 5px; }

/* Sitemap
------------------------------------*/
.sitemap{ color: #406318; }
.sitemap, .sitemap ul, .sitemap ul ul{ list-style: none; }
.sitemap ul{ margin-left: 40px; color: #2E9FE1; font-style: normal; }
.sitemap, .sitemap ul, .sitemap li{color: #2E9FE1;}