body 
 {
    font:11px Verdana,Tahoma,Arial,sans-serif; 
    color:#ffffff;
    margin :0px;
    padding :0px;
 }
 
a
{
  color:#1C6987;  
}

#klantenportal
{
    position :absolute ;
    left:800px;
    top:0px;
}
#klantenportal a
{
    color:#ffffff;
    text-decoration :none;
}

#main
{
    background-image: url(../Images/wave.jpg);
    background-repeat: no-repeat;
    background-color: #1c6887;
    width: 820px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    padding :0px 90px 0px 90px;
}

#logo
{
    background-image: url(../Images/bg_logo.jpg);
    background-repeat: no-repeat;
    height: 95px;
    width: 243px;
}

#logo  a
{
    display :block;
    height: 95px;
    width: 243px; 
}

#logo img
{
   margin: 20px 0px 0px 40px;
   border:none;
}

.div_zoek
{
    background-image: url(../Images/bg_zoek.jpg);
    background-repeat: no-repeat;
    height :20px;
    width :130px;
    text-align :left;
}

.txtzoek
{
    padding-left :3px;
    height :17px; 
    width :100px;
}

.btzoek
{
   padding-left :3px;
   width :22px;
   height :19px;
   cursor:pointer;
}

.divider
{
    height :20px;
    width :820px;
    border-bottom :dotted 1px #ffffff;
}

.cat1 a
{
    background-image: url(../Images/softwareinactive.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    padding-top :132px;
    display: block;
    text-align :center ;
    width: 132px;
    text-decoration :none;
    font-weight :bold ;
}

.cat1 a:hover
{
    background-image: url(../Images/softwareactive.jpg);
    color:#ffffff;  
}

.cat2 a
{
    background-image: url(../Images/webserviceinactive.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    padding-top :132px;
    display: block;
    text-align :center ;
    width: 132px;
    text-decoration :none;
    font-weight :bold ;
}

.cat2 a:hover
{
   background-image: url(../Images/webserviceactive.jpg);
   color:#ffffff;   
}

.cat3 a
{
    background-image: url(../Images/internetinactive.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    padding-top :132px;
    display: block;
    text-align :center ;
    width: 132px;
    text-decoration :none;
    font-weight :bold ;
}

.cat3 a:hover
{
   background-image: url(../Images/internetactive.jpg);
   color:#ffffff;  
}

.cat4 a
{
    background-image: url(../Images/consultancyinactive.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    padding-top :132px;
    display: block;
    text-align :center ;
    width: 132px;
    text-decoration :none;
    font-weight :bold ;
}

.cat4 a:hover
{
    background-image: url(../Images/consultancyactive.jpg);
    color:#ffffff;   
}

.productholder
{
    height :325px
}

.productimgholder
{
    width :255px;
    height :167px;
    background-color:#ffffff;
    padding :5px;
}

.productcontentholder
{
  width :261px ;
  padding :10px 0px 10px 0px;   
}

#ulsitemapmenu
{
  list-style :none; 
  padding :0;
  margin :0;  
}

.lisitemapsubmenu
{
    padding-left :10px;
}