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


body {
 font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
}

h2 span, h3 span, .jumpto, #notionabc h4, #left, #functions, #footer, #headerbox img { 
 position: absolute; 
 display: none; 
}


* { /* all padding and margin to zero and normal alignment */
 margin: 0; padding: 0;
 text-align: left;
}

img { border: 0; }

/* /// hack for centering in Internet Explorer 5.5 and lower /// */
#centerbox { text-align: center; }

#container {
 border-top: 1px solid #9b9b9b;
 width: 600px;
 margin: 0 auto;
 clear: both;
}

p { margin: 0 0 15px 0; }

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

h1 {
 color: #000;
}


/* /// CONTENT /// */


#content {
 color: #666;
 padding: 10px 0 10px 0;
}

#content h3 {
 color: #0081c2;
 padding-top: 10px;
}

#content p.pre {
 margin-bottom: 22px;
}

#content p {
 margin: 2px 0 6px 0;
}

#content img {
 margin-bottom: 2px;
}

#content a img {
 vertical-align: middle;
}

#content .content_left {
 width: 190px;
 float: left;
}

#content .content_right {
 float: right;
}

#content ul, ol {
 margin: 15px 0 10px 24px;
}

#content li {
 padding: 1px;
}

#content h4 {
 margin-top: 4px;
}

#content sup {
 position: relative;
 bottom: 1px;
 vertical-align: text-top; 
}

#content sub { 
 position: relative;
 top: 1px;
 vertical-align: text-bottom; 
}

#content li.doctype_pdf, #content li.doctype_word, #content li.doctype_powerpoint, #content li.doctype_excel {
 padding-left: 2px;
}

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

.showpages a {
 text-decoration: none;
}

table {
 width: 100%;
 _width: 549px;
 margin: 6px 0 15px 0;
 font: 100% "Trebuchet MS", Verdana, Arial, sans-serif;
 color: #666;
 background: #fff;
}

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

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

td a, th a {
 display: block;
 width: 100%; height: 19px;
 padding: 2px;
}

tr.lead td a {
 display: inline;
}

table tr td img {
 margin: 0; padding: 0;
}

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


#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");
}

#formbox {
float: left; /* IE float hack */
}

#formbox form { margin: 15px 0 30px 0; }


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


#content input.text, #content textarea, #content select, #content input.checkbox, #content p.choicebox  { 
 display: block;
}

input.text {
 width: 230px;
 padding: 2px 2px 2px 10px;
 float: left;
 margin: 0 4px 10px 0;
 clear: both;
}

#content textarea {
 padding: 1px 2px;
 width: 200px; height: 150px;
}

#content label.choice  {
 padding: 0 10px 0 5px;
 display: inline;
}

#content p.choicebox {
 padding: 5px 0 0 0;
}

#content p.choicebox label {
 width: 40px;
}

#content select option {
 width: 220px;
 padding: 0 0 0 2px;
}

#content input.button {
 padding: 1px 8px 1px 2px;
 float: left;
 display: block;
}

#content .advanced {
 clear: both;
 margin-top: 12px;
}

#content .logo_partner {
 float: left;
 margin: 0 10px 10px 0;
}


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


#results dt, #notions dt {
 padding: 4px;
 height: 23px;
 color: #0081c2;
}

#results dd span { padding: 4px; }

#results dt strong , #notions dt strong {
 display: block;
 float: left;
}

#results dt .doctype {
 margin: 2px 0 0 0;
 float: right;
}

#results dd, #notions dd {
 margin: 0 0 14px 0;
}

.product dd {
 padding: 0 ! important;
 margin: 1px 0 1px 0 ! important;
}

#notions dd { padding: 4px; }

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

#results dd a {
 padding: 6px;
}

.product dd a {
 padding: 2px;
 display: block;
}

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

/* for left column */
.firstrow { float: left; }

/* for right columns */
.secondrow { float: right; }

/* linkbox with a title (exmpl. links) */
.textbox {
 display: block;
 overflow-x: hidden;
 margin-bottom: 15px;
 width: 265px; min-height: 230px; _height: 230px;
 padding-bottom: 10px;
  background: #dbdcdd;
}

.linkbox dl dd p {
 position: relative;
 bottom: 2px;
 margin: 0; padding: 0 6px 0 6px; 
}

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

.textbox img {
 margin: 6px;
 float: right;
}

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

.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 dd a, .textbox dd span, .textbox li a {
 font-weight: normal;
 color: #000 ! important;
 background: #dedede;
 border-bottom: 1px solid #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;
 clear: both;
 height: 16px;
 padding:  2px 4px;
}

#textlist dt:first-child {
 clear: none;
}

#textlist dd { display: inline; }

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

#textlist dd a {
 width: 99%;
 min-height: 90px;
 display: block;
 margin: 2px 0 2px 0; padding: 2px;
 text-decoration: none ! important;
 border-bottom: none !important;
}

#linklist dt, .description {
 margin: 2px 2px 8px 2px;
}

#linklist dd {
 margin: 2px 0 2px 0; padding: 2px;
 background: #dedede;
}

#textlist sub {
 display: block;
 float: left;
 padding: 38px 4px 4px 4px;
 width: 62px; height: 44px;
 text-align: center; 
 font-weight: bold;
 background: #fff;
 color: #0081c2;
 font-size: 120%;
}

.description {
 background: #fff;
}


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


.sitemaplist {
 font-size: 110%;
 margin: 0 0 10px 0 ! important;
}

.sitemaplist li {
 padding: 1px 0 1px 20px ! important; 
}

.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;
}

#cleaner, .clear {
 clear: both;
}