/****HLBOOKSHOP MASTER****/

html, body {
    line-height: 1.5em;
    background: url('../img/book.jpg') no-repeat bottom right;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    color: #606060;
    font-size: 9pt;
    font-family: Tahoma, Verdana, Arial;
}

p, h1, h2, h3, h4 {
    margin-bottom: 10px;
}

h1 {
    font-size: 14pt;
    width: 199px;
    height: 18px;
}

h2 {
    font-size: 13pt;
}

h3 {
    font-size: 12pt;
}

a {
    color: #e37797;
    text-decoration: none;
}

a:hover {
    color: #606060;
    text-decoration: underline;
}

/**start main styles**/

#container {
    width: 837px;
    margin: auto;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#header {
    padding: 23px 0 23px 15px;
}

    #header IMG{
        margin: 0 40px 0 0;
    }

#menu {
    height: 44px;
    background: url('../img/menuBg.jpg');
}

    #menu ul {
        list-style-type: none;
        line-height: 41px;
        padding-left: 15px;
    }
    
    #menu ul li {
        float: left;
        margin-right: 23px;
    }
    
    #menu ul li a {
        color: #fff;
        text-decoration: none;
        font-size: 10pt;
    }
    
  
    
    #menu ul li a:hover {
        color: #e37797;
    }
    


#search {
    padding:  5px 0 0  5px;
    height: 33px;
    width: 805px;
}

    .searchTitle 
    {
        color:Black;
        width: 150px;
    }

    #search div {
        float: left;
        width: 170px;
}
    
            
#main {
    float: left;
    width: 589px;
    padding-bottom: 20px;
}

#mainDynamisch {
    float: left;
    width: 640px;
    height:480px;
    padding-bottom: 20px;
}




#right {
    float: right;
    width: 151px;
}

#footer p {
    text-align: center;
    font-size: 8pt;
    color: #b7b7b7;
    margin-top: 15px;
}

    #footer a {
        color: #b7b7b7;
        font-size: 8pt;
    }
    
    #footer a:hover {
        color: #e37797;
    }

/**end main styles**/


/**start main column**/

.mainTitle {
	height: 29px;
	width: 589px;
}


    .mainRed {
        background: url('../img/mainTitleRed.jpg') no-repeat top left;
    }
    
    .mainOrange {
        background: url('../img/mainTitleOrange.jpg') no-repeat top left;
    }
    
    .mainGreen{
        background: url('../img/mainTitleGreen.jpg') no-repeat top left;
    }
    
    .mainPurple{
        background: url('../img/mainTitlePurple.jpg') no-repeat top left;
    }





.mainTitleDynamisch {
	height: 29px;
	width: 670px;
}

    .mainRedDynamisch {
        background: url('../img/mainTitleRedDynamisch.jpg') no-repeat top left;
    }
    
    .mainOrangeDynamisch {
        background: url('../img/mainTitleOrangeDynamisch.jpg') no-repeat top left;
    }
    
    .mainGreenDynamisch {
        background: url('../img/mainTitleGreenDynamisch.jpg') no-repeat top left;
    }
    
    .mainPurpleDynamisch {
        background: url('../img/mainTitlePurpleDynamisch.jpg') no-repeat top left;
    }

	.mainTitle h1 {
		padding: 3px 0 0 15px;
		font-size: 14pt;
	}

.mainContent {
	background: url('../img/mainContent.jpg') repeat-y top left;
	width: 559px;
	padding: 15px;
}

.mainContentDynamisch {
	background: url('../img/mainContentDynamisch.jpg') repeat-y top left;
	width: 650px;
	height:482px;
	padding: 10px;
}


.Betaalwijze 
{
   font-size: 9pt;
    font-family: Tahoma, Verdana, Arial;    
    padding-right:5px;
}


.invoerVeld  
{
    border: solid 1px #7C7C94;
    height:19px;
}

.dropdown
{
    border: solid 1px #7C7C94;
    height: 19px;
     
}



.mainBottom {
	background: url('../img/mainBottom.jpg') repeat-y top left;
	width: 589px;
	height: 9px;
}

.mainBottomDynamisch {
	background: url('../img/mainBottomDynamisch.jpg') repeat-y top left;
	width: 670px;
	height: 9px;
}




/**end main column**/



/**start columns INFO **/
.columnTitleInfo {
	height: 29px;
	width: 400px;
}

   .columnOrangeInfo {
        background: url('../img/columnTitleOrangeInfo.jpg') no-repeat top left;
    }
 
.columnContentInfo {
	background: url('../img/columnContentInfo.jpg') repeat-y top left;
	width: 370px;
	padding: 15px;
}

.columnBottomInfo {
	background: url('../img/columnBottomInfo.jpg') repeat-y top left;
	width: 400px;
	height: 9px;
}




/**end columns INFO **/



/**start columns**/

.columnTitle {
	height: 29px;
	width: 181px;
}


    .columnRed {
        background: url('../img/columnTitleRed.jpg') no-repeat top left;
    }
    
    .columnOrange {
        background: url('../img/columnTitleOrange.jpg') no-repeat top left;
    }
    
    .columnGreen{
        background: url('../img/columnTitleGreen.jpg') no-repeat top left;
    }
    
    .columnPurple {
        background: url('../img/columnTitlePurple.jpg') no-repeat top left;
    }

	.columnTitle h1 {
		padding: 3px 0 0 15px;
		color:black;
		font-size: 11pt;
	}

.columnContent {
	background: url('../img/columnContent.jpg') repeat-y top left;
	width: 151px;
	padding: 15px;
}
     
    .columnContent ul {
        list-style-type: none;
    }



.columnTitleSmall {
	height: 29px;
	width: 151px;
}
    .columnRedSmall {
        background: url('../img/columnTitleRedSmall.jpg') no-repeat top left;
    }
    
    .columnOrangeSmall {
        background: url('../img/columnTitleOrangeSmall.jpg') no-repeat top left;
    }
    
    .columnGreenSmall {
        background: url('../img/columnTitleGreenSmall.jpg') no-repeat top left;
    }
    
    .columnPurpleSmall {
        background: url('../img/columnTitlePurpleSmall.jpg') no-repeat top left;
    }

	.columnTitleSmall h1 {
		padding: 3px 0 0 15px;
		color:black;
		font-size: 11pt;
	}

.columnContentSmall {
	background: url('../img/columnContentSmall.jpg') repeat-y top left;
	width: 131px;
	padding: 10px;
}
     
    .columnContentSmall ul {
        list-style-type: none;
    }

.columnBottomSmall {
	background: url('../img/columnBottomSmall.jpg') repeat-y top left;
	width: 151px;
	height: 9px;
}

.columnSmall {
    margin: 0 0  13px 0;
}


    .market {
        position: relative;
    }

    .market IMG {
        margin-left: -30px;
    }
    
    .market IMG.new {
        position: absolute;
        right: -20px;
        top: -45px;
    }
    
    .login input[type=text] {
        border: 1px solid #cacacb;
        margin-bottom: 5px;
        padding: 1px 3px;
    }
    
    .login li a {
        font-size: 8pt;
    }

.columnBottom {
	background: url('../img/columnBottom.jpg') repeat-y top left;
	width: 181px;
	height: 9px;
}

.column {
    margin: 0 0  23px 0;
}

.home {
    margin: 23px 23px 0 0;
    
}

.dynamisch {
    margin: 0px 0px 0 0;
    
}



.end {
    margin: 23px 0 0 0;
}

/**start columns**/


/**start general classes**/

.fl {
    float: left;
}

.fr {
    float: right;
}

.cf {
    clear: both;
}

.submitBtn {
    background: url('../img/submitBtn.png') no-repeat;
    height: 25px;
    width: 82px;
    color: #fff;
    cursor: pointer;
    padding-bottom: 2px;
}

.submitBtnGreen {
    background: url('../img/submitBtnGreen.png') no-repeat;
    height: 25px;
    width: 82px;
    color: #fff;
    cursor: pointer;
    padding-bottom: 2px;
}

.submitBtnGreenLang {
    background: url('../img/submitBtnGreenLang.png') no-repeat;
    height: 25px;
    width: 234px;
    color: #fff;
    cursor: pointer;
    padding-bottom: 2px;
}


.menuLinkButton {
    padding-top:4px;
    color: #fff;
    text-decoration: none;
    float: left;
    margin-right: 23px;    
    font-size: 10pt;  }

.menuLinkButtonRight {
    padding-top:2px;
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 10pt;  }

.menuLinkButton:hover     
{
    padding-top:2px;
    text-decoration: none;
    color:#606060;
  }



.inputField {
        padding: 5px;
        background: url('../img/searchBg.jpg');
        background-repeat:no-repeat;
        width: 390px;
        height: 15px;
    }

.inputField22H {
        padding: 5px;
        background: url('../img/searchBg22H.jpg');
        background-repeat:no-repeat;
        width: 390px;
        height: 15px;
    }


.h1 {
    font-size: 14pt;
    padding-left:10px;
    padding-top:5px;
    width: 199px;
    height: 18px;
    color: #606060;
    margin-bottom: 10px;
}

.h2 {
    font-size: 13pt;
    color: #606060;
    margin-bottom: 10px;
}

.h3 {
    font-size: 12pt;
    color: #606060;
    margin-bottom: 10px;
}

   .ColumnH1 {
    font-size: 11pt;
    color: #fff;
    padding-top:5px;
    padding-left:15px;
    margin-bottom: 10px;
}

   .ColumnH1a {
    font-size: 11pt;
    color: #fff;
    padding-top:-5px;
    padding-left:0px;
    margin-bottom: 10px;
}



/**end general classes**/