/* stijlen voor asp.net controls */

/* stijl voor een link in het menu als er met de muis overheen gegaan wordt */
.StaticMenuHover a
{
	text-decoration: underline;
}

/* stijl voor een item in het menu */
.StaticMenuItem
{
	color: Black;
}

/* stijl voor het menu */
.StaticMenu
{
}

/* stijl voor een tabel waar details in staan. */
table.Details
{
	border: none;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 15px 0px 15px 0px;
	width: 100%;
	border-width: 0px;
}
/*
stijl voor een rij in een tabel waar details in staan.
*/
table.Details td
{
	padding-left: 4px;
	padding-right: 2px;
	border: none;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}
div.ajax__calendar_days td
{
	padding: 0px;
}

/*
stijl voor de cell waar de naam in staat van een detail-gegeven
*/
table.Details td.Name
{
	width: 130px;
}

/*
stijl voor de cell waar de waarde in staat van een detail-gegeven
*/
table.Details td.Value
{
	font-weight: bold;
}
table.Details td.Help
{
	font-weight: bold;
}
.WizardVraagBoven
{
	font-weight: bold;
}
.WizardVraagLinks
{
}

.WizardVraagVerticalAlignTop
{
	vertical-align: top;
}

table.InvulScherm
{
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
table.InvulSchermHeader
{
	margin: 5px 0px 0px 0px;
}
table.MarginLeft0
{
	margin-left: 0px;
}
table.InvulSchermFooter
{
	margin: 0px 0px 15px 0px;
}

table.InschrijvenVragenLijst input, table.InschrijvenVragenLijst textarea
{
	width: 300px;
}
table.InschrijvenVragenLijst select
{
	width: 305px;
}

table.InschrijvenVragenLijst td
{
	vertical-align: top;
}
table.InvulScherm td.Name
{
	width: 146px;
}
table.InvulScherm td.WizardVraagBoven
{
	width: auto;
}

table.InvulScherm td.Value
{
	width: auto;
}
table.InvulScherm td.InvulSchermVeldHeader
{
}
table.InvulScherm tr.RuimteOnderRow td.InvulSchermVeld
{
	padding-bottom: 20px;
}

table.InvulScherm td.Value input, table.InvulScherm td.Value textarea
{
	width: 200px;
}
table.DoorstuurPopup td.Value input, table.InvulScherm td.Value textarea
{
	width: 300px;
}
table.InvulScherm td.Value input[type=checkbox], table.InvulScherm td.Value input[type=radio]
{
	width: 13px;
	margin-right: 2px;
}
table.InvulScherm td.Value select
{
	width: 206px;
}

table.InvulScherm td.Value input.dateTextbox
{
	width: 80px;
}

table.InvulSchermWerkHistorie td.Value
{
	width: 500px;
}
table.InvulSchermWerkHistorie td.Value input, table.InvulSchermWerkHistorie td.Value textarea
{
	width: 500px;
}
table.InvulSchermWerkHistorie td.Value select
{
	width: 504px;
}
.ValidationPanel
{
	padding: 20px;
}
/*
stijl voor het panel waar de filter in staan
*/
.FilterPanel
{
	float: left;
	margin-top: 2px;
}
/*
stijl voor meta gegevens, zoals het aantal items in een lijst 
*/
.MetaPanel
{
	padding: 20px;
	float: right;
}
/*
Variant op de MetaPanel
*/
.Meta2Panel
{
	padding: 3px 20px 0px 20px;
	float: right;
}


/*
stijl voor commando's, zoals bijvoorbeeld het verwijderen van een items
*/
.CommandPanel
{
	padding: 20px;
	float: left;
}
/*
stijl voor navigatie, zoals vorige, volgende item
*/
.NavigationPanel
{
	float: right;
	padding-bottom: 20px;
	margin-top: 1px;
}
.ActionPanel
{
	float: left;
	margin-top: 1px;
}


/*
stijl voor een verplicht veld
*/
.RequiredField
{
	background-color: Yellow;
}

/* Platte stijl input elementen */

.flatinputborder
{
	border: solid 1px;
}
.flatinput:disabled, .flatinputborder:disabled
{
	background-color: #fff;
}

/*
Stijlen voor login control in de header.
*/
div.HeaderLogin
{
	margin-right: -30px;
	margin-top: 8px;
}
.HeaderLoginLoggedIn
{
	margin-top: 26px;
}
table.HeaderLogin
{
	border: none;
}
table.HeaderLogin td
{
}
table.HeaderLogin td.HeaderLoginLabel
{
	width: 80px;
}
table.HeaderLogin td.HeaderLoginInput
{
}
table.HeaderLogin td.HeaderLoginInput input
{
	width: 100px;
}
table.HeaderLogin td.HeaderLoginError
{
	width: 100px;
}
table.HeaderLogin td.HeaderLoginError span
{
	display: block;
	white-space: nowrap;
	overflow: visible;
}
table.HeaderLogin td.HeaderLoginButton
{
	width: 100px;
}
div.HeaderLoginButton
{
	margin-top: 16px;
}
div.HeaderLoginButton input
{
	height: 22px;
}


table.HeaderLogin td.HeaderLoginForget a
{
	color: Yellow;
	white-space: nowrap;
}
.loginSolliciteren table.HeaderLogin td.HeaderLoginForget a
{
	color: #CAC00D;
	white-space: nowrap;
}

.HeaderLogin .error
{
	color: #ff8888;
}
table.HeaderLogin td.HeaderLoginLoggedInLabel
{
	min-width: 100px;
	max-width: 250px;
	overflow: hidden;
	white-space: nowrap;
}
table.HeaderLogin td.HeaderLoginLoggedInButton
{
	width: 80px;
}
td.HeaderLoginLoggedInButton a
{
	color: #000000;
}

/* ------------------------- */



input.verplichtveld, select.verplichtveld
{
	border: 2px;
	border-style: solid;
}
input.error, select.error, textarea.error, table.error
{
	border: solid 2px #ff0000;
}
label.error
{
	color: #ff0000;
	font-weight: bold;
}


/*
Stijl voor de schermTitels
*/
.SchermTitel
{
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
	background-color: #e9e4e0;
	margin-left: -7px;
	padding-left: 7px;
	padding-top: 3px;
}
.SchermTitel2
{
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
	margin-left: -7px;
	padding-left: 7px;
	padding-top: 5px;
}

.TitelTekst
{
	font-size: 16px;
	font-weight: bold;
}
.SchermTitelSub1
{
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	overflow: hidden;
	padding-left: 2px;
	margin-top: 5px;
}

.PopupTitel
{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}
.schermtitelcontainer
{
	background-color: #9C8673;
	width: 100%;
}
.schermTitelBalk
{
	background-color: #9C8673;
	width: 100%;
	margin-left: -7px;
	height: 2px;
}
.schermTitelBlok
{
	border: solid 2px #9C8673;
	padding: 2px 5px 5px 5px;
	margin-bottom: 2px;
}
.declaratieMatrixBlok
{
	border: none;
	padding: 2px 5px 5px 5px;
	margin-bottom: 2px;
}
.DeclaratieTitel
{
	background-color: #E9E4E0;
}
.sidebarhoek
{
	height: 25px;
}

.Waarschuwingtekst
{
	color: #ff7200;
	font-weight: bold;
}

.Goedmeldingtekst
{
	color: Green;
	font-weight: bold;
	margin-left: 8px;
}
.Foutmeldingtekst
{
	color: Red;
	font-weight: bold;
}

input[type="checkbox"]
{
	margin: 0px;
	padding: 0px;
	height: 13px;
}

input[type="button"], input[type="submit"]
{
	padding: 3px 6px 3px 6px;
	background-color: #d8cfc8;
	border: solid 1px;
}
input[disabled][type="button"], input[disabled][type="submit"]
{
	color: Gray;
}

/* Navigatieknoppen Buttons als Vorige Volgende en Lijst*/
input[type="button"].NavCommand, input[type="submit"].NavCommand
{
	background-color: #fff;
}
/* GegevensWijzigingknoppen Buttons als Opslaan en Annuleren*/
.ChangeCommand
{
}

/* Specifieke actie knoppen.*/
input[type="button"].ActionCommand, input[type="submit"].ActionCommand
{
	background-color: #b3ada8;
}

input[type="button"].ViewDetailCommand
{
	background-color: #fff;
	border: solid 2px #9C8673;
}

.imageStyle
{
	border: solid 2px;
	max-width: 150px;
	max-height: 150px;
}

.BorderLess
{
	border: none;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}
table.BorderLess td
{
	border: none;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

.display_none
{
	display: none;
}


.floatleft
{
	float: left;
}


.gridlabel
{
	text-align: left;
}

.filterItem
{
	margin-right: 5px;
	width: 10em;
}
.filterCheckBox input[type=checkbox]
{
	padding-left: 3px;
}

/* Sortering popup */
.btnSortering
{
	cursor: pointer;
}

.popupSortering
{
	position: absolute;
	z-index: 1000;
}

table.tblSortering
{
	border-style: solid;
	border-width: thin;
	background-color: White;
}

.itemSortering
{
	text-decoration: none;
}
a.itemSortering:hover
{
	text-decoration: none;
}
a.itemSortering
{
	color: WindowText;
}
a.itemSortering:visited
{
	color: WindowText;
}

/* Popup menu */
.btnPopupMenu
{
	cursor: pointer;
}

.popupMenuPanel
{
	position: absolute;
	z-index: 1000;
}

/* Popup hint */
.popupHint
{
	position: absolute;
	z-index: 2;
	background-color: InfoBackground;
	border: solid 1px black;
	margin: 12px 4px;
}
.PaddingTop2
{
	padding-top: 2px;
}
.PopUpDoorsturen
{
	position: absolute;
	top: 30px;
	margin-left: 90px;
}
div.floatLeft 
{
	float:left;
}
div.floatRight
{
	float:right;
}