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

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

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

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

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

img { border: 0; }

select, option { 
min-width: 50px; font: bold 100% Verdana, Arial, sans-serif;  }

p { margin: 0 0 15px 0; }

h1 {
 color: #9b9b9b;
}

table {
 width: 100%;
 font: 100% Verdana, Arial, sans-serif;
 background: #fff;
}

td, th {
 font: 100% Verdana, Arial, sans-serif;
 border: 1px solid #fff;
 background: #dfdfdf;
 border: 1px solid #000;
 padding: 4px;
}

th {
  font-weight: bold;
}

caption {
 padding: 2px 2px 2px 4px;
 width: 100%;
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 font-weight: bold;
}

#centerbox {
 margin: 40px;
 text-align: center;
}

#headerbox {
 margin: 0 auto;
 width: 600px; height: 40px;
}

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

#printfooter {
 clear: both;
 margin-top: 40px;
 padding-top: 5px;
 border-top: 1px solid #9b9b9b;
}


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

hr {
 margin: 15px 0;
 height: 1px; border: 0px; 
 background-color: #9b9b9b; 
 color: #9b9b9b;
}

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


/* /// HEADER /// */


#logo {
 position: relative;
 bottom: 30px;
 float: right;
}


/* /// BREADCRUMB /// */

#bread {
 float: left;
 padding-top: 4px;
}
 
#bread ul {
 display: inline;
 font-weight: bold;
} 

#bread ul li {
 display: inline;
 list-style: none;
}


/* /// CONTENT /// */

#content {
 margin-top: 40px;
 width: 430px;
 font-size: 90%;
}

#content img { margin: 15px 0; }

#mainphoto {
 margin: 0 0 20px 0;
 font: 20px Arial, Verdana, sans-serf;
 font-weight: lighter;
}

#content #mainphoto img { margin: 0; }

#mainphoto p { margin: 5px; }

#content h3 {
 margin: 0 0 20px 0;
 width: 50%;
 font: bold 150% "Trebuchet MS", Verdana, Arial, sans-serif;
}

#content h4 {
 margin-bottom: 4px; padding: 2px 2px 2px 4px;
 width: 424px;
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 font-weight: bold;
 background: #efa016;
}

/* alternative color is blue */
#content h4.alt { background: #009aff; }

#content h5 {
 font-size: 100%;
 font-weight: bold;
}

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

#dynheader {
 margin: 2px 0 40px 0;
 font: bold 150% "Trebuchet MS", Verdana, Arial, sans-serif;
}

#formbox {
 padding: 15px 15px 1px 15px;
}

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


/* form items */

#content input.text, #content textarea, #content select, #content input.checkbox, #content input.button, #content p.choicebox, #content .advanced  { 
 display: block;
 position: relative;
 left: 180px;
 bottom: 18px;
}

input.text {
 padding: 3px 3px;
 width: 200px;
}

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

#content label {
 display: block;
 width: 160px;
 text-align: right;
}

#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 input.button {
 padding: 2px 8px 2px 2px;
 width: 205px;
}

#content .advanced, #content select {
 width: 205px;
}

.showpages {
 margin: 30px 0 30px 0;
 color: #efa016;
 text-align: center;
}

#content .doctype { margin: 4px 0 0 0; }

.download {
 float: left; display: block;
 margin: 4px 4px 4px 0;
 width: 55px; height: 9px;
}


/* /// KLACHTEN & FAQ LIST /// */

#textlist dt {
 margin: 2px 2px 8px 2px;
 font-weight: bold;
}

#textlist dd { display: inline; }

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

#textlist dd a {
 width: 98%;
 display: block;
 margin: 2px 0 2px 0; padding: 2px;
 background: #dedede;
 float: left;
 text-decoration: none ! important;
}

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


/* /// ITEMLIST /// */

#itemlist dd {
 margin: 1px 0 2px 0;
 background: #dedede;
}

#itemlist dd a{ 
 display: block;
 padding: 2px;
 background: #dedede;
 text-decoration: none ! important;
}

#itemlist dd a:hover {
 text-decoration: none;
 background: #fff;
}

#itemlist dd .doctype {
 margin: 2px 0 0 0;
 float: right;
}


/* /// RESULTS & NOTIONS LIST (with and without link) /// */


#results dt, #notions dt {
 padding: 4px;
 height: 12px;
 background: #cbcbcb;
}

#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: 1px 0 14px 0;
 background: #dedede;
}

#notions dd { padding: 2px; }

#results dd a, #notions dd { 
 display: block;
 background: #dedede;
}

#results dd a {
 padding: 2px;
 text-decoration: none ! important;
}

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


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

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

.sitemaplist li { list-style: none; }

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

.sitemaplist li {
 padding: 2px 0 2px 20px; 
 font-weight: bold;
 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;
}

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


/* /// PUBLICATIE DETAILPAGE /// */

#publication td {
 padding: 4px;
 font-weight: bold;
 border: 0;
 background: #dfdfdf;
}

#publication tr.doctitle td {
 background: #efa016;
 border-bottom: 4px solid #fff;
}

#publication tr.doctitle td strong { font-size: 150%; }

#publication tr.desc td {
 background: #cecece;
 border-bottom: 4px solid #fff;
}

/* linkbox with a photo (exmpl. newsitems on homepage) with and without extra text. 2 classes for different height. */

.photobox a, .phototextbox a {
 display: block;
 margin-bottom: 5px; padding: 5px;
 width: 200px;
 text-decoration: none ! important;
}

.photobox img, .phototextbox img { margin: 0 ! important; }

.photobox a { height: 60px; }

.phototextbox a { height: 120px; }

.photobox a:hover, .phototextbox a:hover {
 text-decoration: none;
 background: #dedede;
}

.photobox strong, .phototextbox strong {
 display: block;
 font: bold 140% "Trebuchet MS", Verdana, Arial, sans-serif;
}


/* linkbox with a title (exmpl. werken bij dcmr) */
.textbox {
 display: block;
 margin-bottom: 15px;
 width: 210px; height: 300px;
 background: #dedede;
}

.textbox p { padding: 1px 3px; }

.textbox a  {
 display: block;
 padding: 2px 2px 2px 4px;
 font: bold 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 border-bottom: 2px solid #fff;
 background: #efa016;
 text-decoration: none ! important;
}

.textbox a:hover {
 background: #cdcdcd;
 text-decoration: none;
}