body {
margin : 0px;
padding : 0px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 10pt;
height:100%;


}

.content {
margin : 0px;
padding : 0px;
background-color:#FFFFDF;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 10pt;
}

.popup {
margin : 0px;
padding : 0px;
/*background-color:#e1f1ff;*/
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 10pt;
}

#loading{
position:absolute;
left:50%;
top:40%;
border:3px solid #b2d0f7;
background:#dfe8f6;
padding:10px;
font:bold 14px verdana,tahoma,helvetica;
color:#003366;
width:170px;
margin-left:-88px;
margin-top:-18px;
text-align:center;
}

.gridtext{
font-weight: bold;
}

/*  .x-grid3-scroller{overflow:auto;zoom:1;position:relative;background-color:#FFFFDF; }  */

/* bugfix voor twintriggerfield in ie */
.x-form-trigger {    vertical-align: middle !important;} .ext-ie7 .x-toolbar .x-form-text {    top: auto !important;}

.x-grid3-row-selected{background:#c3d2e5!important;border:1px dotted #a3bae9;}


.icon-opslaan {
	background-image:url(./images/icon-opslaan.gif) ! important;
}
.icon-annuleren {
	background-image:url(./images/icon-annuleren.gif) ! important;
}
.icon-leegmaken {
	background-image:url(./images/icon-leegmaken.gif) ! important;
}
.icon-afrekenen {
	background-image:url(./images/icon-afrekenen.gif) ! important;
}
.icon-volgende {
	background-image:url(./images/icon-volgende.gif) ! important;
}
.icon-vorige {
	background-image:url(./images/icon-vorige.gif) ! important;
}
.icon-info {
	background-image:url(./images/icon-info.gif) ! important;
}
.icon-newafleveradres {
        background-image:url(./images/icon-newafleveradres.gif) ! important;
}
.icon-editafleveradres {
        background-image:url(./images/icon-editafleveradres.gif) ! important;
}
.icon-delafleveradres {
        background-image:url(./images/icon-delafleveradres.gif) ! important;
}
.icon-settings {
        background-image:url(./images/icon-settings.gif) ! important;
}
.icon-privacy {
        background-image:url(./images/icon-privacy.gif) ! important;
}
.icon-levering {
        background-image:url(./images/icon-levering.gif) ! important;
}
.icon-route {
        background-image:url(./images/icon-route.gif) ! important;
}
.icon-zoeken {
        background-image:url(./images/icon-zoeken.gif) ! important;
}
.icon-vraag {
        background-image:url(./images/icon-vraag.gif) ! important;
}
.icon-ok {
        background-image:url(./images/icon-ok.gif) ! important;
}


.icon-download {
        background-image:url(./images/icon-download.gif) ! important;
}
.icon-wwvergeten {
        background-image:url(./images/icon-wwvergeten.gif) ! important;
}
.icon-ngklant {
        background-image:url(./images/icon-ngklant.gif) ! important;
}




.toptop{
}



input {
margin : 0px;
padding : 0px;
border : 0px;
border-collapse : collapse;
font-size : 8pt;
font-weight : bold;
}

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

.Login{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Login.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.Vergeten{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Vergeten.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.Logout{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Logout.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.NewAccount{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Newaccount.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.EditAccount{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Editaccount.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.Grp{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Grp.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.Catalogus{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Catalogus.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.Zoeken{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Zoeken.gif);
background-repeat : no-repeat;
cursor : pointer;
}


.Afrekenen{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/Afrekenen.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.WagenVol{
width : 50px;  
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/WagenVol.gif);
background-repeat : no-repeat;
cursor : pointer;
}

.WagenLeeg{
width : 50px;
height : 50px;
border : 0px;
text-align : center;
padding-left : 0px;
background : transparent;
background-image : url(./images/WagenLeeg.gif);
background-repeat : no-repeat;
cursor : pointer;
}

input.Bestel {
width : 16px;
height : 16px;
border : 0px;
cursor : pointer;
background : transparent;
background-image : url(./images/Bestel.gif);
}

input.Plus {
width : 16px;
height : 16px;
border : 0px;
cursor : pointer;
background : transparent;
background-image : url(./images/Plus.gif);
}

input.Min {
width : 16px;
height : 16px;
border : 0px;
cursor : pointer;
background : transparent;
background-image : url(./images/Min.gif);
}

input.Vraag {
width : 16px;
height : 16px;
border : 0px;
cursor : pointer;
background : transparent;
background-image : url(./images/icon-vraag.gif);
}

input.Del {
width : 16px;
height : 16px;
border : 0px;
cursor : pointer;
background : transparent;
background-image : url(./images/Del.gif);
}

input.Invoer {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 10pt;
color : #000000;
background-color : #ffffff;
border-style : solid;
border-color : #000000;
border-width : 1px;
}

input.Invoer:focus {
background-color : #e1f1ff;
border-style : solid;
border-color : #b7c4cf;
border-width : 1px;
}

.tablecontroleer{
border-style : solid;
border-color : #000000;
border-width : 1px;
border-collapse : collapse;
background-color : #ffffff;

}