/* ADD-ON */

/* LOGO */
#logo {
    width:195px;
    height:78px;
    display:block;
    margin:12px 0px 0px 250px;
    background:transparent url('../gfx/add-on/logo.gif') left top no-repeat;
    color:#fff;
    font-size:80px;
    text-align:center;
    text-decoration:none;
    text-indent:-9999em;
}

/* PERSON */
#person {
    width:252px;
    height:286px;
    position:absolute;
    z-index:0;
    background:transparent url('../gfx/background/person.png') left top no-repeat;
    left:50%;
    top:20px;
    margin-left:-500px;
}

/* LINKS */
.links {
    float:right;
    margin-top:20px;
    display:inline;
    list-style:none;
    }
    .links li {
        display:inline;
        padding:5px 25px 5px 10px;
        background:transparent url('../gfx/add-on/head_bullet.gif') right center no-repeat;
        }
        .links li a {
            color:#fff;
            text-decoration:none;
        }
        .links li a:hover {
            color:#eee;
        }

/* NAVIGATIE */
#navigation ul {
    position:absolute;
    z-index:9999;
    margin-left:100px;
    margin-top:75px;
    width:165px;
    list-style:none;
    padding:30px 0px;
    background:transparent url('../gfx/background/navigation_ul.png') right top no-repeat;
    }
    #navigation li {
        text-align:right;
        background:#fff;
    }
    #navigation a {
        font-size:14px;
        color:#000;
        text-decoration:none;
        padding:10px 25px 10px 0px;
        display:block;
        background:transparent url('../gfx/add-on/nav_bullet.gif') right center no-repeat;
    }
    #navigation a:hover {
        background:transparent url('../gfx/add-on/nav_bullet.gif') right center no-repeat;
    }
    
/* ITEMS */
.items {
    border-top:1px dotted #999;
    margin: 0px 8px;
    padding-top:8px;
    padding-bottom:20px;
    }
    .items .title {
        padding:5px;
        background:#da9122;
        font-weight:bold;
        color:#fff;
        display:block;
    }
    .items ul {
        margin:0px;
        list-style:none;
        }
        .items li {
            padding:10px 0px 5px 0px;
            border-bottom:1px dotted #999;
            }
            .items li a {
                color:#000;
                text-decoration:none;
                display:block;
                padding-bottom:25px;
                background:#fff url('../gfx/add-on/lees_verder.gif') right bottom no-repeat;
            }
            .items li span.title {
                background:transparent;
                margin:5px 3px;
                padding:0px;
                font-size:14px;
                display:block;
                color:#000;
            }
            .items li span.text {
                margin:0px 3px;
                display:block;
                color:#000;
            }
      
/* BOX */
.box {
    margin:20px 10px 0px 20px;
    display:block;
    }

/* SIMPEL */
.simpel {
    float:right;
    width:220px;
    height:191px;
    background:#fff url('../gfx/add-on/simpel.jpg') right bottom no-repeat;
}

/* LISTS */
.lists {
    float:left;
    margin:0px 0px 0px 0px;
    width:90%;
    display:inline;
    list-style:none;
    }
    .lists li {
        padding:5px 0px 5px 17px;
        border-top:1px dotted #999;
        background:#fff url('../gfx/add-on/list_bullet.gif') left 6px no-repeat;
    }
    .lists li.last {
        border-top:1px dotted #999;
        border-bottom:1px dotted #999;
    }