/*formstuff*/

/* alle inputdivs zijn relative, dus er moet een vaste hoogte ingesteld worden*/

div.input, div.submit {
	position: relative;
	margin: 0px;
	padding-top: 10px;
}

.form-error {
	border: 1px dotted red;
	padding: 2px;
}

div.input label, label.zelf {
	position: absolute;
	width: 150px;
	left: 0;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis;
	font-weight: bold;
	padding-top: 2px;
}

/* div.date(time) div.controls verwacht een div rond de controls, dus between en after options in cake*/
div.input textarea, div.text input, div.checkbox input, div.select select,
div.listbox select, div.datetime div.controls, div.date div.controls, div.checklist div.checklistctrl,
div.selectlist div.selectlistctrl, div.input div.error-message
{
	position: absolute;
	left: 155px;
}

div.uitleg, div.uitgelijnd
{
	position: relative;
	left: 155px;
	width: 550px;
}
/*een inputrij kan meerdere inputs bevatten, die zelf een left: moeten hebben.
een inputrij heeft dezelfde marges als een gewone input..
*/

div.inputrij {
	position: relative;
	margin: 0px;
	padding-top: 10px;
	height: 28px;
}

div.inputrij div.input {
	position: absolute;
	padding: 0;
	margin: 0;
}

div.inputrij div.rechts {
	left: 370px;
}

div.textarea {
	height: 100px;
}

div.input textarea {
	height: 90px;
	width: 200px;
	overflow-y: auto;
}

div.textarea_groot {
	height: 250px;
}

div.textarea_groot textarea {
	height: 245px;
	width: 550px;
}


div.textarea_grootletter textarea {
	font-size: larger;
	line-height: 125%;
	padding-left: 5px;
}

div.text  {
	height: 25px;
}

div.checkbox {
	height: 28px;
}
div.checkbox input {
		margin: 0;
}

div.text input{
	height: 20px;
	width: 200px;
}

div.select {
	height: 30px;
}

div.select select
{
	height: 22px;
	width: 200px;
}

div.datetime, div.date
{
	height: 30px;
}

div.datetime select, div.date select
{
	height: 22px;
}

div.listbox {
	height: 100px;
}

div.listbox select {
	height: 98px;
	width: 200px;
}

/*checklist is een div met daarin divs met steeds een checkbox en tekst
de buitenste input heeft checklist, de control zelf checklistctrl. Elke rij
heet checklistrij */

div.checklist {
	height: 100px;
}

div.checklist div.checklistctrl {
	border: 1px solid #cccccc;
	height: 98px;
	width: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.checklistrij label {
	position: static; /*gewoon renderen*/
	font-weight: normal;
}

/*selectlist is hetzelfde als een checklist, alleen geen checkbox, meer een soort lijst waar we dingen mee kunnen */

div.selectlist {
	height: 100px;
}

div.selectlist div.selectlistctrl {
	border: 1px solid #cccccc;
	height: 98px;
	width: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.selectlist div.selectlistctrl div.selectlistrij {
	padding-left: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
}

div.selectlist div.selectlistctrl div.selectlistrij_selected
{
	background-color: blue;
	color: white;
}


div.input div.error-message {
	top: 5px;
	left: 405px;
	max-width: 450px;
	width: 400px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: InfoBackground;
	color: red;
	z-index: 10;
}


div.submit, div.button {
	left: 155px;
	height: 20px;
}