/* webfonts 

@font-face
{
    font-family: "MyriadProLight";
    src: url("type/myriadpro-light-webfont.eot");
    src: local("☺"), url("type/myriadpro-light-webfont.ttf") format("ttf"), url("type/myriadpro-light-webfont.woff") format("woff"), url("type/MyriadPro-Light.otf") format("opentype"), url("type/myriadpro-light-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: "MyriadProRegular";
    src: url("type/myriadpro-regular-webfont.eot");
    src: local("☺"), url("type/myriadpro-regular-webfont.ttf") format("ttf"), url("type/myriadpro-regular-webfont.woff") format("woff"), url("type/MyriadPro-Regular.otf") format("opentype"), url("type/myriadpro-regular-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: "MyriadProSemibold";
    src: url("type/myriadpro-semibold-webfont.eot");
    src: local("☺"), url("type/myriadpro-semibold-webfont.ttf") format("ttf"), url("type/myriadpro-semibold-webfont.woff") format("woff"), url("type/MyriadPro-Semibold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

 einde webfonts */

body
{
    margin: 0px;
    padding: 0px;
    color: #191919;
}

html, table
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.PageCenterHome
{
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.PageCenter
{
    background: #fff;
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

td
{
    font: 11px/16px arial, helvetica, sans-serif;
    color: #606060;
    border-collapse: collapse;
}

img
{
    border: 0;
}

hr.dotz
{
    border: none 0;
    border-top: 1px dotted #777;
    height: 1px;
    margin: 15px 0 15px 0;
}

img.HomeCover
{
    margin-top: 4px;
      border: 1px solid #666666;
}

img.HomeCover:hover
{
     border: 1px solid #B70000;
}

img.HomeCoverSmall
{
    margin-top: 4px;
}

img.HomeCoverSmall:hover
{
    border: 1px solid #B70000;
}

img.MagazineCover
{
    margin: 2px 12px 6px 0;
    float: left;
    border: 1px solid #838383;
}

img.MagazineCoverBig
{
    margin: 18px 12px 6px 0;
    float: left;
}

img.SeriesCover
{
    margin: 20px 12px 0 0;
    border: 1px solid #838383;
    max-width:100px;
}

img.PdfIcon
{
    margin: 0 20px 0 0;
    border: 1px solid #838383;
}


input
{
    border-style: solid;
    border-color: #191919;
    border-width: 0;
    color: #3b3b3b;
    font-size: 9px;
    padding: 0;
    margin: 0;
}

input.GreyInput
{
    border-style: solid;
    border-color: #e3e3e3;
    background-color: #fff;
    border-width: 1px;
    color: #555;
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 280px;
    height: 20px;
}

input.GreyInputSmall
{
    border-style: solid;
    border-color: #e3e3e3;
    background-color: #fff;
    border-width: 1px;
    color: #555;
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 250px;
    height: 20px;
}

.BgGrey
{
    background-color: #ededec;
}

table.BgGrey td
{
    padding: 5px;
}

input.GreyButton
{
    border-style: solid;
    border-color: #e3e3e3;
    background-color: #e3e3e3;
    border-width: 1px;
    font: 15px/15px  arial, helvetica, sans-serif;
    text-align: left;
    color: #444;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 24px;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}


img.HeaderGreyLine
{
    margin: 12px 0 0 0;
    width: 1020px;
    height: 5px;
}

.JustifyTxtBlock
{
    text-align: justify;
    width: 743px;
}

/*
.VerticalDots
{
    background: #fff url(../imgs/bg_dots2.gif) no-repeat left top;
}
*/
.JustifyTxtBlock2
{
    text-align: justify;
}

.searchresult_title
{
    font: 18px/18px arial, helvetica, sans-serif;
    color: #231f20;
}

.searchresult_image
{
    margin: 0 12px 0 0;
    width: 50px;
    border: 1px solid #838383;
}


table.HeadMenuGen
{
    width: 759px;
    padding: 0;
    vertical-align: top;
}

table.HeadMenuGen td
{
    width: 253px;
    vertical-align: top;
}

table.HeadMenuDots
{
    width: 100%;
}

table.HeadMenuDots td
{
    text-align: left;
    padding: 1px 0 1px 0;
    background-image: url(../imgs/dots_hm.gif);
    background-repeat: no-repeat;
}

table.HeaderSubLinks td
{
    line-height: 1px;
    text-align: left;
    margin: 0;
    padding: 0;
}

.HeaderFineLine
{
    vertical-align: top;
    font-size: 1px;
    line-height: 1px;
}

.HeaderSubLinkCell
{
    line-height: 1px;
}

table.LeftAlign
{
    border-collapse: collapse;
}

table.LeftAlign td
{
    text-align: left;
    padding: 0;
}

table.SubHeader
{
    padding: 0;
    width: 1025px;
}

table.SubHeader td
{
    padding: 0;
}

form
{
    margin: 0;
    padding: 0;
}

.PlainTxt
{
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #191919;
}

.plainTxtSm
{
    font-size: 10px;
    line-height: 13px;
}

.TitleSmBold
{
    font: 14px/18px  arial, helvetica, sans-serif;
    color: #000;
    font-weight: normal;
}

.TitleSmRight
{
    font: 12px/15px arial, helvetica, sans-serif;
    color: #000;
    font-weight: normal;
}

.TitleInhoud
{
    font: 14px/14px arial, helvetica, sans-serif;
    color: #606060;
    font-weight: normal;
}

.HomeBookCenterTxt
{
    font: 11px/16px arial, helvetica, sans-serif;
    color: #606060;
}

.Author
{
    font: 10px/12px arial, helvetica, sans-serif;
    color: #444;
    font-weight: normal;
}

.BookSynopsisTitle
{
    font: 22px/22px "MyriadProLight" , arial, helvetica, sans-serif;
    color: #231f20;
}

.BookSynopsis
{
    font: 11px/16px arial, helvetica, sans-serif;
    color: #606060;
    text-align: justify;
    border: 1px solid #b6b2ad;
    padding: 0 14px 0 14px;
    margin: 5px 0 0 0;
}

.HeaderFormInput
{
    border: 1px solid #5c5c5c;
    font-size: 9px;
    height: 12px;
    width: 130px;
    margin: 0;
}

.HeadBtnSearch
{
    width: 50px;
    font: 11px/11px arial, helvetica, sans-serif;
    background-color: #9c9c9c;
    border-style: solid;
    color: #fff;
    border-width: 0;
    border-collapse: collapse;
    height: 14px;
    cursor: pointer;
}

.CellFontNull
{
    font-size: 1px;
    line-height: 1px;
}

.LngFlag
{
    padding: 0;
    margin: 0 0 0 3px;
}

.linkerkolom
{
    display: block;
    text-align: left;
    min-width: 237px;
    width: 237px;
    padding: 0;
    min-height: 768px;
}

.centerkolom
{
    text-align: left;
    padding: 0;
}

table.BookTable
{
    border-style: none;
}

table.BookTable td
{
    padding: 0;
    vertical-align: top;
}

table.BookDetail
{
    padding: 0;
    border: none;
}

table.BookDetail td
{
    background-color: transparent;
    padding: 0;
}

table.CellNull td
{
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
}

img.DetailBookCover
{
    margin: 2px 0 5px 0;
    width: 125px;
    border: 1px solid #666666;
}

input.ButtonDetail
{
    font-size: 11px;
    line-height: 11px;
    background-color: #9c9c9c;
    color: #fff;
    border-width: 0;
    margin: 0;
    padding: 4px 10px 4px 10px;
    overflow: visible;
    cursor: pointer;
}

input.ButtonDetail:hover
{
    background-color: #bf2e1a;
    color: #fff;
    cursor: pointer;
}

input.ButtonVerwijderen
{
    background-color: #bf2e1a;
    font-size: 10px;
    color: #fff;
    line-height: 10px;
    height: 20px;
    width: 104px;
    cursor: pointer;
}

input.ButtonVerwijderen:hover
{
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

input.ButtonHerbereken
{
    background-color: #9c9c9c;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    height: 20px;
    width: 104px;
    cursor: pointer;
}

input.ButtonHerbereken:hover
{
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

input.ButtonKassa
{
    background-color: #b8b8b8;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    height: 20px;
    width: 104px;
    cursor: pointer;
}

input.ButtonKassa:hover
{
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

input.ButtonWinkelen
{
    background-color: #9c9c9c;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    height: 20px;
    width: 104px;
    cursor: pointer;
}

input.ButtonWinkelen:hover
{
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

.footerPdf
{
    margin: 0 0 20px 0;
}

a.HeadMenuLink:link, a.HeadMenuLink:visited, a.HeadMenuLink:active
{
    font: 13px arial, helvetica, sans-serif;
    color: #312b34;
    text-decoration: none;
}

a.HeadMenuLink:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

a.SmLinkHeader:link, a.SmLinkHeader:visited, a.SmLinkHeader:active
{
    font: 11px/18px  arial, helvetica, sans-serif;
    color: #687076;
    text-decoration: none;
}

a.SmLinkHeader:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

a.SmLinkSub:link, a.SmLinkSub:visited, a.SmLinkSub:active
{
    font: 11px/11px  arial, helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

a.SmLinkSub:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

.rightmenu a
{
    font-family:  arial, helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    font-size: 13px;
    display: block;
    padding-left: 1em;
}

.rightmenuSelected
{
    color: #bf2e1a !important;
}

a.rightmenu:link, a.rightmenu:visited, a.rightmenu:active
{
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    color: #191919;
}

.rightmenu a:hover
{
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    color: #a0a0a0;
}

a.BoldLinkMenu:link, a.BoldLinkMenu:visited, a.BoldLinkMenu:active
{
    font: 13px arial, helvetica, sans-serif;
    color: #191919;
    text-decoration: none;
}

a.BoldLinkMenu:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

a.txtLink:link, a.txtLink:visited, a.txtLink:active
{
    color: #4e575e;
    text-decoration: underline;
     font: 11px arial, helvetica, sans-serif;
}

a.txtLink:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

a.linkOn:link, a.linkOn:visited, a.linkOn:active
{
    font: 12px/22px arial, helvetica, sans-serif;
    color: #bf2e1a;
    text-decoration: underline;
}

a.linkOn:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

/* submenu linkerkolom */

a.SubMenuLink:link, a.SubMenuLink:visited, a.SubMenuLink:active
{
    font: 13px/13px arial, helvetica, sans-serif;
    color: #5c5c5c;
    text-decoration: none;
}

a.SubMenuLink:hover
{
    color: #5c5c5c;
    text-decoration: none;
}

.MenuLeft
{
    vertical-align: top;
    font: 13px/13px arial, helvetica, sans-serif;
    color: #5c5c5c;
    padding-top: 45px;
}

.MenuLeft ul
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.MenuLeft li a
{
    display: block;
    color: #5c5c5c;
    text-decoration: none;
    margin-bottom: 12px;
}

a.MenuLeftActive:link, a.MenuLeftActive:visited, a.MenuLeftActive:active
{
    color: #bf2e1a;
    font: 13px/13px  arial, helvetica, sans-serif;
}

.MenuLeft li a:hover
{
    color: #bf2e1a;
}

a:link
{
    color: #606060;
    text-decoration: underline;
}

a:visited
{
    color: #777;
    text-decoration: underline;
}

a:hover
{
    color: #bf2e1a;
    text-decoration: none;
}

a:active
{
    color: #777;
    text-decoration: underline;
}

table.SubMenuCell td
{
    border-width: 0;
    border-style: none;
    padding: 2px;
}

.treeview a
{
    text-decoration: none;
}

.treeview
{
    margin-top: 0px;
}

.treeview table:hover
{
    background-color: #dde9ef;
}

.treeview table
{
    background-color: #eff0f0;
    text-align: left;
    width: 100%;
    margin: 1px;
}

.hideTd
{
    display: none;
    visibility: hidden;
}

.treeview table img
{
    margin: 5px 0 0 5px;
}

.treeview div table
{
    background-color: #f3f4f4;
    text-align: left;
}

.treeview div table tr td a
{
    white-space: normal !important;
}

.treeview table tr td a
{
    white-space: normal !important;
}

.treeview table tr td:first-child
{
    width: 25px;
}

ul#menu, ul#menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 252px;
    font-size: 11px;
}

ul#menu a
{
    display: block;
    text-decoration: none;
}

ul#menu li
{
    margin-top: 1px;
}

ul#menu li a
{
    background: #e8e9ea;
    color: #5c5c5c;
    padding: 5px 5px 5px 5px;
}

ul#menu li a:hover
{
    background: #ccdde5;
}

ul#menu li ul li a
{
    background: #f3f4f4;
    color: #5c5c5c;
    padding-left: 35px;
}

ul#menu li ul li a:hover
{
    background: #ccdde5;
    padding-left: 35px;
}

.bigText
{
    font: 22px/22px arial, helvetica, sans-serif;
    color: #231f20;
}

.Paging
{
    text-decoration: underline;
}

/*error*/

.error
{
    color: Red;
}

/*search*/

.TableTopAndBottomBorder
{
    border-top: 1px dotted #9B9B9B;
    margin: 5px;
}

.TableTopAndBottomBorder img
{
    width: 50px;
    margin: 0 12px 40px 0;
}

.searchResultCell
{
    padding: 20px 0 0 0;
}

.searchresult
{
    width: 818px;
    padding: 20px 0 0 0;
}

.searchresult_div_image
{
    float: left;
    margin: 0;
    padding: 0;
}

.searchresult_content
{
    vertical-align: top;
}


.searchresult_subtitle
{
    display: block;
}

.searchresult_authors
{
    display: block;
}

.searchDetailPanelAuthors
{
    float: left;
}

/*TableHeader*/

.tableHeaderMain
{
    width: 100%;
}

.tableHeaderMain tr td
{
    width: 33%;
}

.tableHeaderMain table
{
    width: 100%;
}

.tableHeaderMain table tr td
{
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #FF0000;
}

.tableHeaderMain table tr td a
{
    text-decoration: none;
}

/*error*/

.error
{
    border-style: dashed none dashed none;
    border-width: 1px;
    border-color: #FF0000;
    color: Red;
    padding-left: 20px;
    background-color: #D8D8D8;
    margin-bottom: 5px;
}

.errorText
{
    color: Red;
}

.errorTextBox
{
    border-color: Red;
    background-color: #FF5353;
}

.selected
{
    color: #bf2e1a !important;
    /*font-variant: small-caps !important;*/
    font-size: 13px;
}


.SerieAndContentMenu ul li a
{
    white-space: normal !important;
}

.sliderList li
{
    list-style-type: none;
    margin-left:-35px;
    width: 230px !important;
}

/* submenuFaq */

ul#menuFAQ, ul#menuFAQ ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 160px;
    font-size: 11px;
    background-color: #9EA8AF;
}

ul#menuFAQ a
{
    display: block;
    text-decoration: none;
}

ul#menuFAQ li
{
    margin-top: 1px;
}

ul#menuFAQ li a
{
    background: #F3F3F3;
    color: #5c5c5c;
    padding: 2px 2px 2px 2px;
}

ul#menuFAQ li a:hover
{
    background-color: #DBDBDB;
}

ul#menuFAQ li ul li a
{
    background: #f3f4f4;
    color: #5c5c5c;
    padding-left: 15px;
}

ul#menuFAQ li ul li a:hover
{
    background: #ccdde5;
    padding-left: 15px;
}

#divFaqContent
{
    padding-left:10px;
    padding-right:10px;
    }

/* submenu */

.level2
{
    margin-left: 10px;
}

.Edumatic
{
    float:right;
    }
    
    
    .EdumaticMargin
{
    float:right;
     margin-top:-25px;
    }
