html, body, div, form
{
    margin: 0px;
    padding: 0px;
}

div
{
    display: block;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

body
{
    background: #E4E6E7;
}

#follow-me-twitter { border: 0;position: fixed; _position:absolute; top: 36px; right:0;}
#follow-me-linkedin { border: 0;position: fixed; _position:absolute;  top: 148px; right:0;}
#follow-me-facebook{ border: 0;position: fixed; _position:absolute;  top: 177px; right:0;}
#follow-me-blog { border: 0;position: fixed; _position:absolute;  top: 206px; right:0;}

/*
    TOP
*/
table tr td.top
{
}

table tr td.top div.login
{
    color: #000000; 
    float: left;
    font-family: Verdana; 
    font-size: 11px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0px 0px 0px 15px;
    width: 230px;
}

table tr td.top div.menu0
{
    float: left;
    height: 36px;
    overflow: hidden;
    width: 470px;
}

table tr td.top div.menu0 ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

table tr td.top div.menu0 ul li
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}

table tr td.top div.menu0 ul li a
{
    background: #17232A;
    background-image: url('http://www.zoplus.nl/templates/default/images/menu0_background.gif');
    background-position: top left;
    background-repeat: repeat-x;
    border-left: #7C868C solid 1px;
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 90px;
}

table tr td.top div.menu0 ul li a:hover, table tr td.top div.menu0 ul li a.active
{
    background: #007ACC;
    background-image: url('http://www.zoplus.nl/templates/default/images/menu0_hover_background.gif');
    color: #FFFFFF;
}

table tr td.top div.search
{
    height: 36px;
    float: left;
    overflow: hidden;
    padding: 5px 0px 0px 0px;
    width: 250px;
}

table tr td.top div.search .textfield
{
    border: #000000 solid 1px;
    margin-right: 12px;
    width: 157px;
}

table tr td.top div.search .button
{
    background: #007ACC;
    border: #000000 solid 1px;
    margin-right: 25px;
    width: 75px;
}


/*
    HEADER
*/
table tr td.header div.header_logo
{
    background: #FFFFFF;
    float: left;
    height: 135px;
    overflow: hidden;
    width: 230px;
}

table tr td.header div.header_text
{
    background: #007ACC;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 32px;
    float: left;
    height: 135px;
    padding: 25px 0px 0px 30px;
    overflow: hidden;
    width: 720px;
}

table tr td.header div.header_text p
{
    margin: 0px;
    padding: 0px;
}

/*
    MENU 1
*/
table tr td.menu1 
{
    background: #A9BAC3;
}

table tr td.menu1 div.menu1
{
    height: 36px;
    overflow: hidden;
    position: relative;
    width: 950px;
}

table tr td.menu1 div.menu1 ul
{
    list-style: none;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

table tr td.menu1 div.menu1 ul li
{
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
}

table tr td.menu1 div.menu1 ul li a
{
    /* border-bottom: #AEBDC5 solid 6px; */
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 30px;
    line-height: 36px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

table tr td.menu1 div.menu1 ul li a:hover, div.menu1 ul li a.active
{
    border-bottom: #F2F2F2 solid 6px;
    color: #007ACC;
}


/*
    MENU 2
*/
table tr td.menu2 
{
    background: #EFEFEF;
    background-image: url('http://www.zoplus.nl/templates/default/images/menu2_background.png');
    background-position: top left;
    background-repeat: repeat-x;
}

table tr td.menu2 div.menu2
{
    height: 36px;
    overflow: hidden;
    position: relative;
    width: 950px;
}

table tr td.menu2 div.menu2 ul
{
    list-style: none;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

table tr td.menu2 div.menu2 ul li
{
    display: block;
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
}

table tr td.menu2 div.menu2 ul li a
{
    /* border-bottom: #EFEFEF solid 6px; */
    color: #000000;
    display: block;
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 30px;
    line-height: 36px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

table tr td.menu2 div.menu2 ul li a:hover, div.menu2 ul li a.active
{
    border-bottom: #FFFFFF solid 6px;
    color: #E82A02;
}

/* 
    LEFT BAR (optional 3rd menu)
*/
table tr td.content_left
{
    background: #FFFFFF;
}

table tr td.content_left ul
{
    list-style: none;
    margin: 47px 0px 0px 30px;
    padding: 0px;
}

table tr td.content_left ul li
{
    display: block;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}

table tr td.content_left ul li a
{
    background: #E4E6E7;
    color: #000000;
    display: block;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
}

table tr td.content_left ul li a:hover, table tr td.content_left ul li a.active
{
    background: #007ACC;
    color: #FFFFFF;
}


/* 
    MAIN CONTENT
*/
table tr td.content_main
{
    background: #FFFFFF;
    padding: 33px 20px 20px 12px;
}

/*
    RIGHT PANEL (optional)
*/
table tr td.content_right
{
    background: #FFFFFF;
    padding: 33px 10px 20px 0px;
}

table tr td.footer
{
    background: #132530;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 36px;
    left: 0px;
    padding: 0px 0px 0px 12px;
    position: relative;
    top: 0px;
    width: 950px;
}

table tr td.footer a
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
}

table tr td.footer a:hover, table tr td.footer a.active
{
    color: #007ACC;
}

table tr td.bottom_left
{
    color: #999999; 
    font-family: Verdana; 
    font-size: 11px;
    padding: 0px 0px 20px 0px;
}

table tr td.bottom_left a
{
    color: #007ACC; 
    font-family: Verdana; 
    font-size: 11px;
    text-decoration: none;
}

table tr td.bottom_left a:hover
{
    color: #007ACC;
}

table tr td.bottom_right
{
    color: #999999; 
    font-family: Verdana; 
    font-size: 11px;
    text-align: right;
    padding: 0px 0px 20px 0px;
}

span.zoplus
{
}

span.zoplus a
{
    color: #007ACC;
    font-weight: bold;
    text-decoration: none;
}

span.zoplus sup
{
    color: #FF3300;
}




/*
    MAIN CONTENT
*/

.content h1
{
    color: #007ACC; 
    font-family: Verdana, sans-serif; 
    font-size: 15px; 
    font-weight: bold;

    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 0px;
}

.content h2
{
    color: #000000; 
    font-family: Verdana, sans-serif; 
    font-size: 12px; 
    font-weight: bold;

    margin: 12px 0px 12px 0px;
    padding: 0px 0px 0px 0px;
}

.content h3
{
    color: #000000; 
    font-family: Verdana, sans-serif; 
    font-size: 12px; 
    font-style: italic;
    font-weight: normal;

    margin: 12px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.content, .content p, .content td, .content li
{
    color: #000000; 
    font-family: Verdana, sans-serif; 
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0px;
}

.content a
{
    color: #007ACC; 
    font-family: Verdana, sans-serif; 
    font-size: 11px;
    text-decoration: none;
}

.content a:hover
{
    background: #FF3300;
    color: #FFFFFF;
    text-decoration: underline;
}

.content ul
{
    list-style: square;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 32px;
}

.content ul li
{
    color: #FF3300;
    margin: 0px;
}

.pagination
{
    color: #000000; 
    font-family: Verdana, sans-serif; 
    font-size: 11px;
    text-align: right;
    padding-top: 10px;
}





/* FORM FIELDS */
.button
{
    border-top: #FFFFFF solid 1px;
    border-right: #000000 solid 1px;
    border-bottom: #000000 solid 1px;
    border-left: #FFFFFF solid 1px;

    color: #000000; 
    font-family: Verdana, sans-serif;
    font-size: 11px;

    height: 21px;
    padding-right: 6px;
    padding-left: 6px;
}

.select
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 0px;

    height: 21px;
    width: 240px;
}

.select_with_icon
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 0px;

    height: 21px;
    width: 220px;
}

.file
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 21px;
    width: 240px;
}

.textfield
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 21px;
    width: 240px;
}

.textfield_disabled
{
    background: #E0E0E0;
}

.textfield_with_icon
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 21px;
    width: 220px;
}

.textfield_small
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 21px;
    width: 150px;
}

.textfield_small_with_icon
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 21px;
    width: 130px;
}

.textarea
{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;

    margin: 0px;
    padding: 1px 0px 0px 3px;

    height: 150px;
    width: 240px;
}

.hint
{
    cursor: pointer;
}




/* TABLE.LIST */
table.list
{
    margin-bottom: 16px;
}

table.list tr
{
}

table.list tr td
{
    border: #FFFFFF solid 1px;
    font-family: Verdana, sans-serif; 
    font-size: 12px; 
}

table.list tr td a
{
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

table.list tr td a:hover
{
    color: #999999;
}

table.list tr.head td
{
    background: #333333;
    color: #FFFFFF; 
}

table.list tr.odd td
{ 
    background: #F8F8F8; 
    color: #333333; 
} 

table.list tr.even td
{ 
    background: #E8E8E8; 
    color: #333333; 
} 

table.list tr.hover td
{ 
    background: #C8C8C8; 
    color: #333333; 
} 

table.list tr.highlight td
{ 
    background: #007ACC; 
    color: #FFFFFF; 
} 

table.list tr td.icon
{
    padding: 5px 3px 3px 5px;
    width: 22px;

    /* Catch possible alt text */
    white-space: nowrap;
    font-size: 9px;
}

table.list tr td.icon a
{
    /* Catch possible alt text */
    font-size: 9px;
}

table.list tr td.input
{
    padding: 3px 3px 3px 3px;

    /* Catch possible alt text */
    font-size: 9px;
}

table.list tr td.input a
{
    /* Catch possible alt text */
    font-size: 9px;
}

table.list tr td.label
{
    padding: 5px 8px 5px 8px; /* Additional padding */
    font-weight: bold;
}

table.list tr td.text
{
    padding: 5px 8px 5px 8px; /* Additional padding */
    font-weight: normal;
}

table.list tr td table
{
    margin: 0px 0px 0px 3px;
    padding: 0px;
}

table.list tr td table tr td
{
    border: none;
    font-family: Verdana, sans-serif; 
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

table.list tr td table tr td.label, table.list tr td table tr td.text
{
    padding-left: 0px;
}


/* TABLE.FORM */
table.form
{
    margin-bottom: 16px;
}

table.form tr td
{
    font-family: Verdana, sans-serif; 
    font-size: 12px;
}

table.form tr td em
{
    color: #FF0000;
    font-family: Verdana, sans-serif; 
    font-size: 12px; 
    font-style: normal;
}

table.form tr td a
{
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

table.form tr td a:hover
{
    color: #999999;
}

table.form tr.head td
{
    background: #333333;
    color: #FFFFFF; 
}

table.form tr.odd td
{ 
    background: #E8E8E8; 
    color: #333333; 
} 

table.form tr.even td
{ 
    background: #F8F8F8; 
    color: #333333; 
} 

table.form tr.highlight td
{ 
    background: #00FF00; 
}

table.form tr.highlight td.text
{ 
    color: #FF00FF;
}

table.form tr.error td
{ 
    /* background: #FFE0E0; */
    color: #FF0000;
}

table.form tr.error td .file, table.form tr.error td .select, table.form tr.error td .textarea, table.form tr.error td .textfield, table.form tr.error td .textfield_with_icon, table.form tr.error td .textfield_small, table.form tr.error td .textfield_small_with_icon
{
    background: #FFE0E0;
}

table.form tr td.icon
{
    padding: 3px 0px 0px 2px;

    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.icon a
{
    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.image
{
    padding: 2px 0px 2px 0px;

    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.image a
{
    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.input
{
    padding: 2px 0px 2px 0px;

    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.input a
{
    /* Catch possible alt text */
    font-size: 9px;
}

table.form tr td.label
{
    padding: 4px 4px 4px 0px; /* Additional padding */
    font-weight: normal;
    font-size: 10px;
}

table.form tr td.label2
{
    padding: 4px 4px 4px 0px; /* Additional padding */
    font-weight: normal;
    font-size: 10px;
}

table.form tr td.table
{
    padding: 0px; /* Additional padding */
    font-weight: normal;
}

table.form tr td.text
{
    padding: 4px 4px 4px 0px; /* Additional padding */
    font-weight: normal;
    font-size: 10px;
}