/* html elements */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
}

form {
	height: 100%;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	height: 22px;
	font-size: 12px;
}

input.radio {
	border-style: none;
}

td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* END html elements */

/* Header */
#trTop {
	background-color: White;
}

#tdStappen {
/*	width: 700px; table wil anders geen 100% worden in ie*/
	height: 90px;
}

#tdLogo {
	width: 260px;
	text-align: center;
	vertical-align: middle;
}

#tdStapButtons {
	text-align: left;
}

.topstaptitel {
	font-size: 22px;
	line-height: 36px;
	text-align: left;
}
/* END Header */

#tdHeader {
	text-align: center;
}
/* END Masterpage home*/

/* Masterpage */
#tdMainContent {
	width: 700px;
	height: 100%;
	vertical-align: top;
}

#tdMainStatus {
	width: 260px;
	vertical-align: top;
}
/* END Masterpage */

/* Login pagina */
#tblLogin {
	width: 446px;
	height: 251px;
	margin-top: 75px;
	margin-left: 0px;
}

.lgnBedrijfsportaal {
	width:100%;
}

.loginLabel {
	padding-bottom: 0px;
	padding-top: 8px;
}

.lgnButton {
	margin-top: 15px;
	letter-spacing: 2px;
	margin-right: 225px;
}

.lgnWWvergeten {
	padding-top: 28px;
	text-align: right;
}

a.stsLinks:ACTIVE, a.stsLinks:VISITED, a.stsLinks:LINK {
	text-decoration: none;
}

.lgnFailure {
	position: absolute;
	top: 422px;
	padding-left: 2px;
	z-index: 0;
	height: 18px;
}
/* END Login pagina */

/* User made buttons */
td.buttonleftSelected {
	width: 7px;
	height: 26px;
}

td.buttonleft {
	width: 7px;
	height: 26px;
}

input.buttoncenterSelected, a.buttoncenterSelected:ACTIVE {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	cursor: pointer;
	height: 26px;
	font-size: 8pt;
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;}

input.buttoncenter, a.buttoncenter, td.buttoncenter {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	cursor: pointer;
	height: 26px;
	font-size: 8pt;
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;
}

td.buttonrightSelected {
	width: 7px;
	height: 26px;
}

td.buttonright {
	width: 7px;
	height: 26px;
}
/* END User made buttons */

/* KeuzeLijsten */
div.cLijst {
	border-style: solid;
	border-width: 1px;
	width: 150px;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

table.cLijst {
	width: 100%;
}

tr.cLijst {
	line-height: 16px;
}

td.cLijstNotSelected {
	width: 100%;
	height: 15px;
	height:21px;
	font-size:12px;
	text-align: left;
}

td.cLijstSelected {
	width: 100%;
	height:21px;
	font-size:12px;
	text-align: left;
}
/* END KeuzeLijsten */


/* Lijst met competentieniveaus */
table.cCompNiv {
	border-style: solid;
	border-width: 1px;
	overflow: visible;
	width: 100%;
}

td.cCompNiv {
	width: 100%;
	height: 15px;
}

td.cCompNivNotSelected {
	width: 100%;
	height: 15px;
}

td.cCompNivSelected {
	width: 100%;
	height: 15px;
}
tr.cCompNivNotSelected {
	width: 100%;
	height: 15px;
}

tr.cCompNivSelected {
	width: 100%;
	height: 15px;
}

td.cCompNivNiveau {
	width: 25px;
	text-align: center;
}

td.cCompNivNaam {
	width: 275px;
	padding-left: 5px;
	border-right-style: solid;
	border-right-width: 1px;
}

div.divGedragskenmerken {
	height: 225px;
	vertical-align: top;
	overflow-y: auto;
	overflow-x: none;
	padding: 5px;
}

td.tdGedragskenmerken {
	border-left-style: solid;
	border-left-width: 1px;
}

/* END Lijst met competentieniveaus */

/* Status lijst */
.statusTitelDone {
	font-weight: bold;
	font-size: 11px;
}

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

.statusLeft {
	border-left-width: 1px;
	border-left-style: solid;
	width: 5px;
	font-size: 1px;
}

.statusRight {
	border-right-width: 1px;
	border-right-style: solid;
	width: 5px;
	font-size: 1px;
}

.statusCenter {
	font-size: 11px;
}

.statusTop {
	border-top-width: 1px;
	border-top-style: solid;
	height: 5px;
	font-size: 1px;
}

.statusBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height: 5px;
	font-size: 1px;
}

.statusCollapse {
	font-size: 1px;
	height: 5px;
}

.statusTable {
	margin-top: 20px;
}

.PoweredBy {
	font-weight: bold;
	padding-bottom: 10px;
}
/* END status lijst */

/* Functieoverzicht */
td.tdNiveauSelected {
	border-style: solid;
	border-width: 2px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

td.tdNiveau {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
/* END Functieoverzicht */

.stapdiv {
	margin-top: 0px;
	margin-right: 10px;
	width: 100%;
}

.staptitel {
	font-size: 14px;
	line-height: 36px;
	text-align: left;
	width: 100%;
}

.controltitel {
	vertical-align: bottom;
	height: 36px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.txtFunctie {
	width: 294px;
}

.functienaam {
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
}

.bijschrift {
	font-size:11px;
}

#numFunctieTaken {
	font-size: 11px;
	font-weight: Bold;
	margin-left: 4px;
	margin-right: 4px;
}

td.NB {
	width: 90%;
	text-align: left;
}

td.empty {
	height: 24px;
}

td.button {
	text-align: right;
}

.displayVisible {
	display: block;
}

.displayHidden {
	display: none;
}

/* Regio functie overzicht */
.trRegioHidden {
	display: none;
}

.trRegioVisible {
	display: block;
}

.Regionaam 
{
	 background-color:#CFC897;
	 height:25px;
	 padding-left: 5px;
	 font-family: Arial;
	 font-size: 10pt;
	 text-decoration: none;
	 color:White;
	 vertical-align:middle;
}
td.FunctienaamAlgemeen, tr.FunctienaamAlgemeen
{
	 background-color:#DDD9B6;
	 color: Black;
	 font-family: Arial;
	 font-size: 12px;
	 height: 23px;
	 font-weight: normal;
	 vertical-align: middle;
}
a.FunctienaamAlgemeen
{
	 margin-left:20px;
	 text-decoration: none;
}
/* END Regio functie overzicht */

/* Gridview */
.gvCellStyleImage {
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: bottom;
}

.gvCellStyle {
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.gvTable {
	border-style: solid;
	border-width: 1px;
}

.gvHeader {
	border-style: solid;
	border-width: 1px;
	font-weight: Bold;
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
/* END Gridview */

/* Beoordelen functie */
th.hdrTabel
{
	height: 25px;
	vertical-align:middle;
	padding-left: 5px;
	text-align: left;
	font-size: 10pt;
}

tr.rowTabel 
{
	height: 25px;
	padding-left: 5px;
	vertical-align:middle;
}

label {
	padding-left:2px;
}

.tblNiveauSelected {
	border-style: solid;
	border-width: 2px;
}

/* END Beoordelen functie */