/*
Title:      	shared master styles for all departments, mainly lay-out
				more specific styles (eg. colors) are defined in the init.css files
Author:     	kvs, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */

body {background: #4b5c92 url('images/background.jpg') repeat-x top left; text-align: center; font: 62.5%/1.8em Arial, Verdana, sans-serif;}

/* ---- [ misc: =links ] ----------- */
a img { border: 0; }

/* ---- [ typography ] ------------ */
a {font-size: 1.3em; text-decoration: none; }
a:hover { text-decoration: underline;}
/*a:visited {font-size: 1.3em;}*/
address { font-size: 1.1em; font-style: normal;}
address a { font-size: 1em; }
h1 {font-size: 2em; font-weight: normal; margin: 15px 0 15px 0; }
h1 a { font-size: 1em; }
h2 { font-size: 1.6em; margin: 5px 0 10px 0; }
h2 a { font-size: 1em;}
input { font-size: 1.1em;}
legend { font-size: 1.1em;}
li { font-size: 1.2em;}
li a { font-size: 1em;}
li ul li{font-size:1em;}
ol {list-style-type: decimal;}
select { font-size: 1.1em; }
p { font-size: 1.2em;  margin: 5px 0 15px 0;}
p a { font-size: 1em;}
td{font-size: 1.2em;}

/* ---- [ wrapper ] -------------- */
#wrapper { background: #fff; padding: 0 10px 10px 10px; width: 946px; text-align:left; margin: 0 auto;/* margin-top: 10px;*/ margin-bottom: 20px; }

/* ---- [ header ] -------------- */
#header {padding: 0 20px 0 15px; }
#headertop {height: 115px; position: relative;}

#logo {float:left;padding:15px 0 0 0;}


#topmenu {text-align: right; position:absolute; top: 10px; right:0; }
#topmenu .navigation * {display: block; float:left;}
#topmenu .navigation .seperator {padding-left: 5px; padding-right: 5px;}

.search {border:none; position:absolute; bottom: 15px; right:15px; }
.searchbis {border:none; float:right;overflow: hidden; text-align:center;padding:0;margin:5px 14px 0 0; }
.search input,.searchbis input{vertical-align: middle;}
.search input.searchbox,.searchbis input.searchbox{ padding: 2px; border: groove #bbbbbb; border-right-width: 1px; border-bottom-width: 1px; width: 140px; }

#canvas {text-align: center; overflow: hidden; border-top: solid 4px; border-bottom: solid 3px;}
#canvas table { width: 910px; } 
#canvas .menubutton {font-size: 12px /*fixed*/;  font-weight: bold; vertical-align: top; text-align: center;}
#canvas .menubutton a {padding: 10px; display: block;}
/*#canvas .menubutton a:active { position: relative; top: 1px; left: 1px;}*/

/* ---- [ container ] -------------- */
#container { padding: 0 20px 0 20px; clear: both; height:100%;float:left;}
#container {border-bottom:solid 1px #D6D9E8;}


/* ---- [ sidebar ] -------------- */
#sidebar {width: 196px;  float:left; text-align: center; padding-top: 5px;}
#sidebar ul { list-style-type: none;}
#sidebar li {border-bottom: solid 1px; padding: 5px;}

/* ---- [ crumb ] -------------- */
#breadcrumb {width: 470px; float:left; padding: 5px 5px 5px 20px; overflow:hidden;}
#breadcrumb a {font-size: 1em;}

.headerappendix {width: 200px; padding: 0 5px 3px 5px;  float:right; overflow: hidden; text-align:center; }

#content {float:left; padding: 5px 5px 10px 20px; width: 685px; overflow:hidden; text-align:justify;}
#content #printdiv{clear:both; width:100%;}
#content div p{overflow:hidden;clear:both; }
#content div p.datumnewsitem{padding-bottom:0}

/* ---- [ table ] -------------- */
/*#content table{ border-collapse:collapse;}*/

#content table tr th, #content table tr td{border-bottom:solid 1px #6E7FAD; }
#content table tr.headerrow th{border-bottom:solid 2px #6E7FAD;text-align:center; }

#content table tr td{text-align: left;vertical-align:top;}
#content table p{margin:2px;padding:0px;}
#content table a.print {float: right;}
#content table a{font-size:1em;}

#content table tr.rssHeader {  border-bottom: solid 2px #6E7FAD ; color: #787878; padding: 5px 8px; font-weight:bold; }
#content table tr.rssHeader a { color: #6e7fad; font-weight: bold; }
#content table tr.rssHeader td{vertical-align:middle;}

#content ul, #content ol { margin: 7px 7px 15px 28px; }

#content .fieldrow table tr th, #content .fieldrow table tr td { border: 0; vertical-align: middle; }
#content .fieldrow table tr td input { margin-top: 2px; }
#content .fieldrow table tr td label { padding-left: 5px; font-size: 1.1em; }

/* ---- [ sitemap ] -------------- */
#content div.sitemap a.sitemap-title { 
    background: transparent url("images/WGKpijl25px.jpg") no-repeat left center;
    padding-left: 24px;
    font-size: 1.6em; font-weight: bold; }
#content div.sitemap ul.sitemap { margin-bottom: 20px; margin-left: 25px; }
#content div.sitemap ul.sitemap li { background-image: none;}
#content div.sitemap ul.sitemap li a { font-size: 1.15em; }
#content div.sitemap ul.sitemap li li a { font-size: 1em; font-weight: normal; }
#content div.sitemap ul.sitemap li li li a { font-size: .9em; font-weight: normal; }
#content .sitemap li { padding-left: 10px;}
#content .sitemap li li { padding-left: 15px;}
#content .sitemap li li li { padding-left: 20px;}
#content .sitemap li li li li { padding-left: 25px;}

/* ---- [ cssclass blocks ] -------------- */
#content p.citaat{padding:0 45px 0 35px;font-style:italic;color:#003876;}

#content p.blueback{background-color:#8592bb;color:#fff;font-weight:bold;padding:2px;}

/* ---- [ tree ] -------------- */
#tree {float: left; text-align:left;}
#tree input, #tree fieldset { border: 0; }
#tree ul {}
#tree li { padding: 0; list-style-type: none; border:none; display: block; clear: both; overflow: hidden; text-align: left;}
#tree li * { float:left; }
#tree li a { display:block; }
#tree li a:active, #tree li a:hover { }
#tree li img {margin: 1px 3px 1px 2px; vertical-align: middle; width: 5px;}
#tree div {padding: px;}
#tree div.lvl1 a { padding-left: 18px; font-weight: bolder;width:180px;}
#tree div.lvl2 a { padding-left: 20px; font-weight:bold;}
#tree div.lvl3 a { padding-left: 15px; }

#tree div.lvl4 a { padding-left: 20px; }
#tree div.link{width:198px;}

#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a {}

/* ---- [ teaser ] -------------- */
#teaser h1 {font-size: 1.8em; font-weight:bold; padding: 5px; }
#teaser h2 {font-size: 1.2em; margin-bottom: 0;}
#teaser h2 a {font-size: 1em; }
#teaser p, #teaser h2 {margin: 0 0 5px 10px;}
#teaser .radiobtn_list td{text-align:left;padding-left:15px;}
#teaser .morediv { text-align: right; }
#teaser hr { margin: 5px 0; }
#teaser .news { overflow: hidden; }
#teaser .events { overflow: hidden; }

/* ---- [ eventlist ] -------------- */
#content table.sessions td { padding-right: 10px;}

/* ---- [ searchEnterprise ] -------------- */
#searchEnterprise .block { margin: 15px 0; }
#searchEnterprise .block .datagrid { margin: 10px 0 5px 0; }
#searchEnterprise .block .datagrid th { font-weight: 700; } /* border-color: #6E7FAD; */
#searchEnterprise .block .datagrid th, 
#searchEnterprise .block .datagrid td { font-size: 1.2em; padding: 3px; border: solid 1px #b9c0d9; }
#searchEnterprise .block .datagrid td span { font-size: 1.3em; }
#searchEnterprise .block .datagrid .pager table td { border: none; }

/* ---- [ detailsEnterprise ] -------------- */
#enterpriseDetails .block { clear: both; width: 685px; overflow: hidden; }
#enterpriseDetails .block .enterprise-foto { float: left; width: 300px; }
#enterpriseDetails .block .enterprise-info { float: left; width: 380px; padding-left: 5px; border-bottom: solid 1px #6E7FAD; }
#enterpriseDetails .block .enterprise-info table { width: 380px; margin-bottom: 15px; }
#enterpriseDetails .block .enterprise-info table tr td { border-bottom: 0 !important; width: 140px; padding: 0;}
#enterpriseDetails .block .enterprise-info table tr td + td { width: 220px;}

/* ---- [ footer ] -------------- */
#footer {text-align: center; padding-top: 20px;}
#footer address {padding: 0 20px 0 20px; }
#footer address .seperator {padding-left: 5px; padding-right: 5px;}
#footerbottom {padding: 0 20px 0 20px; font-size: 1.1em;}
#footerbottom a {font-size: 1em;}
#footerbottom span * {vertical-align:middle;}
#footerbottom  .seperator {padding-left: 5px; padding-right: 5px;}

/* -----[ CSS editing ] ----------------	*/
div #eyeEditMenu { z-index: 1;}
div #eyeEditMenu *, 
div #eyeEditMenu #content table { margin: 0 !important; padding-top: 0 !important;padding-right: 0 !important;padding-left: 0 !important; width:auto; }
div #eyeEditMenu a { cursor: pointer; }
#eyeEditMenu table,#content table.mceEditor{width:auto !important;}

#content table.mceEditor td{text-align:left;}

/*-----[ classes ] -------- */


/*-----[ h4cks ] -------- */
/* give the inner divs the same height (not really needed for all sites)
#sidebar, #content, #teaser { margin-bottom: -10000px; padding-bottom: 10000px; }*/
/* make the menu buttons the same size (nicer hover background effect) */
#canvas .menubutton a { margin-bottom: -1000px; padding-bottom: 1010px; } 

/*-----[ 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; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}