body
{
    text-align:center;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
    
  /*  background-position:top;
    background-repeat:repeat-x;
    background-image:url(../webimages/bodbg.gif);*/
}

p
{
    padding:0px;
    margin-top:0px;
    margin-bottom:20px;
}


#main
{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:760px;
    background-image:url(../webimages/contentbg.jpg);
/*    border-bottom:5px solid #1C609A;*/
}

.content
{
    width:100%;
    float:left;
}

/* work-around voor gecko*/

#top
{
    background-image:url(../webimages/topbg.jpg);
    height:100px;
}

#submenu
{
    padding:4px 0px 0px 5px;
    height:22px;
    color:#1C609A;
    font-family:verdana;
    font-size:10px;
    text-transform:uppercase;
}

#tabs
{
    padding-top:24px;
    height:20px;
    width:760px;
    top:60px;    
}

div.atab
{
    background-repeat:no-repeat;
    background-position:bottom;
    height:20px;
    width:125px;
    float:left;
    text-align:center;
}

div.itab
{
    background-image:url(../webimages/itab.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    height:20px;
    width:125px;
    float:left;
    text-align:center;
    cursor:pointer;    
}

div.atabtext
{
    padding-top:3px;
    color:#FFFFFF;
    font-family:verdana;
    font-size:10px;
    text-transform:uppercase;
}

div.itabtext
{
    padding-top:3px;
    color:#1C609A;
    font-family:verdana;
    font-size:10px;
    text-transform:uppercase;
}

#menubar
{
    padding-left:5px;
    padding-top:4px;
    background-color:#175D9F;
    position:relative;
    border-bottom:1px solid #ffffff;

    background-image:url(../webimages/menu.gif);
/*    background-repeat:no-repeat;
    background-position:bottom right;*/
}

#bottombar
{
    background:#405E84 url(../webimages/bottombg.jpg);
    clear:left;
    width:760px;
    height:10px;
}

.menuridge
{
    position:relative;
    height:22px;
}

/* info FP */


div.contentbox
{
    padding:10px;
}

div.whitecontent
{
    background-color:#ffffff;
}

div.item
{
    padding-top:5px;
    padding-bottom:10px;    
}

div.terrybox
{
    padding:10px;
    text-align:center;
}


/*
"Kleurenpalet"
*/

.softblue
{
    background-color:#F1F5FB;
    background-image:url(../webimages/contentbg.jpg);
    background-repeat:no-repeat;
    color:#175D9F;
}

.green
{
    background-color:#D6EBC1;
    color:#116313;
}

.white
{
    background-color:#ffffff;
    color:#1C609A;
}

.fggrey
{
    color:#333333;
}

form
{
    padding:0px;
    margin:0px;
}

/*lijntjes*/

.leftlineblue
{
    border-left:1px solid #C8D8E4;
}

.leftlinewhite
{
    border-left:1px solid #FFFFFF;
}

.rightlinewhite
{
    border-right:1px solid #FFFFFF;
}

.rightlineblue
{
    border-right:1px solid #C8D8E4;
}

.rightlinegreen
{
    border-right:1px solid #A5D775;
}

.bigbottom
{
    border-bottom:10px solid #1C609A;
}

.topline
{
    border-top:1px solid #BCC7DD;    
}

/* 
    verschillende kollomen. Gebruik om 
    handig (en zonder tabellen) te lay-outen 

*/
div.quartercol
{
    float:left;
    width:25%;
}

div.halfcol
{
    float:left;
    width:50%;

}

div.threequartercol
{
    float:left;
    width:75%;
}

div.fullcol
{
    width:100%;
}

div.thirdcol
{
    float:left;
    width:33%;
}

div.twothirdcol
{
    float:left;
    width:66%;
   
}

.ripplegreen
{
    background-image:url(../webimages/ripple.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
}


/* font-troep */

font.item
{
    font-family:verdana;
    font-size:11px;
}

font.summary
{
    font-weight:bold;
    font-family:arial;
    font-size:12px;
    line-height:150%; 
}

font.normal
{
    font-family:arial;
    font-size:12px;
    line-height:150%; 
}

font.small
{
    font-family:verdana;
    font-size:10px;
    line-height:150%; 
}

h1
{
    text-align:left;
    width:95%;
    border-left:10px solid #1C9A3A;
    letter-spacing:0.3ex;
    padding-left:10px;
    margin: 0px 0px 15px 0px;
    font-family:verdana;
    font-size:18pt;
    font-weight:normal;
}

h2
{
    border-left:10px solid #1C9A3A;
    padding-left:10px;
    letter-spacing:0.2ex;
    margin: 0px 0px 5px 0px;
    font-family:arial;
    font-size:13pt;
    font-weight:normal;
}

h3
{
    letter-spacing:0.1ex;
    margin: 0px 0px 3px 0px;
    font-family:arial;
    font-size:10pt;
    font-weight:normal;
}

h4
{
    margin: 0px 0px 3px 0px;
    font-family:arial;
    font-size:9pt;
    font-weight:bold;
}

form
{
    padding:0px;
    margin:0px;
}

a
{
    text-decoration:none;
    color:#3388E2;
}

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

/*lioginform*/

div.logform
{
    padding:10px;
    color:#1C609A;
}

div.tr
{
    width:100%;
    margin:2px;
}

div.td
{
    width:100px;
    float:left;
    margin:2px;
}

.login
{
    border:1px solid #1C609A;
    width:110px;
    height:18px;
    color:#1C609A;
    font-size:12px;
}

div.greenbutton
{
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #1C609A;
    border-bottom:1px solid #1C609A;

    background-color:#C8D8E4;
    padding:2px 10px 2px 10px;
    font-family:verdana;

    font-size:11px;
    text-align:center;
    text-transform:uppercase;    

    cursor:pointer;    
}

em.error
{
    font-family:arial;
    font-size:12px;
    color:red;
}

div.pholder
{
    border:1px solid red;
    padding:0px 5px;
}

div.product
{
    width:360px;
    height:250px;
    float:left;
    margin:10px 5px 0px 5px;
    background-color:#FFFFFF;
    border:1px solid #175D9F;
}

div.download
{
    margin:5px 10px;
    background-color:#FFFFFF;
    border:1px solid #175D9F;
}


img.product
{
    border:1px solid #666;
    padding:3px;
}

div.phead
{
    margin-bottom:5px;
    padding:5px;
    background-color:#F0F6F1;
}

.center
{
    text-align:center;
}

.right
{
    text-align:right;
}

.left
{
    text-align:left;
}

div.pfoot
{
    clear:left;
    margin-top:5px;
    padding:5px;
}

.productheight
{
    height:163px;
}

input.bestel
{
    border:1px solid #1C609A;
    width:15px;
    color:#1C609A;
    font-size:12px;
}

/*winkelwagen styles*/

font.cart
{
    font-size:10px;
    font-family:verdana;
    text-transform:uppercase;
}

td.wkop
{
    font-size:10px;
    font-family:verdana;
    text-transform:uppercase;
    font-weight:bold;
    background-color:#175D9F;
    color:white;
    border-bottom:1px solid white;   
}

td.wbody-light
{
    padding:8px 5px 15px 5px;
    vertical-align:top;
    background-color:#FBFDFF;
    font-size:11px;
    font-family:verdana;
    border-bottom:1px solid white;

}

td.wbody-dark
{
    padding:8px 5px 15px 5px;
    vertical-align:top;
    background-color:#EEF4FC;
    font-size:11px;
    font-family:verdana;
    border-bottom:1px solid white;

}

td.wbody-price
{
    width:12%;
    padding:5px 5px 10px 5px;
    vertical-align:top;
    background-color:#E6EEF9;
    font-size:11px;
    font-family:verdana;
    border-bottom:1px solid white;
}



td.wend
{
    background-color:#E6EEF9;
    vertical-align:top;
    font-size:10px;
    font-family:verdana;
    text-transform:uppercase;
    font-weight:bold;
}

td.wtot
{
    vertical-align:top;
}

input.cart
{
    border:1px solid #1C609A;
    width:15px;
    color:#1C609A;
    font-size:12px;

}

#bottomnav
{
    width:100%;
    height:16px;
    background-color:#175D9F;
    border-top:1px solid white;   
}

.active
{
    font-family:verdana;
    font-size:10px;
    text-transform:uppercase;
    padding:2px;
    width:32%;
    color:white;
    float:left;
}

.inactive
{
    font-family:verdana;
    font-size:10px;
    text-transform:uppercase;
    padding:2px;
    width:33%;
    color:#8098B8;
    float:left;
}

#buttons
{
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
}

/* forms */

.fcontainer
{
    clear:left;
}

.row
{
    height:25px;
    clear:left;
    font-family:arial;
    font-size:12px;
}

.highrow
{
    height:120px;
    clear:left;
    font-family:arial;
    font-size:12px;
}

.col
{
    padding:5px;
    float:left;
    width:350px;
}

.labelcol
{
    text-align:right;
    padding:5px;
    float:left;
    width:200px;
}

div.q
{
    font-family:verdana;
    font-size:11px;
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px dashed #CADAF0;
    margin:5px;    
}

.spottytop
{
    padding:5px;    
    border-top:1px dashed #CADAF0;
}