@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans Narrow', sans-serif;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}	
h1 + p {
	margin-top:5px;
}
.clear {
	padding:0px !important;
	clear:both;
}
.tab {
	width:130px;
	display:inline-block;
}
.tab + .tab {
	width:400px;
}
.small {
	color:#666;
	font-size:11px;
}
.popup {
	position:absolute;
	background-image:url(../img/popup_back.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	bottom:25px;
	color:#fff;
	font-size:11px;
	padding:10px 10px 20px 10px;
	white-space:nowrap;
}
.paymentstatus .popup {
	bottom:10px;
}
	
body {
	font-family: "Lucida grande",Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	margin:0px;
}
#dfact {
	position:absolute;
	top:0px;
	left:10px;
}
#logo {
	width:980px;
	height:76px;
	margin:0 auto;
}
#head {
	width:100%;
	height:110px;
	margin-top:15px;
}
#headcontent {
	position:relative;
	width:980px;
	height:42px;
	margin:0 auto;
	background:url(../img/back_menu.png);
}
#menu {
	width:980px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.main {
	min-height:10px;
	width:100%;
	margin-top:10px;
}
.maincontent {
	width:980px;
	margin:0 auto;
	background-color:#FFFFFF;
	min-height:10px;
}
.maincontent > div, .maincontent > form >div {
	padding:20px;
}
.column_half {
	display:inline-block;
	width:466px;
}
.column_half + .column_half {
	text-align:right;
}	



.login {
	width:290px;
	height:200px;
	padding:40px 80px 20px 80px;
	position:relative;
	left:50%;
	margin-left:-235px;
	background-image:url(../img/linen_login.jpg);
	color:#FFF;
	border-radius:5px;
	border:1px #CCC solid;
	box-shadow: 0 10px 10px -5px #000000;
}
.login label {
	display:block;
}




/*Overzichten*/
.action {
	display:inline-block;
	cursor:pointer;
	margin-right:3px;
	position:relative;
}
.paymentstatus {
	cursor:pointer;
	display:inline-block;
	position:relative;
}
.actionbar {
	text-align:right;
	margin-bottom:10px;
}
#from, #to {
	width:80px;
	border-radius:2px;
	font-weight:bold;
	padding: 0.4em 1em;
	text-align: center;
	background: url("../img/jqui/ui-bg_highlight-soft_100_f6f6f6_1x100.png") repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #DDDDDD;
    color: #0073EA;
    font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
    font-size: 1.1em;
	box-shadow:none;
	cursor:pointer
}
td input[type=checkbox] {
	display:inline-block;
	margin-left:0px;
}




/*ORDER*/
select, input[type="text"], input[type="password"], textarea {
	width:250px;
	padding:4px;
	background-color:#f7f7f7;
	border:1px solid #cecece;
	border-radius:3px;
	color:#666;
	margin:2px 0;
	box-shadow: inset 0px 2px 5px 2px #e4e7ec;
	resize:none;
}
select:focus, input[type="text"]:focus, textarea:focus {
	background-color:#c5d0dc;
}
input.postcode {
	width:80px;
	margin-right:10px;
}
input.plaats {
	width:150px;
}
input.betreft {
	width:792px;
}
input.artnr {
	width:80px;
}
input.aantal {
	width:80px;
}
input.prijs, input.stukprijs {
	width:100px;
}
input.error, select.error, textarea.error {
	border-color:#F30;
}
select.btw {
	width:110px;
}
select {
	width:260px;
}
label {
	display:inline-block;
	width:130px;
}
.inline {
	display:inline-block;
	width:400px;
	font-size:11px;
	vertical-align:top;
}
.inline strong {
	font-size:12px;
	
}
.column_full label {
	width:200px;
}

.order_rules th div {
	background-color:#333;
	color:#FFF;
	padding:10px 7px;
	font-size:11px;
}
.order_rules th div.first {
	border-radius:5px 0 0 0 ;
}
.order_rules th div.last {
	border-radius:0 5px 0 0 ;
}
.order_rules td {
	vertical-align:top;
	padding-right:3px;
	padding-top:3px;
}

table .subtotaal {
	font-weight:bold;
	font-size:14px;
}
table .totaal {
	font-weight:bold;
	font-size:18px;
}

.preview > img {
	width:680px;
}
.preview {
	width:680px;
	display:inline-block;
	position:relative;
	border:#999;
	box-shadow:0px 0px 4px #333;
}
.preview .label, .import_preview .label {
	position:absolute;
	right:-9px;
	top:-9px;
}



.checkorders {
	height:250px;
	overflow-y:scroll;
	padding:5px;
	border:1px solid #ccc;
}
.checkorders > div {
	margin:3px 0px;
	color:#666;
	font-size:11px;
}


/*SETTINGS*/
textarea[name=bericht], textarea[name=dash_opm] {
	width:100%;
	height:200px;
}




/*SENDMAIL*/
.mail_status {
	margin:0 auto;
	font-size:15px;
	text-align:center;
	padding:20px 0;
}
.preview_status {
	margin:0 auto;
	font-size:15px;
	text-align:center;
	color:#FFF;
	padding:40px 20px !important;
	background-image:url(../img/linen.jpg);
}


.green {
	color:#6ab224;
	text-shadow:1px 1px 0px #000;
}
.red {
	color:#C30;
}









ul									{ list-style: none; padding:0px; margin:0px; position:relative; top:0px; z-index:99}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; white-space:nowrap; width:100%; left:0px; background-color:#000000; text-align:left;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; margin-right:0px;}
ul.dropdown a:hover		            { color: #FFF; text-decoration:none }
ul.dropdown a:active                { color: #FFF; text-decoration:none }
ul.dropdown li a                    {
	display: block;
	color: #FFF;
	text-decoration:none;
	height:32px;
	background:url(../img/seperator.png);
	padding:10px 10px 0px 15px;
}
ul.dropdown li a.actief {
	background:url(../img/seperator_active.png);
}
ul.dropdown li a.actief:hover {
	background:url(../img/seperator_active.png);
}
ul.dropdown li a:hover                    {
	background:url(../img/seperator_roll.png);
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: ; color: #FFFFFF; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 25px; left: -10px; padding:10px; -moz-border-radius: 0px !important; }
ul.dropdown ul li 					{ font-weight: normal; color: #FFFFFF; 
									  border-bottom: 0px solid #63707e; float: none; height:30px; -moz-border-radius: 0px !important; }
ul.dropdown ul li:hover 					{background:none; -moz-border-radius: 0px !important;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#bec3c7; -moz-border-radius: 0px !important; background:#000; } 
ul.dropdown ul li a:hover			{ border-right: none; width: 100%; display: inline-block; color:#FFF; background-color: ;-moz-border-radius: 0px !important; background:#000; } 
#000/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



th {
	text-align:left;
}









#message {
	color:#FFF;
	font-weight:bold;
	text-shadow:1px 1px 0px #000;
	font-size:13px;
	text-align:center;
	background: #9dd53a;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));

background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);

background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);

background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);

background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );

}

#error {
	color:#FFF;
	font-weight:bold;
	text-shadow:1px 1px 0px #000;
	font-size:13px;
	text-align:center;
	background: #f85032;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NTAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNmY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2MjkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YwMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzM4MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));

background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);

background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);

background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);

background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );


}

#intro {
	
	background: #fce5f2;

}
.settings {
	color:#FFF;
	
	background: rgb(63,76,107);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(63,76,107,1)));

background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);

background: -o-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);

background: -ms-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);

background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 );


}


.notification {
	color:#FFF;
	font-weight:bold;
	text-shadow:1px 1px 0px #000;
	font-size:13px;
	text-align:center;
	border-radius:4px;
	padding:25px;
	
	background: rgb(73,155,234);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(100%,rgba(32,124,229,1)));

background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);

background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);

background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);

background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );



}





/*Preview*/
.import_preview {
	display:inline-block;
	margin-right:20px;
	width:250px;
	background-color:#FFF;
	font-size:11px;
	text-align:left;
	padding:10px;
	color:#000;
	vertical-align:top;
	margin-bottom:20px;
	box-shadow:0px 0px 20px #000;
	position:relative;
}
.import_preview .crediteur, .import_preview .artikelen {
	display:none;
	position:absolute;
	background-color:#FFF;
	padding:10px;
	box-shadow:0px 0px 20px #000;
	z-index:99;
}
.import_preview .artikelen {
	display:none;
}
.bekijk_crediteur .crediteur {
	position:absolute;

}


.add_debtor {
	display:inline-block;
	margin-left:5px;
	width:20px; height:20px;
	cursor:pointer;
	vertical-align:-6px;
}
.add_debtor img {
	display:block;
	width:100%; height:auto
}