﻿/*
Title:      	Department specific styles (colors etc.) - default colors
Author:     	kvs, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

/*
	Basic colors: 
	WGK Geel: #ffdf1c
	WGK Blauw: #003876
	WGK 50% blauw: #6e7fad
*/

body {color: #000;}

/* ---- [ typography ] ------------ */
a {color:  #6e7fad; }
/*a:hover {color: #6e7fad;}*/
/*a:visited {color: #6e7fad;}*/
h1 {color: #003876;}
h2 {color: #6e7fad; }
hr {color: #d6d9e8;}
li {color: #6e7fad;}

/*	wrapper
--------------------------------*/

/*	header
--------------------------------*/
#headertop {background: url('images/headerbkg.jpg') no-repeat; background-position: center bottom;}
#topmenu a {color: #000;}

#canvas {border-color: #ffdf1c;}
#canvas .menubutton, #canvas .menubutton a /*, #canvas .group a:visited*/ {color: #fff; background-color: #8592bb; text-decoration: none; }
#canvas .menubutton a:hover {color: #ffdf1c; background-color: #003876; text-decoration: none;}

#canvas .menubutton a:first-letter {color: #ffdf1c;}
#canvas .menubutton a:hover:first-letter {color: #fff;} 


/* Nice effect in IE7, FF, Opera; Disaster in IE5, IE6*/
/* Maybe later, instead of first-letter pseudo, create a span around the first letter.
   This makes the hover effect on the menu buttons work as well in IE5 & 6 
   Otherwise it's either first letter or hover, not both)*/
/*#canvas .menubutton .firstletter {color: #ffdf1c;}*/


/*	container
--------------------------------*/

#headerappendix {background: #ffdf1c url('images/cornerbottom.gif') no-repeat; background-position: left bottom;}

#teaser h1,#curpoll h1 {background-color: #8592bb; }
#teaser h1 a,#curpoll h1 {color: #ffdf1c; }
#teaser h2,#curpoll h2  {font-weight:normal; }

#sidebar li { border-color: #d6d9e8; }
 
#tree div.lvl1 a {color: #003876;  }
#tree div.lvl1 li { background-image: url('images/listbullet1.gif'); background-repeat: no-repeat; background-position: left center;}
#tree div.lvl2 a {color: #2f5189; }
#tree div.lvl2 li { background-image: url('images/listbullet2.gif'); background-repeat: no-repeat; background-position: 10px center;}
#tree div.lvl3 a {color: #5a6ea0;}
#tree div.lvl3 li { background-image: url('images/listbullet3.gif'); background-repeat: no-repeat; background-position: 15px center;}
#tree div.lvl4 a {color: #8592bb; }
#tree div.lvl4 li { background-image: url('images/listbullet4.gif'); background-repeat: no-repeat; background-position: 20px center;}
#breadcrumb {color:#6e7fad;}
#content h1{}
#content h2{background-image: url('images/titlebullet2.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 16px; }


#content .sitemap {}
#content .sitemap a {color:#5a6ea0;}
#content .sitemap ul {margin: 2px 0 0 18px;}
#content .sitemap li {background-image: url('images/listbullet1.gif'); background-repeat: no-repeat; background-position: left 5px;color: #5a6ea0;font-size: 1.3em; font-weight:bolder; list-style-type:none; visibility:visible !important; }
#content .sitemap li li {background-image: url('images/listbullet2.gif'); background-repeat: no-repeat; background-position: left 6px;color: #5a6ea0;font-size: 1.1em; list-style-type:none; visibility:visible !important;}
#content .sitemap li li li {background-image: url('images/listbullet3.gif'); background-repeat: no-repeat; background-position: left 7px;color: #5a6ea0;font-size: .9em; list-style-type: none;}
#content .sitemap li li li li {background-image: url('images/listbullet4.gif'); background-repeat: no-repeat; background-position: left 8px;color: #5a6ea0;font-size: .9em; list-style-type: none;}

/* ---- [ detailsEnterprise ] -------------- */
#content #tabDetailedInfo{border-bottom:solid 1px #b9c0d9;}
#content #tabDetailedInfo tr td{border:0;}
#content #tabDetailedInfo a.labels{font-size:9pt;}


/*	footer
--------------------------------*/
#footer a{color: #000;}

/* forms */
div.form-container{border: solid 1px #b9c0d9;padding:5px 5px 5px 5px; }
div.form-container fieldset legend {color: #003876;}
div.form-container #searchblock {border: solid 1px #8592bb; }
#searchEnterprise .block .datagrid td{border: solid 1px #b9c0d9;}
#searchEnterprise .block .datagrid .header td{border-bottom: solid 2px #b9c0d9;}





