/* Reset.css. Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt. version: 2.5.0
-------------------------------------------------------------- */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* End reset 
-------------------------------------------------------------- */

/* Headers 
-------------------------------------------------------------- */

h1, h2, h3, 
h4, h5, h6 		{ font-weight: bold; }
h1, h2, h3		{ line-height: 1.2;}
h1						{ font-size: 22px; margin: 0.75em 0 0; color: #005daa;}
h2						{ font-size: 16px; margin: 1em 0 0; color: #005daa; }
h3						{ font-size: 13px; margin: 1.3em 0 0; }
h4, h5, h6		{ margin: 1.5em 0 0;}
h5						{ font-size: 12px; }
h6						{ font-size: 11px; margin: 1.65em 0 0;}

:focus        { outline: 0;}

/* Clear fix
-------------------------------------------------------------- */
.clear {
	display:inline-block;
}

.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

/* Text elements
-------------------------------------------------------------- */

p, pre				{ margin: 0.5em 0 1em 0;}
img.left      { float: left; margin: 0 1em 1em 0; padding: 0; }
img.right 	  { float: right; margin: 0 0 1em 1em;}

blockquote		{ margin: 1em; }
blockquote p	{ margin: 0 0 1em;}

a							{ color: #005daa; text-decoration: none;}
a:visited			{ color: #005daa; }
a:hover				{ text-decoration: underline; }

abbr, 
acronym				{ border-bottom: 1px dotted #4a4a4a; cursor:help; }

em						{ font-style: italic; }
strong				{ font-weight:bold; }

pre, code, 
var, samp			{ font-family: Monaco, Consolas, monospace; font-size: 12px;}
pre           { padding: 0 1em 1em; }

/* Tables
-------------------------------------------------------------- */

table       	{ margin: 0 0 1em; }
th, td       	{ color: #000; padding: .4em 1em; vertical-align: top;}

tr.even td,
tr.even th  	{ background: #f2f0f4; }
tfoot       	{ font-style: italic; }
caption 			{ margin-bottom:.5em; text-align:center; }


/* Lists 
-------------------------------------------------------------- */

ul, ol    		{ margin: 1em; margin-left: 1.75em; }
li ul         { margin: 0 1em 0 1em;}
ol li			  	{ list-style: decimal outside;}
ul li				  { list-style: disc outside;}
dl dt       	{ font-weight: bold; padding: .3em 0;}
dd p          { margin: 0 0 1em;}

/* List classes
-------------------------------------------------------------- */

ul.inline	  	  { margin: 0; overflow: auto; zoom: 1; /* Force hasLayout on IE6 */}
ul.inline li 	  { list-style: none; display: inline;}
ul.inline a     { display: block; float: left; }

.block-list     { margin: 0; }
.block-list li  { list-style: none; display: inline;}
.block-list a   { display: block; border-bottom: 1px solid #ccdfee; padding: 6px; }

.left         { float: left;}
.right        { float: right; }


/* Forms 
-------------------------------------------------------------- */

label { 
  padding: 2px 3px; 
  cursor: pointer; 
  display: block; 
}

.inline label {
  display: inline;
}


input[type=checkbox],
input[type=radio] { border: 0;}

input.checkbox,
input.radio       { border: 0;} /* For IE6 */

input,
select,
textarea 		  { 
  font: inherit;
	background: #fff; 
  border: 1px solid #005daa;
	padding: 2px 3px; 
}


input:focus,
textarea:focus,
input.text:focus	{ color: #1a1a1a; background: #fef1d6;}

input.submit {
  background: url(submit.png) 0 0 repeat-x #1c6dc4;
  color: #fff;
  padding: 0.3em 2em 0.2em 2em;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}

input.advanced_submit {
  background: url(submit.png) 0 0 repeat-x #1c6dc4;
  color: #fff;
  padding: 0.3em 2em 0.2em 2em;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}

input.button {
  background: url(submit.png) 0 0 repeat-x #1c6dc4;
  color: #fff;
  padding: 0.3em .2em 0.2em .2em;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}

form#advanced-search table,
form#advanced-search tbody,
div#advanced-search table,
div#advanced-search tbody {
  width: 100%;
  display: table; /* Necessary for Firefox; after hiding, the display is set to block */
}

form th {
  font-weight: normal;
}

/* Text classes */
.time {
  color: #888;
  font-size: 10px;
}

img.more {
  padding-left: 5px;
  clear: none;
  border: 0;
}

.show-results {
  font-size: 11px;
  padding: 0 10px;
  border-bottom: 1px dashed #99bedd;
  zoom: 1;
}

.show-results p {
  margin-bottom: .5em;
}

.show-results a {
	padding: 0 5px;
}

.show-results .divider {
	color: #94c0e3;
}

.show-results a.active {
  font-weight: bold;
}

/* Document
-------------------------------------------------------------- */

html {
  background: url(doc.jpg) 0 0 repeat-x;
}

body {
  background: url(hd-bg.png) 600px 0 no-repeat;
  text-align: left;
  font: 12px/1.334 Arial, Helvetica, sans-serif;
}

#doc {
  background: url(hd-bg.png) 600px 0 no-repeat;
  width: 980px;
}

/* Header 
-------------------------------------------------------------- */

#header {
  height: 163px;
  background: url(hd-logo-nav.png) 0 0 no-repeat;
  position: relative;
}

#logo {
  background: transparent;
  margin: 0;
  padding: 0;
  text-indent: -5000px;
}

#logo a {
  position:absolute;
  top:23px;
  left:37px;
  width:134px;
  height:134px;
}

/* Main navigation
-------------------------------------------------------------- */

#nav-main {
  position: absolute;
  top: 99px;
  left: 180px;
}

#nav-main a {
  height: 30px;
  margin: 0 3px 0 0;
  text-indent: -5000px;
}

#nav-main-home a              { width: 65px;}
#nav-main-wetsvoorstellen a   { width: 127px;}
#nav-main-beleidsterreinen a  { width: 124px;}
#nav-main-mijn-sc a           { width: 72px;}

#nav-main a:hover,
#nav-main a.active {
  background: url(hd-logo-nav.png) -180px -262px no-repeat; 
}

#nav-main-home a:hover,
#nav-main-home a.active             { background-position: -180px -262px;}
#nav-main-wetsvoorstellen a:hover,
#nav-main-wetsvoorstellen a.active   { background-position: -248px -262px;}
#nav-main-beleidsterreinen a:hover,
#nav-main-beleidsterreinen a.active  { background-position: -378px -262px;}
#nav-main-mijn-sc a:hover,
#nav-main-mijn-sc a.active           { background-position: -505px -262px;}


/* Breadcrumb 
-------------------------------------------------------------- */

#nav-breadcrumb {
  position: absolute;
  left: 192px;
  top: 130px;
  color: #6d5d3a;
  font-size: 11px;
}

#nav-breadcrumb a {
  color: #000;
}

/* Search
-------------------------------------------------------------- */

#search {
  margin: 17px 0 0 37px;
  background: url(search.png) 0 0 no-repeat;
  min-height: 71px;
  font-size: 11px;
  position: relative;
}

#search p {
  height: 20px;
  padding: 8px 10px 5px;
  margin: 0;
}

#search label, #searchtargets label  {
  display: inline;
  color: #005daa;
}

#search_input {
  padding: 3px;
  margin: 0 5px 0 0;
}

/* Advanced search toggle */

#toggle-advanced-search {
  position: absolute;
  top:40px;
  right: 12px;
  width: 110px;
  height: 23px;
  display: block;
  padding: 8px 10px 0;
}

#toggle-advanced-search.active {
  background: url(toggle-advanced-search.png) 0 0 no-repeat;
}

#toggle-advanced-search-basic {
  position: absolute;
  bottom: 0;
  right: 12px;
  width: 110px;
  height: 23px;
  display: block;
  padding: 8px 10px 0;
}

/* My search */

#my-search-entries {
  position: absolute;
  top: .7em;
  right: 13px;
  background: urL(my-search.png) 0 0 no-repeat;
  display: block;
  width: 110px;
  height: 20px;
  padding: 2px 10px;
}

/* Advanced search 
-------------------------------------------------------------- */

#advanced-search {
  background: url(advanced-search.png) 0 0 no-repeat #f4f7fb;
  margin: 0 0 0 37px;
  padding: 1em 0 0;
  font-size: 11px;
}

#advanced-search p.inline {
  margin: 0 1em;
  padding: 0 5px 1em;
  border-bottom: 1px solid #c3d8eb;
  line-height: 2.5;
}

#advanced-search p {
  height: 20px;
  padding: 8px 10px 5px;
  margin: 0;
}

#advanced-search_input {
  padding: 3px;
  margin: 0 5px 0 0;
}

#advanced-search ul {
  clear: both;
  margin: 0;
  padding: 0 1em 20px;
  background: url(advanced-search.png) 0 100% no-repeat #f4f7fb;
}

#advanced-search li {
  border-bottom: 1px solid #c3d8eb;
  list-style: none;
  display: block;
  padding: .5em 0;
}

#advanced-search ul.search_box {
  clear: both;
  margin: 0;
  padding: 0 1em 0px;
  background: url(advanced-search.png) 0 100% no-repeat #f4f7fb;
}

#advanced-search li.search_box {
  border-bottom: 0px;
  list-style: none;
  display: block;
  padding: 2em 0;
}

#advanced-search table {
  border-top: 1px dashed #92b9db;
  margin: .5em 0 0;
}

#advanced-search th {
  padding-top: 1em;
}

#advanced-search legend {
  color: #005daa;
  font-weight: bold;
  padding-left: 20px;
  background: url(arrow-right.png) 8px 50% no-repeat;
  cursor: pointer;
  border: 0;
}

#advanced-search .active legend {
  background-image: url(arrow-down.png);
}

form td label input, form th label input {
  margin: 0 5px 0 0;
}

#advanced-search select {
	width: 275px;
	display: block;
}

/* Section 
-------------------------------------------------------------- */

#section {
  margin: 17px 0 0 37px;
  width: 628px;
  float: left;
  display: inline; /* fix IE6 double margin bug*/
}

#section.wide {
	width: 940px;
}

/* Section header */

#section div.hd {
  background: #f0f4f6;
  border-bottom: 1px solid #bdcfd7;
  padding: .3em 6px 0px .5em;
}

#section div.entry h1 {
  font-size: 16px;
  margin: 0 0 .8em;
}

#section div.entry h1 small {
  font-size: 11px;
  font-weight: normal;
  color: #696969;
}

/* Law stage */

.stage {
  background: #d9e7f2;
  color: #505050;
}

.stage p {
  margin: 0 0 1.5em;
  padding: .5em;
}

.stage span {
  padding: .5em;
}

.stage span.active {
  background: #fff;
}

/* Featured article */

.featured {
  background: url(corner.png) 100% 0 no-repeat #fef1d6;
  padding: 17px 12px 16px;
  margin: 0 0 20px;
  overflow: auto;
  zoom: 1;
}

.featured h2, 
.featured p {
  margin: 0;
}

.featured .left {
  width: 438px;
}

.featured .right {
  width: 158px;
}

.featured .block-list a {
  border: 0;
  padding: 0;
}

/* Article columns */

.columns {
  width: 100%;
  float: left; /* Contain all floats within */
}

.columns .left,
.columns .right{
  width: 300px;
}

.columns h2.hd {
  background: url(section-corner.png) 100% 0 no-repeat #005daa;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 5px;
  margin: 0 0 .5em 0;
}

.columns p.meta {
  font-size: 10px;
  color: #7e7e7e;
  border-bottom: 1px dashed #99bedd;
  margin: 0;
  padding: 0 5px .5em;
  height: 100%; /* necessary to trigger IE in aligning RSS with this line */
}

.columns a.rss {
  display: block;
  float: right;
/*  margin: -1.3em 2px 0 0;*/
}

/* (aggregated) Individual article */

.article {
  border-bottom: 1px solid #ccdfee;
  overflow: auto;
  padding: 0 0 0 5px;
}

.article h3 {
  font-size: 16px;
  margin: 0;
  padding: .5em 0 0;
}

.article img {
	display: block;
}

.article img.more {
	display: inline;
}

.article p {
  margin: 0.2em 0 1em;
}

/* Article entry */

#article-tools {
  margin: 0;
  font-size: 11px;
}

#article-tools a {
  display: block;
  float: right;
  padding: .15em 1.4em .15em 1.4em;
  background: #f7fafc;
  border: solid 2px #dbe5e9;
}

#article-tools form {
  display: none;
}

#section .hd .tags {
  color:#888;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
	margin: 5px 0 7px 0px;
}

.entry {
  padding-left: 5px;
}

.entry .imagecaption {
	float: right;
  width: 300px;
  padding: 0 0 0 5px;
}

.entry .persoonorgimagecaption {
	float: right;
  padding: 0 0 0 5px;
}

.entry img {
	border: 1px solid #99bedd;
}

.entry span img {
  border: none;
}

.entry .entry-info {
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #99bedd;
  padding: .5em 0;
}

.entry .entry-info,
.entry .entry-info .time,
.entry .entry-info .source {
  font-size: 11px;
  color: #888;
}

.entry .entry-info .source {
  float: right;
  margin-right: 10px;
}

.entry .tag {
	font-weight: bold;
	font-size: 11px;
}

.entry .entry-summary {
  clear: none;
  margin: 0;
  font-size: 12px;
  margin: 1.3em 0 1.3em; 
  line-height: 1.4;
}

.entry .meta {
  border-top: 1px dashed #99bedd;
  padding: 10px 0 0 0;
  clear: both;
  width: 100%;
}

.entry .meta img {
	float: right;
	margin: 0 0 2px 0;
}

.entry .caption {
	clear: both;
	margin: 0;
	padding: 0 0 0 3px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	line-height: 14px;
	margin-bottom: 5px;
}

.entry .label {
	font-weight: bold;
	display: block;
}

.entry .block {
	background: #f0f4f6; 
	margin-left: -5px;
	padding: 5px 50px 5px 5px;
}

/* persoon * organisatie */

table.persoonorganisatie {
	width: 315px;
	clear: left;
}

.persoonorganisatie th {
	width: 105px;
	font-weight: bold;
}
.persoonorganisatie th, .persoonorganisatie td {
	padding: 0 0 5px 0;
	overflow: auto;
}

img.persoonorganisatie {
	position: relative;
	right: 0px;
	float: right;
	z-index: 10;
}

/* Text */

.text {
	padding-left: 5px;
	margin: 20px 0;
}

.text h2 {
	margin: 15px 0;
	font-size: 14px;
}

/* Suggest */
.suggest {
	padding: 20px 0 0 0;
	border-top: 1px solid #bdced6;
}

.suggest h2 {
	font-size: 12px;
	margin: 0 5px;
}

.suggest ul {
	margin: 2px 2px;
}

.suggest li {
	list-style: none;
  background-image: url(arrow-right.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 15px;
}

/* RSS */
p.rss {
	font-weight: bold;
	color: #005aaf;
}

p.rss a {
	font-weight: normal;
}

/* Form sc-mail */
#sc-mail {
	margin-top: 40px;
}

#sc-mail h3 {
	border-bottom: 1px dashed #82b0d5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/* Searchresults listings
-------------------------------------------------------------- */



/* Article listings
-------------------------------------------------------------- */

.articles {
  margin: 0 0 1em;
  clear: both;
}

.articles li {
  list-style: none;
  border-bottom: 1px solid #ccdfee;
  padding: .6em 0;
  color: #005daa;
}

.articles li:hover,
.articles li.hover,
.article:hover,
.article.hover {
  background: #edf3f6;
  cursor: pointer;
}

.articles li:hover a:hover,
.articles li.hover a:hover,
.article:hover a:hover,
.article.hover a:hover {
  text-decoration: none;
}

.articles li p {
  margin: 0;
  padding: 0 10px;
}

.columns .articles li p {
  padding: 0;
}

#section .articles a {
  color: #000;
}

.articles a.tag {
  color: #005daa;
}

.articles span.tag {
  font-weight: bold;
}

.columns .articles span.tag {
  font-weight: bold;
}

.articles .issue {
  text-transform: uppercase;
  color: #888;
  font-size: 10px;
}

.articles h2 {
	padding: 0 10px;
}

/* result listings
-------------------------------------------------------------- */

.results {
  margin: 0 0 1em;
}

.results li {
  list-style: none;
  border-bottom: 1px solid #ccdfee;
  padding: .6em 0;
  color: #005daa;
}

.results li:hover,
.results li.hover,
.result:hover,
.result.hover {
  background: #edf3f6;
  cursor: pointer;
}

.results li:hover a:hover,
.results li.hover a:hover,
.result:hover a:hover,
.result.hover a:hover {
  text-decoration: none;
}

.results li p {
  margin: 0;
  padding: 0 10px;
}

.columns .results li p {
  padding: 0;
}

.results span.tag {
  font-weight: bold;
}

.columns .results span.tag {
  font-weight: bold;
}

.results .issue {
	margin: 2px 0 0 0;
	padding: 0 5px;
  color: #888;
}

.results .issue a {
	margin: 0 5px;
}

.results h2 {
	padding: 0;
	margin: 0 10px;
}

/* Wetsvoorstel / beleidsterrein */

#section .columns .hd {
  background: #699dc4 url(comments-hd.png) no-repeat;
  border-bottom: 1px solid #699dc4;
  margin: 1px 0 .5em;
  padding: .25em 6px;
}

.readmore {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  padding-left: 6px;
}

#section .hd h2 {
	margin: 1em 0 2px 0;
}

#section .columns .hd p.right {
  width: auto;
  margin: 0;
}

#section .columns .hd h2 {
  margin: 0;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  cursor: default;
}

#section .columns .article {
  background: transparent;
  margin-top: 14px;
  width: 100%;
}

#section .columns .left .article,
#section .columns .right .article {
	margin-top: 0;
}

#section .columns .articles li {
  padding-left: 5px;
}

#section .columns .blog .hd {
  background-color: #3aa699;
  background-image: url(comments-hd-blog.png);
	border-bottom: 1px solid #3aa699;
}

#section .columns .blog a {
  color: #006c5b;
}

#section .columns .blog .articles a {
  color: #000;
}

#section #agenda .right .w { 
  margin: 1.3em .5em 0 0;
  padding: 0 1.5em 1.22em;
  text-align: right;
  border-bottom: 1px dashed #82b0d5;
}

/* Overzicht beleidsterreinen/wetsvoorstellen */

.overview-list {
  margin: 0;
}

.overview-list li {
  list-style: none;
  border-bottom: 1px solid #ccdfee;
  padding: 0;
}

.overview-list .block-list li {
	border: 0;
}

.overview-list li:hover,
.overview-list li.hover {
  cursor: pointer;
}

#section .overview-list li h3 {
  margin: 0;
  padding: 1.3em 5px 0;
  color: #005daa;
  font-size: 12px;
}

#section .overview-list li h3 a {
  color: #005daa;
  font-size: 12px;
}

#section .overview-list p.entry-info {
  background: url(arrow-right.png) 98% 25% no-repeat;
  float: none;
  width: auto;
  color: #888;
  margin: 0;
  padding: 0 5px 1em;
}

#section .overview-list li.extended {
  background: #fdebef;
}

#section .overview-list li.extended img {
  padding-left: 5px;
}

#section .overview-list li.extended_nostars {
  background: #ffffff;
}

#section .overview-list li.extended_nostars img {
  padding-left: 5px;
}

#section .overview-list li.active {
  background-color: #dce8ee;
  border-bottom: 5px solid #bed5e7;
}

#section .overview-list li.active p.entry-info {
  background: url(arrow-up.png) 98% 25% no-repeat;
}

#section .overview-list .block-list {
  background: #edf3f6;  
  border-top: 1px dashed #8eb7d8;
  color: #E80033;
  margin: 0;
}

#section .overview-list .block-list li a {
  padding: .5em 5px;
}

#section .overview-list .block-list li a:hover {
  background-color: #beD5e7;
  text-decoration: none;
}

#section .overview-list .block-list .time {
  font-size: 12px;
  color: #005daa;
}

#section .article .block-list li a {
  border-color: #bed5e7;
  padding: .5em 5px;
}

#section .article .block-list li a:hover {
  background-color: #edf3f6;
}

/* Tabs */

.hd .nav-tabs {
  float: right;
  margin: 1em 0 0;
}

.hd .nav-tabs a {
  margin: 0 .5em 0 0;
  border: 1px solid #b0c1c9;
  background: url(nav-tabs.png) 0 0 repeat-x #ebf2f6;
  padding: .33em 1em;
}

.hd .nav-tabs .active a {
  background: #fff;
  border-bottom-color: #fff;
}

.hd .tab-holder {
	height: 25px;
	margin: 0;
}

.hd .search-tabs {
  margin: 0;
  border: 0;
  float: left;
  clear: right;
}

.hd .search-tabs a {
  margin: 0 3px 0 0;
  border: 1px solid #b0c1c9;
  background: url(nav-tabs.png) 0 0 repeat-x #ebf2f6;
  padding: .33em 1em;
}

.hd .search-tabs .active a {
  background: #fff;
  border-bottom-color: #fff;
}

/* Contact
-------------------------------------------------------------- */

#contact table td {
	padding-left: 2px;
}

#contact input {
	width: 320px;
}
#contact textarea {
	width: 320px;
}

#contact select {
	width: 328px;
	display: block;
}

#contact input.submit {
	width: auto;
}

/* Interview
-------------------------------------------------------------- */

/* Sitemap
-------------------------------------------------------------- */

#sitemap ul {
	margin-top: 5px;
}

#sitemap {
	margin-left: 8px;
	padding-left: 0;
}

#sitemap li {
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 0;
}

/* level 2 */
#sitemap li ul li {
	list-style: none;
	font-weight: bold;
	font-size: 12px;	
	margin-left: 15px;
}

/* level 3 */
#sitemap li ul li ul li {
	list-style: square;
	font-weight: normal;
	font-size: 12px;
}

/* level 3 */
#sitemap li ul li ul li ul li {
	list-style: circle;
	font-weight: normal;
	font-size: 11px;
}

/* Forum 
-------------------------------------------------------------- */

table.forum {
  width: 100%;
}

table.forum th {
  border-bottom: 1px dashed #99cec7;
  border-right: 1px dashed #99cec7;
  font-size: 11px;
  color: #000;
}

table.forum td {
  border-bottom: 1px solid #cce6e3;
  border-right: 1px dashed #99cec7;
  font-size: 12px;
}

table.forum td.posts,
table.forum td.views {
  color: #888;
}

table.forum th.time,
table.forum td.time {
  border-right: 0;
}

table.forum .subject {
  padding-left: 20px;
}

#section table.forum .subject a {
  background: url(arrow-right.png) 100% 50% no-repeat;
  padding-right: 20px;
  color: #000;
}

.forum .locked {
  background: url(lock.png) 5px 10px no-repeat;
}

.forum tr.hot td {
  background: #fdebef;
}

.reactions td {
  border-bottom: 1px solid #cce6e3;
  padding: 1em 8px;
}

.reactions td .time {
  font-size: 12px;
}

.reactions blockquote {
  background: #ecf6f4;
  border: 1px solid #a5d4cd;
  margin: 1em 0;
  padding: .5em 1em;
}

.reactions .cite {
  padding-top: 0;
}

.reactions .cite a {
  display: block;
  float: right;
  background: #f3fdfb;
  border: 1px solid #e0e8ec;
  border-top: 0;
  font-size: 11px;
  padding: .3em .5em 0;
}

.reactions .cite a span {
  font-size: 18px;
  vertical-align: middle;
  font-weight: bold;
}

/* My settings */

p.line {
	padding-bottom: 20px;
	border-bottom: 1px solid #cadff0;
	margin-bottom: 20px;
}

.mijnsc-instellingen h3 {
	border-bottom: 1px dashed #ccdfee;
	padding-bottom: 5px;
}

.mijnsc-instellingen table {
  width: 100%;
}

.mijnsc-instellingen table label {
  padding-left: 0;
}

.mijnsc-instellingen .div td,
.mijnsc-instellingen .div th {
  padding-top: .3em;
  padding-bottom: .3em;
  width: 25%;
  font-weight: bold;
}

.mijnsc-instellingen .div th {
  color: black;
}

.mijnsc-instellingen .div td {
  border-top: 1px solid #ccdfee;
  border-bottom: 1px solid #ccdfee;
  color: #005daa;
}


.mijnsc-instellingen .div-top td,
.mijnsc-instellingen .div-top th {
  border-top: 1px solid #ccdfee;
  padding-top: 1em;
}

.mijnsc-instellingen .div-bottom td,
.mijnsc-instellingen .div-bottom th {
	border-bottom: 1px solid #ccdfee;
	width: 25%;
}

.mijnsc-instellingen .div-bottom-dashed td,
.mijnsc-instellingen .div-bottom-dashed th {
	border-bottom: 1px dashed #ccdfee;
	width: 25%;
}

.mijnsc-instellingen ul {
	margin: 0;
  padding-top: .3em;
  padding-bottom: .3em;
	width: 100%;
	display: block;
}

.mijnsc-instellingen li {
	width: 100%;
	padding-left: 15px;
	list-style: none;
  padding-top: .3em;
  padding-bottom: .3em;
  border-top: 1px solid #ccdfee;
	font-weight: normal;
	display: block;
}

.mijnsc-instellingen thead .first {
  width: 300px;
}

.mijnsc-instellingen thead td,
.mijnsc-instellingen thead th {
  border-bottom: 1px dashed #99bedd;
  vertical-align: bottom;
  padding-top: 1em;
}

.mijnsc-instellingen thead th {
  font-size: 12px;
  font-weight: bold;
  color: #005DAA;
}

.mijnsc-instellingen label {
  display: inline;
}

/* Mijn zoekopdrachten */
.mijnzoekopdrachten {
	padding: 0;
	margin: 20px 0 0 0;
}

.mijnzoekopdrachten th, .mijnzoekopdrachten td {
	padding-left: 5px;
}

.mijnzoekopdrachten .first {
	width: 220px;
}

.mijnzoekopdrachten .second {
	width: 480px;
}

.mijnzoekopdrachten th {
	font-weight: bold;
}

.mijnzoekopdrachten .button {
	margin-left: 10px;
}

.mijnzoekopdrachten .div-bottom-dashed td,
.mijnzoekopdrachten .div-bottom-dashed th {
	border-bottom: 1px dashed #ccdfee;
	width: 25%;
}

.mijnzoekopdrachten .div-bottom td,
.mijnzoekopdrachten .div-bottom th {
	border-bottom: 1px solid #ccdfee;
	width: 25%;
}

/* Login */

#login {
	border-top: 1px dashed #f699ad;
	margin-top: 7px;
	padding: 7px 0;
}

#login label {
	padding: 3px 0px 2px 0px;
	margin: 2px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 90px;
}

#login input {
	border: 1px solid #e80033;
	width: 172px;
	margin: 2px 0px 0px 0px;
}

#login input.password {
	width: 142px;
	float: left;
	margin: 2px 0px 0px 0px;
}

#login input.submit {
	width: 24px;
	padding: 1px 0;
	margin: 2px 0 0 5px;
	background: url(submit-login.png) 0 0 repeat-x #e80033;
}

/* Pager
-------------------------------------------------------------- */

.pager {
  clear: both;
  overflow: auto;
  zoom: 1;
  font-size: 11px;
  
}

.pager a {
  display: block;
  float: left;
  font-weight: bold;
  border: 1px solid #ccdfee;
  padding: 0 .5em;
  margin: 5px 1px;
}

.pager .active {
  background: #ccdfee;
  border: 0;
  padding: 0 .5em;
  border: 1px solid #ccdfee;
}

.pager a.disabled {
  color: #ccdfee;
}

.blog #section .pager a.disabled {
  color: #ace2d5;
}

.blog .pager a {
	color: 008375;
	border: 1px solid #aad1d0;
}

.blog .pager .active {
	border: 1px solid #aad1d0;
	background: #aad1d0;
}

.pager .prev a,
.pager .next a {
  border-color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  margin: 5px 5px;
  font-weight: bold;
}

/* Comments 
-------------------------------------------------------------- */

p.nav-react {
  border-top: 1px solid #ccdfee;
  border-bottom: 1px solid #ccdfee;
  padding: .4em 0 .4em 5px;
  overflow: auto;
  height: 1%;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 11px;
  text-transform: uppercase;
}

p.nav-react a {
  padding-right: 20px;
  margin-right: 15em;
  background: url(arrow-down.png) 100% 50% no-repeat;
}

#comment-form {
  display: none; /* bad accessibility, but otherwise a FOUC occurs.. */
  background: #f0f5fa;
  border-bottom: 1px solid #9fc2d1;
}

#mail-form {
  display: none; /* bad accessibility, but otherwise a FOUC occurs.. */
  background: #f0f5fa;
  border-bottom: 1px solid #9fc2d1;
}

#mail-form span {
  font-size: 11px;
}

#comment-form span {
  font-size: 11px;
}

#comments {
  background: #f0f5fa;
}

#comments h2 {
  background: url(comments-hd.png) 0 0 no-repeat #6a9dc4;
  color: #fff;
  font-size: 11px;
  padding: .3em 5px;
  border-bottom: 1px solid #005daa;
  text-transform: uppercase;
}

#comments .comment {
  border-bottom: 1px solid #c0d7ea;
  padding: 0 5px;
}

#comments .entry-info {
  font-size: 10px;
  color: #9b9697;
  text-transform: uppercase;
  margin-bottom: .5em;
  border-bottom: 0;
}


/* Agenda
-------------------------------------------------------------- */

#agenda {
  background: url(corner.png) 100% 0 no-repeat #d9e7f2;
}

#agenda .left {
  margin-left: 5px;
}

#agenda .right {
  margin-right: 10px;
}

#agenda h2 {
  border-bottom: 1px dashed #82b0d5;
  color: #005daa;
  padding: 0 0 .5em 5px;
}

#agenda p {
  margin:0;
}

#agenda .block-list li {
  overflow: auto;
  display: block;
  border-bottom: 1px solid #aecbe4;
  padding: .5em 5px .75em 5px;
}

#agenda .block-list a {
  padding: 0;
  border: 0;
  color: #000;
}

#agenda .block-list .tags a {
  color: #005daa;
}

#agenda .block-list p {
  margin: 0;
}

#agenda p.readmore {
  margin: .5em 0 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  margin-left: 5px;
}

#agenda a.rss {
  display: block;
  float: right;
/*  margin-top: -2.6em;*/
  background: #005daa;
  color: #fff;
  font-size: 10px;
  padding: 1px;
}

#agenda a:hover {
	background-color: transparant;
}

#agenda p.readmore {
	margin: 10px 0;
}

.agenda-item {
	margin: 0 0 15px 0;
	padding: 0;
}
.agenda-item p {
	margin: 0;
	padding: 0;
}

/* Entry information: time and tags */

.entry-info {
  float: left;
  width: 100%;
}

.entry-info .time {
  font-size: 12px;
  float: left;
  color: #005daa;
  padding: 0 5px 0 0;
}

.entry-content .time {
  font-size: 12px;
  float: left;
  color: #005daa;
  padding: 0 5px 0 0;
}

.entry-info .tags {
  float: right;
}

/* Blog 
-------------------------------------------------------------- */

/* Blog header */
.blog #section .hd {
  background-color:#ddefec;
}

.blog #section .hd h1,
.blog #section a {
  color: #04846b;
}

.blog #section .hd h1 {
	margin: 0.75em 0;
}

#section .hd h1 {
	font-size: 16px;
  clear: both;
  margin: 0 0 .8em;
}

.blog .entry-info {
	border-top: 1px solid #ebf2f8;
	border-bottom: 1px solid #cadff0;
}

.blog .entry-info .time {
  float: none;
}

.blog .entry-info span,
.blog .entry-info a {
  margin-right: 1em;
}

.blog .entry p {
	margin-top: 0px;
}

/* Blog overview page */

.blog #section .block-list h3 {
  margin: .5em 0 0;
  font-size: 16px;
}

.blog #section .block-list p {
  margin: 0 0 1em;
  padding-left: 5px;
}

.blog #section .block-list .entry-info {
  border-top: 1px solid #ebf2f8;
  border-bottom: 1px solid #ccdfee;
  padding-left: 0;
}

.blog #section .block-list a {
  display: inline;
  border: 0;
}

/* Blog comments */

.blog #comment-form {
  background: #f0f8f7;
  border-bottom: 1px solid #c1e1dd;
  padding: .5em 0 0;
}

.blog #comment-form table {
	width: 100%
}

.blog #comment-form textarea {
	width: 400px;
}

.blog #comment-form .submit {
  background-image: url(submit-blog.png);
  background-color: #0f9381;
}

.blog #comment-form.extended {
	display: block;
}

.blog #comments {
  background: #f0f8f7;
}

.blog #comments h2 {
  background-image: url(comments-hd-blog.png);
  border-color: #3aa496;
}

.blog .comment {
  border-color: #b6dcd7;
}

/* Blog aside */

.blog #aside .blog h3 {
  background-image: url(section-corner-blog.png);
  background-color: #3aa496;
}

.blog #aside .blog .block-list a {
  border-color: #cce6e3;
}

.blog #aside .blog .block-list a:hover {
  background-color: #f0f8f7;
}

.blog input,
.blog textarea {
  border-color: #006c5b;
}

.blog #comment-form label {
  color: #006c5b;
}

#section .blog input.submit {
  background-image: url(submit-blog.png);
  background-color: #0f9381;
}

/* Search results 
-------------------------------------------------------------- */

.full #section {
  width: 940px;
}

.search .time {
  font-size: 12px;
  display: block;
  text-align: right;
}

/* Aside
-------------------------------------------------------------- */

#aside {
  margin: 17px 0;
  float: right;
  display: inline; /* IE6 */
  width: 300px;
}


/* Login/ Mijn SC
-------------------------------------------------------------- */

#mijn-sc {
  background: url(corner.png) 100% 0 no-repeat #fdedf1;
  padding: 1px 12px 5px;
  margin: 0 0 20px;
}

#mijn-sc h2 {
  color: #e80033;
}

#mijn-sc h2 .right {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #e80033;
	margin-top: -1.3em;
}

#mijn-sc p {
  border-top: 1px dashed #f699ad;
  color: #7e7e7e;
  font-size: 10px;
  padding: .25em 0;
  margin: .5em 0 0;
}

#mijn-sc p a {
  float: right;
  margin-top: -1.5em;
  color: #e80033;
}

#mijn-sc .block-list a {
  padding: .3em 0;
  border-top: 1px solid #f9becb;
  border-bottom: 0;
}

/* Blocks
-------------------------------------------------------------- */

#aside .block h3 {
  background: url(aside-corner.png) 100% 0 no-repeat #f08aa0;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 5px;
}

#aside .block h2 {
  color: #e80033;
  padding: 0 5px 10px;
  border-bottom: 1px dashed #f08aa0;
}

#aside p.meta {
  margin: 0;
  padding: 0.5em 5px;
  font-size: 10px;
  color: #7e7e7e;
  border-bottom: 1px dashed #faccd6;
}

#aside .block-list a {
  color: #000;
  border-color: #faccd6;
}

#aside .block-list a:hover {
  background: #fdebef;
  cursor: pointer;
  text-decoration: none;
}

#aside .readmore a {
  color: #e80033;
  font-size: 11px;
  font-weight: bold;
}

/* Online uitgaven
-------------------------------------------------------------- */

#online-uitgaven p {
  overflow: auto;
  zoom: 1;
}

#online-uitgaven img {
  float: left;
}

/* Ads
-------------------------------------------------------------- */

#aside .ad {
  margin: 15px 0 25px;
}

/* Comments & blog
-------------------------------------------------------------- */

#blog-links {
  margin: 1em 0 ;
  padding: 1px 5px 8px;
  background: url(corner.png) 100% 0 no-repeat #aed8d2;
  color: #006c5b;
}

#aside #blog-links h3 {
  font-size: 16px;
  background: transparent;
  border-bottom: 1px dashed #269687;
  color: #006c5b;
  padding: 0 5px .5em;
  margin: 1em 0 0;
}

#blog-links a {
  color: #000;
}

#blog-links .block-list a {
  border-color: #6fbaaf;
}

#blog-links .block-list a:hover {
  background: transparent;
  text-decoration: underline;
}

#blog-links .readmore a {
  color: #006c5b;
}

/* Footer
-------------------------------------------------------------- */

#footer {
  clear: both;
  width: 100%;
  min-height: 33px;
  padding: 50px 0 110px;
  width: 100%;
  background: url(footer.png) 0 100% repeat-x;
  font-size: 11px;
}

#footer p {
  width: 800px;
  margin: 0 140px .5em 37px;
}

#footer img {
  position: absolute; /* necessary because IE auto-clears floats with hasLayout */
  left: 839px;
}

.publication-date {
	margin: 0 0 0 5px;
}

.publication-date label {
  margin: 0 0.5em 0 0;
  float: left;
  clear: none;
}

.publication-date img,
.publication-date input, .wenr-date img, .wenr-date input {
  margin: 5px 0.5em 0 0;
  float: left;
  clear: none;
}

.datepicker_trigger {
	cursor: pointer;
}

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	padding: 0;
	margin: 0;
	background: url(datepicker-bg.png) 0 0 repeat-x #c0daf5;
	border: 1px solid #005daa;
	width: 165px;
	padding: 2px;
	font-size: 11px;
}

#datepicker_div {
	display: none;
	z-index: 9999; /*must have*/
}

#datepicker_div table {
	width: 165px;
  margin: 0;
}

.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}

.datepicker_control, .datepicker_links { }

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {

}

.datepicker_header select {
  margin: 2px;
  color: #000;
}

.datepicker td {
  border: 2px solid #c0daf5;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  color: 000;
}

.datepicker td a {
  display: block;
  padding: 2px 0;
  cursor: pointer;
  background: #005daa;
  color: #fff;
}

.datepicker td a:hover {
  background: #f9e7b5;
  color: #005fa0;
  text-decoration: none;
}

.datepicker .datepicker_unselectable {
  background: #81aed5;
}

.datepicker_titleRow td a,
.datepicker_titleRow td a:hover { 
  background: #f9e7b5;
  color: #000;
  cursor: default;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* IE6 Select Fix
-------------------------------------------------------------- */
select {
	display: none;
}

a.download_pdf { background: url('icon_pdf.jpg') 0 50% no-repeat; padding-left: 20px;}
a.download_word { background: url('icon_word.jpg') 0 50% no-repeat; padding-left: 20px;}

/* Hidden form for the context */
form.hiddenform {
display: none;
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 20px;
	height: 19px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(icon-calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 70px;
	/*float: left;*/
}

label.clear-dp {
  clear:left;
}

.warning {
color:red; font-style:italic;
}
p.warning {
margin: 0.5em 0 1em 1em;
}

.error {color: #CC0000; font-weight: bold;}
.success {color: #005DAA; font-weight: bold;}
.message {color: #CC0000;}