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:hover
{
    border: 1px solid #B70000;
}

img.HomeCoverSmall
{
    margin-top: 4px;
    border: 1px solid #666666;
}

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;
}

.myInputVat
{
    border:1px solid #e3e3e3;
    font-size: 14px;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.myInputVatShort
{
    font-size: 14px;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.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: 14px/14px 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; /*text-align: justify;*/
}

.HomeBookCenterTxtBig
{
    font: 11px/16px arial, helvetica, sans-serif;
    color: #606060; /*text-align: justify;*/
}

.HomeBookAuthorsBig
{
    font: 12px arial, helvetica, sans-serif;
}


.HomeBookAuthors
{
    font: 11px arial, helvetica, sans-serif;
}



.Author
{
    font: 10px/12px arial, helvetica, sans-serif;
    color: #444;
    font-weight: normal;
}

.BookSynopsisTitle
{
    font: 22px/22px 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;
}

/*
.HomeHrLeft	{
	border: 0;
	margin: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
}
*/

.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;
}

.valids
{
    margin-bottom: 3px;
}

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/18pxarial, 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;
}

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: 13pxarial, 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: 11px/11px arial, helvetica, sans-serif;
    color: #5c5c5c;
    padding-top: 20px;
}

.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;
}

.MenuLeft li:first-child
{
    font-weight: bold;
}

a.MenuLeftActive:link, a.MenuLeftActive:visited, a.MenuLeftActive:active
{
    color: #bf2e1a;
    font: 11px/11pxarial, 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: 270px;
    margin: 1px;
}

.hideTd
{
    display: none;
    visibility: hidden;
}

.treeview table img
{
    margin: 5px 0 0 5px;
}

.treeview div
{
    text-align: left;
}

.treeview div table
{
    background-color: #f3f4f4;
    text-align: left;
    width: 100%;
}

.treeview div table tr td a
{
    white-space: normal !important;
}

.treeview div table tr td
{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.treeview div table tr td:last-child
{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    width: 250px !important;
}

.treeview table tr td a
{
    white-space: normal !important;
}

.treeview table tr td
{
    padding-bottom: 5px !important;
    padding-top: 5px !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 5px 0px 5px;
}

.TableTopAndBottomBorder img
{
    width: 50px;
    margin: 0 12px 5px 0;
}

.searchResultCell
{
    padding: 5px 0 0 0;
}

.searchresult
{
    width: 65px;
    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-size: 11px;
}


.SerieAndContentMenu ul li a
{
    white-space: normal !important;
    line-height: normal !important;
}


.sliderList li
{
    list-style-type: none;
    margin-left: -35px;
    width: 230px !important;
}


/**/

.Edumatic
{
    float: right;
}


.EdumaticMargin
{
    float: right;
    margin-top: -25px;
}


/*NewsLetter*/

.tableVakgebiedenInschrijven tr td
{
    vertical-align: top;
    padding-left: 5px;
}



/* General */

#cssdropdown
{
    list-style: none;
}
#cssdropdown li.headlink
{
    width: 20px;
    float: left;
    z-index: 9999;
}
#cssdropdown li.headlink a
{
    display: block;
    z-index: 9999;
}

#cssdropdown li.headlink ul
{
    display: none;
    border: 1px black solid;
    margin-left: -1px;
    z-index: 9999;
    position: absolute;
}
/* for IE8, going last */
#cssdropdown li.headlink a
{
    display: block;
    z-index: 9999;
}


/* Pretty styling */
#cssdropdown a
{
    color: white;
}

#cssdropdown ul li
{
    background-color: Gray;
    width: 25px;
    height: 20px;
}
#cssdropdown ul li a:hover
{
    text-decoration: none;
}
#cssdropdown li.headlink
{
    color: Blue;
    width: 25px;
    height: 20px;
}
#cssdropdown li.headlink ul
{
    background-position: bottom;
}
#cssdropdown img
{
    width: 20px;
}

/*
	#cssdropdown, #cssdropdown ul { list-style: none; position:absolute; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links 
	#cssdropdown li.headlink { width: 20px; float: left; z-index:9999;  }
	#cssdropdown li.headlink a { display: block;  z-index:9999;}

	/* Child lists and links 
	#cssdropdown li.headlink ul { display: none; border: 1px black solid; margin-left:-1px; z-index:9999; }
	#cssdropdown li.headlink:hover ul { display: block; z-index:9999;}
	#cssdropdown li.headlink ul li a { padding: 2px 2px 2px 5px; height: 14px; z-index:9999; }
	#cssdropdown li.headlink ul li a:hover
{
    background-color: #FF0000;
    z-index: 9999;
}
	
	/* Pretty styling 
	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white;}
	#cssdropdown li.headlink ul { background-position: bottom; } */





/*search list and series space*/

.space
{
    margin-bottom: 6px;
}

.radiosFloatLeft
{
    float: left;
    margin: 0px 2px 0px 0px;
}


/*paging*/

.pagingDisabled
{
    text-decoration: none;
}

.TablieDetailRadio tr td table tr td
{
    padding: 1px 0px 1px 0px;
    border-bottom: 1px solid #606060;
    border-bottom-color: #C3C3C3;
}

.TablieDetailRadio tr td table tr td input
{
    vertical-align: text-top;
    padding-right: 3px;
}

.TablieDetailRadio tr td table tr td label
{
}
.checkboxListTable tr td
{
    padding: 1px 0px 1px 0px !important;
    border-bottom: 1px solid white !important;
}



/*menuleft verder*/


.static
{
    font: 12px/12px arial, helvetica, sans-serif;
    font-weight: bold;
}

.level2
{
    font-weight: normal;
    font: 11px/11px arial, helvetica, sans-serif;
}


.Curddl
{
    border: 1px solid #C3C3C3;
    float: right;
}





/* jqModal alert CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */


div.jqmAlert
{
    /* contains + positions the alert window */
    display: none;
    position: fixed;
    top: 40%;
    left: 5%;
    width: 100%;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert
{
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmAlertWindow
{
    height: auto;
    width: auto;
    margin: auto;
    max-width: 400px;
    padding: 0 10px 10px;
    background: #6B6B6B;
    border: 1px dotted #000000;
}

.jqmAlertTitle
{
    margin: 5px 2px;
    height: 20px;
    color: #6B6B6B;
    background: #6B6B6B;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-bottom-width: 1px;
}
.jqmAlertTitle h1
{
    margin: 5px 2px;
    padding-left: 5px;
    padding: 0;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: -1px;
    font-weight: bold;
    color: #FFF;
    float: left;
    height: 20px;
}

div.jqmAlert .jqmClose em
{
    display: none;
}
div.jqmAlert .jqmClose
{
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    clear: right;
    background: transparent url(../imgs/close_icon_double.png) 0 0 no-repeat;
}

div.jqmAlert a.jqmClose:hover, div.jqmAlert a.jqmCloseHover
{
    background-position: 0 -20px;
}

div.jqmAlertContent
{
    border-top: px;
    color: #FFF;
    font: 11px/14pt arial;
    padding: 5px 20px 5px;
    margin: 5px; /*border: 1px dotted #111;*/
    letter-spacing: 0px; /*background: #111 url(../imgs/darkgrid.png);*/
    background-color: #868686;
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */


.AuthorLinkbuttonSpecial
{
    text-decoration: underline !important;
    }
    
    .AuthorLinkbuttonSpecial span
{
    text-decoration: none !important;
    }