/* Style sheet © 2007, Nander Cirkel - www.nandercirkel.nl */

html
{
    overflow: auto;
    width: 100%;
    height: 100%;
}

body 
{
    height: 100%;
    margin: 0px 0px 0px 10px;
    background-color: #057094;
    /* font */
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    line-height: 180%;
}

h1
{
    padding: 0px;
    margin: 0px 0px 16px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 125%;
    font-weight: bold;
    line-height: normal;
}

h2
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 100%;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
}

p
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

hr
{
    color: #C7E5E2;
    background-color: #C7E5E2;
    border: none;
    height: 1px;
}

a
{
    color: #057094;
}

form
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

/* Form fields */

.Text
{
    border: solid 1px #ccc;
}

.Button
{
    border: solid 1px #ccc;
    background-color: #E6E6E6;
}

/* All pages */

div.Page
{
    width: 557px;
    background-color: #fff;

    border-left: solid 143px #C7E5E2;
    border-right: solid 190px #EAEAEA;

    min-height: 100%;
    height: auto !important;
    height: 100%;
}

img.Logo
{
    position: absolute;
    left: 25px;
    top: 9px;
    z-index: 2;
}

img.Title
{
    position: absolute;
    left: 152px;
    top: 37px;
    z-index: 2;
}

div.Header
{
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 0px;
    width: 890px;
    height: 132px;
    background-color: #fff;
}

img.Stock
{
    position: absolute;
}

div.Topmenu
{
    height: 102px;
    text-align: right;
}
div.Topmenu .Menu
{
    position: absolute;
    width: 420px;
    right: 0px;
    bottom: 40px;
}
div.Topmenu .MenuItem
{
    display: inline;
    margin-right: 10px;
}
div.Topmenu .MenuItem a
{
    color: #000;
    text-decoration: none;
}
div.Topmenu .MenuItemAdd
{
    position: relative;
    top: -1px;
}

div.MainMenu
{
    height: 30px;
    background-color: #1E9CD3;
    padding-left: 143px;
    background-image: url(_artwork/dot-white.gif);
    background-repeat: repeat-y;
    background-position: 143px top;
}
div.MainMenu .Menu
{
}
div.MainMenu .MenuItem
{
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(_artwork/dot-white.gif);
    background-repeat: repeat-y;
    background-position: right top;
}
div.MainMenu .MenuItem a
{
    color: #fff;
    text-decoration: none;
}
div.MainMenu .Hover
{
    background-color: #C7E5E2;
}
div.MainMenu .Hover a
{
    color: #000;
}
div.MainMenu .MenuItemActive
{
    background-color: #C7E5E2;
}
div.MainMenu .MenuItemActive a
{
    color: #000;
}
div.MainMenu .MenuItemAdd
{
    position: relative;
    top: 4px;
}

div.SubMenu
{
    position: relative;
    left: 0px;
    float: left;
    margin-left: -142px;
    width: 143px;
}

div.SubMenuContainer
{
    padding-top: 320px;
    margin-left: 20px;
}
div.SubMenuContainer .MenuItem
{
    display: block;
}
div.SubMenuContainer .MenuItem a
{
    line-height: 30px;
    color: #000;
    text-decoration: none;
}
div.SubMenuContainer .MenuItemActive a
{
    font-weight: bold;
}
div.SubMenuContainer .Hover a
{
    font-weight: bold;
}

div.RightColumn
{
    position: relative;
    right: 0px;
    float: right;
    margin-right: -189px;
    width: 190px;
    color: #333;
}

div.RightColumnContainer
{
    padding-top: 160px;
    margin: 0px 16px 16px 16px;
}

div.ContentArea
{
}

div.ContentPositioner
{
    padding-top: 320px;
}

div.Content
{
    margin: 0px 30px 15px 25px;
}

/* Template: Homepage */

div.HomeFeatured
{
    float: left;
    width: 30%;
    margin: 0px 25px 15px 0px;
}

div.HomeFeaturedLast
{
    margin-right: 0;
}

.RightColumn .ContentItemProduct
{
}

.RightColumn .ContentItemProduct a
{
    display: block;
    text-align: center;
}

.RightColumn .ContentImages
{
}

/* Template: Normale pagina */


/* Skins */

.SkinAlleentekst
{
    border-left: none !important;
    width: 700px !important;
}
.SkinAlleentekst .SubMenu
{
    display: none;
}

/* Other */

.FeatureOnBackground
{
    float: left;
    background-color: #fff;
    padding: 10px;
    margin: 20px;
    border: solid 1px #444;
    color: #000;
}

.ContentItemSummaryProduct
{
    clear: left;
    margin: 0px;
    padding: 5px 2px 10px 5px;
    background-color: #e6f3f2;
}

    .ContentItemSummaryProduct .ContentImages
    {
        width: 130px;
        float: left;
        margin-bottom: 24px;
    }

    .ContentItemSummaryProduct a
    {
        color: #000; 
        font-weight: bold; 
        font-size: 10pt; 
        text-decoration: none;
    }

.RightColumn .ContentItemSummaryProduct
{
    padding: 0px;
    background-color: Transparent;
    margin-bottom: 24px;
}

    .RightColumn .ContentItemSummaryProduct .ContentImages
    {
        width: auto;
        float: none;
        margin-bottom: 0px;
    }

    .RightColumn .ContentItemSummaryProduct a
    {
        color: #057094; 
        font-weight: bold; 
        font-size: 9pt; 
        text-decoration: none;
    }

.ProductDetails
{
    color: #444 !important;
    position: absolute;
    left: 725px !important;
    top: 160px !important;
    width: 170px !important;
}

.ContentButtonsTop
{
    display: none;
}

.ContentButtonsTop
{
    display: none;
}

.ContentItemCallMe
{
    margin-top: 32px;
}

    .ContentItemCallMe .CallMeButton
    {
        text-align: center;
    }

    .ContentItemCallMe .CallMeButton img
    {
        width: 117px;
        height: 37px;
        background-image: url(_artwork/callme.gif);
        background-repeat: no-repeat;
    }