html {
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}

BODY {
  height: 100%;
  background-color: #003C6F;
  font-size: 8pt;
  text-align: center;
  
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR:  #00559F;
	SCROLLBAR-TRACK-COLOR: #becfdf;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

/*----LINKS---*/
.discLink{
  color:#656565;
  font-family : Arial;
  font-size: 11px;
  text-decoration:none;  
  font-weight: bold;
  cursor:pointer; 
}
.discLink:hover{
  color:#656565;
  text-decoration: underline;
  cursor:pointer; 
}
.discLink:visited { 
  cursor:pointer; 
}
.discLink:active {
  cursor:pointer; 
}
.highlightLink {
  color:#bbbbbb;
  font-size: 10px;
  font-weight: bold;
  font-family : Arial;
  text-decoration:none;
  cursor:pointer; 
}
.highlightLink:hover {
  color:#3c3c3c;
  cursor:pointer; 
}
.divisieBlokLink a {
  color:#000000;
  font-size: 11px;
  text-decoration:none; 
  cursor:pointer; 
}
.divisieBlokLink a:hover {
  font-weight: bold;
  cursor:pointer; 
}
.medewerkersSort a {
  color:#FFFFFF;
  font-size: 11px;
  text-decoration:none; 
  cursor:pointer; 
}
.medewerkersSort a:hover {
  text-decoration:underline;
}

div.rightShadowHolder{
  position : absolute;
  left : 980px;
  height: 100%;
  width : 30px;
  background-image : url(../images/shadowRight.jpg);
  z-index : 1;
}


div.leftShadowHolder{
  position : absolute;
  left : -30px;
  height: 100%;
  width : 30px;
  background-image : url(../images/shadowLeft.jpg);
  z-index : 1;
}

td.tdLeftShadowHolder{
  width : 30px;
  border : 1px solid #FF0000;
  background-image : url(../images/shadowLeft.jpg);
  height : 100%;
}

td.tdRightShadowHolder{
  width : 30px;
  border : 1px solid #FF0000;
  background-image : url(../images/shadowRight.jpg);
  height : 100%;
}

div.mainContent{
  position : relative;
  width : 980px;
  height: 100%;
}

img.searhOver:hover {
  cursor : pointer;
}

td.tdimgHolder{
  width : 275px;
  height : 275px;
  padding : 0px;
  margin : 0px;
  text-align : left;
  background-repeat : no-repeat;
 }


td.tdContentHolder{
  text-align : left;
  font-family : Arial;
  font-size : 11px;
  color : #5a5a5a;
  width : 333px;
  line-height : 14px;
  padding-left : 15px;
  padding-right : 50px; 
}

td.tdContentHolderWidth{
  text-align : left;
  font-family : Arial;
  font-size : 11px;
  color : #5a5a5a;
  width : 640px;
  line-height : 14px;
}

td.tdLinkHolder{
  width : 247px;
  text-align : left;
}

.disclaimerBut{
  position : relative;
  left: 562px;
  top: 10px;
  text-align: left;  
}

h1.blockHead{
  font-family : Arial;
  font-size : 13px;
  color : #11448e;
  margin-bottom : -12px;
  margin-top : 15px;
}

h1.linkHead{
  font-family : Arial;
  font-size : 14px;
  font-weight : bold;
  color : #494949;
  margin-top : 0px;
  margin-bottom : 10px;
}

h1.vacHead{
  font-family : Arial;
  font-size : 15px;
  color : #11448e;
  margin-bottom : -12px;
  margin-top : 15px;
}

a.greyLink{
  color : #3E3E3E;
  font-size : 11px;
  font-family : Arial;
  text-decoration : none;
}

a.greyLink:hover{
  font-weight : bold;
}

a.whiteLink{
  color : #FFFFFF;
  text-decoration : none;
}

table.subMenuTable{
  position : absolute;
  width : 174px;
  text-align : left;
  display : none;
  background-image : url(../images/dropdownBackground.png);
}

td.subMenuTd{
  color : #FFFFFF;
  font-family : Arial;
  font-size : 11px;
  height : 30px;
  width : 160px;
  padding-left : 14px;
  cursor : pointer;
}

td.subMenuTdIe6{
  background-image : url(../images/dropdownBackground.gif);
  color : #FFFFFF;
  font-family : Arial;
  font-size : 11px;
  height : 30px;
  width : 160px;
  padding-left : 14px;
  cursor : pointer;
}

.occasionBlok{
  position: relative;
  left: 0px;
  top: 100px
  font-size: 10px;
  height: 160px;
  padding-top: 15px;
}
.afleverNavigatie{
  position: absolute;
  left: 0px;
  top: 234px;
  width: 459px;
  font-size: 10px;
}
.searchField{
  position: absolute;
  left: 50px;
  top: 54px;
}

.subMenuFill{
  display: block;
  width: 100%;
  height: 23px;
  cursor: pointer;
  background-image: url(../images/menu_fill.gif);
  background-repeat: repeat-x;
}

/*----INPUT---*/
.searchInput{
  color: #000000;
  font-family : Arial;
  font-size: 10px;
  border: 0px;
  padding: 2px;
  height : 10px;
  width: 135px;
}
.inputForm{
  color: #000000;
  font-size: 10px;
  border: #beccdd 1px groove;
  padding: 2px;
  width: 210px;
}
.inputMedewerker{
  color: #000000;
  font-size: 10px;
  border: #beccdd 1px groove;
  padding: 2px;
  width: 210px;
}
.inputSelect{
  color: #000000;
  font-size: 10px;
  border: #beccdd 1px groove;
  margin-top: 1px;
  margin-bottom: 1px;
  width: 100px;
}
.textTaf{
  color: #000000;
  font-family: Helvetica, Arial, Verdana;
  font-size: 10px;
  border: #beccdd 1px groove;
  padding: 2px;
  width: 210px;
  height: 103px;
}

.backBut {
  height: 23px;
  color: #000000;
  font-size: 11px;
  text-decoration:none; 
  cursor: pointer;
}
.backBut:hover {
  font-weight: bold;
}
.mailBut {
  color: #000000;
  font-size: 11px;
  text-decoration:none; 
  cursor: pointer;
}
.mailBut:hover {
  font-weight: bold;
}
.zoekBut {
  position: relative;
  width: 75px;
  height: 18px;
  background-image: url(../images/zoek.gif); 
  cursor: pointer;
}
.prevBut{
  position: absolute;
  left: 0px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/vorige.gif); 
  cursor: pointer;
}
.prevButDis{
  position: absolute;
  left: 0px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/vorige_disabled.gif);
}
.nextBut{
  position: absolute;
  left: 105px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/volgende.gif); 
  cursor: pointer;
}
.nextButDis{
  position: absolute;
  left: 105px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/volgende_disabled.gif);
}
.tafBut{
  position: absolute;
  left: 110px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/doorsturen.gif); 
  cursor: pointer;
}

.homeBut{
  position: absolute;
  left: 220px;
  top: 252px;
  width: 80px;
  height: 23px;
  background-image: url(../images/overzicht.gif); 
  cursor: pointer;
}

.downloadBut{
  position: absolute;
  left: 0px;
  top: 252px;
  width: 100px;
  height: 23px;
  background-image: url(../images/downloaden.gif); 
  cursor: pointer;
}
.prevButSmal{
  position: absolute;
  left: 790px;
  top: 252px;
  width: 80px;
  height: 23px;
  background-image: url(../images/vorige2.gif); 
  cursor: pointer;
}

.prevButSmalDis{
  position: absolute;
  left: 790px;
  top: 252px;
  width: 80px;
  height: 23px;
  background-image: url(../images/vorige_smal_disabled.gif);
}
.nextButSmal{
  position: absolute;
  left: 880px;
  top: 252px;
  width: 80px;
  height: 23px;
  background-image: url(../images/volgende_smal.gif); 
  cursor: pointer;
}
.nextButSmalDis{
  position: absolute;
  left: 880px;
  top: 252px;
  width: 80px;
  height: 23px;
  background-image: url(../images/volgende_smal_disabled.gif);
}
.sendBut{
  position: relative;
  width: 100px;
  height: 23px;
  background-image: url(../images/verzenden.gif); 
  cursor: pointer;
}

/*----TR----*/
.searchMedewerker{  
  cursor: pointer;
}
.searchMedewerker td{
  vertical-align: top;
  border-bottom: #000000 1px dashed;
  padding: 2px;
}
.searchMedewerkerKop{  
  color: #FFFFFF;
  background-color: #3377b2;
  padding: 5px;
}
.modellenOverzicht{  
}
.modellenOverzicht td{
  vertical-align: top;
  border-bottom: #000000 1px dashed;
  padding: 5px;
  font-size : 11px;
}
.modellenOverzichtKop{  
  color: #FFFFFF;
  background-color: #3377b2;
  padding: 5px;
  font-size : 11px;
}
.modellenComment{ 
  color: #A7A7A7;
  background-color: #FFFFFF;
  padding-left: 5px;
  font-size : 11px;
}
form{
  display: inline;
}
/*---IFRAME--*/
iframe#ifrm{
  background: #FFFFFF;
}

iframe.contentframe{
  scrollbar-base-color:blue;
}

div.pagecount {
position: absolute;
width: 417px;
height: 20px;
top : 165px;
left: 0px;
text-align: right;

}
div.pagenumber {

background-color: #3377b2;
top: 0px;
height: 16px;
width: 16px;
text-align: center;
cursor: pointer;

}

div.pagenumberSelected {

background-color: #8b8b8a;
top: 0px;
height: 16px;
width: 16px;
text-align: center;
cursor: pointer;

}

.pagelink {
line-height: 16px;
color: #FFF;
text-decoration: none;
font-family: Helvetica, Arial, Verdana;
font-size: 11px;
}

.divisieBlokLinkNoChange a {
  color:#000000;
  font-size: 11px;
  text-decoration:none; 
  cursor:pointer; 
}
.divisieBlokLinkNoChange a:hover {
  cursor:pointer; 
}


a.footerLink{
  color : #888da4;
}