body {       
        background-color: #C5CEE3;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #001d5d;
        line-height: 18px;
    margin: 0;
    padding: 0;

        /* Center magic...*/
        text-align: center;

    /* Force a vertical scrollbar */
    min-height: 100%; 
    margin-bottom: 1px;   
    
    /* Force a vertical scrollbar for Mozilla based browsers */
    overflow: -moz-scrollbars-vertical !important;    
}

img {
    margin: 0;
    padding: 0;
}

.image {
        margin-right: 15px;
}

a       {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        color: #7C4A7B;
        /* color: #bb0030; */
        text-decoration: underline;
}

a:hover {
        color: #7C4A7B;
        /* line-height: 18px; */
}

td {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #7C4A7B;
        line-height: 18px;
}

#container {
        width: 800px;
        margin-top: 0px;
        background-color: #FFFFFF;
        
        /* Center magic...*/
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}

#logo {
        width: 800px;
        height: 99px;
        margin-top: 0px;
        margin-left: 0px;
        background-color: #7C4A7B;
}

/* 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Container for horizontal menu 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
ul#mymenu {
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        overflow: none;
        width: 800px;
        height: 33px;
        padding: 0;
        margin: 0;
        background-color: #7C4A7B;
        background: url('../images/menu.gif') no-repeat;
        }

/* Container for horizontal menu items */
ul#mymenu li {
        float:left;     /* causes the list to align horizontally instead of stack */
        position:relative; /* positioning context for the absolutely positioned drop-down */
        list-style-type:none; /* removes the bullet off each list item */
        margin: 0;
}

/* Used for the horizontal menu items */
ul#mymenu a {
    text-decoration: none;
        display: block;
        padding: 7px 9px 8px 9px; /* Create some space around the menu items */
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: bold;
        font-size: 12px;
        color: #7C4A7B;
        background-color: #7C4A7B;
        background: url('../images/menu.gif') no-repeat;
}

/* Changes the background image when hovering over horizontal menu items */
ul#mymenu a:hover {
        background: url('../images/menu_hover.gif');
        text-decoration: underline;
}

/* Special class to set on the 'active' item. That is the menu item for which the page i
   is currently being shown */
ul#mymenu .selected {
        background: url('../images/menu_hover.gif');
}


/* Used for the last item in the list to provide a ending separator */
ul#mymenu span {
        display: block;
        padding: 7px 17px 8px 17px; /* Create some space around the menu items */
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: bold;
        font-size: 12px;
        color: #7C4A7B;
        background-color: #7C4A7B;
        background: url('../images/menu.gif') no-repeat;
}

/* 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   The main content area 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
#content {
        width: 800px;
    margin: 0;
    padding: 0;
        background-color: #FFFFFF;
        background: url(../images/background.gif);
        background-repeat: repeat-y;
}

h2 {
        margin: 15px 15px 5px 15px;
}

h3 {
    margin: 0;
        padding: 5px 15px 5px 15px;
}

#tekstvlak {
        width: 480px;
    margin: 0;
    padding: 14px 0px 0px 15px;
    float: left;
    
}

#tekstvlak p {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #001d5d;
        line-height: 18px;
}    


#tekstvlak_right {
        width: 575px;
    padding: 34px 15px 0px 0px;
        float: right;
}
/* Hack for IE only because it doubles the values of margins */
* html div#tekstvlak_right {
    margin: 0px 7px 0px 0px;
}

#tekstvlak_right p {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #001d5d;
        line-height: 18px;
    padding: 5px 0;
}


#tekstvlak_boeken {
        width: 800px;
        margin: 0;
        padding: 0;
}



#contentfooter {
    margin: 0px 20px;
    padding: 0px 0px 5px 5px;
}

#bottom {
        width: 800px;
        height: 17px;
        margin-top: 0px;
        margin-left: 0px;
        background-color: #7C4A7B;
}

.footer {
        font: normal normal normal 9px Arial, Helvetica, sans-serif;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        margin-top: 10px;
        margin-left: 600px;
        height: 17px;
        background-color: #7C4A7B;
}


div#mysubmenu {
    width: 165px;
    margin: 45px 20px 20px 20px;
    padding: 0px;
    /* background-color: #d0d7e9; */
    background-color: #E5D4E6;
    border: 1px solid #7C4A7B;
    float: left;
}

/* Hack for IE only because it doubles the values of margins */
* html div#mysubmenu {
    margin: 45px 10px 10px 10px;
}



/* 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Side menu
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
#mysubmenu ul {
        padding: 0px 0px 3px 0px;
        margin: 0;
}
#mysubmenu ul li {
        padding: 2px 10px 3px 10px;
        margin: 0 0 6px 0;
        /* color: #7C4A7B; */
        color: #ffffff;
        font-weight: bold;
        list-style: none;
}
/* Hack for IE only because it doubles the values of margins */
* html div#mysubmenu ul {
    margin: 0;
}
#mysubmenu ul li a {
        font-family: Arial, Helvetica, sans-serif;
        line-height: 15px;
        text-decoration: none;
        color: #7C4A7B;
        /* color: #ffffff; */
}
#mysubmenu ul li a:hover {
        color: #7C4A7B;
        /* color: #ffffff; */
        cursor: pointer;
        text-decoration: underline;
}

/* Second level of submenu */
#mysubmenu ul li ul {
        padding: 0;
        margin: 0;
}
#mysubmenu ul li ul li {
        margin: 0;
        padding: 0 10px;
        line-height: 17px;
        font-weight:100;
        font-size: 11px;
        color: #7C4A7B;
}
/* Hack for IE only because it doubles the values of margins */
* html div#mysubmenu ul li ul {
    margin: 0;
}
#mysubmenu ul li ul li a {
        line-height: 15px;
        font-weight:100;
        text-decoration: none;
        color: #7C4A7B;
}
#mysubmenu ul li ul li a:hover {
        color: #7C4A7B;
        /* color: #ffffff; */
}


/* 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   Special Offers
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#aanbiedingen {
        width: 280px;
    margin: 20px 20px 0 0;
    padding: 0;
        float: right;
}

/* Hack for IE only because it doubles the values of margins */
* html div#aanbiedingen {
    margin: 20px 10px 0 0;
}

#abcont {
        width: 280px;
        margin-top: 20px;
        margin-left: 100px;
}

#abtop  {
        width: 280px;
        height: 15px;
}

#abcenter       {
        width: 280px;
        background-image: url(../images/center.jpg);
        background-repeat: repeat-y;
        padding-left: 22px;
}

#abitem {
    padding: 10px 0;
}

#abbottom       {
        width: 280px;
        height: 11px;
        padding-bottom: 5px;
}


.kop    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        letter-spacing: 0.2mm;
        color: #7c4a7b;
        line-height: 40px;
        text-decoration: none;
}

.absubkop       {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        color: #bb0030;
        line-height: 18px;
        text-decoration: none;
}

.abbody {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        color: #003bbb;
        line-height: 18px;
        text-decoration: none;
}

.abprijs        {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        color: #003bbb;
        line-height: 18px;
        padding-left: 55px;
        text-decoration: none;
}

.abprijs2       {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        color: #bb0030;
        line-height: 18px;
        text-decoration: none;
}

.menu_item_a {
        font: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: bold;
        font-size: 12px;
        color: #6683c3;
        margin-right: 17px;
        margin-left: 17px;
}

.menu_item_n {
        font: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: bold;
        font-size: 12px;
        color: #7C4A7B;
        margin-right: 17px;
        margin-left: 17px;
        text-decoration: none;
}

.menu_item_n:hover {
        font: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: bold;
        font-size: 12px;
        color: #7C4A7B;
        margin-right: 17px;
        margin-left: 17px;
        text-decoration: none;
        background: url(../images/a_hover.gif);
}

.submenu {
        font: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-weight: normal;
        font-size: 11px;
        color: #7C4A7B;
        text-decoration: none;
}

.a_tekst        {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        color: #bb0030;
        line-height: 18px;
        text-decoration: none;
}

.a_tekst:hover  {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        color: #bb0030;
        line-height: 18px;
        text-decoration: underline;
}