nhtml {
	overflow:auto;
}
body {
	font-family: Verdana;
	font-size: 12px;
	margin:auto;
	background:url(Images/bg_pagina.gif);
}
select {
	font-family:Arial;
	border:1px solid #2169A5;
	background:#FFFFFF;
	z-index:5;
}
.EditSelect {
	z-index:5;
	background:white;
}
input[type=file]{
	border:1px solid #2169A5;
	background:#FFFFFF;
	orphans:5px;
	z-index:5;
}
input {
	z-index:5;
}
select {
	width: 120px;
}
.EditDikte {
	width: 30px;
}
a {
	text-decoration:none;
	font-family:Arial;
	font-size: 12px;
}
a img {
	border: 0;
}

B {
	color:#EF9229;
	font-weight:bolder;
}
.CalendarLink{
	text-decoration:none;
	font-family:Arial;
	font-size: 12px;
	color:#000;
}

.CalendarLink:hover {
	text-decoration:underline;
	font-family:Arial;
	font-size: 12px;
	color:#000;
}
table.Calendar {
	border:1px solid #4682B4;
	background:#4682B4;
}

td.Calendar {
	background:#4682B4;
}

td.CalendarTitel {
	background:#E77910;
}
td.CalendarSelect {
	background:#99CCFF;
}
td.CalendarDays {
	background:#FFFFFF;
}
td.CalendarWeekend {
	background:#FF9966;
}
div.header {
	background: #FFF url(Images/cromvoirtse_v2.jpg) no-repeat scroll left center;
	height:170px;
}
font.calendar1 {
	color:#FFFFFF;
	font-family:Arial;
}
font.calendar2 {
	color:#000000;
	font-family:Arial;
}
div.inhoud {
	background-color:#FFFFFF;
	position:relative;
	/*width:1024px;*/
	height:auto;
}
div.registratie {
	position:relative;
	width:600px;
	padding-left:25px;
	padding-top:25px;
	min-height:500px;
}
div.footer {
	position: relative;
	margin: 5px auto;
	text-align: center;
	font-size: 9px;
	z-index: -1000;
	clear: both;
}
div.footer a {
	font-size: 9px;
}
div.login {
	position:relative;
	width:300px;
	float: left;
	padding-left:25px;
	height:500px;
}
div.offerte {
	position:relative;
	width:960px;
	padding-top:25px;
}
.informatie img {
	vertical-align:bottom;
	cursor:pointer;
}
tr.informatie td {
	padding: 3px;
}
.Tekst {
	font-family: Arial;
	font-size: 12px;
	margin:5px;
	font-weight:normal;
}
.Kop1 {
	font-family: Arial;
	font-size: 14px;
	margin: 5px 0;
	font-weight:bold;
}
.EditNummer {
	width:30px;
		border:1px solid #2169A5;

}
.EditBox {
	width:150px;
	border:1px solid #2169A5;

}
.Fout {
	font-family: Arial;
	font-size: 11px;
	font-weight:normal;
	color:#FF0000;
}
#container {
	position:relative;
	/*width: 1024px;*/
	width: 100%;
	margin: 0 auto;
}
#foutje {
	font-family:Arial;
	color:#CC0000;
	font-weight:bold;
}
#opmshow {
	position:	absolute;
	top:		150px;
	left:		620px;
	text-align:	left;
	border:		solid 1px #000000;
	background:	#C6CBE7;
	display:	none;
	z-index:	20;
	padding:	10px;
}

#opmshow .sluit {
	position:	absolute;
	right:		10px;
	top:		10px;
}

.infobox {
	position:	absolute;
	top:		10px;
	left:		500px;
	text-align:	left;
	width:		500px;
	border:		solid 1px #000000;
	background:	#C6CBE7;
	display:	none;
	padding:	3px;
	z-index:	20;
}
.infoboxMat {
	position:	absolute;
	top:		-120px;
	left:		500px;
	float:		right;
	text-align:	left;
	width:		500px;
	border:		solid 1px #000000;
	background:	#C6CBE7;
	display:	none;
	z-index:	20;
}
.infoboxKant {
	position:absolute;
	top:50px;
	left:500px;
	float:right;
	bottom:50px;
	text-align:left;
	width:500px;
	min-height:80px;
	height:auto;
	max-height:80px;
	border:solid 1px #000000;
	background:#FFFFCC;
	display:none;
	z-index:20;
}
.regel {
	margin-top: -1px;
}
.regel td {

}

#tooltip {
	background-color: #FFFFCC;
    position:absolute;
    z-index:20;
    padding:5px;
    border:1px solid #000;
	display: none;
}

/** Form herbestellen
------------------------------------------------------------------------------*/

#window_herbestellen {
	position: relative;
	background-color: #fff;
	border: 1px solid #000;
	height: 800px;
}
#window_herbestellen .statusbalk {
	position: absolute;
	bottom: 0;
	padding: 5px;
	width: 100%;
	border-top: 1px solid #000;
	background-color: #ece9d8;
}
.statusbalk .statustekst {
	float: left;
}
.knoppen {
	display: inline-block;
	clear: left;
	float: left;
	margin-right: 10px;
	padding: 3px;
}
 .knoppen .annuleren {
	height: 40px;
	width: 130px;
	padding: 5px 5px 5px 35px;
	background: #fff url('images/cancel.png') no-repeat scroll 5px center;
	text-align: right;
}
 .knoppen .ok {
	height: 40px;
	width: 210px;
	padding: 5px 5px 5px 35px;
	background: #fff url('images/check.png') no-repeat scroll 5px center;
	text-align: right;
}

.button_filter {
	padding: 1px 5px 1px 15px;
	width: 143px;
	*width: 153px;
	background: #fff url('images/filter.png') no-repeat scroll 5px center;
	text-align: right;
}

/** Zoeken
------------------------------------------------------------------------------*/

#window_herbestellen .zoeken {
	height: 250px;
	background-color: #ece9d8;
	border-bottom: 1px solid #000;
	padding: 10px;
}
.zoeken table {
	float: left;
	border: 1px solid #000;
	height: 205px;
	margin-right: 10px;
}
/** Orderregels
------------------------------------------------------------------------------*/

#window_herbestellen .orderregels {
	position: absolute;
	top: 270px;
	bottom: 27px;
	left: 0;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

.orderregels .content {
	width: 1550px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 484px;
}
.orderregels table {
	width: 1550px;
	border-collapse: collapse;
}
.orderregels table thead {
	display: none;
	height: 0;
}

.orderregels thead td {
	background-color: #226AA5;
	color: #fff;
}

.orderregels td {
	border: 1px solid #000;
	overflow-x: hidden;
}

.orderregelsheader {
	width: 1550px;
	color: #fff;
}

.orderregelsheader table {
	border-collapse: collapse;
}

.orderregelsheader td {
	border: 1px solid #000;
	background-color: #226AA5;
}

/** Preloader
------------------------------------------------------------------------------*/


.preloader {
	position: relative;
	top: 50px;

}
.preloader img {
	position: absolute;
	left: 50%;
	top: 50%;
}

.orderregels td span.opmerking {
	display: none;
}
#window_shadow {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 25;
	display: none;
}
#window_jpg {
	position: fixed;
	left: 50%;
	top: 40%;
	display: none;
	background-color: #fff;
	border: 8px solid #000;
	z-index: 35;
}
#window_jpg img {
	margin-top: 25px;
}
#window_jpg #titelbalk{
	position: absolute;
	width: 100px;
	text-align: right;
	top: 0;
	right: 0;
	height: 50px;
}

#basisgegevens_order {
	
}

/** Error bericht Ww vergetem
------------------------------------------------------------------------------*/

#error_bericht {
	color: red;
}


/** orderregels
------------------------------------------------------------------------------*/

.regel td.bestand_vak {
	position: relative;
	display: block;
}

div.progress {
	background-color:	red;
	height:				20px;
	position:			absolute;
	left:				4px;
	top:				4px;
	display:			block;
	width:				0px;
	text-align:			center;
	line-height:		20px;
	overflow:			hidden;
}

#files_box {
	width: 650px;
	top: 220px;
	left: 300px;
}

.multiple_file_info {
	cursor: pointer;
}

#upgrade_box {
	float: left;
	text-align: center;
	padding: 50px;
	display: none;
	width: 400px;
	font-size: 12px;
}
#upgrade_box, #upgrade_box a {
	color: #000;
}
.upgrade_box {
	margin-left: 10px;
}


#upload_errors {
}



/* Knopjes
------------------------------------------------------------------------------*/

.buttons {
	position: relative;
}

.buttons a, .buttons button {
    display:				block;
    float:					left;
    margin:					0 7px 0 0;
    background-color:		#f5f5f5;
    border:					1px solid #dedede;
    border-top:				1px solid #eee;
    border-left:			1px solid #eee;

    font-family:			"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:				100%;
    line-height:			130%;
    text-decoration:		none;
    font-weight:			bold;
	color:					#565656;
    cursor:					pointer;
    padding:				5px 10px 6px 7px;

}

.buttons button {
    padding:				4px 10px 6px 7px;
	line-height:			17px;
}

*:first-child+html button[type]{
    padding:				3px 0px 3px 0px !important;
}


.buttons button img, .buttons a img{
    margin:					0 3px -3px 0 !important;
    padding:				0;
    border:					none;
    width:					16px;
    height:					16px;
}

/* Knop kleuren
------------------------------------------------------------------------------*/

/* Standaard */

button:hover, .buttons a:hover{
    background-color:		#dff4ff;
    border:					1px solid #c2e1ef;
    color:					#336699;
}
.buttons a:active, .buttons button:active {
    background-color:		#6299c5;
    border:					1px solid #6299c5;
    color:					#fff;
}

/* Positief */

button.positive, .buttons a.positive{
    color:					#529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:		#E6EFC2;
    border:					1px solid #C6D880;
    color:					#529214;
}
.buttons a.positive:active, button.positive:active {
    background-color:		#529214;
    border:					1px solid #529214;
    color:					#fff;
}

/* Negatief */

.buttons a.negative, button.negative{
    color:					#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background:				#fbe3e4;
    border:					1px solid #fbc2c4;
    color:					#d12f19;
}
.buttons a.negative:active{
    background-color:		#d12f19;
    border:					1px solid #d12f19;
    color:					#fff;
}

.qtip {
	z-index: 10 !important;
}

.qtip-wrapper {
	right: 85px;
}