/*
KLEUREN

achtergrond lichtlauwgrijs: #e4f4fc
blauw : #029AFF
rood   : #CB0033
oranje: #FF6600
Active submenu: #ffe0cc

*/

body {
	margin: 0px;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif; 
	padding: 0px;
}
img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p, .par, input, select, .select_r, .select_p ,#toelichting, .overzichtForm, .select_lwi {
	font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;}

div {font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif;}
span {font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif;}
th {font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; color:#000; font-size: .75em; text-align: left;}
td {font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; color: #636468; font-size: .75em;}
ol {list-style: decimal;}
ul {margin-top:1.3em; margin-bottom:1.5em; padding: 0.0em; margin-left: 1.5em; list-style: disc outside; }
li {}

h1, 
h1 a {
	font-family: 'trebuchet ms', arial, verdana, helvetica, sans-serif;  	
	color: #636468;}
	
td h1, 
td p {
	font-size: 1.06em;
}

h1 {
	font-size: .94em;

	margin:0px 0px 0px 0px;
}

h1.counter {
	margin: 20px 5px 0px 0px;
	float: left;
	display: inline;
}

a { outline: none; }

a.red,
a.red:active,
a.red:hover,
a.red:visited,
.red {
color: #ae0035;
}

.blue {
	color: #0099ff;
}

a, a:visited, a:hover, a:active {
	color: #636468;
}

td, table {margin: 0px; padding: 0px;}

.contentcontainer {
	font-size: 1.25em;
}

.subcontainer,
.subContainer {
	margin: 0px 0px 0px 0px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;

}

form {
	margin: 0px; 
	padding:0px;
	border: 0px;
}

.leftColumn {
	float: left;
	width: 300px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.rightColumn {
	float: left;
	width: 583px;	
	margin: 0px 0px 0px 4px;
}

.overzichtForm {
	font-size: .75em;
}

.overzichtForm .indeling select {
	width: 230px;
	}

#select_i {
	display: block;
	width: 100%;
	margin-bottom: 4px 0 10px 0;
	padding:4px 0 0;
	float: left; 
	width: 620px;
	}

.overzichtForm div {
	color: #636468;
}

.floatLeft {
	float: left;
	margin: 0 10px 0 0;
	font-size: 0.75em;
	color: #636468; 
}

#select_d {
	float : right;
	vertical-align: top;
	width: 282px;
	display: inline;
}

.selecteerRegio {float: left; display: inline;}

#select_d select {
	width:185px;
	display: inline;
	float: right;
}


#select_d2 .formRechts {
	width:230px;
	float: left;
	margin: 0px;
	text-align: left;
	}

.horizontal #select_d {
	width: 200px;
}

p   {
	font-size: .75em;
	color: #636468;
	margin-top: 10px;
}

.singleCol {
	margin-bottom: 10px;	
}

input,
select,
.par,
.select_r,
.select_p,
.select_lwi,
.select_lwi span,
#toelichting  {
	color: #636468;
}

div.select_r,
.select_p {
	margin: 5px 0px 0px 10px;
	font-size: .75em;
}

div#select_r {
	font-size: .75em;
}

.select_lwi {
	margin: 10px 0px 0px 0px;
	float: left;
	padding-bottom: 10px;
	font-size: 0.75em;
}

.select_lwi select {
	width: 300px;
}	

.blue, .blue b {
	color: #5698fc;
}

hr {
	color:#636468;
	/*background-color: #636468;*/
	border: 0px;
	height: 1px;
	width: 100%;
}

.top-left {
	height: 4px;
	width: 100%;
	font-size: 1px;
	margin-right: 4px;
	float: left;
}

.top-right {
	float: right;
	margin-top: -4px;
	height: 4px; 
	width: 4px;
	font-size: 1px;
}

div.inside {
	padding: 10px 0;
	margin: 0px;
	display: block;
	border-bottom: 0px;
	clear: both;
}

div.bottom-left {
	height: 4px;
	width: 100%;
	font-size: 1px;
	float: left;
	margin-right: 4px;
}

.bottom-right {
	float: right;
	margin-top: -4px;
	height: 4px; 
	width: 4px;
	font-size: 2px;
}

.singleCol select {
	width: 278px;
	margin: 0px;
	padding: 0px;
}

img#map_image {
	float: right;
	width:291px;
	height:371px;
	border: 0px;
	margin: 10px 0 0 0;
}

#layer1 {
	visibility: visible; 
	width: 545px;
	display: inline;
	float: left;

}
td.score {
	padding:0px 3px 0px 0px; 
	white-space: nowrap;
	text-align: left;
	height: 32px;
}

table.colorBlock{
	width: 100%;
	border-collapse: collapse;
	float: left;
	margin-bottom: 10px;
	display: inline;	
}

table.colorBlock td {
	height: 25px;
	color: white;
	padding: 2px 0px 0px 5px;
}

table.autoheight td{
	height:10px;
}

table.aligntop td{
	vertical-align: top;
}

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

td.colorBlock {
	padding: 0px 0px 0px 0px;
 	height: 25px;
 	color: #ffffff; 	
}

table.borderCollapse {
	border-collapse: collapse;
}

td.colorBlock a,
td.colorBlock a:hover,
td.colorBlock a:active,
td.colorBlock a:visited    {
 	color: #ffffff;
}

table.colorBlock td.corner, td.corner  {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 7px;
}

.cornerl {
	border-left: 5px solid #fff;
}

.corner
table.colorBlock td a , td.colorBlock a{
	text-decoration: none;
	color: white;
}

.colorBlock tr, td.colorBlock {
	border-top: 1px solid #fff;
}

.colorBlock img {
	vertical-align: middle;
}

#legenda, #legendatotaal {
	display: inline;
	width: 126px;
	float: right;
	padding: 3px 3px 3px 3px;
	margin-right: 100px;
	margin-top: -10px;
}

#legenda a, #legendatotaal a {
	text-decoration: none;
	margin-left: 10px;
}

#legenda img, #legendatotaal img {
	vertical-align: middle;
}

#legenda p, #legendatotaal p {
	margin-top: 5px;
}

br.clear {
	clear: both;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

h1.nodecoration a {
	 text-decoration: none;
}

a img { border: 0px; }

#page a img { 
	vertical-align: bottom;
	position:relative;
	bottom:2px;
}
.landelijk {
	color:#0079B9 !important; 
}

/* Tabs */
#tabs {
	margin-top: 10px;
	height: 31px;
	z-index: 10;
	border-bottom: 3px solid #029aff;
	float: left;
	width: 100%;
}

#header {
    }

#header ul {
	padding: 0;
	margin: 0 0 0 40px;
	list-style:none;
    }

#header li {
    float:left;
    margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 3px solid #029aff;
	border-width: 3px 3px 0 3px;
	background: #029aff;
	}

#header a {
	float:left;
	display:block;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	line-height: 28px;
	}

#header #current,
#header li:hover {
	height: 31px;
	background: #fff;
	}

#header #current a,
#header a:hover {
	color:#029aff;
	}



.detailstable tr.row td {
	border-bottom: 1px solid #b1b1b3;
	padding: 5px 0px 5px 0px;
}

.detailstable {
	border-collapse: collapse;
	width: 100%;
}

.detailstable td{
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px solid #b1b1b3;
	padding: 5px 0px 5px 0px;
}

tr.header td {
	border-top: 1px solid #b1b1b3;
	}
	
.deelnemerstable {
	width: 100%;
}

.deelnemerstable td {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	height: 21px;
}

.deelnemerstable div {
color: #636468;
}

.right {
	text-align: right;
}

table#fasen, table#mijlpalen,
table.fasen, table.mijlpalen {
	width: 100%;
	margin: 5px 0px 5px 0px;
}

table#fasen td, table#mijlpalen td,
table.fasen td, table.mijlpalen td {
	vertical-align: top;
}

table#fasen td.middle, table#mijlpalen td.middle,
table.fasen td.middle, table.mijlpalen td.middle, td.middle{
	vertical-align: middle;
}

.drieperc {
	width: 3%;
}

.paddingtop5 {
	padding-top: 5px;
}

.lineheight12 {
	line-height: 16px;
	padding-bottom: 12px;
}
.lineheight13 {
	line-height: 13px;
}

.inklappen {
  display: none;
}

.non_keten {
  display: none;
}

table.list td {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color:  #b2e0ff;
}

table.list td.noborder {
	border: 0px;
}
.noborder a img {
	top:3px;
	vertical-align:middle;
}

table.list td.value {
	width: 38px;
	text-align: center;
}
table.list .red {
	padding-top:7px;
}

td.value, td.noborder {
	padding-bottom: 5px;
}

table.list td.valuehead {
	border: 0px;
	padding: 0px;
	vertical-align: bottom;
	text-align: left;
	height: 3px;
	font-size: 1px;
}

table.list td.valuehead img {
	margin: 0px;
	padding: 0px;
}

table.list td.valuebottom {
	border: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	height: 3px;
	font-size: 1px;
}

table.list td.valuebottom img {
	margin: 0px;
	padding: 0px;
}

table.list tr.row td.details {
	padding: 0px 5px 0px 5px;
}
table.list tr.row td.details a {
	vertical-align:top;
}
table.list tr:hover {
	background:#E4F4FC;
}
table.list tr.header:hover, table.list tr.footer:hover  {
	background:none;
}

td.description {
	padding: 0px 5px 0px 5px;
	width: 100%;
}

table#resultaatTable td{
	padding: 1px;
}

.overzichtForm select{
	width: 230px;
}

.overzichtForm .district {
	width: 250px;
	float: left;
}

.overzichtForm .district{
	display: block;
	clear: both;
}

.indeling {
	float: left;
	display: inline;
	width: 200px;
}

.indeling select {
	display: inline;
	width: 185px;
	float: left;
	height: 21px;
	}

.imgcorner {
	float: left;
}

.cbottoml {
	background-image: url('images/cbl.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left: 5px solid #fff;
}

.cbottomr {
	background-image: url('images/cbr.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.cmiddlel,
.cbottoml,
.ctopl {
	border-left: 5px solid #fff;
}

.cmiddler,
.cbottomr,
.ctopr {
	border-right: 5px solid #fff;
}

a.sortheader {
	text-decoration: none;
}

.borderTop {
	border-top: 1px solid #cb0033;
}	

div.left {
	display: inline;
	float: left;
}

.aligntop {
	vertical-align: top;
}

label {
	margin-right: 10px;
	vertical-align: top;
}

.path {
	margin: 0px 0px 15px 10px; 
	font-size: 10px;
	padding-left: 10px;
	background: url('images/arrow_right_red.gif') no-repeat center left;
}

.path a {
	text-decoration: none;
}

#pagelist {
	background-image:url('/images/input-43x21.gif') ;
	background-repeat: no-repeat;
	background-attachment:  fixed;
	background-position: top center;
	border:medium none;
	height:21px;
	width:33px;
	padding: 3px 5px 0px 5px;
	vertical-align: middle;
	font-size: 0.75em;
}

.input-zoek {
	background: #FF6600 url('images/input-zoek2010.gif') center top no-repeat fixed;
	border:medium none;
	font-size:0.9em;
	height:21px;
	padding:0px 0px 0 25px;
	vertical-align:middle;
	width:375px;
}

html>body .input-zoek,
html>body #pagelist {
	background-attachment: scroll;
}

.hidden {
	display: none;
}

/* begin css nieuw zoekformulier - marieke 2010 */

input, 
select, 
.par, 
.select_lwi, 
.select_lwi span, 
#toelichting {
	color:#636468;
}

#test {vertical-align: middle;} 

#menu{
	display: block;	
}

#selecteer_werkplein { 
	margin-top: 0px; 
	padding-bottom: 0px; 
	vertical-align: middle; 
	height:22px;
  }
  
#zoekvenster { 
	vertical-align: middle; 
	height:22px }

#selecteer_regio_indeling { 
	vertical-align: middle; 
	height:22px;
 }

#selecteer_regio { 
	vertical-align: middle; 
	height:22px;
}

#knop { 
	vertical-align: bottom; 
	}

#irfaq_a_1_78b56 {
	color: #000;
	padding-top: 8px;
	background-image: url(images/bg_zoekmenu9.gif) repeat-x left bottom transparent;
}

.hidden {
	display:none;
}

.visible {
	display:block;
	}

#irfaq_pm_1_78b56 {
	border:none;
	}
	
.formRechts a { 
	text-decoration: none;
	}

.formRegel { margin-bottom: 8px; padding: 4px 0 0 0; float: left; width: 620px;}
.formLinks { float: left; width: 109px; margin:0 5px 0; display: inline; }
.formMidden { float: left; margin: 0; }
.formRechts { float: right; margin: 0 0 0 5px; text-align: right; display: inline;}
.formBreed { float: right; margin: 0; width: 501px; display: inline;}

#select_r select.medium {
	width: 350px;
	height: 21px;
	}

div#select_r {
	font-size: .75em;
	}

/* einde css nieuw zoekformulier - marieke 2010 */

#zoekbalk {
	padding: 5px 10px 0 10px;
	width: 930px;
	}

#zoekbalk td {
	color: #000;
	font-size: 12px;
	}

#zoekbalk a {
	color: #000000;
	text-decoration: none;
	padding: 2px 5px;
	margin-right: 2px;
	}

#zoekbalk a:hover {
	background: #ffe0cc;
	}


#knoppen {width: 100%;}
.cel1 {width: 70px}
.cel2 {width: 62px}
.cel3 {width: 66px}
.cel4 {width: 19px}
.cel5 {width: 73px}
.cel6 {width: 109px}

#page th {
	border-bottom: 0px solid;
	}
	
#page tr.hovered:hover, #page tr.hovered:hover td {
	background:#E4F4FC !important;
}
.datum {
	padding:0px 0px 10px 0px;
}
.table-sorted-desc, table-sortable-desc {
	background:url(images/pijltje-desc.png) 2px center no-repeat;
	background-color:#ffe6d4;
}
.table-sorted-asc, table-sortable-asc {
	background:url(images/pijltje-asc.png) 2px center no-repeat;
	background-color:#ffe6d4;
}
.table-sortable {
	padding-left:10px;
	padding-top:2px;
}
.uitstroom {
	padding-left:4px;
}
.table-sortable:default {
	padding:0px !important;
}

.Active{
	background:#ffe6d4;
}
.th-werkplein {
	background:#FFF;
	padding:0px;
}