@import url("layout.css");
@import url("inhoud.css");
@import url("rechterkolom.css");
@import url("popup.css");

body
{
	background-color: #0098C3;
	color:#000000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.body-popup
{
	background-color: #FFFFFF;
}

td
{
	vertical-align: top;
}

body, table, td, th, form, input, select, option, textarea
{
	font-family: Arial;
}

a
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.redLink
{
	color: #FF0000;
}
.redLink:hover
{
	text-decoration: underline;
}
.redLabel
{
	color: #FF0000;
}
.redLabel a
{
	color: #FF0000;
}
.redLink a:hover
{
	text-decoration: underline;
}
form
{
	padding: 0px;
	margin: 0px;
}

.clsTable
{
	width: 100%;
}

.clsMenu
{
	padding: 2px 5px 2px 5px;
	background-color: #0098C3;
	color: #FFFFFF;	
	height: 24px;
}

.clsMenu a
{
	color: #FFFFFF;
}

.clsMenuItem, .clsMenuItemOver
{
	padding: 0px 4px 0px 4px;
	vertical-align: middle;
}

.clsOverzichtCluster
{
	padding: 2px 5px 2px 5px;
	background-color: #0098C3;
	color: #FFFFFF;
}

.clsClusterLabel
{
	padding: 2px 5px 2px 5px;
	background-color: #0098C3;
	color: #FFFFFF;
}

.clsClusterValidate
{
	padding: 4px 5px 2px 2px;	
	background-color: #0098C3;
	color: #FFFFFF;
}

.clsClusterField
{
	padding: 4px 5px 2px 2px;	
	background-color: #0098C3;
	color: #FFFFFF;
}

.clsClusterInfo
{
	padding: 4px 5px 2px 2px;	
	background-color: #0098C3;
	color: #FFFFFF;
}


.clsFieldIcon
{
	/*border-bottom: dashed 1px #0098C3;*/
	padding: 2px 5px 2px 0px;
}

.clsFieldLabel
{
	/*border-bottom: dashed 1px #0098C3;*/
	padding: 2px 5px 2px 5px;
	width: 200px;
}

.clsFieldValidate
{
	/*border-bottom: dashed 1px #0098C3;*/
	padding: 4px 5px 2px 2px;
}

.clsField
{
	/*border-bottom: dashed 1px #0098C3;*/
	padding: 2px 5px 2px 0px;
	width: 310px;
}

.clsInfo
{
	/*border-bottom: dashed 1px #0098C3;*/
	padding: 4px 5px 2px 0px;
}

.clsText
{
	width: 100%;
}

.clsTextArea
{
	width: 100%;
	height: 70px;
}

.clsField select
{
	width: 100%;
}