﻿ body
    {
        font-family: Century Gothic;
        font-size: 12px;
        color: Black;
        line-height: 17px;
        behavior: url(csshover.htc);
    }
    #wrapper
    {
        background-repeat: repeat-y;
        background-position-y: 100px;
    }       
    .BgLine 
    {
        background-image: url(../../Shared/Images/Layout/CenterBg.gif); 
        background-repeat: repeat-y; 
        min-height: 600px;
        height: auto;
    }
     #header
    {
        padding: 0;
        background: #ffffff;
        height: 136px;
    }
    #navigation
    {
        text-align: right;
        color: #333;
        padding-bottom: 10px;
        padding-right: 25px;
    }
    #NavLinks
    {
        padding-top: 10px;
        color: #ffffff;
    }
    #NavLinks a
    {
        color: #ffffff;
        font-size: 12px;
    }    
      .NavLinksTopMargin
    {
        margin-top: 75px;
        *margin-top: 85px;
        margin-bottom: 10px;
        margin-right: 14px;
    }
    td
    {
        vertical-align: top;
    }
    h1
    {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    h2
    {
        font-size: 26px;
        margin-top: 3px;
        font-weight: normal;
        font-family: Century Gothic;
    }
    h3
    {
        font-size: 20px;
        margin-top: 3px;
        font-weight: normal;
        font-family: Century Gothic;
    }
     h4
    {
        font-size: 22px;
        margin-top: 3px;
        font-weight: normal;
        font-family: Century Gothic;
        margin-bottom: 5px;
    }
     h5
    {
        font-size: 18px;
        margin-top: 3px;
        font-weight: normal;
        font-family: Century Gothic;
        margin: 10px 0 15px 3px;
        _margin: 24px 0 15px 3px;
    }
     h6
    {
        font-size: 40px;
        margin-top: 3px;
        font-weight: normal;
        font-family: Century Gothic;
        margin-bottom: 5px;
    }
    .NavBg
    {
        width: 100%;
        _width: 100%;
        height: 120px;  
        _margin-bottom: -20px;
        border-bottom: 2px solid #ffffff;
        overflow: hidden;
        
    }

    #Search
    {
        float: right;
        width: 720px;
        text-align: left;
        height: 30px;
        _height: 25px;
        _margin: 0;
        _padding: 0;
        /*margin-top: 76px;*/
        background-repeat: repeat-x;
        overflow: hidden;      
        position: absolute;
        *position: relative;
        z-index: 2000;
        margin-left: 274px;
        *margin-left: 250px;
    }
    .Drop
    {
        width: 170px;
        font-family: Century Gothic;
        font-size: 12px;
        color: Black;
    }
    .Soek
    {
        width: 260px;
        font-family: Century Gothic;
        font-size: 12px;
        color: Black;
    }
    select
    {
        font-family: Century Gothic;
        font-size: 12px;
        color: Black;
    }
    #content
    {
        color: #333;
        padding: 30px 10px 10px 10px;
        _padding: 50px 0 10px 15px;
        background-color: #FFF;
        border-bottom: 5px solid white;
    }
    #leftcolumn
    {
        color: #333;
        _padding: 0;
        height: 100%; 
        margin-top: 10px;
        *margin-top: 0;
    }    
    #leftcolumn img
    {
        margin-left: 4px;    
    }
    #rightcolumn
    {
        color: #333;
        padding: 0;
    }
     #rightcolumn img
    {
        margin-right: 5px;    
        _margin-left: 14px;   
    }
    #ContentHolder
    {
        height: 100%;
        height: auto;
        width: 600px;
    }
    #SubNavigationMenu
    {
        width: 100px;
        display: block;
        margin: 5px 0;
        margin-top: -3px;
    }
    #SubNavigationMenu li
    {
        list-style: none;
        padding-left: 20px;
        background-color: #F5F4F0;
        margin-top: 2px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #SubNavigationMenu li a
    {
        display: block;
        color: #616264;
        font-weight: bold;
        text-decoration: none;
    }
    a
    {
        font-family: Century Gothic;
        font-size: 12px;
        text-decoration: none;
        line-height: 14px;
    }
    a:active
    {
        font-family: Century Gothic;
        font-size: 12px;
        text-decoration: none;
        line-height: 14px;
    }
    a:visited
    {
        font-family: Century Gothic;
        font-size: 12px;
        text-decoration: none;
        line-height: 14px;
    }
    a:hover
    {
        font-family: Century Gothic;
        font-size: 12px;
        text-decoration: none;
        line-height: 14px;
    }
    a:visited:hover
    {
        font-family: Century Gothic;
        font-size: 12px;
        text-decoration: none;
        line-height: 14px;
    }
    .HeaderImage
    {
        padding: 5px 0;
    }
    .HeaderImageTop
    {
    }
    .AuthorImage
    {
        width: 150px;
        height: auto;
        padding-right: 15px;
    }
    .NewsImage
    {
        width: 150px;
        height: auto;
    }
    .SkrywerLabel
    {
        font-weight: bold;
        margin-bottom: 0;
    }
    .text
    {
        display: block;
        margin-bottom: 5px;
    }
    .Quote
    {
        font-style: italic;
    }
    .SmallBookList
    {
    }
    .EventDate
    {
        width: 130px;
    }
    .EventYearHeader
    {
        font-weight: bold;
        font-size: 13px;
        line-height: 20px;
    }
    .FeaturedBlock
    {
        display: block;
    }
    .BookImageTop
    {
        display: block;
        height: 100px;
    }
    .BookTextBottom
    {
        display: block;
    }
    .BookListItem
    {
        float: left;
        margin-right: 15px;
        width: 115px;
        margin-bottom: 15px;
    }
    .VorigeBoekImage
    {
        display: block;
        float: left;
        padding-right: 8px;
        padding-top: 10px;
        height: 100px;
        width: 115px;
        _width: 105px;
    }
    .VorigeBoekText
    {
        display: block;
        float: left;
        width: 115px;
        _width: 105px;
    }
    .VorigeBoekItem
    {
        float: left;
        margin-right: 15px;
        width: 115px;
        _width: 105px;        
    }
    .HomePageBanner
    {
        display: block;
        margin: 8px 2px;
    }
    .BookCoverImage
    {
        max-width: 150px;
        height: auto;
        padding-right: 15px;
        float: right;
    }
    .BookFloatMenu
    {
        float: right;
        width: 150px;
        text-align: left;
        margin-left: 10px;
    }
    .BookFloatMenu a
    {
        display: block;
        margin: 4px 0;
    }
    .Keywords a
    {
        text-decoration: underline;
    }
    .UserOptions
    {        
        width: 182px;
        margin-left: -12px;
        _margin-top: 20px;                 
    }
    .UserOptions a
    {
        display: block;
        margin: 1px 0 1px 0; 
        padding: 3px 1px 5px 0; 
        _padding: 3px 1px 5px 6px;
        line-height: 16px;        
    }
      .UserOptions a:hover
    {
        display: block;
        margin: 1px 0 1px 0; 
        padding: 3px 1px 5px 0; 
        _padding: 3px 1px 5px 6px;
        line-height: 16px;           
    }
    .UserOptions #BasketDisplay
    {
        /* display: block; */
    }
    .UserOptions #BasketDisplay a
    {
        /*display: inline; */
    }
    .ItemRow
    {
        padding: 3px 7px;
        margin-bottom: 8px;
        display: block;
    }
    .AlternatingRow
    {
        padding: 3px 7px;
        margin-bottom: 8px;
        display: block;
    }
    #Pager
    {
        margin-top: 8px;
        text-align: center;
    }
    .InfoMessage
    {
        font-weight: bold;
    }
    .CartProgressOverlay
    {
        height: 35px;
        width: 145px;
        background-color: #FEFEFE;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
    }
    .CartProgressOverlayImage
    {
        /* Image Dimensions: 16x16 */
        position: absolute;
        width: 16px;
        height: 16px;
        left: 50%;
        top: 50%;
        margin: 5px -8px;
    }
    /* AJAX Control Toolkit *//* Modal popup */
    .modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .modalPopup
    {
        font-family: Century Gothic;
        background-color: white;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        width: 400px;
        padding: 10px;
    }
    .modalPopup a
    {
        display: block;
        margin: 0;
    }
    /* Shopping Cart */.ShoppingCart
    {
        display: block;
    }
    .ShoppingCartRemove
    {
        margin-right: 10px;
        text-align: left;
        float: left;
    }
    .ShoppingCartQuantity
    {
        margin-right: 10px;
        text-align: right;
        width: 20px;
        float: left;
    }
    .ShoppingCartQuantity input
    {
        width: 20px;
    }
    .ShoppingCartProduct
    {
        margin-right: 10px;
        text-align: left;
        float: left;
    }
    .ShoppingCartPrice
    {
        margin-right: 10px;
        text-align: right;
        float: right;
    }
    .ShoppingCartLabel
    {
        margin-right: 15px;
        text-align: right;
        float: right;
        font-weight: bold;
        width: 150px;
    }
    .ShoppingCartTotal
    {
        margin-right: 10px;
        text-align: right;
        float: right;
        width: 150px;
    }
    .ShoppingCartRow
    {
        padding: 3px 7px;
        display: block;
        clear: both;
    }
    .DynamicContent
    {
        display: block;
    }
    .NavSubHeader
    {
        display: block;
        font-size: 23px;
        color: #ffffff;
        padding-bottom: 6px;
        padding-left: 21px;
        padding-top: 6px;
        line-height: 25px;
        _line-height: 26px;
        height: 30px;
        _height: 14px;
        font-weight: normal;
        width: 159px;
        _width: 158px;
    }
    
    .NavSubHeaderTop
    {
       border-top: 7px solid #ffffff; 
       margin-top: -22px;
       *margin-top: -12px;
       _margin-top: 0;
       border-bottom: 2px solid #ffffff;
    }
    .NavSubHeaderRight
    {
        display: block;
        font-size: 23px;
        color: #ffffff;
        padding-bottom: 6px;
        padding-left: 21px;
        padding-top: 6px;
        line-height: 25px;
        _line-height: 26px;
        height: 30px;
        _height: 14px;
        font-weight: normal;
        width: 159px;
        _width: 165px;
        _margin-left: 10px;
    }
    .BasketLayout 
    {
        margin: 10px;
        _margin-left: 25px;
    }
    .SubNavListing
    {
        font-weight: normal;
        font-size: 11px;
        line-height: 18px;
    }
    .SubNavListing li
    {
        margin-left: 35px;
        background-color: Transparent;
        width: 140px;
        line-height: 18px;
    }
    .SubNavDottedLine
    {
        margin-bottom: 10px;
        width: 165px;
        _width: 150px;
    }
    .Blocks li
    {
        margin-left: 20px;
    }
    .RegBgCol
    {
        height: 100%;
    }
    .Button
    {
        padding: 3px 8px;
        font-size: 12px;
        color: #ffffff;
        border: 0;
        cursor: pointer;
    }
    .tdLabel
    {
        vertical-align: top;
        text-align: right;
        padding-right: 5px;
        height: 25px;
        width: 165px;
    }
    .tdLabel:after
    {
        content: ':';
    }
    .tdLabelModal
    {
        vertical-align: top;
        text-align: right;
        padding-right: 5px;
        height: 25px;
        width: 100px;
    }
    .tdLabelModal:after
    {
        content: ':';
    }
    .tdBlogArtikel
    {
        vertical-align: top;
        text-align: right;
        padding-right: 5px;
        height: 25px;
        margin-left: 55px;
    }
    .tdTeken
    {
        vertical-align: top;
        text-align: right;
        padding-right: 5px;
        height: 25px;
        width: 40%;
    }
    textarea td
    {
        height: 80px;
    }
    input, textarea, select
    {
        font-size: 11px;
        margin-right: 4px;
    }
    .KomentaarLeftPadding
    {
        padding-left: 25px;
    }
    #footer
    {
        color: #ffffff;
        padding-top: 20px;
        height: 145px;
        width: 1005px; 
        *width:994px;
        border-top: 8px solid #ffffff;
        text-align:center;
        }
        
  
    
    
 /*Main Menu*/
    
    
#nav li ul  {
    list-style: none;
    margin: 0;
    padding: 0;
    width:178px;
}

    
#nav li  {
    list-style: none;
    font-size: 11px;
	font-weight: bold;
	height:22px;
	border-bottom:1px solid #fff;
	position: relative;
	float:left;
	width:100%;	
}

#nav li a{
	display:block;
	height: auto;
	min-height:22px;
	}

#nav li a:hover {
	height: auto;
	min-height:22px;
}

/*Submenu*/ 
#nav li ul li {
	font-size: 11px;
	font-weight: bold;
	height: auto;
	min-height:22px;
	border-bottom:1px solid #fff;
	position: relative;
	z-index: 2;
	float:left;
	width:100%;	
	}

#nav li ul li a:hover{
	
}

#nav li ul {
	position: absolute;
	z-index: 2;
	top: 0;
	display:none;
}

#nav li:hover ul{
	display: block;
	left:178px;
	*left: 179px;
	border-left: 1px solid white;
}

.Mainlink 
{
     padding: 3px 0 0 14px;
}

.Sublink 
{
     padding: 2px 0 0 7px;
}



  ol {margin-left: 35px;}
    
    
    a.ImageNoUnderline
    {
        text-decoration: none;
    }
    .RightColumnPanelWidth
    {
        width: 160px;
        height: 20px;
    }
    a IMG
    {
        border: 0;
    }
    
    .BannerPadding
    {
        padding: 3px 0 3px 0;
    }
    
    /* Gridview */.GridView
    {
        border: 0;
    }
    /* This is for the header */.GridView th
    {
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        padding: 2px 5px;
        border: none;
        color: #000000;
    }
    /* GridView Item Style */.GridView td
    {
        text-align: left;
        padding: 2px 5px;
        border: none;
    }
    /* GridView Item Style */.GridViewRow
    {
    }
    /* GridView ALternating Item Style */.GridViewRowAlternate
    {
    }    
    a.AlternateLinkColorScheme
    {
        color: #FFFFFF;
        width: 196px;  
        _width: 189px;    
    }
    
   
    
     a.FooterLinks 
     {
         color: White;
     } 
     
     a.FooterLinks:hover, a.FooterLinks:visited, a.FooterLinks:visited:hover
     {
         color: White;
     } 
     
     /*Printing*/
     
     .PrintFooter {display:none;} 
     
     /*Levelling blocks*/
     
      .BlockLevel {
        width: 110px;
        min-height: 192px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 192px;
        }
        
        .BookHeight
        {
            height: 100px;
        }

     
     
     
