/*==============================================================================
START: Global style
==============================================================================*/
html, body {
  /*background-color: rgb(114,119,126);*/
  background-color: rgb(130,135,141);
  font-family: arial;
  color: #000;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

table {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

th {
  border: 1px solid #888;
  white-space: nowrap;
  width: 150px;
  /*background-image: url("http://localhost/genius/images/koppointer.gif");*/
  background-repeat: no-repeat;
  background-position: top left;
}

td {
  font-size: 10pt;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

table.blank {
  border-collapse: collapse;
  background: transparent none !important;;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: auto !important;
}

table.blank th {
  background-color: transparent !important;;
  background: transparent none;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: auto !important;
}

table.blank td {
  background: transparent none !important;;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: auto !important;
}

form {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px none;
}

select {
	width: 200px;
}

input {
	width: 200px;
}

input.knop {
	width: auto; 
	padding-left: 30px; 
	padding-right: 30px;
}

textarea {
	font-family: arial;
	font-size: 10pt;	
}

option {
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

img {
  border: 0px;
  margin: 3px;
  padding: 0px;
}

div {
  /*overflow: hidden;*/
  font-size: 10pt;
}

div.midden {
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: visible;
}

h1 {
  font-size: 14pt;
  margin: 5px;
  padding: 0px;
}

h2 {
  font-size: 12pt;
  margin: 3px;
  padding: 0px;
}

h3 {
  font-size: 11pt;
  margin: 2px;
  padding: 0px;
}

fieldset {
  margin: 2px 10px 2px 10px;
  padding: 5px;
  border: 1px solid #bbb;
}

legend {
  margin: 2px;
  padding: 2px 10px 2px 10px;
  border: 1px solid #bbb;
}
/*==============================================================================
EINDE: Global style
==============================================================================*/


/*==============================================================================
START: Main style
==============================================================================*/
#top {
  background-color: none;
  /*background-image:url(../images/logo.gif);*/
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 986px; /* 1000 -7  -7*/
  height: 70px;
  border-bottom: 1px solid #000;
}

#blok1 {
/*  background-color: #565;*/
  position: absolute;
  top: 84px; /* 70 + 7 + 7 */
  left: 7px;
  width: 250px;
  height: 130px;
}

#blok2 {
/*  background-color: #565;*/
  position: absolute;
  top: 221px; /* 84 + 130 + 7 */
  left: 7px;
  width: 250px;
  height: 185px;
}

#blok3 {
/*  background-color: #565;*/
  position: absolute;
  top: 412px; /* 221 + 185 + 7 */
  left: 7px;
  width: 250px;
  height: 180px;
}

#blok1b {
/*  background-color: #565;*/
  position: absolute;
  top: 84px; /* 100 + 7 + 7 */
  left: 7px;
  width: 250px;
  height: 509px; /* 130 + 7 + 185 + 7 + 180 */
}

#mainpage {
  background-color: #eee;
  position: absolute;
  top: 84px; /* 7 + 70+ 7 */
  left: 264px; /* 7 + 250 + 7 */
  width: 729px; /* 1000 - 7 - 250 - 7 - 7 */
  height: 509px; /* 130 + 7 + 185 + 7 + 180 */
}

#mainpagewide {
	background-color: #eee;
	position: absolute;
	top: 84px; /* 7 + 70+ 7 */
	left: 7px; /* 7 + 250 + 7 */
	width: 986px; /* 1000 - 7 -  7 */
	height: 509px; /* 130 + 7 + 185 + 7 + 180 */
}
/*==============================================================================
EINDE: Main style
==============================================================================*/


/*==============================================================================
START: Standaard blok
==============================================================================*/
div.blok {
	background-color: #eee;
	padding: 0px;
	margin: 0px;
}

div.blok div.summary {
	background-color: #ddd;
	bottom: 19px;
	position: absolute;
	width: 100%;
	height: 19px;
	vertical-align: middle;
	border-top: 1px solid #000;	
	z-index: 9;
}

div.blok div.control {
	background-color: #ccc;
	border-top: 1px solid #000;	
	bottom: -1px;
	position: absolute;
	width: 100%;
	height: 19px;
	vertical-align: middle;
	z-index: 10;
}
/*==============================================================================
EINDE: Standaard blok
==============================================================================*/


/*==============================================================================
START: Mainpage style
==============================================================================*/
table.mainpage {
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
  height: auto;
}

table.mainpage th {
  background-color: #ff0;
  margin: 0px;
  border-bottom: 1px solid #000;
  border-top: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  width: 100%;
}

table.mainpage td {
  height: auto;
}

div.mainsummary {
	position: absolute;
	width: 100%;
	height: 19px;
	border-top: 1px solid #000;
	background-color: #ddd;  
	bottom: 20px;
	z-index: 10;
}

div.maincontrol {
	position: absolute;
	width: 100%;
	height: 19px;
	border-top: 1px solid #000;
	background-color: #ccc;
	bottom: 0px;
	z-index: 10;
}

div.mainscrollbox {
	position: absolute;
	width: 100%;
	bottom: 23px; 
	overflow: scroll;
	z-index: 5;
}
/*==============================================================================
EINDE: Mainpage style
==============================================================================*/


/*==============================================================================
START: controlmod style
==============================================================================*/
table.controlmod {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  margin: 0px;
}

table.controlmod td {
  margin: 0px;
  white-space: nowrap;
  /*background-color: #565;  */
}

table.controlmod th {
  background-color: #ff0;
  margin: 0px;
  border-bottom: 1px solid #000;
  border-top: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  width: 100%;
} 
/*==============================================================================
EINDE: controlmod style
==============================================================================*/



/*==============================================================================
START: Product selectie style
==============================================================================*/
table.productSelect {
  background: none !important;
  border-collapse: collapse;
  table-layout: auto;
  width: 100% !important;
  margin: 0px;
}

table.productSelect td {
  background: none !important;
  width: 100% !important;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #888;
}

table.productSelect th {
  width: auto !important;
  background: none !important;
  text-align: left;
  border: none;
  border-bottom: 1px solid #888;
} 

table.productSelect td select {
  width: 100%;
}
/*==============================================================================
EINDE: Product selectie style
==============================================================================*/


/*==============================================================================
START: Product history style
==============================================================================*/
table.producthistory {
	border-collapse: collapse;
	width: 100%;
}

table.producthistory  td {
	font-size: 80%;
	/*border-bottom: 1px dashed #444;*/
	border-bottom: 1px solid #ccc;
	padding-left: 1px;
}

table.producthistory  td  a { 
	color: #000;
	text-decoration: none;
}

table.producthistory  td  a:hover { 
	color: #444;
	text-decoration: underline;
}

/*==============================================================================
EINDE: Product history style
==============================================================================*/


/*==============================================================================
START: Product selectie style
==============================================================================*/
table.productbasket {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

table.productbasket  td {
	font-size: 90%;
	border-bottom: 1px solid #ccc;
}

table.productbasket  td  a { 
	color: #000;
	text-decoration: none;
}

table.productbasket  td  a:hover { 
	color: #888;
	text-decoration: underline;
}

/*==============================================================================
EINDE: Product selectie style
==============================================================================*/


/*==============================================================================
START: Onderhoudmenu style
==============================================================================*/
table.onderhoudmenu {
  width: 100%;
}

table.onderhoudmenu th {
  background-color: #aaa;
  border-bottom: 1px solid #fff;
  border-top: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  width: 100%;
}

table.onderhoudmenu td {
	padding-left: 2px;
}

table.onderhoudmenu td a {
  text-decoration: none;
  color: #000;
}

table.onderhoudmenu td a:hover {
  text-decoration: underline;
}
/*==============================================================================
EINDE: Onderhoud style
==============================================================================*/


/*==============================================================================
START: Menumod
==============================================================================*/
#toplanguage {
	position: absolute;
	bottom: 14px;
	left: 555px;	
	height: auto;	
	padding: 1px;
	text-align: right;
	color: #fff;
}

#topusername {
	position: absolute;
	bottom: 39px;
	left: 555px;	
	height: auto;	
	padding: 1px;
	text-align: right;
	color: #fff;
}

#toplogoimage {
	position: absolute;
	bottom: 0px;
	left: 0px;		
}

#topairbagbankEU {
	position: absolute;
	bottom: 2px;
	left: 75px;
}

#toponderhoud {
	position: absolute;
	top: 0px;
	right: 0px;
	height: auto;
}

#menubar {
	position: absolute;
	bottom: 14px;
	right: 0px;	
	width: auto;
	height: auto;
	overflow: visible;
	border: none;
}

table.menumod {
	width: auto;
	height: 100%;
	table-layout: fixed;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.menumod td {
	height: auto;
	border: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
	background: #eee;
	width: 80px;
}

table.menumod td a {
	height: 17px;
	width: 100%;
	display: block;
	border: none;
	margin: 0px;
	padding: 0px;

	text-align: center;
	font-weight: bold;
	font-size: 9pt;
	color: #000;	
	background: none;	
	text-decoration: none;
}

table.menumod td a:hover {
	background: rgb(114,119,126);
	color: #eee;
}
/*==============================================================================
EINDE: Menumod
==============================================================================*/


/*==============================================================================
START: ComboBox
==============================================================================*/
input.ajcombo {
}

div.ajcombo {
	position: absolute;
	border: none !important;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	z-index: 100;
}

div.ajcombo select {
  width: 200px;
  border: 1px solid #888 !important;
  margin: 0px;
  padding: 0px;
  z-index: 101;
}
/*==============================================================================
EINDE: ComboBox
==============================================================================*/


/*==============================================================================
START: Onderhouds pagina's
==============================================================================*/
table.onderhoudlijst {
  border-collapse: collapse;
  width: 95%;
  margin: 0px;
  padding: 0px;
}

table.onderhoudlijst tr {
  margin: 0px;
  padding: 0px;
}

table.onderhoudlijst td {
  padding: 0px 2px 0px 2px;
  margin: 0px; 
  border-bottom: 1px dashed #aaa;
}

table.onderhoudlijst th {
	background: none;
	text-align: left;
	border-left: none;
	border-right: none;
}

table.onderhoudlijst td.leeg {
  border: none;
  width: 100px;
}

table.onderhoudlijst tr.lastrow td {
	border-bottom: 1px solid #000;
}

span.fieldsetContent {
	height: auto;
	width: 100%;
	overflow: visible;
	display: block;
	position: static;
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

/*==============================================================================
EINDE: Onderhouds pagina's
==============================================================================*/


/*==============================================================================
START: Buttonbar
==============================================================================*/
span.buttonBar {
	display: block; 
	width: 95%; 
	text-align: right;
}

span.buttonBar img {
	cursor: pointer;
}
/*==============================================================================
EINDE: Buttonbar
==============================================================================*/


/*==============================================================================
START: Producttonen
==============================================================================*/
table.toonairbag {
	width: 94%;
	border: 1px solid #888;
	margin-left: 3%;
}

table.toonairbag  td {
	vertical-align: top;
	text-align: left;	
}

table.toonairbag  td {
	vertical-align: top;
	text-align: left;	
}

table.toonairbag tr.voertuigen td {
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
}

table.airbagdetails {
	border: 0px none;
	width: 300px;
}

table.airbagdetails td {
	border: 0px none;
}

table.airbagfotos {
	border: 0px none;
	width: 270px;
}

table.airbagfotos td {
	border: 0px none;
}

/*==============================================================================
EINDE: Productselectie
==============================================================================*/