/* Vormgeving */

	/* algemeen */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	margin:0;
	background-color:#ccc;
	float: left;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.4em 20px;
	margin: 2em 0 0.2em 0;
	font-weight:bold;
}
h1.nomargintop {
	margin: 0 !important;
}
h1 { font-size:145%;}
h2 { font-size:135%;}
h3 { font-size:125%;}

p, ul, label, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
p, ul {
	font-weight:normal;
	line-height:140%;
	margin: 0em 20px 1em 20px;
	padding:0;
}

ul {
	list-style-image:url(/assets/images/extra/bullet_rood.gif);
	list-style-position:outside;
	list-style-type:square;
}
li {
	margin-left:15px;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#666;
}

a:visited {
	color:#666;
}

a:hover{
	color:#f00;
}

table {
	padding:0px;
	border:0px;
	empty-cells:show;
}
table.padding {
	margin:0 20px;
}
table.padding td {
	padding:6px;
}
TD img {display:block;}

TD.lijntje {
	background-color:#E0E0E0;
	width:1px;
}

.inline{display:inline;}

.nowrap{white-space:nowrap;}

	/* form - elements */
/*
form{
	display:inline;
}
INPUT.form{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
}

SELECT.form{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:140%;
	color:#000000;
}
INPUT.widget{
	color:#000000;
}

INPUT.plat{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
	vertical-align:middle;
	padding-left:4px;
	padding-bottom:2px;
}
SELECT.plat{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
}
TEXTAREA.plat{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
	vertical-align:middle;
	padding-left:4px;
}
INPUT.ddmm{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
	vertical-align:middle;
	padding-left:4px;
	padding-bottom:2px;
}
INPUT.jjjj{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
	vertical-align:middle;
	padding-left:4px;
	padding-bottom:2px;
}

*/

	/* navigatie - styles*/

.witnav {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	color:#ffffff;
	line-height:150%;
}

A.witnav:visited {
	color:#FFFFFF;
}

A.witnav:hover {
	color:#000000;
	background-color:#ff0000;
}

.witnavmager{
	color:#FFFFFF;
	line-height:150%;
}

A.witnavmager:visited{
	color:#FFFFFF;
}

A.witnavmager:hover{
	color:#000000;
}

	/* text - styles*/


.grijs {
	font-weight:normal;
	color:#666666;
}
.grijsmager:hover{
	color:#FFFFFF;
}
.grijsvet{
	font-weight:bold;
	color:#666666;
}
A.grijsvetcontrast:visited{
	color:#999999;
}
A.grijsvetcontrast:hover{
	color:#FF0000;
}
.grijsvet {
	font-weight:bold;
	color:#999999;
}
A.zwartvetgroot:visited { color:#000000; }
A.zwartvetgroot:hover 	{ color:#FF0000; }
.txtroodvetklein{
	font-weight:bold;
	color:#FF0000;
}
.linkrood{
	color:#FF0000;
}
.txtzwartvetgroot{
	font-weight:bold;
	color:#000000;
}
.txtwitvetgroot{
	font-weight:bold;
	color:#FFFFFF;
}

.txtroodvetgroot{
	font-weight:bold;
}
.txtzwart{
	color:#000000;
}
.txtzwartvet{
	color:#000000;
	font-weight:bold;
}
.txtrood{
	color:#FF0000;
}
.txtroodvet{
	color:#FF0000;
	font-weight:bold;
}
.txtgrijs{
	color:#666666;
}
.txtgrijsvet{
	color:#666666;
	font-weight:bold;
}
.txtlichtgrijs{
	color:#CCCCCC;
}
.txtwit {
	color:#fff;
}
.plusje {
	font-size:65%;
	text-decoration:none;
	white-space:nowrap;
	padding:1px 0px 0px 0px;
	color:#FF0000;
}
A.plusje:visited{
	color:#999999;
}
.plusjewit {
	font-size:65%;
	text-decoration:none;
	white-space:nowrap;
	padding:1px 0px 0px 0px;
	color:#FFFFFF;
}
A.plusjewit:visited{
	color:#FFFFFF;
}
.grijsklein {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#666666;
	line-height:140%;
}
.zwartklein {
	font-size:65%;
	text-decoration:none;
	color:#000000;
	line-height:140%;
}
.zwartkleinhdr {
	font-size:65%;
	text-decoration:none;
	color:#000000;
	line-height:140%;
}
.zwartkleinhdr:hover {
	color:#FFFFFF;
}
.tablecaption {
	font-size:65%;
	color:#666666;
}
.openmenu{
	font-size:11px;
	color:#cccccc;
}

	/* module - specifiek */

.titelbalkgrijs {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	background-color:#C1BFBF;
	margin-top:0;
	padding-top:4px;
	padding-bottom:4px;
}
.titelbalkzwart {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#000000;
	margin-top:0;
	padding-top:4px;
	padding-bottom:4px;
}

	/* achtergrondkleuren */

.zwart {
	background-color:#000000;
}
.rood {
	background-color:#FF0000;
}
.wit {
	background-color:#FFFFFF;
}
.lgrijs{
	background-color:#D8D8D8;
}
.rose{
	background-color:#FF6666;
}
.dgrijs{
	background-color:#BFBFBF;
}
.heellichtgrijs {
	background-color:#F5F5F5;
}

.grijs {
	background-color:#BFBFBF;
}
.keigrijs {
  background-color:#F5F5F5;
}

.donkergrijs{
  background-color:#999999;
}
.heeldonkergrijs{
  background-color:#7B7B7B;
}

.tabdgrijs{
  background-color:#E8E8E8;
}

.tablgrijs{
  background-color:#F1F1F1;
}

.formulierdeling {
	background-color:#999999;
	border-top:4px solid #f00;
	background-color:#999999;
	color:#fff;
	margin-bottom:0;
	margin-top:0;
	padding: 4px 25px;	
	font-size: 1.4em;
}
.lijngrijs{
	background-image:url(../images/backgrounds/lgrijs_left.gif);
}




.contentPadd {
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
}
.contentPaddSides {
	padding-left:20px;
	padding-right:20px;
}

.marginleft {
	margin-left: 20px;
}
.nietsgevonden {
	font-size:1.4em;
	color:#f00;
	font-weight:bold;
}

.actionbar {
	background-color:#BFBFBF;
	text-align:right;
}
.actiontable td {
	margin:0;
	padding:4px;
}
.actiontable a {
	font-weight:normal;
}

.voorsprongopplanning {
	background-color:#00aa44;
}
.volgensplanning {
	background-color:#bbee00;	
}
.achteropplanning {
	background-color:#eebb00;	
}
.zeerachteropplanning {
	background-color:#ff0000;	
}
.nietvantoepassing {
	background-color:#f5f5f5;	
}
ul.status {
	margin-top:1em;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.8em;
}
ul.status li {
	display:block;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
a.complete {
	padding: 0 0 0 20px;
	margin: 0;
	background: url(/assets/images/extra/icon_complete.gif) no-repeat 2px 0;
	vertical-align: top;
	display: block;
}

a.incomplete {
	padding-left: 20px;
	background-image: url(/assets/images/extra/icon_incomplete.gif);
	background-repeat: no-repeat;
	display: block;
	vertical-align: top;
}

a.done {
	padding-left: 20px;
	background-image: url(/assets/images/extra/icon_done.gif);
	background-repeat: no-repeat;
	display: block;
	vertical-align: top;
}

thead td {
position:relative;
top: expression(document.getElementById("data").scrollTop-2)
}

#voortgangsrapportage {
	table-layout:auto;
	margin:20px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
#voortgangsrapportage th {
	border-bottom:1px solid #f00;
	vertical-align:top;
	text-align:left;
	margin:0;
	padding:2px 6px 2px 20px;
	font-weight:normal;
	color: #666;
}
#voortgangsrapportage td {
	border-bottom:1px solid #fff;
	padding:4px;
	margin:0;
	vertical-align:top;
	text-align:left;
}
#voortgangsrapportage td.wit , #voortgangsrapportage td.edit {
	border-bottom:1px solid #ccc;
}
#voortgangsrapportage textarea.noedit {
	margin-left:-6px;
	border:none;
	background-color:#D8D8D8;
}
#roverzicht h1 {
	margin-bottom: 1px;
}
#roverzicht h3 {
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom:0.3em;
}
#roverzicht ul {
	list-style-type: none;
}
#roverzicht li {
	list-style-type: none;
	margin-left:0;
	list-style-image: none;
	display: inline;
	float: left;
}
/* #roverzicht li:after {
	content: " | "
} */
#roverzicht a.aanpassen {
	background-color: #f00;
	color: #fff;
	padding: 2px 6px 2px 4px;
	margin: 0 0 0 12px;
	font-size: 0.9em;
}
.nomargintop {
	margin-top: 0;
	margin-bottom: 1em;
}
.marginbottom {
	margin-bottom: 1em;
}
.list {
    padding:0;
    margin:0;
    list-style-type: disc !important;
    list-style-position: inside;
}
.list li {
    float:none !important;
    display:block !important;
    list-style-type: disc !important;
    list-style-position: inside;
}


#overzicht th
{
    font-weight: normal;
    color: #666;
    background-color: #ccc;
    text-align: left;
    line-height: 2em;
	margin:0;
	padding:2px;
	
}

#overzicht td
{
    line-height: 2em;
    border-bottom:1px solid #000;
	padding:2px;
	margin:0;
	vertical-align:top;
	text-align:left;
}