@import "/css/main-generic.css";
@import "/css/cssmenu-generic.css";
@import "/css/print.css";

/* form css */
fieldset {
}

fieldset div.inputfield {
	margin: 10px 0 10px 0;
	clear: left;
	vertical-align: bottom;
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
	min-height: 1.3em;
}

fieldset div.inputfield.alert select {
	border: 0px solid red;
	background-color: inherit; /* #FFDFDF; */
}
fieldset div.inputfield.alert input.password,
fieldset div.inputfield.alert input.file,
fieldset div.inputfield.alert input.text,
fieldset div.inputfield.alert textarea {
	background-color: #FFEFEF;
	border: 1px solid red;
}

#divMessageNickName,
#divMessageEmail,
#divMessageVoorwaarden,
fieldset div.inputfield.alert div.checkbox {
    color: #ED1C24;
}

#message.alert {
	font-weight: bold;
	color: red;
	padding: 2px;
}

fieldset div.inputfield label {
}


fieldset div.inputfield div.description {
	width: 100%;
	border: 0px solid purple;
}

fieldset div.inputfield div.subfield {
	display: block;
	margin: 0 0 0 215px;
	border: 0px solid  black;
}

/* hide the description by default */
fieldset div.inputfield div.description {
	display: none;
}

/* hide the description by default */
fieldset div.inputfield #descr_Nickname.description {
	display: block;
	margin: 0 0 0.4em 215px;
	width: 300px;
}

/* in IE there is a margin in the first INPUT element */
fieldset div.subfield select,
fieldset div.subfield textarea,
fieldset div.subfield div input {
	float: left;
}

/* remove this behaviour in Mozilla, rtc. */
fieldset div.subfield > select,
fieldset div.subfield > textarea,
fieldset div.subfield > div > input {
	float: none;
}

fieldset div.inputfield div.subfield div {
	float: left;
	margin: 0;
	padding-right: 10px;
	height: 20px;
	border:0px solid yellow;
}

fieldset div.subfield div span {
	vertical-align: top;
}


legend {
}

input {
}

button {
}

div.show { display: block; }
div.hide { display: none; }

fieldset div.inputfield.indent {
	margin: 0;
	padding: 1% 1% 2% 5%;
	background-color: #efefef;
}

/* classes given to the inputfield div */
fieldset div.inputfield.layout1									{	/* border: 1px solid black; */   float: left; width: 98%; margin-top: 0; margin-bottom: 0; background-color: transparent }
fieldset div.inputfield.layout1 label 							{	display: none;	}
fieldset div.inputfield.layout1 div.description					{	/* border-right: 1px solid black; */ float: left;  width: 30%;  margin: 1px 10px 1px 0; padding: 2px 6px; background-color: #efefef; }
fieldset div.inputfield.layout1 div.subfield					{	/* border: 1px solid red; */ float: none;  width: auto;  margin-left: 31%; }
fieldset div.inputfield.layout1 div.subfield div				{	display: inline; padding: 2px; }
fieldset div.inputfield.layout1 div.subfield div input			{	float: none; margin: 0; padding: 0; }
fieldset div.inputfield.layout1 div.subfield span				{	display: inline;	}

fieldset div.inputfield.hide-label label,
fieldset div.inputfield.hide-description div.description 		{	display: none;	}

fieldset div.inputfield.sidebyside-description div.description	{	float: left;	width: 30%;	}
fieldset div.inputfield.sidebyside-description div.subfield		{	margin-left: 31%;	}

fieldset div.inputfield.sidebyside-options div.description	 	{	float: left;	width: 30%;	}
fieldset div.inputfield.sidebyside-options div.subfield			{	margin-left: 31%; 	}
fieldset div.inputfield.sidebyside-options div.subfield div 	{	display: inline; }

fieldset div.inputfield.sidebyside-label div.subfield			{	border: 0px solid orange; padding: 0; 	}


fieldset div.inputfield textarea,
fieldset div.inputfield input.text								{	margin: 0; padding: 3px 0; 1px solid  #003C79;  /* regma-blauw */  }


.radio input, input.radio  {
	width: auto;
	background: transparent;
	border: 0;
}



/*
	width for <input type=text> and taextarea
 */
/* input[type="text"], textarea		{ width: 60%; } does NOT work with IE :^{ */
input.password,
input.file,
input.text, textarea				{  }
textarea.smallest, input.smallest 	{ width: 10%; }
textarea.smaller, input.smaller 	{ width: 40%; }
textarea.wider, input.wider 		{ width: 300px; }
textarea.widest, input.widest 		{ width: 100%; }

/* dank pagina */
#formresult,
#csvlinks {
	display: none;
}


#divProgress  {
	display:none;
}

li.alert  {
	color : #003C79;  /* regma-blauw */
}

span.alert  {
	color: #DC241F; /* regma-rood */
	font-weight: bold;
}

.dummy  {
	border: 0px solid red;
	clear: left;
	margin: 0 0 3em 0;
}

#divContent h1  {
	float: none;
}