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

body {
 font: 0.75em Verdana, Arial, sans-serif;
 background: url("/images/header_back.gif") #efa016 repeat-x left top;
}

body#extranet {
 background: url("/images/extranet/header_back.gif") #3399ff repeat-x left top;
}

img { border: 0; }

select, option { 
 font: bold 100% Verdana, Arial, sans-serif; color: #009aff; 
}

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

a:hover { text-decoration: underline; }

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

table.noBorder td {
 background: #fff;
}

td {
 font: 100% Verdana, Arial, sans-serif;
 color: #666;
 border: 1px solid #fff;
 background: #dfdfdf;
}

th
{
  background: #cbcbcb;
}

caption {
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 font-weight: bold;
 color: #fff;
 border: 1px solid #fff;
 background: #efa016;
}

hr {
 background-color: #9b9b9b;
 color: #9b9b9b;
}

/* /// POPUP (notion) /// */

body#popup {
 color: #666;
 background:  #efa016;
}

#popupbox {
 background: url("/images/header_back.gif")  #f1f1f1 repeat-x left bottom;
}

#popupbox a {
 color: #666;
 font-weight: bold;
}

#popupbox a:hover {
 color: #666;
}


/* /// HEADER /// */

#headerbox {
 background: #f1f1f1;
}

#titlebox {
 background: #f1f1f1;
}

#extranet #headerbox, #extranet #titlebox {
 background: none;
}

h1 {
 background: url("/images/dcmr_online.gif") transparent no-repeat right bottom;
}

#extranet h1 {
 background: url("/images/extranet/extranet.gif") transparent no-repeat left bottom;
}


/* /// BREADCRUMB /// */

#subheader {
 background: url("/images/header_content_back.gif") #b4b2b2 no-repeat left bottom;
}

#extranet #subheader {
  background: url("/images/extranet/header_content_back.gif") #b4b2b2 no-repeat left bottom;
}

#bread ul {
 display: inline;
 font-weight: bold;
} 

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

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

/* begrippen & print! */
#functions { 
 font-size: 90%;
 color: #b6b3b3;
}

#functions a { color: #fff; }

#functions .begrippen {
 background: url("/images/begrippen.gif") transparent no-repeat 0 0;
}

#functions .print { 
 background: url("/images/print.gif") transparent no-repeat 0 0;
}


/* /// CONTAINER /// */

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

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


/* /// LEFT COLUMN /// */
		
#menu { border-top: 1px solid #fff; }

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

#menu li a, #klachtmenu li a {
 border-bottom: 3px solid #fff;
 font-weight: normal;
 background: url("/images/menu_item.gif") #dedede no-repeat 6px 6px;
}

#menu li a:hover, #klachtmenu li a:hover {
 color: #000;
 background: url("/images/menu_item.gif") #ffffff no-repeat 6px 6px;
}

#menu li a:hover {
 text-decoration: none;
 font-weight: bold;
}

#subitems li a {
 color: #000;
 text-decoration: none;
 font-weight: normal;
}

#subitems li a {
 background: url("/images/menu_item.gif") #cdcdcd no-repeat 26px 6px;
}

#subitems li a:hover {
 background: url("/images/menu_item.gif") #ffffff no-repeat 26px 6px;
}

#subitems_lev3 li a {
 background: url("/images/menu_item.gif") #bbbbbb no-repeat 46px 6px;
}

#subitems_lev3 li a:hover {
 background: url("/images/menu_item.gif") #ffffff no-repeat 46px 6px;
}

a#select {
 color: #fff  !important;
 font-weight: bold  !important;
}

a#select {
 background: url("/images/menu_item_select.gif") #efa016 no-repeat 5px 5px !important;
}

#subitems a#select {
 background: url("/images/menu_item_select.gif") #efa016 no-repeat 25px 5px !important;
}


#subitems_lev3 a#select {
 background: url("/images/menu_item_select.gif") #efa016 no-repeat 45px 5px !important;
}



li#extranet a {
 font: bold 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 color: #fff;
 background: #efa016;
}

li#extranet a:hover {
 color: #fff;
 background: #cdcdcd;
}

#left p {
 font-size: 90%;
 color: #666;
 background: #dedede;
}

#left p a { color: #666; }

#left h3 { font: 130% "Trebuchet MS", Verdana, Arial, sans-serf; }

#left h3 div  {
 font-weight: bold;
 color: #fff;
 background: #3399ff;
 margin: 28px 0 2px;
 padding: 2px 2px 2px 4px;
}

#left h3 a  {
 font-weight: bold;
 color: #fff;
 background: #3399ff;
}

#left h3 a:hover {
 text-decoration: none;
 background: #A6A6A6 /*#cdcdcd*/;
 color: #000;
}


/* /// RIGHT COLUMN /// */
	
#right {
 font-size: 90%;
}

#searchbox {
 /*border-top: 1px solid #fff;*/
 background: #efa016 !important; /* FIX 16 November 2005 door Frans */
}

#keyword {
 _width: 130px;
 border: 0;
 background: url("/images/input_back.gif") #fff no-repeat left top;
}

#search {
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 font-weight: bold;
 color: #fff;
 border: 0;
 text-align: center;
 background: #efa016;
 cursor: pointer;
}

.advanced a {
 color: #fff ! important;
 background: #efa016;
 text-decoration: none ! important;
}

.advanced a:hover { 
 background: #A6A6A6 /*#cdcdcd*/;
 color: #000;
}

#right #extranetbox span {
 color: #fff;
 font-weight: bold;
 display: block;
 background: #009aff;
}

#right #extranetbox strong {
 font: bold 180% "Trebuchet MS", Verdana, Arial, sans-serif;
}

#right #extranetbox li a {
 font-weight: bold;
 color: #fff ! important;
 background: #009aff ! important;
}

#right dt a, #right dt span, #right h4 {
 font-size: 100%;
 font-weight: bold;
 color: #fff;
 background: #009aff;
}

#right dt a:hover {
 text-decoration: none;
 background: #A6A6A6 /*#cdcdcd*/;
 color: #000;
}

#right dd a, #right dd span, #right li a, #right .getdata {
 background: #dedede;
}

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

#right dd a em {
 font-style: normal;
 font-weight: bold; /* was normal */
 color: #009aff; /* #efa016 */
}

#right ul {
 list-style: none;
}

#right .getdata .button {
 border: 0;
 color: #fff;
 text-align: center;
 background: #666;
 cursor: pointer;
}

#right p {
 font-size: 100%;
 color: #666;
 background: #dedede;
}

#right p a { color: #666; }

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

#notionabc a:hover {
 text-decoration: none;
 background:  #efa016;
}


/* /// CONTENT /// */

#content {
 border-top: 1px solid #fff;
 font-size: 90%;
 color: #666;
}

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

#content a:hover { color:#000; }

#mainphoto {
 color: #999;
 font: 200% Arial, Verdana, sans-serf;
 font-weight: lighter;
}

#mainphoto strong { color: #666; }

#mainphoto p.bron {
 color: #666;
 font: 50% Arial, Verdana, sans-serf;
}

#content h3 {
 color: #efa016;
 font: bold 150% "Trebuchet MS", Verdana, Arial, sans-serif; 
}


/* alternative color is blue */
#content h3.alt { 
 color: #009aff;
 font-size: 170%
}

#content h4 {
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serif;
 font-weight: normal;
 color: #fff;
 background: #efa016;
}

#content h4.subtitle{
 font: bold 100% Verdana, Arial, sans-serif;
 color: #666;
 background: none;
}

#content h4.subheader{
 font: bold 100% Verdana, Arial, sans-serif;
 color: #efa016;
 background: none;
}

#content h4.subheader a{
 font: bold 100% Verdana, Arial, sans-serif;
 color: #efa016;
 background: none;
 text-decoration: none;
}

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

#content h5 {
 font-size: 100%;
 font-weight: bold;
 color: #009aff;
 background: url("/images/bullet.gif") #fff no-repeat 0px 2px;
}

/* alternative color is orange */
#content h5.alt { color: #efa016; }

.data { color: #efa016 ! important; }

.data_alt { color: #009aff ! important; }

#dynheader {
 font: bold 150% "Trebuchet MS", Verdana, Arial, sans-serif;
}

/* alternative color is orange */
#dynheader span.alt { color: #efa016; }

#formbox {
 background: #dfdfdf; 
}

/* form items */

label { font-weight: bold; }

input.text {
 font-size: 100%;
 border: 0;
 background: url("/images/input_back.gif") #fff no-repeat left top;
}

#content textarea {
 border: 0;
 background: url("/images/textarea_back.gif") #fff no-repeat left top;
}

#content input.button {
 font: 130% "Trebuchet MS", Verdana, Arial, sans-serf;
 font-weight: bold;
 color: #fff;
 text-align: right;
 border: 0;
 background: #efa016;
 cursor: pointer;
}

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

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

.download {
 background: url("/images/download.gif") #999 no-repeat left top;
}

.photo{
    text-align:center;
}

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

#textlist dt {
 font-weight: bold;
 color: #009aff;
}

#textlist dd img {
 border: 1px solid #fff;
}

#textlist dd a {
 background: #dedede;
 text-decoration: none ! important;
}

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


/* /// ITEMLIST /// */

#itemlist dd {
 background: #dedede;
}

#itemlist dd a{ 
 background: #dedede;
 text-decoration: none ! important;
}

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


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

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

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

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

#results dt a {
 text-decoration: none ! important;
 display: block;
 font-weight: bold;
 background: none repeat scroll 0 0 #CBCBCB;
 padding: 4px;
}

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

#results dt a:hover {
 background: none repeat scroll 0 0 #A6A6A6;
}

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

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

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

.sitemaplist {
 font-size: 110%;
 background: #dedede;
}

.sitemaplist li { list-style: none; }

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

.sitemaplist li {
 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 {
 font-weight: bold;
 border: 0;
 background: #dfdfdf;
}

#publication tr.doctitle td {
 color: #fff;
 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;
}

#publication td.data { color: #009aff; }


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

.photobox a, .phototextbox a {
 color: #666;
 text-decoration: none ! important;
}

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

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

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

.photobox strong.alt, .phototextbox strong.alt { color: #009aff; }


/* linkbox with a title (exmpl. werken bij dcmr) */
.textbox {
 background: #dedede;
}

.textbox p.data { color: #efa016; }

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

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


/* /// FOOTER /// */

#footer {
 background: url("/images/footer_back.gif") #f1f1f1 no-repeat left top;
}

#extranet #footer {
 background: url("/images/extranet/footer_back.gif") #f1f1f1 no-repeat left top;
}

#footer ul li {
 font-size: 90%;
 
 list-style: none;
 /* [JR] fixed issue DCMR-27
 background: url("/images/meta_item.gif") transparent no-repeat 0 2px;
 */
}


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

#footer ul li a {
 color: #000;
}

.sitemap {
 background: url("/images/sitemap.gif") transparent no-repeat 0 0;
}

.begrippen {
 background: url("/images/begrippen_light.gif") transparent no-repeat 0 10;
}

.disclaimer {
 background: url("/images/disclaimer.gif") transparent no-repeat 0 0;
}

.vriend {
 background: url("/images/vriend.gif") transparent no-repeat 0 0;
}

.colofon {
 background: url("/images/colofon.gif") transparent no-repeat 0 0;
}

.print {
 background: url("/images/print_light.gif") transparent no-repeat 0;
}


/* /// OTHER /// */

/* cleaner div for floating left and right boxes */
#cleaner {
 font-size: 1px;
 border: none;
}

.hidden{
 display:none;
}

p.lead {
  font-weight:bold;
}