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

body#popup {
 margin: 20px;
}

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

/* hides the website title in text (is shown in background image */
h1 span, h2 span, h3 span, .jumpto, .download span, #notionabc h4, #printfooter, label span { display: none; }

select, option { 
min-width: 50px; 
}

p { margin: 0 0 15px 0; }

table {
 width: 100%;
 margin-bottom: 15px;
}

table.noBorder td {
 padding: 2px 15px 2px 4px;
}

td {
 padding: 3px;
 vertical-align: top;
}

th {
padding: 3px;
}

caption {
 padding: 2px 2px 2px 4px;
 width: 100%;
}


/* for left column */
.firstrow { 
float: left; 
margin-right: 10px;
}

hr {
 margin: 15px 0;
 height: 1px; border: 0px; 
}

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


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


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

#popupbox {
 padding: 0 0 18px 0;
 text-align: right;
}

#popupbox a {
 padding-right: 10px;
}



/* /// HEADER /// */

#headerbox {
 margin: 0 auto; /* best way to center website */
 width: 920px; height: 93px;
}

#titlebox {
 float: left;
 width: 270px; height: 58px;
}

h1 {
 width: 290px; height:48px;
}

#extranet h1 {
 float: right;
 width: 350px; height: 58px;
}


#logo {
 float: right;
 margin: 4px 80px 0 0;
}

/* /// BREADCRUMB /// */

#subheader {
 clear: both;
 padding: 0 0 0 30px;
 height: 35px;
}

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

#bread ul li {
 display: inline;
}

/* begrippen & print! */
#functions { 
 float: right;
 margin: 4px 20px 0 0;
}

#functions .begrippen {
 padding: 0 0 0 12px;
 width: 90px; /* Internet Explorer 5.01 hack */
}

#functions .print {
 padding: 0 0 0 14px;
 width: 50px; /* Internet Explorer 5.01 hack */
}


/* /// CONTAINER /// */

#container {
 margin: 0 auto; padding: 0 0 120px 0;
 width: 920px;
}


/* /// LEFT COLUMN /// */
		
#left {
 float: left;
 padding: 0 0 0 22px;
 width: 213px;
}

#menu li a, #klachtmenu li a {
 display: block;
 padding: 2px 0 2px 20px; 
 width: 193px;
}

#klachtmenu li a {
 display: block;
 width: 193px;
}

#subitems li a {
 width: 193px;
}

#subitems li a span {
 display: block;
 margin: 0 0 0 20px;
}

#subitems li a:hover {
 width: 193px;
}

#subitems_lev3 li a {
 width: 193px;
}

#subitems_lev3 li a span {
 display: block;
 margin: 0 0 0 40px;
}

#subitems_lev3 li a:hover {
 width: 193px;
}

li#extranet a {
 margin: 28px 0 2px 0; padding: 2px 2px 2px 4px;
 width: 207px;
}

#left p {
 margin: 2px 0 2px 0; padding: 2px 2px 2px 10px;
}

#left p a { color: #666; }

#left h3 a {
 display: block;
 margin: 28px 0 2px 0; padding: 2px 2px 2px 4px;
}

/* /// RIGHT COLUMN /// */
/*	
#right {
 float: right;
 bottom: 1px;
 margin: 0 ! important; padding: 0 22px 0 0; 
 width: 213px;
}

#searchbox {
 margin: 0 ! important; padding: 2px;
}
*/
#right {
  float: right;
  margin: 1px 0 0 0 ! important; padding: 0 22px 0 0;
  width: 213px;
}

#searchbox {
  margin: 0 ! important; padding: 2px;
}

#keyword {
 margin: 2px; padding: 1px 2px;
 width: 150px;
}

.advanced { margin: 1px 0 2px 0; padding: 0 !important; }

.advanced a {
 display: block;
 padding: 2px 2px 2px 10px;
}

#right #extranetbox {
 margin-bottom: 15px;
}

#right #extranetbox span {
 padding: 10px 2px 2px 10px;
}

#right dt a, #right dt span, #right h4 {
 display: block;
 margin: 14px 0 0 0; padding: 2px 2px 2px 10px;
}

#right dd, #right li {
 display: inline;
 margin: 0; padding: 0;
}

#right dd a, #right dd span, #right li a, #right .getdata {
 display: block;
 margin: 2px 0 2px 0; padding: 2px 2px 2px 10px;
}

#right ul {
 margin: 0; padding: 0;
}

#right .getdata .button {
 position: relative;
 bottom: 2px;
 padding: 0px 4px;
 height: 16px;
}

#right p {
 margin: 2px 0 2px 0; padding: 2px 2px 2px 10px;
}

#right p a { color: #666; }

#notionabc {
 margin: 15px 0 0 0;

}

#notionabc a {
 display: block;
 float: left;
 margin: 2px 2px 0 1px; padding: 2px 0px 0px 1px;
 width: 19px; height: 18px;
}

#notionabc br { clear: both; }

#notionlist { 
 clear: both; 
 margin: 15px 0 0 0; 
}


/* /// CONTENT /// */

#middle { margin: 0 235px; padding-left: 7px; }

#content {
 width: 430px;
}

#content img { margin: 15px 0; }

#mainphoto {
 margin: 0 0 20px 0;
}

#content #mainphoto img { margin: 0; }

#mainphoto p { margin: 5px; }

#mainphoto p.bron { margin: 0px; }


#content h3 {
 margin: 0 0 20px 0;
 /*width: 50%;*/
}

#content h4 {
 margin-bottom: 2px; 
 padding: 2px 2px 2px 4px;
 width: 424px;
}

#content h4.subtitle {
 padding: 2px 2px 2px 0px;
 width: 424px;
}

#content h4.subheader {
 padding: 2px 2px 2px 0px;
 width: 424px;
}

#content h5 {
 margin: 15px 0 0 0; padding: 0 0 0 16px;
}

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

#content li {
 padding: 1px;
}

#content #toc {
	margin: 0px 0px 15px 0px;
	list-style:none;
}

#dynheader {
 margin: 2px 0 40px 0;
}

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

#textlist dd { display: inline; }

#textlist dd img {
 float: left;
 margin: 2px;
}

#textlist dd a {
 width: 98%;
 display: block;
 margin: 2px 0 2px 0; padding: 2px;
 float: left;
}


/* /// ITEMLIST /// */

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

#itemlist dd a{ 
 display: block;
 padding: 2px;
}

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


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


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

#notions dd { padding: 2px; }

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

#results dd a {
 padding: 2px;
}



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

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

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


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

#publication td {
 padding: 4px;
}


/* 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;
}

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

.photobox a { min-height: 40px; _height: 40px; }
.phototextbox a { min-height: 40px; _height: 90px; }

.photobox strong, .phototextbox strong {
 display: block;
}

/* linkbox with a title (exmpl. werken bij dcmr) */
.textbox {
 display: block;
 overflow: hidden;
 margin-bottom: 15px;
 width: 210px; min-height: 230px; _height: 230px;
}

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

.textbox a  {
 display: block;
 padding: 2px 2px 2px 4px;
}


/* /// FOOTER /// */

#footer {
 margin: 0 auto; padding: 4px 0 0 0;
 width: 920px; height: 41px;
 text-align: center;
}

#footer ul {
 display: inline-block;
 margin: 0; 
 padding: 0;
 position:relative;
 top:-4px;
 zoom:1;
} 

#footer ul li {
 display: inline;
 margin: 0; padding: 0 0 0 8px;
}

#footer ul li a {
 vertical-align: top; /* Internet Explorer 5.01 hack */
}

.sitemap {
 padding: 0 0 0 14px;
 width: 72px; /* Internet Explorer 5.01 hack */
}

.disclaimer {
 padding: 0 0 0 14px;
 width: 72px; /* Internet Explorer 5.01 hack */
}

.vriend {
 padding: 0 0 0 14px;
 width: 140px; /* Internet Explorer 5.01 hack */
}

.colofon {
 padding: 0 0 0 14px;
 width: 56px; /* Internet Explorer 5.01 hack */
}

/* /// OTHER /// */

/* cleaner div for floating left and right boxes */
#cleaner {
 clear: both;
 height: 1px;
 margin: 0; padding: 0;
}

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

#notions dd { padding: 2px; }

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

.datecell {
  width:70px;
}

/* DCMR-773 & DCMR-774*/
#login a {
  background-color: #3399FF; /*EFA016*/
  color: #FFFFFF;
  font: bold 130% "Trebuchet MS",Verdana,Arial,sans-serf;
  margin: 0 0 2px;
  padding: 2px 2px 2px 10px;
  display: block;
}
#login a:hover {
  background-color: #A6A6A6;
  color: #000;
  text-decoration: none;
}
#left-blocks {
  margin-top: 63px;
}
.left-block {
  margin-bottom: 20px;
}
.left-block a:hover {
  text-decoration: none;
}
.left-block h3 a {
  margin-top: 0;
}
#left .left-block h3 div {
  background: none repeat scroll 0 0 #EFA016;
}
#left .left-block h3 a {
  background: none repeat scroll 0 0 #EFA016;
}
#left .left-block h3 a:hover {
  background: none repeat scroll 0 0 #EFA016;
  text-decoration:none;
  color:#000000;
}
#left .left-block.alt h3 div{
  background: none repeat scroll 0 0 #3399FF;
}
#left .left-block.alt h3 a{
  background: none repeat scroll 0 0 #3399FF;
}
#left .left-block.alt h3 a:hover {
  background: none repeat scroll 0 0 #A6A6A6;
  text-decoration:none;
  color:#000000;
}
#left .left-block p:hover {
  background-color: white;
}
.left-block p:hover {
  background-color: white;
}


/* DCMR-776 */
#content #newslist {
  margin: 0;
  float:left;
}
#newslist li {
  background-color: #DEDEDE;
  list-style: none;
  margin: 2px 0;
  padding: 2px;
  clear:left;
  min-height: 56px;
  height:auto !important;
  height:56px;
  
}
#newslist li img {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid #FFFFFF;
  margin: 2px;
}
#newslist li a {
  text-decoration: none;
  display: block;
}
#newslist li span {
  float: right;
  margin-left: 5px;
  color: #888;
}
#newslist li p {
  display: block;
  margin: 0 0 0 55px;
}
#newslist li:hover {
  background-color: #fff;
}
#newslist li:hover a {
  color: #000;
}
#content #newslist h3 {
  font: bold 100% Verdana,Arial,sans-serif;
  margin: 0;
}

#twitter .twtr-doc {
  -moz-border-radius: 0;
  margin-top: 14px;
}