/* IMPORT */
@import "reset.css";

body 																{ background-color:#fff; }
html, body, input, select, textarea	{ font-family:Arial, Verdana, Helvetica; font-size:12px; color:#000000; font-weight:normal; font-style:normal; text-align:left; }
input, select, textarea							{ color:#000000; }
table																{ border-collapse:collapse; }
table td														{ padding:2px 0; margin:0; }

h1, h2, h3, h4, h5									{ font-weight:normal; color:#333333; }

h1																	{ font-size:180%; margin:0 0 10px 0; padding:0; color:#C82128; }
h2																	{ font-size:150%; margin:0 0 10px 0; padding:0; color:#C82128; }
h3																	{ font-size:130%; margin:0 0 5px 0px; padding:0px; color:#C82128; }
h4																	{ font-size:110%; margin:0 0 5px 0; padding:0; }
h5																	{ margin:0; }

p																		{ margin:0 0 10px 0; }
.info																{ color:#0b6dff; }
ul, li															{ list-style:none; margin:0; padding:0; overflow:auto; }

a																		{ font-weight:normal; text-decoration:none; }
a:link, a:active, a:visited					{ color:#000; }
a:hover															{ color:#C82128; text-decoration:underline; }

a.button														{ padding:8px 12px; background-color:#C82128; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
a.button.inlineblock								{ display:inline-block; margin-right:10px; }
a.button.slim												{ padding:4px 12px; }
a.button.xslim											{ padding:1px 12px; }

a.bullet														{ display:inline-block; padding:2px 10px 2px 26px; margin:0 0 5px 0; background:url('../img/bt_next.gif') left center no-repeat; }
a.bullet:hover											{ background:url('../img/bt_next_ro.gif') left center no-repeat; cursor:pointer; color:#C82128; }
a.bullet-small											{ display:inline-block; padding:2px 10px 2px 16px; margin:0 0 5px 0; background:url('../img/bt_next_small.gif') left center no-repeat; }
a.bullet-small:hover								{ background:url('../img/bt_next_small_ro.gif') left center no-repeat; cursor:pointer; color:#C82128; }

/* main layout */
#layout															{ width:100%; background:#fcfcfc; min-height:100%; height:auto !important; height:100%; margin:0 auto; }
#splash															{ margin:0 auto; margin-top:10%; width:30%; padding:3%; background-color:#fff; min-width:450px; }
#content														{ position:relative; overflow:auto; padding:0 20px 20px 20px; min-height:600px; }
#left																{ width:18%; margin-right:2%; float:left; }
#right															{ width:80%; float:left; }

#layout .departmentlabel { position: absolute; top: -5px; right: 300px; box-shadow: #ccc 0 2px 8px; -webkit-box-shadow: #ccc 0 2px 8px; -moz-box-shadow: #ccc 0 2px 8px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 10px 5px 10px; z-index: 999; }

#header															{ position:relative; height:60px; background:#fff; padding:20px; margin-bottom:20px; box-shadow:#ccc 2px 2px 8px; -webkit-box-shadow:#ccc 2px 2px 8px; -moz-box-shadow:#ccc 2px 2px 8px; }
#header #logo												{ position:absolute; top:20px; right:20px; }

#menu																{ display: flex; align-items: flex-end; }
#menu a															{ flex: 0 0 auto; min-width: 95px; text-align: center; padding: 10px 20px; margin-right: 2px; color: #fff; background-color: #C82128; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#menu a:hover,
#menu a.active											{ padding: 12px 20px; font-size: 120%; text-decoration: none; background-color: #2e2d6f; }
#menu a.secondary										{ background-color:#ccc; }

@media all and (max-width: 1600px) {
	#menu a											{ padding: 8px 10px; min-width: 75px; }
	#menu a:hover,
	#menu a.active							{ padding: 12px 10px; font-size: 100%; background-color: #2e2d6f; }
}

#footer															{ position:relative; height:200px; background:#fff; padding:20px; margin-top:50px; box-shadow:#ddd 0 -2px 8px; -webkit-box-shadow:#ddd 0 -2px 8px; -moz-box-shadow:#ddd 0 -2px 8px; }
#footer #support										{ position:absolute; top:20px; right:20px; }

/* form generic */
input, select, textarea							{ margin-bottom:5px; padding:5px; }
input[type=image]										{ padding:0; }
input[type=submit]									{ border:none; background-color:#999; color:#fff; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
input[type=submit]:hover						{ background-color:#C82128; }
input[type=submit].disabled					{ background-color: #aaa; }
input[type=submit].disabled:hover		{ cursor: default; background-color: #aaa; }

/* Toggle */
.button-toggle													{ display:inline-block; padding:2px 10px 2px 26px; margin:0 0 5px 0; background:url('../img/bt_next.gif') left center no-repeat; }
.button-toggle:hover										{ background:url('../img/bt_next_ro.gif') left center no-repeat; cursor:pointer; color:#C82128; }
.button-toggle-small										{ display:inline-block; padding:2px 10px 2px 16px; margin:0 0 5px 0; background:url('../img/bt_next_small.gif') left center no-repeat; }
.button-toggle-small:hover							{ background:url('../img/bt_next_small_ro.gif') left center no-repeat; cursor:pointer; color:#C82128; }
.div-toggle															{ display:none; }

/* common search section */
#Container-CommonSearchSection								{ margin-bottom:15px; }
#Container-CommonSearchSection input, 
#Container-CommonSearchSection select { display:inline-block; margin:0 5px 0 0; max-width:300px; }
#Container-CommonSearchSection input[type=submit] { padding:6px 20px; }

/* container-form-filterproperty */
#container-form-filterproperty				{  }
#container-form-filterproperty input	{ display:inline; margin:0 5px 0 0; }

/* wizard */
.container-wizard										{  }
.container-wizard ul								{ border-bottom:1px solid #dddddd; overflow:auto; }
.container-wizard ul li							{ float:left; }
.container-wizard ul li a						{ background-color:#ededed; display:block; padding:5px 15px; border-right:2px solid #fff; }
.container-wizard ul li a.active		{ background-color:#cccccc; color:#fff; }

.container-wizard .wizard-content		{ border:1px solid #dddddd; border-top:none; padding:10px; }

/* complementing container-classes */
.container													{ padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.border															{ border:1px solid #ededed; padding:10px; }
.noborder														{ border:none; padding:0; }
.borderbottom												{ border-bottom:1px solid #ededed; padding-bottom:10px; }
.oblique														{ background-color:#fff; padding:10px; }
.sheet															{ padding:15px 20px 10px 20px; background-color:#fff; box-shadow:1px 1px 6px #ddd; -webkit-box-shadow:1px 1px 6px #ddd; -moz-box-shadow:1px 1px 6px #ddd; }

.group:after {
	content:"";
	display:table;
	clear:both;
}

.half {
	float:left;
	width:48%;
	margin-right:2%;
}

	.half:last-child {
		width:50%;
		margin-right:0%;
	}

.onethird { float: left; width: 31%; margin-right: 2%; }
.onethird:last-child { width: 33%; margin-right: 0%; }
.twothird { float: left; width: 64%; margin-right: 2%; }
.twothird:last-child { width: 66%; margin-right: 0%; }

@media all and (max-width: 768px) {
	.onethird,
	.onethird:last-child,
	.twothird,
	.twothird:last-child { float:none; width: 100%; margin: 0 0 10px 0; }
}

/* listers */								
.ctr-lister table 																								{ margin:0 0 20px 0; }
.ctr-lister tr																										{ line-height:100%; }
.ctr-lister tr:hover																							{ background:#fafafa; cursor:pointer; }
.ctr-lister tr:hover td																						{ color:#000; }
.ctr-lister tr.nohover:hover																			{ background:none; cursor:auto; }
.ctr-lister tr td,								
.ctr-lister tr th																									{ padding:5px 0; border-bottom:1px solid #F1F1F1 }
.ctr-lister tr td.NotClickable																		{ background:none; cursor:default; }
.ctr-lister tr td.totals																					{ font-weight:bold; }
.ctr-lister tr td.emphasize																				{ background:#ffe6da; }
.ctr-lister .button-forward																				{ float:left; }

.ctr-lister input[type=checkbox]																	{ margin-bottom:0; }

.ColumnHeader { padding:0 0; border-bottom:1px dashed #e5ded3; }

	.ColumnHeader .ListerHeader a {
		text-decoration:none;
		font-size:24px;
	}

		.ColumnHeader .ListerHeader a.Active {
			text-decoration:none;
			color:#d5168d;
		}

		.ColumnHeader .ListerHeader a:hover {
			text-decoration:none;
			color:#d5168d;
		}

	.ColumnHeader .ListerHeader {
		display:inline-block;
		color:#999;
	}

		.ColumnHeader .ListerHeader.Small {
			margin-bottom:0;
			font-weight:normal;
			font-size:120%;
			color:#666;
		}

		.ColumnHeader .ListerHeader.Large {
			margin:0 0 10px 0;
			font-weight:normal;
			font-size:170%;
			line-height:90%;
		}


td.NavMenuLevel0						{  }
td.NavMenuLevel0 a					{	font-weight:bold; text-decoration:none; }
td.NavMenuLevel0 a:link, td.NavMenuLevel0 a:active, td.NavMenuLevel0 a:visited { color:#000; }

td.NavMenuLevel1						{  }
td.NavMenuLevel1 a					{  }
td.NavMenuLevel1 a:link, td.NavMenuLevel1 a:active, td.NavMenuLevel1 a:visited { color:#333; }

td.NavMenuLevel2						{  }
td.NavMenuLevel2 a					{  }
td.NavMenuLevel2 a:link, td.NavMenuLevel2 a:active, td.NavMenuLevel2 a:visited {	color:#666; }

td.NavMenuLevel3						{  }
td.NavMenuLevel3 a					{ font-weight:normal; }
td.NavMenuLevel3 a:link, td.NavMenuLevel3 a:active, td.NavMenuLevel3 a:visited { color:#999; }

td.NavMenuLevel0 a:hover, td.NavMenuLevel1 a:hover, td.NavMenuLevel2 a:hover, td.NavMenuLevel3 a:hover
														{ text-decoration:underline; }

td.NavMenuLevelSelected a:link, td.NavMenuLevelSelected a:active, td.NavMenuLevelSelected a:visited  {
	color:#C82128;
}

td.TabInactive { border-bottom:1px solid #ededed; }
td.TabActive { font-weight:bold; color:#ccc; text-decoration:none; }
td.TabActive a { font-weight:bold; text-decoration:none; }
td.TabActive a:link, td.TabActive a:active, td.TabActive a:visited { color:#ccc; }
td.TabActive a:hover { color:#ddd; }

td.MenuItem A:link,td.MenuItem A:active,td.MenuItem A:visited { color:#cccccc; }
td.MenuItem A:hover { color:#cccccc; }

td.MenuItemActive a:Active:link, td.MenuItemActive a:active, td.MenuItemActive a:visited, td.MenuItemActive a:hover { color:#ededed; }

/* buttons */
.Button																	{ margin:0 5px 5px 0; display:inline-block }
.Button img															{ margin:0 5px 0 0; }

/* Feedback */
.feedback																{ padding:10px; margin-bottom:10px; border:1px solid #C82128; color:#C82128; }

/* ctr-navigation */
.ctr-navigation													{ display: flex; justify-content: flex-end; }
.navigation															{ flex: 0 0 auto; display: flex; }
.navigation a														{ display: block; flex: 0 0 auto; margin-right: 5px; padding: 6px 14px; border-radius: 5px; background-color: #C82128; color: #fff; }
.navigation a.inactive									{ background-color: #ddd; }
.navigation a.inactive:hover						{ text-decoration: none; }
.navigation form												{ display: block; flex: 0 0 auto; margin-right: 10px; }
.navigation input[type=text]						{ display: inline-block; border: none; background: #fff; border: 1px solid #E5DED3; text-align: center; margin: 0 8px; padding: 0; border-radius: 2px; width: auto; }

/* combobox */
.custom-combobox { position:relative; display:inline-block; width:300px; }
.custom-combobox-toggle									{ position:absolute; top:0; bottom:0; margin-left:-1px; padding:0; /* support:IE7 */ *height:1.7em; *top:0.1em; }
.custom-combobox-input									{ margin:0; padding:0.3em; }

ul.property_values											{ display:none; position:absolute; z-index:999; left:0; top:21px; width:76%; background-color:#F7F7F7; border:1px solid #ddd; padding:1.5% 2.5%; }
ul.property_values li										{ padding:2px 0; }
ul.property_values li:hover							{ cursor:pointer; color:#C82128; }
.container_property_values							{ position:relative; }
.container_property_values .input				{ width:80%; }
.toggle_property_values									{ font-size:120%; color:#ccc; font-weight:bold; margin-left:10px; }
.toggle_property_values:hover						{ cursor:pointer; color:#C82128; }

.ispending															{ color:#C82128; }

#referencevalues ul li									{ float:left; width:250px; }
#referencevalues ul li.narrow						{ width:150px; }

#locationfilter													{ text-align:right; }
#locationfilter a												{ padding:5px 10px; margin-right:10px; line-height:2em; color:#fff; background-color:#999; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#locationfilter a.current								{ background-color:#C82128; }

/* inlistoptions */
.inlistoptions a {
	display:inline-block;
	padding:4px 10px;
	background:#c82128;
	color:#fff;
	border-radius:3px;
}

.wizardtabs li .in-tab-counter {
	display:inline-block;
	color:#fff;
	margin-left:5px;
	padding:0px 5px;
	border-radius:1px;
}

/* form */

form {
	display:block;
	/*max-width:1200px; zit volgens mij alleen maar in de weg */
}

form .row {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:5px;
}

form .label {
	display:table-cell;
	width:20%;
	vertical-align:top;
}

form .value {
	display:table-cell;
	width:80%;
}

form .required {
	color:#FF690B;
	font-weight:bold;
	font-size:130%;
	line-height:0.5em;
}

form .section {
	border-bottom:1px dotted #999;
	padding:10px 0 10px 0;
	margin-bottom:10px;
	overflow:auto;
	width:100%;
}

form textarea {
	border:1px solid #ddd;
	padding:2px 3px;
}

form .handlerfor:hover {
	cursor:pointer;
	text-decoration:underline;
}

form input,
form select,
form textarea,
form input[type=password] {
	margin-bottom:5px;
	padding:4px 5px;
	border:1px solid #ddd;
}

form input[type=text] { padding:5px 5px; }

	form input[type=text] {
		width:40%;
	}

	form input[type=submit] {
		margin-left:20%;
		padding:6px 20px;
	}

		form input[type=submit]:hover {
			color:#fff;
			background-color:#C82128;
		}

form.nolabels .label { width: 0; }
form.nolabels .value { width: 100%; }
form.nolabels input[type=submit] { margin-left:0; }

	form input[type=password] {
		width:40%;
	}

form select {
	/*min-width:40%;*/
}

	form input[type=text]:hover,
	form select:hover,
	form textarea:hover,
	form input[type=password]:hover {
		border:1px solid #999;
	}

	form input[type=text]:focus,
	form select:focus,
	form textarea:focus,
	form input[type=password]:focus {
		border:1px solid #999;
	}

form textarea {
	width:90%;
	max-width:600px;
	height:300px;
}

	form textarea.small {
		width:90%;
		max-width:600px;
		height:150px;
	}

form input[type=text].small					{ width: 30%; }
form input[type=text].medium				{ width: 60%; }
form input[type=text].large					{ width: 90%; }
form input[type="checkbox"] { margin-right: 10px; vertical-align: middle; }
form label { vertical-align: middle; }

/* oneliner */

form.oneliner { margin-bottom:15px; }

form.oneliner .row,
form.oneliner .label,
form.oneliner .value { display:inline-block !important; width:auto !important; margin:0 5px 0 0; }

form.oneliner input,
form.oneliner select { display:inline-block; margin:0 5px 0 0; max-width:300px; }
form.oneliner input[type=submit] { padding:6px 20px; }

/* options */

#options { margin-bottom:15px; }
#options a { display:inline-block; margin-right:5px; padding:3px 10px; background-color:#999; color:#fff; border-radius:3px; }
#options a.active,
#options a:hover { background-color:#C82128; color:#fff; text-decoration:none; }

/* selection */

#selection { display:inline-block; margin-bottom:10px; }

#selection .count,
#selection .clear,
#selection .pdf,
#selection .csv { display: inline-block; padding: 2px 10px; margin-right: 3px; border-radius: 3px; background-color: #999; color: #fff; }

#selection .clear,
#selection .pdf,
#selection .csv { background-color: #C82128; }

#selection .pdf:hover,
#selection .csv:hover { text-decoration: none; }

#selection .clear:hover { cursor: pointer; }

#selection .count { margin-left: 5px; }

/* form-analysis */

#form-analysis { }
#form-analysis .label { width: 35%; }
#form-analysis .value { width: 65%; }
#form-analysis input[type=submit] { margin-left: 35% }
/*#form-analysis input[type=text] { width: 80% }*/

#form-analysis .value { position: relative; }
#form-analysis ul.property_values { position: absolute; left: 0; right: 0; top: 28px; background-color: #fff; box-shadow: 0 1px 2px #777; -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);overflow-y: scroll; max-height: 300px; }
#form-analysis ul.property_values li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ddd; }
#form-analysis ul.property_values li:last-child { margin-bottom: 15px; border-bottom: none; }

/* form_login */

#form_login .label { width: 30%; }
#form_login .value { width: 70%; }
#form_login input[type='text'],
#form_login input[type='password'] { width: 75%; }
#form_login input[type='submit'] { margin-left: 30%; }

@media all and (max-width: 1024px) {
	#form_login .label { display: block; }
	#form_login .value { display: block; }
	#form_login input[type='submit'] { margin-left: 0; }

}