/* Linkerzijde */
#leftside {
float				: left;
width				: 616px;
}

/* Header */
#header {
width				: 616px;
background-image	: url(../img/logo_routeplanner.gif);
}

/* Content */
#content {
float				: left;
margin				: 0px;
}

/* Toolbar */
#toolbar {
width				: 602px; /* 616px */
}

/* Balkje met Paginatitel */
#titel_content {
width				: 553px; /* 563px */
margin				: 0px 0px 0px 10px;
}

#titel_content  h2 {
padding				: 0.2em 0px 0px 0px;
color				: #7c6a55;
font-size			: 110%;
font-weight			: bold;
}

/* Paginafooter project */
#tekst_content p.footer_content {
padding				: 1.5em 0px 4px 0px;
font-size			: 70%;
color				: #7c6a55;
background-color	: #fff;
}


/*
Contactgegevens ---------------------------------------------------- */
.gegevens {
padding				: 0px;
}

#tekst_content .gegevens h4 {
float				: left;
width				: 110px;
padding				: 5px 0px 0px 0px;
color				: #000;
background-color	: #fff;
font-size			: 70%;
font-weight			: normal;
}

#tekst_content .gegevens p {
padding				: 0px;
color				: #000;
font-size			: 75%;
}


/* Tabellen */
#tekst_content table {
float				: left;
width				: 100%;
margin				: 0.5em 0px 1.5em 0px;
border-top			: 1px solid #c7c1b9;
border-bottom		: 1px solid #c7c1b9;
font-size			: 70%;
line-height			: 1.6em;
}

#tekst_content tr {
color				: #000;
background-color	: #fff;
}

#tekst_content td {
padding				: 2px 5px 2px 5px;
vertical-align		: top;
border-right		: 1px solid #fff;
}

.kop {
font-weight			: bold;
}

#tekst_content tr.odd {
background-color	: #e3e0dc;
}

#tekst_content tr.odd a:hover{
background-color	: #e3e0dc;
}


/* Routekaartjes */
#routekaartje {
display				: table;
width				: 566px;
padding				: 5px 0px 10px 0px;
}

#routekaartje img {
float				: left;
margin				: 0px 0px 0px 0px;
border				: 1px solid #c7c1b9;

}
#routekaartje .legenda {
float				: right;
}


/*
CSS voor login-pages: ---------------------------------------------- */
.cms_login_username {
margin				: 0px 0px 5px 0px;
padding				: 5px 5px 10px 10px;
background-color	: #e3e0dc;
}

.cms_login_username label {
color				: #7c6a55;
font-size			: 12px;
font-weight			: bold;
}

.cms_login_password {
margin				: 0px 0px 5px 0px;
padding				: 5px 5px 10px 10px;
background-color	: #e3e0dc;
}

.cms_login_password label {
color				: #7c6a55;
font-size			: 12px;
font-weight			: bold;
}

.cms_login_button input {
}

.cms_login_button input {
float				: right;
margin				: 0px 6px 1em 0px;
padding				: 0px 5px 0px 5px;
border				: 0px solid #fff;
background-color	: #97ae11;
color				: #fff;
font-size			: 11px;
font-weight			: bold;
}

/* CSS voor programma listEditor ------------------------------------------------------------ */
ul.list-editor {
list-style-type		: none !important;
font-size			: 12px;
width				: 100%;
}


	
.list-editor-add {
background-color	: #E19112;
border				: 1px solid #E19112;
color				: #fff;
font-weight			: bold;
margin				: 20px;
}

.list-editor li {
width				: 500px;
height				: 80px;
background-color	: #EBE9ED;
margin				: 1px 2px;
float				: left;
clear				: both;
}



.list-editor li a {
width				: 100px;
border				: 1px solid #E19112;
font-weight			: bold !important;
color				: white !important;
background-color	: #E19112 !important;
padding				: 0 3px;
margin-left			: 0px;
}
.list-editor-tools {
width				: 75px;
height				: 76px;
text-align			: center;
margin				: 0;
padding				: 0;
float				: right;
cursor				: move;
}

.list-editor input {
margin				: 3px;
background-color	: #E19112;
border				: 1px solid #E19112;
color				: #fff;
font-weight			: bold;
font-size			: 10px;
width				: 70px;
}

.list-editor-input{
width				: 400px;
margin				: 0;
padding				: 0;
height				: 76px;
float				: left;
border				: 1px solid #EBE9ED;
}

/* Programma beheer: ------------------------------------------------------------ */
#table {
background-color	: #EBE9ED;
padding				: 4px;
}

/*
CSS voor Edit-pages: ----------------------------------------------- */
form {
margin				: 0px;
padding				: 0px;
border				: 0px solid #ffffff;
font-family			: Arial, Helvetica, sans-serif;
}

input, textarea {
margin				: 0px 0px 0em 0px;
padding				: 2px 5px 2px 5px;
border				: 1px solid #d1c1d1;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 12px;
}

input.button {
float				: right;
margin				: 0px 10px 1em 0px;
padding				: 0px;
border				: 0px solid #ffffff;
background-color	: #ff6633;
color				: #ffffff;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 11px;
font-weight			: bold;
}

input.button2 {
float				: right;
margin				: 1em 20px 1em 0px;
padding				: 0px;
border				: 0px solid #ffffff;
background-color	: #ff6633;
color				: #ffffff;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 11px;
font-weight			: bold;
}

label {
display				: block; 
float				: left; 
width				: 20%;
}

h3.bewerken {
color				: #ff6633;
background-color	: #ffffff;
}

h4.bewerken {
margin				: 0.4em 0px 0.8em 0px;
}

#tekst_content hr {
clear				: both;
display				: block;
height				: 1px;
margin				: 0em 0px 0.2em 0px;
color				: #c7c1b9;
background-color	: #c7c1b9;
border				: none;
}


/* CSS voor cms_edit_related: ------------------------------------------------------------ */
.cms_edit_related {
}

.cms_edit_related ul {
margin				: 0px;
padding				: 0px;
border				: 0px solid #ffffff;
}

.cms_edit_related ul li {
margin				: 0px;
padding				: 0px;
border				: 0px solid #ffffff;
margin				: 0px 0px 2px 0px;
list-style-type		: none;
background-color:#ECE6EC;
}

.cms_edit_related input {
border				: 0px solid #ffffff;
}

.cms_edit_related label {
margin				: 0px;
padding				: 0px;
border				: 0px solid #ffffff;
display				: inline; 
float				: none; 
}
.checkbox {
margin: 0px;
padding: 0px;
border: 0px solid #ffffff;
}

.mijn_planner {
font-size: 12px;
color				: #663366;
background-color	: #ffffff;
}

.mijn_planner p input {
float				: left;
margin				: 10px 10px 1em 0px;
padding				: 0px;
border				: 0px solid #ffffff;
background-color	: #ff6633;
color				: #ffffff;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 11px;
font-weight			: bold;
}

/* CSS voor programma validatie  ------------------------------------------------------------ */
.form_error
{
color				: red;
font-weight			: bold; 
}

/* CSS voor programma listEditor ------------------------------------------------------------ */
ul.list-editor {
list-style-type		: disc !important;
font-size			: 12px;
}
.list-editor li {
width				: 500px;
background-color	: #EBE9ED;
margin				: 1px 2px;
cursor				: move;
}
.list-editor li span {
background-color	: #FFF;
margin-left			: 0px;
font-size			: 12px;
width				: 90%;
heigth				: 14px;
text-align			: left;
padding				: 1px 10px 1px 3px;
cursor				: text;
}

.list-editor li a {
width				: 100px;
border				: 1px solid #FF6633;
font-weight			: bold !important;
color				: white !important;
background-color	: #FF6633 !important;
padding				: 0 3px;
margin-left			: 0px;
}


.list-editor-input{
width				: 330px;	
}

/* Matrix ------------------------------------------------------------------------------------------------------------------- */
#matrix {
margin				: 0px 0px 20px 20px;
}

#matrix table {
clear				: both;
width				: 540px;
margin				: 0px 0px 20px 0px;
padding				: 0px;
border				: 2px solid #c7c1b9;
}

#matrix td {
margin				: 0px;
padding				: 0px;
background-color	: #e3e0dc;
}

#matrix td.empty {
background-color	: #FFF;
}

#matrix tr.header td  {
margin				: 0px;
padding				: 0px;	
}

#matrix tr.header td a {
cursor				: hand;
}

#matrix td.bor, #matrix td.b, #matrix td.bw, #matrix td.cs, #matrix td.bz, #matrix td.ez, #matrix td.m, #matrix td.o,
#matrix td.ov, #matrix td.ro, #matrix td.vv, #matrix td.wi, #matrix td.zw {
width				: 25px;
height				: 25px;
background-repeat	: no-repeat;
}

#matrix td.bor	{ background-image: url(../img/matrix/matrix_bor.gif)}
#matrix td.b	{ background-image: url(../img/matrix/matrix_b.gif)}
#matrix td.bw	{ background-image: url(../img/matrix/matrix_bw.gif)}
#matrix td.cs	{ background-image: url(../img/matrix/matrix_cs.gif)}
#matrix td.bz	{ background-image: url(../img/matrix/matrix_bz.gif)}
#matrix td.ez	{ background-image: url(../img/matrix/matrix_ez.gif)}
#matrix td.m	{ background-image: url(../img/matrix/matrix_m.gif)}
#matrix td.o	{ background-image: url(../img/matrix/matrix_o.gif)}
#matrix td.ov	{ background-image: url(../img/matrix/matrix_oov.gif)}
#matrix td.ro	{ background-image: url(../img/matrix/matrix_ro.gif)}
#matrix td.vv	{ background-image: url(../img/matrix/matrix_w.gif)}
#matrix td.wi	{ background-image: url(../img/matrix/matrix_wi.gif)}
#matrix td.zw	{ background-image: url(../img/matrix/matrix_zw.gif)}


#matrix td.saaf, #matrix td.infover, #matrix td.hapro, #matrix td.dibb, #matrix td.pardemo,
#matrix td.bedrproc, #matrix td.deadko, 
#matrix td.tooptr, #matrix td.frbes, #matrix td.gembedr, #matrix td.veilig, #matrix td.ramp {
width				: 25px;
height				: 25px;
background-repeat	: no-repeat;
background-image	: url(../img/matrix/matrix_einddoel.gif);
}


#matrix td.bedrproc	{ background-image: url(../img/matrix/matrix_einddoel_01.gif)}
#matrix td.deadko 	{ background-image: url(../img/matrix/matrix_einddoel_02.gif)}
#matrix td.dibb		{ background-image: url(../img/matrix/matrix_einddoel_03.gif)}
#matrix td.frbes	{ background-image: url(../img/matrix/matrix_einddoel_04.gif)}
/* #matrix td.gembedr	{ background-image: url(../img/matrix/matrix_einddoel_04.gif)} */
#matrix td.hapro	{ background-image: url(../img/matrix/matrix_einddoel_05.gif)}
#matrix td.infover	{ background-image: url(../img/matrix/matrix_einddoel_06.gif)}
#matrix td.pardemo	{ background-image: url(../img/matrix/matrix_einddoel_07.gif)}
#matrix td.ramp		{ background-image: url(../img/matrix/matrix_einddoel_08.gif)}
#matrix td.saaf		{ background-image: url(../img/matrix/matrix_einddoel_09.gif)}
#matrix td.tooptr	{ background-image: url(../img/matrix/matrix_einddoel_10.gif)}
#matrix td.veilig	{ background-image: url(../img/matrix/matrix_einddoel_11.gif)}

/* Projectnamen */
#matrix td.projectnaam {
margin				: 0px;
padding				: 5px 0px 0px 0px;
border-bottom		: 1px solid #c7c1b9;
font-size			: 70%;
text-align			: right;
vertical-align		: middle;
}

#matrix td.projectnaam2 {
width				: 225px;
margin				: 0px;
padding				: 5px 0px 0px 0px;
border-bottom		: 1px solid #c7c1b9;
font-size			: 70%;
text-align			: right;
vertical-align		: middle;
}

#matrix td.projectnaam a {
width				: 160px;
padding				: 2px 5px 2px 4px;
display				: block;
text-decoration		: none;
line-height			: 14px;
color				: #7c6a55;
background-color	: #e3e0dc;
}

#matrix td.projectnaam2 a {
width				: 215px;
padding				: 2px 6px 2px 4px;
display				: block;
text-decoration		: none;
line-height			: 14px;
color				: #7c6a55;
background-color	: #e3e0dc;
}

#matrix td.projectnaam a:hover, #matrix td.projectnaam2 a:hover {
color				: #7c6a55;
background-color	: #e3e0dc;
}


#matrix td.check {
background-color	: #C4B1C4;
cursor: help;
}
#matrix td.primair {
background-color	: #7c6a55;
cursor: help;
}
#matrix td.secundair {
background-color	: #c7c1b9;
cursor: help;
}