﻿/*
Title:      	Deinze
Author:     	dmu, © 2008 anaXis nv.
Updated:        October 14 2008
*/

* { margin: 0; padding: 0; } *
* div[width] { width: 100% !important;} /* not the best hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* not the best hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Arial , Verdana, sans-serif; background: #8BA0B1 url(images/Background.jpg) repeat-x; }

/* ---- [ typography ] ------------ */
a { font-size: 12px; text-decoration: none; }
h1 { font-size: 1.7em; font-weight: bold; margin-bottom: 15px; margin-top: 25px; color: #566E8A; }
h2 { font-size: 1.5em; margin-bottom: 15px; margin-top: 15px; color: #7A9CB7; line-height: 20px; }
h3 { font-size: 1.1em; margin-bottom: 5px; }
li { font-size: 1.2em !important; }
li li {font-size: 1em !important;}
p { font-size: 1.2em; color: #616161; }
#widgets_output {text-align:justify;}
.error{ color: #FC0000; }
acronym, abbr, cite, q, dfn {border-bottom: dashed 1px #aa0202;}


/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important;border:none !important; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
.editmenu{ margin-top: 20px !important; }
.editmenu img{ margin: 0px; }

#content #inhoud table.eyeRssFeed tr td { padding:5px; border:0px;vertical-align:top;}
#content #inhoud table {border:1px solid #D8DFE7; }
#content #inhoud table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#content #inhoud th {border-bottom:1px solid #787878;padding:5px 15px 5px 5px;width:auto !important;}
#container #inhoud table.eyeRssFeed  {border:0px solid #fff;padding:5px 15px 5px 5px;width:auto !important;color: #616161;clear:both;}
#content #inhoud table.eyeRssFeed tr.rssHeader td,#content #inhoud table.eyeRssFeed tr.rssItem td , #content #inhoud table.eyeRssFeed tr.rssAlternatingItem td{font-size:1.1em;}
#content #inhoud table tr td { padding:5px;}
#content   caption{float:left; color:#304c68;font-size: 1.3em;}
#container table tr.rssItem a, #container #inhoud table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important}
#container table tr.rssHeader, #container table tr.rssHeader a{font-weight:bold !important;color:#304c68 !important; }
#content #inhoud fieldset table{border:0 !important;}

/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto; width:100%; background: url(images/Achtergrondbeeld.jpg) no-repeat top center; }

/*	geheel
--------------------------------*/
#geheel { width: 947px; margin: 0 auto; overflow:hidden; clear: both; }

/*	header
--------------------------------*/
#header { clear: both; overflow: hidden; margin-bottom: 65px; }
#header a { display: inline; }
#header a img { margin: 20px 0 20px 0; }
#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 ul.lang a:hover {background: none; text-decoration: none;}
#header ul.lang a.tooltip span {display: none; padding: 2px 3px; margin-left: 8px; width: 20px;} 
#header ul.lang a.tooltip:hover span { display:inline; position:absolute; top:30px; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; } 

#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: 10px; }
#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 #aanmelden #lgweb #logof{float: left;color:#C9D3DD;font-size:12px;} 
#header #aanmelden #lgweb a{color:#C9D3DD;float:left; margin-left:3px;}
#header a:hover{text-decoration:underline;}




/*	container: =menu
--------------------------------*/
#menu { width: 947px; }
#menu table { border-collapse: collapse; }
#menu td { background: url(images/menu.png) repeat left; padding: 10px 10px 10px 10px; text-align: left; margin: 0; border-right: solid 1px #CFCFCF; }
#menu td.noborder { background: url(images/menu.png) repeat left; padding: 10px 10px 10px 10px; text-align: left; margin: 0; border-right: 0;}
#menu td a { color: #FEFEFC; font-weight: bold; font-size: 11px; }

/*	container: =canvas
--------------------------------*/
#canvas { width: 947px; background-color: #FFFFFF; clear: both; overflow: hidden; }

/*	canvas: =tree
--------------------------------*/
#tree { width: 253px; float: left; margin-right: 4px; _margin-right: 2px;  font-size: 1.15em; font-weight: bold; }
#tree div.treetitel {  width: 228px; background-color: #536E8B; color:#FFFFFF; padding: 8px 10px 8px 15px; border-top: solid 2px #FFFFFF; display:inline-block; }
#tree div.treetitel #titletext { float:left; overflow: hidden; width: 140px; }
#tree div.treetitel #expandKnop { float:right; width: 18px; }
#tree div.treetitel #expandKnop.hover { cursor: pointer !important; }
#tree div.treetitel #expandKnop:hover { cursor: pointer !important; }
#tree div.treetitel #expandtext:hover { cursor: pointer !important; }
#tree div.treetitel #expandtext.hover { cursor: pointer !important; }
#tree div.treetitel #expandtext { border-left: dotted 1px #FFFFFF; padding-left: 4px; padding-right: 4px; float: right; }
#tree div.titeldiv { background-color: #536E8B; color:#FFFFFF; padding: 8px 10px 8px 15px; border-top: solid 2px #FFFFFF; }

#tree ul { list-style: none; display: block; }
#tree li { background-color: #D8DFE7; border-top: solid 2px #FFFFFF; } 
#tree li a { text-decoration: none; display:block; color: #304C68; padding: 8px 10px 8px 15px; font-size: 11.5px; }
#tree li li { background-color: #EDEDED; padding-left: 20px; }
#tree li li a { padding-left: 20px; color: #304C68; }
#tree li li li a { padding-left: 30px; }
#tree li li li li a { padding-left: 40px; }

#tree ul.subsites li { background-color: #536E8B; }
#tree ul.subsites li a { color:#FFFFFF; }

#tree a.hover { cursor: pointer; }
#tree li a.hover { color: #A10604 !important; }
#tree li li a.hover { color: #A10604 !important; }

#tree .hitarea { background: url(../images/1ptrans.gif) repeat left; height: 20px; width: 13px; margin-top:5px; margin-right:2px; float: left; cursor: pointer; }
/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

/*	canvas: =content
--------------------------------*/
#content { width: 466px; _width: 465px; float: left; margin-right: 4px; _margin-right: 2px; overflow: hidden; }
#content fieldset { margin-bottom: 5px; }
#content #inhoud { padding: 0 5px 0 20px; clear: both; overflow: hidden; margin-bottom: 10px; }
#content #inhoud div.pushitems { clear: both; }
#content #inhoud img { padding-bottom: 10px; }
#content #inhoud h1 { text-transform: uppercase; }
#content #inhoud h2 { background: url(images/h2_straat.jpg) no-repeat left; padding-left: 33px; }
#content #inhoud h2 a { color: #7A9CB7; font-size: 1em; }
#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: #C69101; }
#content #inhoud div p a.more {  margin-left: 330px; float:right;display:block; }
#content #inhoud p { margin-bottom: 15px; text-align: justify;  }
#content #inhoud span { text-align: justify;margin-left:3px; }
#content #inhoud ul { margin-left: 20px; margin-bottom: 10px; }
#content #inhoud ol { margin-left: 20px; margin-bottom: 10px; }
#content #inhoud table { margin-bottom: 10px; }
#content #inhoud li { color:  #616161; text-align: justify; }
#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: 380px; float:left; }
#content #breadcrumb a { color: #616161; font-size: 1.0em; }
#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;}
.schotA { clear: both; }
.schotB { clear: both; }

#gallery { margin-left: -20px; }
#content #searchpage dl { text-align: left; }

/*	canvas:= login pagina
--------------------------------*/
#content #inhoud li.aanmelden { list-style: none; } 
#content #inhoud li.aanmelden a { font-size: 12px !important; }
#content #inhoud p.newUser { text-align:left; }
#content #inhoud p.newUser a { font-size: 12px !important; }

/*	canvas: =sitemap
--------------------------------*/
#content #inhoud ul.sitemap li { color: #616161; margin: 5px 0 5px 0; font-size: 12px !important; list-style-type: disc }
#content #inhoud ul.sitemap li a { color: #616161; font-size: 12px !important; }
#content #inhoud ul.sitemap ul { padding-left: 35px; }
#content #inhoud ul.sitemap ul li { list-style-type: square }
#content #inhoud ul.sitemap ul ul li { list-style-type: circle }
#content #inhoud ul.sitemap ul ul ul li { list-style-image: url(../Images/ListBullet.gif)}
#content #inhoud ul.sitemap ul ul ul li li { list-style-image: none; list-style-type: none; }

/*	canvas: =sidebar
--------------------------------*/
#sidebar { width: 219px; float: left; background-color: #F5F9FD; }
#sidebar h2 { padding-left: 10px; }
#sidebar #sitetools { background-color: #DCDCDC; width: 215px; border-top: solid 2px #FFFFFF; padding: 4px 0 8px 4px; font-size: 10px; color: #616161; }
#sidebar #sitetools fieldset { border: 0; }
#sidebar #sitetools input[type=image] {  padding-left: 0px; }
#sidebar #sitetools a { color: #000000; font-size: 11px !important;margin-left:3px;
padding-right:6px;padding-right:6px; }
#sidebar div { padding: 5px 5px 0 5px; _padding: 0 0 0 6px; }
#sidebar div.pushitems h2 { margin-bottom: 15px; }
#sidebar div.pushitems h3.link a{ color: #C69101;}
#sidebar div.pushitems a { color: #C69101; font-size: 1.2em; }
#sidebar div.pushitems p { font-size: 1.2em; }
#sidebar a { color: #C69101; font-size: 12px;}
#sidebar p {  font-size: 1.2em; margin-bottom: 8px; }
div.links {margin-bottom:10px;text-align:right;}
dl{text-align:right;}
#sidebar a.hluid { display: block; margin-top: 15px !important; text-align: center; }

/*	canvas:= POLL
--------------------------------*/
#poll h2 { padding-left: 0; font-size: 1.5em; }
#poll a.link { color: #C69101; margin-bottom: 10px; }
#poll .stem { padding-left: 7px; }
#poll .stemlink
{
    padding: 5px;
    background-color: #536E8B;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    float: left;
    margin-top: 5px;
}
#poll div.pollinfo { margin-left: 0; padding-left: 0;}
#poll div.currentpoll { margin-left: 0; padding-left: 10px; }
#poll div.currentpoll p { margin-top: 5px; }

/* Evenementen
-----------------------------------------*/
div.form-container span.timeSelectLabel { width: 90px; padding-top: 5px; padding-right: 15px; margin-right: 11px; float: left; display: block;}
div.form-container div.timeSelect { float: left; padding-top: 5px; display: block; }

.sessions
{
    margin-top: 10px;

    padding: 10px;
    border: solid 1px #D8DFE7;
    text-align: left;
    font-size:1.4em;
}

.sessions td.date { width: 100px; }

.sessions th
{
    color: #7A9CB7;
}

#events div.form-container fieldset { padding-right: 0; width: auto;}
#events div.form-container fieldset div{ margin-right: 0; }
#events #fieldrow { width: 166px; margin-right:0; }
#events div.form-container select { width: 150px; }
#events div.form-container div.fieldrow div { padding: 0; clear: both; overflow: hidden; width: 166px; }
#events div.form-container div.fieldrow div a { display: block; float: left !important; }
#events div.form-container label { width: 50px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; float: none; }
#events div.form-container input[type=text] { width: 125px; padding-top: 5px; float: left; }
#events div.form-container input.fieldbutton { margin-top: 10px !important; margin-bottom: 10px !important;}
#events div.form-container legend
{
    color: white; 
    background-color: #536E8B; 
    font-weight: bold; 
    padding: 3px; 
    margin-bottom: 8px;
}

#newsbar div.form-container { padding: 0; }
#newsbar div.form-container fieldset { padding-right: 0; width: 186px; }
#newsbar div.form-container fieldset div{ margin-right: 0; }
#newsbar #fieldrow { width: 166px; margin-right:0; }
#newsbar div.form-container select { width: 150px; }
#newsbar div.form-container div.fieldrow div { padding: 0; clear: both; overflow: hidden; width: 166px; }
#newsbar div.form-container div.fieldrow div a { display: block; float: left !important; }
#newsbar div.form-container label { width: 50px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; float: none; }
#newsbar div.form-container input[type=text] { width: 125px; padding-top: 5px; float: left; }
#newsbar div.form-container input.fieldbutton { margin-top: 10px !important; margin-bottom: 10px !important;}
#newsbar div.form-container legend
{
    color: white; 
    background-color: #536E8B; 
    font-weight: bold; 
    padding: 5px; 
    margin-bottom: 8px;
}

#eventspage a.title { color: #C69101 !important; margin-bottom: 10px !important; }
#newspage a.title { color: #C69101 !important; margin-bottom: 10px !important; }

/* Forms
-----------------------------------------*/

#inhoud div.form-container fieldset
{
    border: solid 1px #D8DFE7;
    clear: both;
    width: 414px;
}

#inhoud div.form-container legend
{
    color: white; 
    background-color: #536E8B; 
    font-weight: bold; 
    padding: 5px; 
    margin-bottom: 8px;
}

#inhoud div.form-container div.fieldrow select { width: 123px; }

/* Ondernemersloket
------------------------------*/
#kmoloket { background: #ffffff; }
ul.kmolink { margin-top: 10px; list-style: none; }
ul.kmolink li { margin-bottom: 4px; }
p.newUser { margin-top: 10px; }
p.newUser a { font-size: 12px; }
div.newSend input { margin-top: 15px; } 
div.block img.newEnterimg { float: right; src:"~/App_Styles/Images/1ptrans.gif"; visibility:hidden; }
div.block div { display: inline; }
div.block input { width: 150px !important; }
div.block select { width: 153px !important; }
#formTable div { display: inline; }

td.miniwebsite_tekst { padding-left: 10px; }

table.ondernemerslijst{ width: 350px !important; margin-top: 10px; }
table.ondernemerslijst td{ padding-top: 30px; color: #7D8472; text-align: center; }
table tr.header th
{
    background-color: #536E8B; 
    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; }
table#tabDetailedInfo .labels{ color: #616161; }
table#tabDetailedInfo
{
    border: 1px solid #D8DFE7; 
    margin-bottom: 20px;
}

#modEnterprise label{ width: 200px; color: #406318; }
#modEnterprise legend {margin-bottom: 10px; }
#modEnterprise select, #modEnterprise input, #modEnterprise label{ margin-bottom: 5px; }
#modEnterprise select{ float: left; }

textarea.test { width: 350px !important; height: 120px !important; }
#content #inhoud input.textboxBlader { width: 250px !important; height: 25px; float: left; }
#content #inhoud .btnUpload { width: auto !important; }
select.ddlLanguage { margin-bottom: 10px; }

#enterpriseLinks { margin-top: 10px; }
#enterpriseLinks td.labels { width: 250px; padding-top: 15px; }
#enterpriseLinks input.btnSend { float: right; }

/*	footer
--------------------------------*/
#created { margin: 0 auto; text-align: right; background-image: url(images/Weerspiegeling-footer2.jpg); height: 105px; width: 947px;}
#created * { font-size: 1.0em; margin: 8px 4px 0 0; }
#created a { margin-left: 7px; }

#footer { border-top: dotted 1px; color: #3d3d3d; font-size: 1.0em; float:left; margin-left: 254px; _margin-left: 126px; text-align: center; padding-top: 4px; }
#footer * { margin: 0; padding: 0; } 
#footer a { color: #3d3d3d; margin-left:0 !important;}
#footer span { padding-left: 12px; }
#footer span.literal img { margin-bottom: 2px; }



/* UiT in Deinze
--------------------------------*/

#widgets_output a 
{
    color: #7A9CB7 !important;
    background-color: White;    
    
}

#widgets_search a 
{
    color: #003366 !important;
    background-color: #DCDCDC;  
}

#widgets_search
{
 padding: 0 5px 0 5px !important;    

    
}

