/* /// MAIN ITEMS /// */


body {
 font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
 background: #280353; /* aanpasbare dynamische kleur per jaar */
}

img { border: 0 !important; }

a {
 color: #666;;
 text-decoration: none;
}

a:hover { text-decoration: underline; }


/* /// LEFT COLUMN /// */
	
#left {
 font: 95% Verdana, Arial, sans-serif;
}


/* /// MENU /// */


#menu li, #subitems li { list-style: none; }

#menu li a {
 color: #666;
}

#menu li a:hover {
 color: #fff;
 background: #b2b2b2;
 text-decoration: none;
}


/* /// FUNCTIONS /// */


#functions li { list-style: none; }

#functions li a {
 color: #0081c2; /* aanpasbare dynamische kleur per jaar */
}

#functions li a:hover {
 color: #666;
 text-decoration: none;
 background: #dbdcdd;
}

p#searchbox input#keyword {
 color: #fff;
 background: #666;
 border: 0;
}

p#searchbox input#search {
 color: #fff;
 border: 0;
 background: #b2b2b2;
 text-transform: uppercase;
 cursor: pointer;
}

p#searchbox input#search:hover {
 background: #666;
}

.advanced {
 font-size: 90%;
}

#related dt, .boxtop dt, .boxtop li {
 color: #0081c2; /* aanpasbare dynamische kleur per jaar */
}

#related dd a, .boxtop dt a, .boxtop li a {
 color: #666;
}

#related dd a:hover, .box dt a:hover, .box li a:hover {
 color: #666;
 background: #fff;
 text-decoration: none;
}

#notionabc a {
 color: #fff;
 font-weight: bold;
 text-align: center;
 background: #666;
}

#notionabc a:hover {
 color: #666;
 text-decoration: none;
 background: #fff;
}


/* /// LEFT BOXES /// */


.box {
 background: url("/images/leftbox_back.gif") #fff repeat-y top left;
}

.dark {
 background: url("/images/leftbox_back.gif") #dbdcdd repeat-y top left;
}

.box #menu {
 background: url("/images/mainmenu_top.gif") transparent no-repeat top left;
}

.box h2 {
 background: url("/images/square_orange.gif") transparent no-repeat 165px 0;
}

.dark h2 {
 background: url("/images/square_grey.gif") transparent no-repeat 165px 0;
}

#functions, #related, .boxtop {
 background: url("/images/leftbox_top.gif") transparent no-repeat top left;
}	

.box div.boxbottom {
 border: 0;
 background: url("/images/leftbox_bottom.gif") transparent no-repeat bottom left;
}

.box div.boxbottom_last {
 border: 0;
 background: url("/images/leftbox_bottom_last.gif") transparent no-repeat bottom left;
}	

.box h4 {
 font-size: 100%;
 color: #0081c2;
 font-weight: normal;
}

.box .button {
 color: #fff;
 border: 0;
 background: #b2b2b2;
 text-transform: uppercase;
 cursor: pointer;
}

.box .button:hover {
 background: #666;
}

/* /// MIDDLE COLUMN /// */


#middle {
 background: url("/images/content_back.gif") #fff repeat-y top left;
 _height: 680px;
 min-height: 680px;
}

/* /// HEADER /// */


#header {
 background: url("/images/content_header.gif") transparent no-repeat top left;
}


/* /// BREADCRUMB /// */


#bread {
 background: #a6a8aa;
}	

#bread ul {
 font-weight: bold;
} 

#bread ul li {
 color: #fff;
 list-style: none;
}

#bread ul li a { color: #fff; }


/* /// CONTENT /// */


#content {
 color: #666;
 font-size: 100%;
}

#content a {
 text-decoration: underline;
}

#content a:hover {
 color: #0081c2;
}

#content .indicator img {
 border: 4px solid #fff !important;
}

#content .indicator:hover img {
 border: 4px solid #dbdcdd !important;
}

#content h3 {
 font-size: 180%;
 font-weight: normal;
 color: #0081c2; /* aanpasbare dynamische kleur per jaar */
 background: url("/images/heading.gif") transparent no-repeat top left;
}

#content p.pre {
 color: #0081c2; /* aanpasbare dynamische kleur per jaar */
 font-size: 110%;
}

.showpages {
 color: #0081c2;
 text-align: center;
 font-weight: bold;
}

.showpages a {
 text-decoration: none;
}

table {
 font: 100% "Trebuchet MS", Verdana, Arial, sans-serif;
 color: #666;
 background: #fff;
}

table.photogallery{
    width:400px;
}

table.photogallery td{
margin:2px;
}

td {
 font: 90% "Trebuchet MS", Verdana, Arial, sans-serif;
 color: #666;
 background: #dbdcdd;
 border-bottom: 1px solid #fff;
}

td a {
 background:  #dbdcdd;
}

tr.lead td a, th a {
 background:  transparent;
}

td a:hover {
 background: #fff;
}

tr.lead td, th {
 color: #666;
 font-weight: bold;
 background: #cbcbcb;
 border-bottom: 1px solid #fff;
}

td.empty, th.empty {
 color: #666;
 background: #fff ! important;
}

caption {
 font: 110% "Trebuchet MS", Verdana, Arial, sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff;
 border: 1px solid #fff;
 background: #280353;
}

#content h4 {
 color: #0081c2; /* aanpasbare dynamische kleur per jaar */
 font-weight: bold;
}

#content li.doctype_pdf {
 list-style-image: url("/images/doctype_pdf.gif");
}

#content li.doctype_word {
 list-style-image: url("/images/doctype_word.gif");
}

#content li.doctype_powerpoint {
 list-style-image: url("/images/doctype_powerpoint.gif");
}

#content li.doctype_excel {
 list-style-image: url("/images/doctype_excel.gif");
}

#content li.doctype_web {
 list-style-image: url("/images/doctype_web.gif");
}

.photo{
 text-align: center;
}

/* /// FORM ITEMS /// */


#content input.text {
 font: 95% Verdana, Arial, sans-serif;
 color: #fff;
 background: #666;
 border: 0;
}

#content textarea {
 font: 95% Verdana, Arial, sans-serif;
 border: 0;
 color: #fff;
 background: #666;
}

#content input.button {
 font: 95% Verdana, Arial, sans-serif;
 color: #fff;
 border: 0;
 background: #b2b2b2;
 text-transform: uppercase;
 cursor: pointer;
}

#content input.button:hover {
 background: #666;
}

.advanced a {
 color: #666 ! important;
}

.advanced a:hover { 
 color: #666;
}

.special {
width:5px;
visibility:hidden;
}


/* /// RESULTS & NOTIONS LIST /// */


#results dt, #notions dt {
 color: #0081c2;
 background: url("/images/content_box_top.gif") transparent no-repeat left bottom;
}

#results dd, #notions dd {
 background: url("/images/content_box_bottom.gif") #dbdcdd no-repeat left bottom;
}

#results dd a, #notions dd { 
 background: url("/images/content_box_bottom.gif") #dbdcdd no-repeat left bottom;
}

#results dd a {
 text-decoration: none !important;
 border-bottom: none !important;
}

#results dd a:hover, #notions dd a:hover {
 background: #fff;
}

.product dd a {
 text-decoration: none ! important;
}

hr {
 color: #fff;
 border-width: 0 0 1px 0; 
 border-style: solid;
 border-color: #666;
}

/* linkbox with a title */
.textbox {
 background: #dbdcdd;
 background: url("/images/linkbox_bottom.gif") #dbdcdd no-repeat left bottom;
}

.textbox a img {
 border: 1px solid #dbdcdd;
} 

.textbox a  {
 font: bold 100% "Trebuchet MS", Verdana, Arial, sans-serif;
 text-decoration: none ! important;
}

.textbox dt a, .textbox dt span {
 font: 110% "Trebuchet MS", Verdana, Arial, sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff;
 background: #280353;
}

.textbox dt a:hover  {
 color: #fff !important;
 text-decoration: none;
}

.textbox dd a, .textbox dd span, .textbox li a {
 font-weight: normal;
 color: #000 ! important;
 background: #dedede;
 border-bottom: 1px solid #fff;
}

.textbox dd a:hover, .textbox li a:hover {
 text-decoration: none;
 background: #fff;
}

.textbox dd a em {
 font-style: normal;
 font-weight: bold;
 color: #009aff;
}

.linkbox dl dd p {
 font-size: 90%;
 background: #fff;
}


/* /// INDICATOR LIST /// */


#textlist dt {
 font-weight: bold;
 color: #0081c2;
}

#textlist dd img {
 border: 1px solid #fff;
 margin-right: 4px;
}

#textlist dd a {
 text-decoration: none ! important;
 background: url("/images/content_box_bottom.gif") #dbdcdd no-repeat left bottom;
 border-bottom: none !important;
}

.description {
 background: #fff;
}

#textlist dd a:hover { background: #fff; }

#linklist dd {
 background: #dedede;
}

#textlist sub {
 font-weight: bold;
 background: #fff;
 color: #0081c2;
 font-size: 120%;
}

#textlist dd a:hover sub {
 color: #fff;
 background: #0081c2;
}

#textlist dd h3 {
 background: none;
 padding-top: 0;
 font-weight: bold;
 color: #666666;
 font-size: 100%;
}

#textlist dd p {
 color: #666666;
}

#textlist dd:hover h3, #textlist dd:hover p {
 color: #0081c2;
}

#textlist .bdiv {
 display: inline-block;
 width: 340px;
}

/* /// SITEMAP LIST /// */


.sitemaplist {
 font-size: 90%;
}

.sitemaplist li a { text-decoration: none ! important; }

.sitemaplist li {
 font-weight: bold;
 list-style: none;
 background: url("/images/sitemap_level1.gif") transparent no-repeat 6px 6px;
}

.sitemaplist li ul li  {
 font-weight: normal;
 background: url("/images/sitemap_level2.gif") transparent no-repeat 6px 6px !important;
}

.sitemaplist li ul li ul li  {
 font-weight: normal;
 background: url("/images/sitemap_level3.gif") transparent no-repeat 6px 6px !important;
}

.sitemaplist li ul li ul li ul li  {
 font-weight: normal;
 background: url("/images/sitemap_level4.gif") transparent no-repeat 6px 6px !important;
}


/* /// FOOTER /// */


#footer {
 background: url("/images/content_footer.gif") transparent no-repeat top left;
 font-size: 85%;
 color: #7f5aa9;
}

#footer ul li {
 list-style: none;
}

#footer ul li a {
 color: #fff;
 background: url("/images/meta_sep.gif") transparent no-repeat 0 3px;
}

#footer ul li a.disclaimer {
 color: #e0b300;
}

#footer ul li a.firstitem {
 background: none ! important;
}


/* /// IMAGE POPUP // */


#popup {
 background:#fff;
 text-align: center;
 overflow: none;
}

#popup #image {
cursor: pointer;
}