* {
	font-family:				'Roboto', 'Verdana', 'Tahoma', 'Arial';
	font-size:					11px;
}

body {
	margin:						0px;
	background:					#ffffff;
}

html {
	height: 100%;
}

img {
	border: 0px;
}

table {
	width:						100%;
	border:						0px;
	border-collapse:			collapse;	
}

td {
	vertical-align:				middle;
}


a {
	color:						#9d9d9c;
	text-decoration:			none;
	outline:					none;
}
a:hover {
	color:						#333333;
	text-decoration:			none;
}
.a_active{
	text-decoration:			underline;
}

h1 {
	font-size:					14px;
	color:						#ab9878;
}

h3 {
	color:						#0000CC;
}
fieldset {
	margin: 0px;
	padding:					5px;
	margin-top:					15px;

}

.header1{
	background-color:			#fff;
}
.header2{
	background-color:			#e8e8e8;
}
.headertop {
	text-align:					right;
	padding-right:				15px;
	height:						48px;
	background:					#ffffff url("../images/bg_top.jpg") repeat-y right;
}
.headertop a {
	color:						#ffffff;
}
.credits {
	background-color:			#cccccc;
	text-align:					center;
}

#app_body {
	padding:					0px;
	vertical-align: 			top;
}
#app_body_div {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#app_links {
	background-color:			#fff1d8;

	padding:					0px;
	vertical-align: 			top;
}
.fld_app_links {
	padding:					10px;
	background:					;
	border-style: 				none;
	padding-top:				5px;
	width:						220px;
	margin-top:					15px;
	display:					block;
}

.fld_app_links h3 {
	color: 						#ab9878;

	font-size:					11px;
	font-weight:				bold;
	margin-bottom:				5px;
}



.tbl_overzicht {
	border-collapse:			collapse;	
	width:						100%;
}

.tbl_overzicht td {
	padding:					3px;
	padding-left:				7px;
	padding-right:				5px;
}	
.tbl_overzicht td a {
	color:						#000;
}

.listheader {
	background:					#f6f6ff;	/*a2cd4b*/  
	border-bottom:				1px #9c9da5 solid;
}
.listheader td {
	padding:					5px;
	border-right:				1px #9c9da5 solid;
	font-weight: bold;
}
.listheader td a {
	color:						#003b68;
}

.listrow1{
	background-color:			#e8e8e8;
}
.listrow-1{
	background-color:			#ffffff;
}





#error {
	color:						red;
	font-weight:				bold;
}






.submitbutton {
	width:						150px;
	height:						25px;
}
.radiobutton {
	width:						15px;
}
.checkbox {
	width:						15px;
}

textarea {
	width:						95%;
	height:						75px;
}



.div_error {
	width:						75%;
	border-style:				solid;
	border-width:				5px;
	border-color:				red;
	padding:					10px;
	color:						red;
}
.div_message {
	border-style:				solid;
	border-width:				5px;
	border-color:				green;
	padding:					10px;
	color:						green;
}


#overlaydiv {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100%;
	height:						100%;
	
	
	background-color: #e8e8e8;
	filter: alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}
#evengeduld {
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						350px;
	height:						100px;
	padding:					35px;
	background-color:			#ffffff;
	text-align:					center;
	font-weight:				bold;
	
	margin-left:				-210px;
	margin-top:					-85px;

	z-index:					9;
}


#landingpage {
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						800px;
	height:						600px;
	padding:					0px;
	
	margin-left:				-400px;
	margin-top:					-300px;

	z-index:					9;
}


#ArbitrageNew {
	display:					none;
	z-index: 1;
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						350px;
	height:						100px;
	padding:					35px;
	background-color:			#ffffff;
	text-align:					center;
	font-weight:				bold;
	
	margin-left:				-210px;
	margin-top:					-85px;
}

.ArbitrageTransactie {
	display:					none;
	z-index: 1;
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						350px;
	height:						100px;
	padding:					35px;
	padding-top:				0px;
	background-color:			#ffffff;
	text-align:					left;
	font-weight:				bold;
	
	margin-left:				-210px;
	margin-top:					-85px;
}

.ArbitrageTransactie h3 {
	margin-top:						0px;
	margin-left:				-35px;
	margin-right:				-35px;
	margin-bottom:				20px;
	padding:					4px;
	background:					#a18f69;
	color:						#FFF;

	
}


.srchPopup {
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						350px;
	height:						100px;
	padding:					35px;
	background-color:			#ffffff;
	text-align:					center;
	font-weight:				bold;
	
	margin-left:				-210px;
	margin-top:					-85px;
}


.fld_left,
.fld_right {
	/*border:						1px #dbe1e4 solid;*/
	border:						0px;
	width:						100%;
	padding:					2px;
	margin: 0px;
	margin-bottom:				10px;
	display: 					block;

}

.fld_groep {
	border: 0px;
	padding: 0px;
	margin: 0px;
}


.fld_left table,
.fld_right table {
	width:						100%;	
}
.fld_left td,
.fld_right td {
	height:						20px;
}
.td_label {
	width: 						130px;
	text-align:					left;
}

.fld_total {
	/*border:						1px #dbe1e4 solid;*/
	border:						0px;
	clear:						both;
}

.fld_left h3, .fld_right h3, .fld_total h3 {
	margin:						0px;
	padding:					4px;
	/*background:					#e2e7ea url("../images/bginputheader.png");*/
	font-weight: 				bold;
	font-size:					11px;
	color:						#000;

	
	border-bottom:				1px #919090 solid;
}

.fld_left tr td, .fld_right tr td, .fld_total tr td {
	/*border-bottom:				1px #CCC dotted;*/
}
.fld_left td, .fld_right td, .fld_total td {
	padding:					4px;
	color:						#000;
}



.fld_submit {
	clear:						both;
	text-align:					center;
	background-color:			#e8e8e8;
}


.bgsubpages {
	background:					#e8e8e8;
	padding:					3px;
}


.file_header {
	padding-top:				0px;
	margin-top:					20px;
	padding-bottom:				5px;
	margin-bottom:				5px;
	color:						red;
}

#poweredby {
	padding-top:				50px;
	color:						#ceba95;
	font-size:					10px;
}


#left_nav_general {
	text-align:					right;
	margin-top:					30px;
}



.btn_add{
	background:					url("../images/btn_add.gif");
	width:						154px;
	height:						21px;
	margin:						0px;
	padding:					0px;
	border:						0px;
}



.wizard_1 {
	border:						1px blue solid;
	background:					#63a9e5;
	padding:					10px;
}

.wizard_1 h3 {
	margin:						0px;
	padding:					0px;
	color:						#FFF;
}


.message {
	border:						1px green solid;
	background:					#60bc44;
	padding:					10px;
	font-weight:				bold;
	color:						#FFF;
}

.error {
	border:						1px red solid;
	background:					#e56363;
	padding:					10px;
	color:						#FFF;
}

.system_1 {
	border:						1px #727272 solid;
	background:					#efefef;
	padding:					10px;
}


.factuurstatus_0 {
	background:					red;
	width:						80px;
	color:						white;
	border:						0px;
}
.factuurstatus_1 {
	background:					green;
	width:						80px;
	color:						white;
	border:						0px;
}







#datagrid_filter {
	padding:					0px;
}
#datagrid_filter_table td {
	padding:					3px;
}
#datagrid_fld{
	clear:						both;
	padding:					0px;
}
#datagrid_table {
	border:						1px #ab9878 solid;
}

#datagrid_table td {
	font-size:					11px;
}

.datagrid_tablerow td {
	border-top:					1px #e8e8e8 solid;
}



.btn_zak {
	padding:					3px;
	background:					#e8e8e8;
}



.scen_slecht {
	background:					#FFFFFF;
	color:						red;
	padding:					5px;
	width: 						100px;
	display:					block;
	font-weight:				bold;
}
.scen_neutraal {
	background:					#FFFFFF;
	color:						#000;
	padding:					5px;
	width: 						100px;
	display:					block;
	font-weight:				bold;
}
.scen_gunstig {
	background:					#FFFFFF;
	color:						green;
	padding:					5px;
	width: 						100px;
	display:					block;
	font-weight:				bold;
}


.variabelen {
	background:					#e8e8e8;
	font-weight: 				bold;
	padding:					3px;
}









#requestStrike {
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						350px;
	height:						100px;
	padding:					35px;
	background-color:			#ffffff;
	font-weight:				bold;
	
	margin-left:				-210px;
	margin-top:					-85px;
}



.datarow {
	background:					#FFF;
	border-bottom:				1px #dadbe4 solid;
}
.clickable {
	cursor:						pointer;
}
.Removed {
	color: red;
	text-decoration:				line-through;
}
.Replaced {
	color: green;
}

.datarow:hover {
	background:					#9ccaf6;
}
.datarow:hover td {
	background:					#9ccaf6;
}

.kolHighlight {
	background: 				#edf2f6;
}

.listtopheader {
	background:					#a18f69;
	color:						#FFF;
	font-weight:				bold;
	text-align:					center;
}



.tbl_flds {
	width:						100%;
	border-collapse:			collapse;
}

.tbl_flds_left{
	width:						50%;
	vertical-align:				top;
	padding-right:				10px;
}
.tbl_flds_right{
	width:						50%;
	vertical-align:				top;
	padding-left:				10px;
}




#order_product_info {
	display:					none;
	width:						600px;
	height:						540px;
	background:					#FFFFFF;
	border:						1px #CCCCCC solid;
	position:					absolute;
	top:						50%;
	left:						50%;
	margin-top:					-270px;
	margin-left:				-300px;
	padding:					15px;
}

#offerte_srch_product {
	display:					none;
	width:						1100px;
	height:						800px;
	background:					#FFFFFF;
	border:						1px #CCCCCC solid;
	position:					absolute;
	top:						50%;
	left:						50%;
	margin-top:					-415px;
	margin-left:				-565px;

	padding: 10px;
	border: 5px #666 solid;

	z-index:					5;
}

.dialogHeader {
	background: #666;
	margin-left: -10px;
	margin-top: -10px;
	margin-right: -10px;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	padding-top: 0px;
}

#overlaydivDark {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100%;
	height:						100%;
	
	
	background-color: #666666;
	filter: alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}


.signaal,
.datarow .signaal {
	background: #FF0000;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
}

.signaalOK,
.datarow .signaalOK {
	background: #6bc04e;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
}

.signaalPercent,
.datarow .signaalPercent {
	background: #325d92;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
}

.sigRed {
	background: url("../images/sigRed.png");
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	width: 50px;
	display: block;
}
.sigGreen {
	background: url("../images/sigGreen.png");
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	width: 50px;
	display: block;
}
.sigYellow {
	background: url("../images/sigYellow.png");
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	width: 50px;
	display: block;
}



#dialog_srch_product {
	display:					none;
	width:						1100px;
	height:						800px;
	background:					#FFFFFF;
	border:						1px #CCCCCC solid;
	position:					absolute;
	top:						50%;
	left:						50%;
	margin-top:					-415px;
	margin-left:				-565px;

	padding: 10px;
	border: 5px #666 solid;

	z-index:					5;
}


.listheaderColspan {
	background:					#e8e8e8;
	font-weight:				bold;
	text-align: 				center;
	border-left:				1px #CCCCCC solid;
	padding:					5px;
}



#dialog_beleidsignaal {
	display:					none;
	width:						400px;
	height:						300px;
	background:					#FFFFFF;
	border:						1px #CCCCCC solid;
	position:					absolute;
	top:						50%;
	left:						50%;
	margin-top:					-175px;
	margin-left:				-215px;

	padding: 10px;
	border: 5px #666 solid;

	z-index:					5;
}



.subListHeader {
	background: #ffe488;
	border: 0px;
	font-weight: bold;
}


.documenttype_0 {
	background: red;
	width: 7px;
	height: 7px;
	display: block;
}
.documenttype_1 {
	background: green;
	width: 7px;
	height: 7px;
	display: block;
}



input[type=text] {
	width: 300px;
}

select {
	width: 200px;
}


.linkButton {
	padding: 3px; 
	border: 1px #CCC solid; 
	display: block; 
	width: 200px; 
	text-align: center;
}

.td_alerts img {
	margin-right: 5px;
}





.production {
	margin: 10px;
	background: #FFF;
	display: block;
	float: left;
	width: 360px; /* 300 */
	height: 220px; /* 200 */


-webkit-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.19);
box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.19);
	
}
.productionSelection {
	margin: 10px;
	background: #FFF;
	display: block;
	float: left;
	width: 100%;
	height: 150px;
}

.production td,
.productionSelection td{
	padding: 10px;
	text-align: left;
	vertical-align: top;

}

.imageholder {
	display: block;
	height: 157px; /* 130 */
	overflow: hidden;
}

.productionImage {
	width: 100px;
}



#filterTree {
	width: 268px;
}

#filterTree a {
	color: #000;
}

.tree {
	line-height: 19px;
}

.tree input {
	float: right;
}

.tree:hover {
	background: #e8e8e8;
}

.niv1 {
	margin-left: 0px;
}
.niv2 {
	padding-left: 10px;
}
.niv3 {
	padding-left: 20px;
}
.niv4 {
	padding-left: 30px;
}
.niv5 {
	padding-left: 40px;
}

#voorbeeld {
	display: none;
}

.dateNew {
	color: red;
	font-weight: bold;
}

#treeView {
	overflow: auto;
	height: 500px;
	width: 280px;
	margin-right: -20px;

}

.productionName {
	font-weight: bold;
}


#treeNav {
	padding-top:	10px;
	text-align: center;
	margin-top: -20px;
}

#treeNav button {
	padding: 8px;
	font-weight: bold;
	font-size: 11px;
}


#productionSelection .select {
	background: #c5ced5;
	width: 40px;
	text-align: center;
}

#productionSelection button {
	padding: 5px;
	width: 120px;
}
#productionSelection select {
	width: 450px;
}

.selectionButtons {
	background: #c5ced5;
	padding: 10px;
}




#newRequest,
#changePW {
	display:					none;
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						950px;
	height:						550px;
	background-color:			#e8e8e8;
	margin-left:				-475px;
	margin-top:					-275px;
	z-index:					1;
}

#newRequest h1,
#changePW h1 {
	background: 				#d0d0d0;
	color:						#000000;
	padding:					10px;
	padding-left:				30px;
	border-bottom:				1px #a7a7a5 solid;
	margin:						0px;
}
#newRequest h2 {
	color:						#000000;
	font-size:					14px;
	font-weight: 				bold;
}


#newRequest .close,
#changePW .close {
	float: right;
	color:						#FFF;
	font-weight: 				bold;
	font-size:					16px;
	border-radius:				20px;
	border:						3px #FFF solid;
	padding:					3px;
	margin-top:					-6px;
	width:						20px;
	text-align:					center;
	background:					#000;
}

#newRequest #thumb {
	float: left;
	margin: 30px;
}

#newRequest #requestcontent,
#changePW #requestcontent {
	float: left;
	margin: 30px;
	
}

#newRequest #printcontent {
	float: left;
	margin: 30px;
	
	overflow: auto;
	height: 400px;
	width: 870px;

}

#newRequest table td {
	line-height:				30px;
}

.button {
	padding:					5px;
	padding-left:				30px;
	padding-right:				30px;
	
}


.td_image {
	background:					#ffffff;
	text-align:					center;
}



#changePW {
	display:					none;
	
}



.verplichtRed {
	border:						1px #FF0000 solid;
}



.paid0 {
	background:					red;
	display: block;
	width: 15px;
	height: 15px;
}
.paid1 {
	background:					green;
	display: block;
	width: 15px;
	height: 15px;
}