/*===========
HTML AND BODY STANDARDS
===========*/
* { padding: 0; margin: 0; outline: none; }
body,html {
    width: 100%;
    height: 100%;
}
/*===========
:DEFAULTS
===========*/
strong, b { font-weight: bold; color: #000; }
p { margin-bottom: 20px; }
p:last-child { }
img { padding: 0; margin: 0; outline: none; border: 0; }
p img[align="left"] { display: block; margin: 5px 20px 10px 0; }
p img[align="right"] { display: block; margin: 5px 0 10px 20px; }
img a:hover { cursor: pointer; }
object, embed { clear: both; display: block; margin: 0 0 14px; padding: 0; }
ul, ol{ display: block; margin: 0 0 14px; padding: 0; }
ul li, ol li{ margin: 0 0 0 21px; }
ul { list-style: disc; }
ol { list-style: decimal; }
em { font-style: italic; }

sup{ font-size: 66%; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 0.7ex; }

a { padding:0; margin: 0; outline: none; border: 0; color: #ff3f00; color: #f1590f; text-decoration: none;
    /*	-webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;*/
}
a:hover, a:focus, a:active{ cursor: pointer; color: #ac0103; text-decoration: none; }

/* MUST BE INCLUDED FOR SHOWING IMAGES PROPERLY!!! */
.enlarge {
    display: block;
    position: absolute;

    bottom: 4px;
    right: 4px;

    width: 16px;
    height: 16px;

    margin: -8px 0 0 -8px;

    background-image: url('../images/search/search_icon.png');
    background-repeat: no-repeat;
    background-position: center;
}

.placeholder {
    color: #aaa !important;
}

/**
 * Use this class on the target which needs to be aligned vertically
 **/
.valignMiddle {
    display: inline !important;
    zoom: 1;

    vertical-align: middle;
}
/**
 * Use this class on an extra span next to the target element (IE7 needs a span!)
 * Set the desired height on the extra span, like span.valignMiddleHelper { height: 100px }
 **/
.valignMiddleHelper {
    display: inline-block;
    zoom: 1;

    vertical-align: middle;
}

/*===========
:HEADINGS
===========*/
h1,h2,h3,h4,h5,h6 {
    display: block;

    margin: 0 0 10px;
    padding: 0;
    
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #7f8c8c;
}
h1 {
    display: block;

    margin: 0 0 30px;
    padding: 0;

    font-size: 50px;
    line-height: 30px;
    font-weight: 600;
}
h2 {
    display: block;

    margin: 0 0 20px;
    padding: 0;

    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
}
h3 {
    display: block;

    margin: 0 0 20px;
    padding: 0;

    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}
h4 {
    display: block;

    margin: 0 0 20px;
    padding: 0;

    font-size: 23px;
    line-height: 28px;
    font-weight: 400;
}
h5 {
    display: block;

    margin: 0 0 10px;
    padding: 0;

    font-size: 29px;
    line-height: 40px;
    font-weight: 400;
}
h6 {
    display: block;

    margin: 0 0 10px;
    padding: 0 0 15px 0;

    font-size: 24px;
    line-height: 39px;
    font-weight: 300;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
    color: #7f8c8c;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #1d1d1d;
}

h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
    text-decoration: none;
    color: #ccc;
}

blockquote {
    margin: 0 0 30px 0;
}

blockquote p {
    margin: 0px 36px;
    font-style: italic;
    font-size: 14px;
    line-height: 23px;
}

blockquote span.sluit {
    font-size: 70px;
    float: left;
    line-height: 55px;
    color: #c1c1c1;
}

blockquote span.open {
    font-size: 70px;
    float: right;
    color: #c1c1c1;
}

.person {
    margin: 0 25px 0 35px;
    float: left;

    border: 1px solid #fff;
}

.personname {
    float: left;
    font-weight: 700;
}
.persontitle {
    float: left;

    color: #888888;
    font-size: 14px;
}

/*===========
:LOGO
===========*/
#logo h1 { display: block; margin: 0; padding: 0; }
#logo a { display: block; text-decoration: none; }
#logo img { display: block; }

/*===========
:DISPLAY
===========*/
.block { display: block; }

/*===========
:FLOATCLASSES
===========*/
.floatleft { float: left; }
.floatright { float: right; }
.clearer { clear: both; height: 0; }

/*===========
:LAYOUT
===========*/
#container {
    height: 100%;
}
#wrapper {
    position: relative;

    width: 100%;
    min-height: 100%;

    margin: 0 auto;
}
#padding{
    position: relative;

    width: 100%;
    min-height: 100%;

    margin: 0 auto;
}
#site {
    clear: both;
    position: relative;

    width: 100%;
    min-height: 100%;

    margin: 0 auto;
}

/*===========
:SHADOWS
===========*/

.shadow {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 7px;

    z-index: 500;

    background: url('../images/default/shadow.png') repeat-x;
}

/*===========
 * Header
===========*/
#headerbar {
    position: relative;
    clear: both;

    background: #781c7f;

    border-bottom: 2px solid #44104e;
}
.header-overlay {
    display: block;
    /*background: url('../images/layout/header_overlay.png') no-repeat center;*/
}
#header {
    position: relative;
    clear: both;

    margin: 0 auto;

    /*background: url('../images/layout/header_overlay.png') no-repeat;*/
}
.header-arrow img {
    margin-top: -2px;
}
#header .upperbuttons {}
#header .search {
    display: block;
    float: left;

    width: 44px;
    height: 29px;

    margin: 20px 10px;

    /*background-image:  url('../images/layout/sprite.png');*/
    background-position-x: 606px;
    background-position-y: 156px;
}
#header .config {
    display: block;
    float: left;

    width: 44px;
    height: 29px;

    margin: 20px 10px;

/*    background-image:  url('../images/layout/sprite.png');*/
    background-position-x: 556px;
    background-position-y: 156px;
}
#header .header-top {

    overflow: hidden;
    height: 75px;

}

#header .header-main {
    clear: both;
    float: left;
}
#header .header-side {
    float: right;

    width: 232px;
    margin-top: -6px;
}

#header .payoff {
    margin: 25px 0 0 70px;
    float: left;
}

#header .payoff h2{
    font-family: Open Sans, Arial;
    width: 300px;
    text-align: center;
    float: left;

    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
}

#header .righttop {
    float: right;

    color: #929291;
    font-size: 18px;
    text-align: center;
}
#searchbar {
    height: 50px;
    background: #a5a5a5;
}
#bodybar {
    width: 100%;

    background: #fff;
}
#bodybar .body-top {
    background: #f3f3f3 url('../images/layout/watermerk-bg.png') no-repeat;
    background-position: bottom center;
    border-bottom: 1px solid #c9c9c9;
}
#bodybg {
    background: url('../images/layout/body_bg.png') no-repeat center top;
    /*background-size: 100%;*/
}
#body {
    clear: both;
    position: relative;

    margin: 0 auto;
    padding: 0;
}
.content-arrow img {
    margin-top: -2px;
    margin-left: 200px;
}
.content_left {
    margin-top: 20px;
}

.content_right {
    margin: 20px 0 0 10px;
}

#column_main {}

#column_main.c2-left { float: left; width: 780px; }
#column_main.c2-right { float: left; width: 740px; }
#column_main.c3 { float: left; width: 560px; }

#column_left {
    float: left;

    width: 200px;

    margin: 0 20px 0 0;
    min-height: 1px;
}

#column_right {
    float: right;

    width: 220px;

    margin: 0 0 0 20px;
}

#column_side {
    float: left;

    width: 100%;

    background: #fff;
}

#historybar {
    width: 100%;
    overflow: hidden;

    bottom: 0;
    z-index: 1000;

    margin: 0;
    padding: 0;
}
#history {
    clear: both;
    overflow: hidden;
    position: relative;

    margin: 0 auto;
    padding: 14px 0;


    font-size: 12px;

    color: #000;
    /* text-shadow: 1px 1px 1px #e1e1e1;*/


}
#footerbar {
    position: relative;
    /*      bottom: 0;
            z-index: 1000;*/

    overflow: hidden;

    width: 100%;

    margin: 10px 0;
    padding: 20px 0;

    color: #000;
    font-family: Open Sans, Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;

    background-color: #ececec;

        margin: 10px 0;
        padding: 20px 0;

        color: #000;
        font-family: Open Sans, Arial;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;

        background-color: #ececec;

        border-top: 2px solid #959f98;
        border-bottom: 2px solid #959f98;
}
        #footerbar h4 {
                margin-bottom: 0;

                color: #000;
                font-family: 'Open Sans', sans-serif;
                font-size: 30px;
                font-weight: bold;
        }
        #footerbar span {
                display: block;
                margin: 20px 0;
                color: #000;
        }
        #footerbar span b {
                color: #000;
        }

        #footerbar .share-tab {
                position: absolute;
                bottom: 0;
                right: 70px;

                width: 170px;
                height: 30px;

                padding: 10px;

                color: #000;

                background: #fff;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
        }
                #footerbar .share-tab img {
                        float: left;
                }
                #footerbar .share-tab span {
                        float: left;

                        margin: 5px 0 5px 15px;

                        color: #000;
                        font-size: 16px
                }

                #footerbar .footer_contact_title,
                #footerbar .footermenu_title,
                #footerbar .footer_links_title {
                        height: 51px;

                        padding-left: 60px;

                        color: #5a0063;
                        font-family: 'Acme', sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                        line-height: 86px;
                        text-transform: uppercase;
                }

                #footerbar .footer_contact_title {
                        background: url('../images/layout/footer-map.png') no-repeat;
                }

                #footerbar .footermenu_title {
                        background: url('../images/layout/footer-screen.png') no-repeat;
                }

                #footerbar .footer_links_title {
                        background: url('../images/layout/footer-compas.png') no-repeat;
                }

                #footerbar .footer_contact_content {
                        color: #252525;
                        font-family: 'Georgia', sans-serif;
                        font-size: 14px;
                }
                #footerbar .footer_links_content a {
                        padding-left: 27px;

                        color: #000;
                        text-decoration: underline;

                        background: url('../images/layout/footer-link.png') no-repeat;
                }
                #footerbar .footer_links_content a:hover,
                #footerbar .footer_links_content a:active {
                        text-decoration: none
                }
#footer {
    clear: both;
    overflow: hidden;
    position: relative;

    padding: 40px 0 20px;

    font-size: 13px;
}
    #footer h2 {
        margin-bottom: 0;
        color: #000;
    }
    #footer a {
        color: #000;
        text-decoration: underline;
    }
        #footer .footer-content .topic{
            margin: 0;
        }

#bottombar {
    width: 100%;

    color: #000;
    font-size: 11px;

    background: #5b77ac;
}
#bottombar #bottom {
    margin: 0 auto;

    padding: 0 0 10px;

    color: #000;
    font-weight: bold;
}
#bottombar a {
    color: #000;
    text-decoration: none;
}
#bottombar a:hover,
#bottombar a:focus {
    color: #27b7ff;
    text-decoration: none;
}
#bottombar .powered-by {
    display: inline-block;

    padding: 0 20px 0 0;

    color: #000;

    background: url('../images/taalendigitaal-icon.png') no-repeat right;
}

/*
 *
 * BORDERBOX
 *
 */

.borderbox {
        border: 1px solid #e5e5e5;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
                  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
                        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

}
/*===========
PARTNERSBAR
===========*/
#partnersbar{
    clear: both;

    text-shadow: 1px 1px 0 #fff;

    background: url('../images/partners_gradient.png') repeat-x top #ececec;
    padding: 0;
    height: 97px;
}

#partners {
    position: relative;
    clear: both;

    width: 940px;

    margin: 0 auto;
}

#partners .partners-image-wrapper {
    margin: 30px 0;
}

.widegrey {
    clear: both;
    /*overflow: hidden;*/

    width: 100%;

    margin-left: -200%;
    padding: 40px 200% 40px 200%;

    background-color: #ececec;
}

.widegreen {
    clear: both;
    position: relative;
    /*overflow: hidden;*/

    width: 100%;

    margin-left: -200%;
    padding: 40px 200% 40px 200%;

    background-color: #9ebe52;

    border-top: 1px solid #b2b2b2;
}

.widewhite {
    clear: both;
    overflow: hidden;

    width: 100%;

    margin-left: -200%;
    padding: 40px 200%;

    text-align: center;

    background: #fff;
}

.wideblue a {
    display: inline-block;

    margin: 0 10px !important;
}

.share-bar {}
.share-bar h2 {
    margin: 0 0 10px;
}

.fixed .menu-bar ul.menu {
  margin: 20px 0 8px;
}

/**
 * SUBMENU-SIDE
 */
ul.menu-side ul {
    list-style: none;

    clear: both;
    display: block;

    margin: 0;
    padding: 0;
}
ul.menu-side ul>li {
    margin: 0;
    padding: 0 0 0 30px;
}
ul.menu-side ul>li>a {
    display: block;
    margin: 0;
    padding: 0;

    font-size: 13px;
    text-decoration: none;
    color: #27b7ff;
    color: #fff;

    border: 0;
}
ul.menu-side ul>li>a:hover,
ul.menu-side ul>li>a:focus {
    text-decoration: underline;
    text-decoration: underline;
    color: #27b7ff;
    color: #fff;
}

ul.menu-side ul>li.current a,
ul.menu-side ul>li.selected a {
    font-weight: bold;
    color: #f76a00;
    color: #fff;
}

ul.menu-side ul>li>a:hover,
ul.menu-side ul>li>a:focus {
    text-decoration: none;
    text-decoration: underline;
    color: #f76a00;
    color: #fff;
}

ul.menu-side ul>li.current a {
    padding-left: 10px;

    text-decoration: none;

    background: url('../images/layout/arrow-right.png') no-repeat left;
}

/**
 * SUBSUBMENU-SIDE
 */
ul.menu-side ul ul {
    margin: 10px 0;
}
ul.menu-side ul ul>li {
    padding: 0 0 0 20px;
}

ul.menu-side ul ul>li>a {
    margin: 0;
    padding: 0;

    font-size: 95%;
    border: 0;
}

/**
 * FOOTERMENU
 */
.footermenu{
    color: #000;
    list-style: none;
}
ul.footermenu li{
    float: left;

    width: 140px;

    margin: 0 20px 0 0;
    padding: 0;

    color: #252525;
    font-family: 'Georgia', sans-serif;
    font-size: 14px;
    font-weight: normal
}

ul.footermenu li.last{
    margin: 0;
}

ul.footermenu li a {
    text-decoration: none;
    color: #000;
}
ul.footermenu li a:hover,
ul.footermenu li a:focus{
    text-decoration: none;
}
/**
 * SUBFOOTERMENU
 */
.subfootermenu {
    width: 110px;

    margin: 5px 0 0 0;

    list-style: none;
}
ul.subfootermenu li {
    color: #4c5550;
    font-size: 12px;
}
ul.subfootermenu li a {
    color: #4c5550;
}
ul.subfootermenu li a:hover,
ul.subfootermenu li a:active {
    text-decoration: underline;
}
/*===========
COPYRIGHTMENU
===========*/
.copyrightmenu{
    width: 100%;

    margin: 15px 0;
    padding: 0;
    list-style: none;

    font-family: 'Open sans', sans-serif;
    font-weight: 600;
}
ul.copyrightmenu li{
    margin: 0;
    margin-right: 7px;
    padding: 0;
}
ul.copyrightmenu li.last {
    margin: 0 78px;
}
ul.copyrightmenu li a {
    text-decoration: none;
}
ul.copyrightmenu li a:hover,
ul.copyrightmenu li a:focus{
    text-decoration: underline;
}
ul.copyrightmenu li .social-bottom {
    margin: 0 10px;
}

/*===========
:BREADCRUMB
===========*/
.breadcrumb-bar {
    position: relative;
    overflow: hidden;

    margin: 0 0 20px;
    padding: 0;

    background: #efefef;

    border-bottom: 1px solid #cccccc;
}
.b_crumb {
    display: block;

    color: #781c7f;
    font-family: 'Acme', sans-serif;
    font-size: 12px;
    line-height: 37px;
    text-transform: uppercase;

}
    .b_crumb .b_crumb_logo {
        display: inline-block;
        float: left;

        width: 40px;
        height: 37px;

/*        background: url('../images/layout/sprite.png');*/
        background-position: -9px -191px;
    }
        .b_crumb .b_crumb_logo a {
            display: inline-block;

            width: 40px;
            height: 37px;
        }

    .b_crumb > span {
        display: inline-block;
        float: left;

        height: 37px;

        line-height: 37px;
        color: #373535;
    }

    .b_crumb > a {
        display: inline-block;
        float: left;

        height: 37px;

        line-height: 37px;
        color: #781c7f;
    }

        .b_crumb > a.first {
            display: none;
        }

    .b_crumb > .b_crumb_sep {
        display: inline-block;
        float: left;

        width: 11px;
        height: 37px;

        margin: 0 15px;

/*        background: url('../images/layout/sprite.png');*/
        background-position: -191px -158px;
    }

/*===========================================
:TOPIC
----------------------------------------------------------------------------------------
Padding-right van wrapper moet aangepast worden aan margin-right van
topic, article, topic2c, topic3c en topic23c;
(Gewenste padding-right) - (grootste margin-right van 2c, 3c of topic 23c)
===========================================*/
.page_title {
    padding: 20px;
}
.page {
    clear: both;

    margin: 0;
    padding: 0;
}
.page h1 {
    color: #878888;
}

.page.bottom-border {}

.page .page-content {
    margin-bottom: 40px;
}

.page.bottom-border .page-content {
    margin-bottom: -30px;
}
.page .page_title {
    display: block;

    height: 53px;

    padding: 0 10px;

    color: #fff;
    font-size: 18px;
    line-height: 53px;
    text-transform: uppercase;

    background: url('../images/layout/title_bg.png');
}

.page .page_title h1 {
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 53px;
}
.page_title .page-content {
    color: #848484;
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
}
.articles_wrapper {
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;

    /**
     * Negative right-margin
     *
     * With this negative right-margin columns can
     * be placed next to eachother with margins on the rightside
     * The given pixels must be the width of the margin used on the columns
     **/
    margin: 0 0 20px;
    padding: 0;
}
.bannerNewsTitle {
    color: #782c7f;
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    font-weight: normal;
}
/* Topics */
.topic { clear: both; position: relative; }
.topic2c { float: left; position: relative; overflow: hidden; } /* totalwidth - margin / 2 */
.topic3c { float: left; position: relative; overflow: hidden; } /* totalwidth - 2x margin / 3 */
.topic4c { float: left; position: relative; overflow: hidden; } /* totalwidth - 2x margin / 3 */
.topic23c { float: left; position: relative; overflow: hidden; } /* totalwidth - margin - topic2c width */

.topic {
    position: relative;

        margin: 0 20px 20px 0;

        border-bottom: 1px dashed #d9d8d9;
}
.Contact .topic {
    border-bottom: 1px dashed #d9d8d9;
}
.Contact .topicright {
    border: none;
}
.Contact .topictitle {
    color: #1f1f1f;
    font-family: 'Georgia', sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.topic2c {
    position: relative;

    margin: 0 20px 20px 0;
}

.topic3c {
    position: initial;

    margin: 0 20px 20px 0;
    padding: 0;

    background: #fff;
    border: 1px solid #e1e1e1;
}
.topic3c.last {
    margin: 0 0 20px 0;
}

.topic3c .topicfoto {
    margin: 0;
    padding: 0 0 10px;

    border: none;
}

    .topic3c .topictitle {
        clear: both;
        width: 100%;
        margin-bottom: 0;
        padding-left: 20px;
        text-align: left;
        background: #6ea5be;
    }
    .topic3c .topictitle a {

        color: #1c1c1c;
        font-family: 'Georgia', sans-serif;
        font-size: 18px;
        font-weight: normal;
    }
    .topic3c .topiccontent {
            padding: 0 20px;

            color: #848484;
    }

    .topic3c.people-article .topictitle {
        background: #6ea5be;
    }
    .topic3c.planet-article .topictitle {
        background: #90ad53;
    }
    .topic3c.profit-article .topictitle {
        background: #ffb400;
    }
.topic4c {
    position: relative;
    margin: 0 20px 20px 0;
}

.topic4c h2 {
    font-size: 18px;
    clear: both;
}
.topic4c .topictitle {
    height: 25px;

    line-height: 25px;
}

.topic23c {
    position: relative;

    margin: 0 20px 20px 0;
}
.article {
    clear: both;
    overflow: hidden;

    margin: 0 20px 20px 0;
}

.article h1.articletitle {
        float: left;

        padding: 7px 0;

        color: #000;
        font-family: 'Georgia', sans-serif;
        font-size: 20px;
}
.article .foto-column img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.article .articlecontent {
        float: left;

        width: 100%;
}


.topic2c h2,
.topic3c h2,
.topic4c h2,
.topic23c h2 {}

.page p,
.article p,
.topic p,
.topic2c p,
.topic3c p,
.topic4c p,
.topic23c p {
}

.page img,
.article img,
.topic img,
.topic2c img,
.topic3c img,
.topic4c img,
.topic23c img {}

.topic>img {
    margin: 0 10px 0 0;
}

.page p a,
.article p a,
.topic p a,
.topic2c p a,
.topic3c p a ,
.topic4c p a ,
.topic23c p a {
    text-decoration: underline;
}

.page p a:hover,
.topic p a:hover,
.article p a:hover{}

.page ul,
.article ul,
.topic ul,
.topic2c ul,
.topic3c ul,
.topic4c ul,
.topic23c ul{}

.page ul li,
.article ul li,
.topic ul li,
.topic2c ul li,
.topic3c ul li,
.topic4c ul li,
.topic23c ul li{}

.page ul a,
.article ul a,
.topic ul a,
.topic2c ul a,
.topic3c ul a,
.topic4c ul a,
.topic23c ul a {
    text-decoration: underline;
}

.page ol,
.article ol,
.topic ol,
.topic2c ol,
.topic3c ol,
.topic4c ol,
.topic23c ol{
    list-style: lower-alpha;
}

.page ol li,
.topic ol li,
.article ol li{
    margin-left: 21px;
}

.page ol a,
.topic ol a,
.article ol a {}

.page table,
.topic table,
.article table{
    margin-bottom: 14px;
    border-collapse: collapse;
}
.page table td,
.topic table td,
.article table td{
}

table.marginright td{
    padding-right: 20px;
}

/* Article */
.article h2 {
    font-size: 20px;
    line-height: 25px;

    font-weight: bold;
}
.article h2 a {}
.article h2 a:hover,
.article h2 a:focus {}

.article h3 {
}
.article h3 a {}
.article h3 a:hover,
.article h3 a:focus {}

.article h4 {
    display: block;

    margin: 14px 0 2px 0;
    padding: 0;

    font-size: 23px;
    line-height: 35px;
    font-weight: bold;
    color: #1d1d1d;
}
.article h4 a {}
.article h4 a:hover,
.article h4 a:focus {}


/* Topic */
.topictitle {
    display: block;

    height: 40px;

    color: #852c8c;
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
}
.Algemeen .topictitle {
    float: left;
}
.topic h2 {margin: 0 0 5px;}
.topic h2 a {color: #852c8c;}
.topic h2 a:hover,
.topic h2 a:focus {}

.topic h3 {}
.topic h3 a {}
.topic h3 a:hover,
.topic h3 a:focus {}

.topic .readmore_topic {
    display: block;

    padding-right: 12px;
}
.default .topic .readmore_topic {
    position: absolute;
    bottom: 6px;
    right: 0px;
}
/*===========
:TOPICLINKS
===========*/
.reactionslink a {
    display: block;
    float: left;
    margin: 0 8px 10px 0;
    padding: 0 8px 0 0;

    font-size: 11px;
    line-height: 13px;
}
.fileslink a {
    display: block;
    float: left;
    margin: 0 8px 10px 0;
    padding: 0 8px 0 0;

    font-size: 11px;
    line-height: 13px;

    border-right: 1px solid #ccc;
}
.imageslink a {
    display: block;
    float: left;
    margin: 0 8px 10px 0;
    padding: 0 8px 0 0;

    font-size: 11px;
    line-height: 13px;

    border-right: 1px solid #ccc;
}
.topicdate{
    float: left;
    display: block;

    width: 300px;

    margin: 0 7px 14px 0;

    font-family: 'Open sans', sans-serif;
    font-size: 11px;
    line-height: 19px;
    font-weight: bold;

    color: #b5b5b5;

    background: url('../images/layout/date-clock.png') no-repeat;
    background-position: 0 2px;
}
.topicdate p {
    margin: 0;
    padding: 0 0 0 20px;
}
.articledate{
    display: block;

    margin: -7px 7px 14px 0;

    font-size: 14px;
    line-height: 19px;
    font-weight: bold;

    color: #999;
}

/*================
:TOPIC/ARTICLE-CONTENT
================*/
.topicleft {
        float: left;
        position: relative;
        display: block;

        padding-right: 30px;
}
.topicleft.topicwidth {
    width: 319px;
}
.topicleft .date {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;

    margin: 7px 7px;
    padding: 7px 7px 10px;

    text-align: center;
    color: #767676;

    background-color: #fff;
}
.topicleft .date .day {
    display: block;

    font-size: 35px;
    line-height: 30px;
    font-weight: bold;
    text-transform: lowercase;
}
.topicleft .date .month {
    display: block;

    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    text-transform: lowercase;
}

.topicright{
        /* Enables right align of text */
        overflow: hidden;
        position: relative;

        padding-left: 0px;
        padding-right: 20px;
}
.default .topicright {
    margin-bottom: 10px;
}
.Algemeen .topicright {
    float: left;
    margin-top: -30px;
    padding-right: 90px;
}
/*
  * News
*/
.nieuws .topic {
    position: relative;

        margin: 0 20px 20px 0;

        border-bottom: none;
}
.nieuws .topicleft {
        float: left;
        position: relative;

        padding-right: 0;
}
.nieuws .topicleft.topicwidth {
    width: 319px;
}
.nieuws .topicleft .date {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;

    margin: 7px 7px;
    padding: 7px 7px 10px;

    text-align: center;
    color: #767676;

    background-color: #fff;
}
.nieuws .topicleft .date .day {
    display: block;

    font-size: 35px;
    line-height: 30px;
    font-weight: bold;
    text-transform: lowercase;
}
.nieuws .topicleft .date .month {
    display: block;

    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    text-transform: lowercase;
}

.nieuws .topicright{
    /* Enables right align of text */
    overflow: hidden;
    position: relative;

    min-height: 190px;
    max-height: 190px;

    padding-left: 30px;
    padding-right: 20px;

    border: 1px solid #ececec;
}
.nieuws .topic .readmore_topic {
    position: relative;
}
/*.white-gradient {
        position: absolute;
        right: 0;
        bottom: 0;

        width: 100%;
        height: 64px;

        background: url('../images/layout/topic-bottom-gradient.png') repeat-x;
}*/
.articlecontent{ display: block; margin: 0 0 28px; padding: 0; }
.topiccontent{ display: block; margin: 0 0 17px; padding: 0; font-family: 'Open sans', sans-serif; color: #848484; }
.topiccontent td{vertical-align: top;}

.topic .readmore_topic {
    display: block;
    float: right;

    margin: 0;

    color: #3caace;
    font-family: 'Open sans', sans-serif;
    font-size: 12px;
    font-weight: normal;

/*    background: url('../images/layout/sprite.png') no-repeat;*/
    background-position: -5px -230px;
}

.readmore_topic:hover,
.readmore_topic:focus {
    cursor: pointer;
}
.topic2c h3 {
    font-size: 17px;
    line-height: 22px;
    color: #1d1d1d;
}
.topic2c h3 a {
    color: #1d1d1d;
}
.topic2c h3 a:hover,
.topic2c h3 a:focus {}

.topic2c .topicright {
    clear: both;

    padding: 14px 0;
}

.topic2c .readmore_topic {}
.topic2c .readmore_topic:hover,
.topic2c .readmore_topic:focus {}

.topic3c h3 {
    font-size: 17px;
    line-height: 22px;
    color: #24b6ff;
}
.topic3c h3 a {
    color: #24b6ff;
    text-decoration: none;
}

.topic3c h3 a:hover,
.topic3c h3 a:focus {}

.topic3c .topicright {
    clear: both;

    padding: 14px 0;
}
.topic3c p {
}

.topic3c .readmore_topic {
    display: block;
    float: right;

    margin: 0 20px 20px 0;

    color: #3caace;
    font-family: 'Open sans', sans-serif;
    font-size: 12px;
    font-weight: normal;

/*    background: url('../images/layout/sprite.png') no-repeat;*/
    background-position: -5px -230px;
}
.topic3c .readmore_topic span {
    padding-left: 20px;
}
.topic3c .readmore_topic:hover,
.topic3c .readmore_topic:focus {}

.topic23c h3 {
    font-size: 17px;
    line-height: 22px;
    color: #333;
}
.topic23c h3 a {
    color: #333;
}
.topic23c h3 a:hover,
.topic23c h3 a:focus {}

.topic23c .readmore_topic {
}
.topic23c .readmore_topic:hover,
.topic23c .readmore_topic:focus {}

.terug{
    display: block;
    float: left;

    margin: 14px 0 14px;

    text-decoration: none;
}
.terug:hover,
.terug:focus {
    text-decoration: none;
}

.previous-page-link {
        position: absolute;
        right: 0;

        margin: 0;
        padding: 7px 7px 7px 22px;

        color: #78297f;

        background: #f8f8f8 url('../images/layout/prev-page.png') no-repeat;
        background-position: 7px 11px;

        border: 1px solid #dedede;
        -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
                       border-radius: 5px;
}
a.previous-page-link:hover,
a.previous-page-link:focus {
    color: #c36cc8;
}

.back-button {
    display: block;

    padding: 10px 10px 10px 35px;

    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #26b7ff;

    background: url('../images/back-button-arrow.png') no-repeat 10px #ceeaff;
}

.back-button:hover,
.back-button:focus {
    background-image: url('../images/back-button-arrow-hover.png');
}

/*========================
:HEADER/PAGE/TOPIC/ARTICLE FOTO
========================*/
.headerfoto,
.pagefoto,
.topicfoto,
.articlefoto,
.albumfoto {
    display: block;
    overflow: hidden;
    position: relative;
}

.headerfoto img,
.pagefoto img,
.topicfoto img,
.articlefoto img,
.albumfoto img {
    display: block;
}

a.headerfoto:hover,
a.pagefoto:hover,
a.topicfoto:hover,
a.articlefoto:hover,
a.articleheaderfoto:hover,
a.albumfoto:hover,
.fotoalbum a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.headerfoto .enlarge,
.pagefoto .enlarge,
.topicfoto .enlarge,
.articlefoto .enlarge,
.articleheaderfoto .enlarge {
    display: block;

    background-image: url('../images/layout/magnify.png');
}

.headerfoto:hover .enlarge,
.pagefoto:hover .enlarge,
.topicfoto:hover .enlarge,
.articlefoto:hover .enlarge,
.articleheaderfoto:hover .enlarge {
    display: block;

    background-image: url('../images/layout/magnify-hover.png');
}

.headerfoto {
    margin: 0 0 14px 0;
    padding: 0;
}
a.headerfoto:hover,
a.headerfoto:focus,
a.headerfoto:active {}

.pagefoto {
    float: right;

    margin: 5px 0 20px 40px;
    padding: 0;

    border: 1px solid #f1f1f1;
}

a.pagefoto:hover,
a.pagefoto:focus {
    opacity: 0.5;
}

.articleheaderfoto {
    border: 0;
}
a.articleheaderfoto:hover,
a.articleheaderfoto:focus,
a.articleheaderfoto:active {
    border-color: transparent;
}

.topicfoto {
    float: left;

    margin: 5px 0 0;
    padding: 0;
}
.nieuws .topicfoto {
    float: left;

    margin: 0;
    padding: 0;
}
.topicrightfoto {
    float: left;

    margin: 5px 40px 20px 20px;
    padding: 0;

    border: 1px solid #f1f1f1;
}
a.topicfoto:hover,
a.topicfoto:focus,
a.topicfoto:active {
    opacity: 0.5;
}
.topicfoto img {
    width: 200px;
    height: 170px;
}

.topic2c .topicfoto,
/*.topic3c .topicfoto,*/
.topic23c .topicfoto {
    margin: 0 0 20px;
    padding: 0;
}

.articlefoto {
    float: right;

    margin: 5px 0 20px;
    padding: 0;

    border: 1px solid #f1f1f1;
}

a.articlefoto:hover,
a.articlefoto:focus {
    opacity: 0.5;
}

.foto-album-wrapper {
    float: left;

    overflow: hidden;

    width: 610px;

    margin: 0;
}

.foto-album {
    list-style: none;

    display: block;
    overflow: hidden;

    margin: 0 -20px -20px 0;
    padding: 0;
}

.foto-album>li {
    float: left;

    margin: 0 20px 20px 0;
}
.foto-album>li:last-child {
    margin: 0 0 20px 0;
}
.foto-album>li:nth-child(4n) {
    margin: 0 0 20px 0;
}

.foto-album>li>a{
    float: right;

    border: 1px solid #f1f1f1;
}
.foto-album>li>a:hover,
.foto-album>li>a:focus {
    opacity: 0.5;
}

.foto-album>li>a>img {
    display: block;
}

/*table img.floatleft{
        clear:both;
        display: block;
        padding: 0 15px 15px 0;
}

table img.floatright{
        clear:both;
        display: block;
        padding: 0 0 15px 15px ;
}

table.table{
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
}

table.table tr td{
        padding: 15px;
}

table.table tr td p{
        height:100%;
        display:table;
        margin-bottom: 0;
}

table.table tr td p strong{
        font-size: 15px;
        font-weight: 700;
}

table.tableborder{

}

table.tableborder tr td{
        padding: 17px;
        border: 1px solid #ebebeb;
        width: 25%;
}

table.tableborder tr td p{
        height:100%;
        display:table;
        margin-bottom: 9px;
}

table.tableborder tr td p strong{
        font-size: 15px;
        font-weight: 700;
}

table.tableborder tr td br{
        margin: 0;
        padding: 0;
}*/

/*===========
FILES
===========*/

ul.files {
    overflow: hidden;
    list-style: none;

    margin: 0;
    padding: 0;
}

ul.files li {
    clear: both;
    float: left;

    margin: 0 0 10px;
    padding: 0;
}

.filebox{clear: both; margin: 0 0 14px 0; padding: 0;}
.filebox ul{display: block; overflow: hidden; list-style-type: none; margin: 0; padding: 0;}
.filebox ul li{display: block;	margin: 0; padding: 0;}
.files li .filesize {
    /*margin: -30px 0 20px 63px;*/
    /*margin: 0 0 20px 63px;*/

    font-size: 12px;
}
ul.files li.file {
    display: block;
    overflow: hidden;

    min-height: 48px;

    padding-left: 63px;

    text-decoration: none;
    font-size: 13px;

    background-repeat: no-repeat;
    background-position: left 3px;

} a.file:hover, a.file:focus{text-decoration: none;}

/*===========
FORMS
===========*/

/*
form {}

form label {}

form label:hover, label:focus { cursor: pointer; }

form input {
    font-size: 13px;
    color: #333;
}

form select {
    margin: 4px 10px 4px 0;

    height: 24px;
}

form .section {
    margin: 0 0 20px;
    padding: 10px 0 10px;

    border-bottom: 1px solid #d6d6d6;
}

form .section.submit {
    border-bottom: 0;
}

form .radio-field {
    float: left;

    margin: 0 10px 0 0;
}

.input-label {
    clear: both;
    float: left;

    width: 180px;
    min-height: 1px;

    margin: 0 20px 20px 0;

    text-align: right;
}

label.input-label,
.input-label label {
    font-family: Open Sans, Arial;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #000;
}

.input-label small {
    display: block;

    font-size: 11px;
}

.input-wrapper {
    margin-bottom: 14px;
}
input[type="text"],
input[type="password"] {
    overflow: visible;

    width: 284px;
    height: 26px;

    margin: 0;
    padding: 6px 7px;

    font-family: Open Sans, Arial;
    font-size: 13px;
    color: #777;

    border: 1px solid #ccc;
}

input[type="text"]:hover,
input[type="password"]:hover {
    background-color: #fff;
}
input[type="text"]:focus,
input[type="password"]:focus {
    color: #757575;
    background-color: #fff;
}

textarea {
    overflow: visible;

    width: 384px;

    margin: 0;
    padding: 6px 7px;

    font-family: Open Sans, Arial;
    font-size: 13px;
    color: #777;

    resize: none;

    border: 1px solid #ccc;
}


input[type="radio"] {
    position: relative;

    margin: 0 5px 0 0;
}

input[type="checkbox"] {
    float: left;

    position: relative;
    top: 2px;

    margin: 0 10px 0 0;
}
input.small{
    width: 50px;
}

input[type="submit"] {

}
input[type="submit"]:hover,
input[type="submit"]:focus{
    cursor: pointer;
}

*/

/**
 * BUTTONS
 */
.no-button {
    float: right;

    padding: 0 13px 0 0;

    background-color: transparent;
    background-image: url('../images/layout/more.png');
    background-position-x: right;
    background-repeat: no-repeat;

    border: none;
}
.button {
        overflow: visible;
        width: auto;

        margin: 20px  0 0;
        padding: 10px 25px;

        font-family: Open Sans, Arial;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        white-space: nowrap;
        color: #fff !important;
         text-shadow: 1px 1px 0 #266600;

        background: #802987;

        border: none;
        border-bottom: 2px solid #434a54;
         -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
                        border-radius: 5px;
}

    .button:hover,
    .button:focus {
        cursor: pointer;

        text-decoration: none;
        color: #fff !important;

        border-color: #fff;
    }

    .button.floatleft {
        margin-right: 10px;
    }

.button-1 {
    overflow: visible;
    width: auto;

    margin: 0 20px 0 0;
    padding: 10px 25px;

    font-family: Open Sans, Arial;
    /*font-weight: 400;*/
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none !important;
    text-align: left;
    white-space: nowrap;
    color: #fff !important;
    text-shadow: 0 1px 0 #758d3d;

    background: #9ebe52;
}

.button-1:hover,
.button-1:focus {
    cursor: pointer;

    text-decoration: none !important;
    color: #fff !important;

    border-color: #fff;

    opacity: 0.75;
    filter: alpha(opacity=75);
}

.button-1.floatleft {
    margin-right: 10px;
}

.button-2 {
    overflow: visible;
    width: auto;

    margin: 0;
    padding: 10px 25px;

    font-family: Open Sans, Arial;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none !important;
    text-align: left;
    white-space: nowrap;
    color: #fff !important;
    text-shadow: 0 1px 0 #bd6b00;

    background: #ff9000;

    border: none;
}

.button-2:hover,
.button-2:focus {
    cursor: pointer;

    text-decoration: none !important;
    color: #fff !important;

    border-color: #fff;

    opacity: 0.75;
    filter: alpha(opacity=75);
}

.button-2.floatleft {
    margin-right: 10px;
}

.button-3 {
    width: auto;
    overflow: visible;

    padding: 11px 14px 11px 35px;


    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: right;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    color: #fff !important;

    background: url('../images/layout/button-gradient.png') no-repeat left 0 #847bff;

    border: 0;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.button-3:hover,
.button-3:focus {
    cursor: pointer;

    text-decoration: none;
    color: #fff !important;

    background-color: #a6a0ff;

    box-shadow: 0 0 6px #a6a0ff;
    -moz-box-shadow: 0 0 6px #a6a0ff;
}

.button-3.floatleft {
    margin-right: 14px;
}

.button-4 {
    width: auto;
    overflow: visible;

    padding: 11px 14px 11px 35px;


    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: right;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    color: #fff !important;

    background: url('../images/layout/button-gradient.png') no-repeat left 0 #e1240b;

    border: 0;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.button-4:hover,
.button-4:focus {
    cursor: pointer;

    text-decoration: none;
    color: #fff !important;

    background-color: #f53117;

    box-shadow: 0 0 6px #f53117;
    -moz-box-shadow: 0 0 6px #f53117;
}

.button-4.floatleft {
    margin-right: 14px;
}

.button-5 {
    width: auto;
    overflow: visible;

    padding: 11px 14px 11px 35px;


    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: right;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    color: #fff !important;

    background: url('../images/layout/button-gradient.png') no-repeat left 0 #44c000;

    border: 0;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.button-5:hover,
.button-5:focus {
    cursor: pointer;

    text-decoration: none;
    color: #fff !important;

    background-color: #57c61a;

    box-shadow: 0 0 6px #57c61a;
    -moz-box-shadow: 0 0 6px #57c61a;
}

.button-5.floatleft {
    margin-right: 14px;
}

.button-6 {
    width: auto;
    overflow: visible;

    padding: 15px 19px;


    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    color: #fff !important;

    /*background: url('../images/layout/button-gradient.png') no-repeat left 0 #44c000;*/
    background: #565656;

    border: 0;
}

.button-6:hover,
.button-6:focus {
    cursor: pointer;

    text-decoration: none;
    color: #fff !important;

    box-shadow: inset 0 0 6px #000;
    -moz-box-shadow: inset 0 0 6px #000;
}

.button-6.floatleft {
    margin-right: 14px;
}

.button.large,
.button-1.large,
.button-2.large,
.button-3.large,
.button-4.large,
.button-5.large {
    padding: 20px 25px;

    font-size: 19px;
    line-height: 19px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.button.medium,
.button-1.medium,
.button-2.medium,
.button-3.medium,
.button-4.medium,
.button-5.medium {
    padding: 10px 15px;

    font-size: 17px;
    line-height: 19px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.button.disabled,
.button-1.disabled,
.button-2.disabled,
.button-3.disabled,
.button-4.disabled,
.button-5.disabled,
.button.disabled:hover,
.button-1.disabled:hover,
.button-2.disabled:hover,
.button-3.disabled:hover,
.button-4.disabled:hover,
.button-5.disabled:hover,
.button.disabled:focus,
.button-1.disabled:focus,
.button-2.disabled:focus,
.button-3.disabled:focus,
.button-4.disabled:focus,
.button-5.disabled:focus {
    color: #999 !important;

    background: #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    border: 1px solid #f1f1f1 !important;
}

span.error {
    display: block;
    clear: both;

    color: red;
}

.margintop{
    margin-top: 11px;
}
/*==================
WEBSITESLINKS with images
==================*/
.websiteImgh3 {
    margin-bottom: 35px;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
}

.websiteImgLink {
    float: left;

    width: 226px;

    margin-bottom: 0;

    color: #fff;
    font-size: 15px;
    text-align: center;
}

.websitesArrows {
    float: left;

    width: 18px;
    height: 222px;
}

.websiteArrows {
    float: left;
    height: 36px;

    margin: 60px 0;
}

.websiteImgLink img {
    margin-bottom: 20px;
}
/*===================================
ALERTS With Close Box Bootstrap Style
===================================*/
.alertbox, .neutraalbox{padding: 14px; border: 1px solid #cccbbf; background-color: #fffeeb; margin-bottom: 14px;}
.errorbox{padding: 14px; border: 1px solid #d90d19; background-color: #ffd9d9; margin-bottom: 14px;}
.succesbox{padding: 14px; border: 1px solid #4f8a10; background-color: #dff2bf; margin-bottom: 14px;}

.alertbox ul, .neutraalbox ul{padding: 0 0 0 15px; color: #555555; background-image: url('../images/default/notify.gif');	background-repeat: no-repeat;	background-position: left 4px; list-style-type: none;}
.errorbox ul{padding: 0 0 0 15px; color: #d90d19; background-image: url('../images/default/cross.gif'); background-repeat: no-repeat; background-position: left 4px; list-style-type: none;}
.succesbox ul{padding: 0 0 0 15px; color: #4f8a10; background-image: url('../images/default/tick.gif');	background-repeat: no-repeat;	background-position: left 4px; list-style-type: none;}

.alert {
    padding: 8px 35px 8px 14px;
    margin: 20px 0;
    color: #c09853;

    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert p {
    margin-bottom: 0;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
}

.close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

/*===========
REACTIONS
===========*/
.reactions{clear: both; overflow: hidden;}
.reactions .reaction{
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    padding-bottom: 10px;
    border-top: 1px solid #f1f1f1;
    margin-top: -1px;
}
.reactions .reaction h4{float: left; font-size: 15px; font-weight: bold;}
.reactions .r_left{float: left; min-height: 1px; margin-right: 14px;}
.reactions .r_right{float: left; overflow: hidden; margin: 0 0 14px 0;}

.reaction.reply_1{ padding-left: 64px; }
.reaction.reply_2{ padding-left: 128px; }
.reaction.reply_1 .r_right{ overflow: hidden; }
.reaction.reply_2 .r_right{ overflow: hidden; }

.reactions .top {overflow: hidden; width: 100%; margin: 0 0 10px 0;}
.reactions .top h4 { margin: 0 14px 0 0; }
.reactions .date{float: right; font-size: 11px; margin: 0;}
.reactions .spam{float: right; margin: 0 0 0 10px;}
.reactions .reply{float: right; font-size: 10px; padding: 0 20px 0 0; background-image: url('../images/reactions/reply.gif'); background-position: right; background-repeat: no-repeat;}
.reactions .meld{float: right; overflow: hidden; margin: 4px 10px 4px 4px; background-color: #000; }
.reactions .meld .meldbutton_0{display: block; width: 12px; height: 11px; background-image: url('../images/reactions/meld-spam.gif'); background-repeat: no-repeat;}
.reactions .meld .meldbutton_1{display: block; width: 12px; height: 11px; background-image: url('../images/reactions/meld-spammed.gif'); background-repeat: no-repeat;}
.reactions .meld .meldbutton_2{display: block; width: 12px; height: 11px; background-image: url('../images/reactions/meld-spamno.gif');	background-repeat: no-repeat;}

.reactions .gravatar{display: block; margin: 0 0 20px 0; background-color: #ccc;}
.reactions .r_message{float: left; width: 100%; overflow: hidden;}
.reactions .delete{float: right; padding: 0 20px 0 0; font-size: 10px;	background-image: url('../images/reactions/cross.gif');	background-position: right;	background-repeat: no-repeat;}

/*===========
:.sitemap
===========*/
.sitemap ul{
    list-style: none;

    margin: 0;
}

.sitemap li {
    background: none;
    padding: 0;
    font-weight: bold;
    margin: 3px 0 20px 0;
}

.sitemap li ul {
    margin: -15px 0 20px 0;
}

.sitemap li ul li ul {
    margin: 0px 0 10px 0;
}

.sitemap li ul li ul li ul {
    margin: 0px 0 0px 0;
}

.sitemap li a {
    display: block;

    width: 1px;

    white-space: nowrap;
}

.sitemap li li {
    font-size: 0.92em;
    padding-left: 36px;
    margin: 0;
}

.sitemap li li a {
    padding-left: 12px;
    border-left: 1px solid #dbdbd7;
}

.sitemap li li li {
    font-size: 1em;
    font-weight: normal;
}

/*===========
:PAGE NUMBERS
===========*/
.pagenumbers{
    display: block;
    overflow: hidden;
    position: relative;

    margin-bottom: 40px;

    font-size: 14px;
}
.pagenumberstext{
    float: left;

    margin: 0;
    padding: 0 20px 0 0;

    /*border-right: 1px solid #f1f1f1;*/
}
.pagenumbersdots{
    color: #9b9b9b;

    margin: 0;

    /*border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;*/
}
a.pagenumber{
    float: left;
    display: block;

    margin: 0;
    padding: 0px 5px;

    text-decoration: none;
    font-weight: normal;
    text-align: center;

    /*border-right: 1px solid #f1f1f1;*/
}

a.pagenumber:hover,
a.pagenumber:focus{float: left; font-weight: bold;}
a.pagenumber:visited{}
a.currentpagenumber{
    float: left;

    margin: 0;
    padding: 0px 5px;

    text-decoration: none;
    font-weight: bold;
    text-align: center;

    /*
    background-color: #f1f1f1;
    border-right: 1px solid #f1f1f1;*/
}

div.pagenavigateleft{
    float:left;
}
a.pagenavigateleft{
    float: left;

    margin: 0;
    padding: 0px 5px 0px 0;

    text-decoration: none;

    /*border-right: 1px solid #f1f1f1;*/
}
a.pagenavigateleftleft{
    float: left;

    margin: 0;
    padding: 0px 10px;
}

div.pagenavigateright{
    float:right;
}
a.pagenavigateright{
    float: right;

    margin: 0 0 0 -1px;
    padding: 0px 15px;

    text-decoration: none;

    /*border-left: 1px solid #f1f1f1;*/
}
a.pagenavigaterightright{
    float: right;

    margin: 0;
    padding: 0px 15px;
}

/*===========
:CONTACTMODULE
===========*/
.contact_module {
    margin: -2px 0 0 0;
    padding: 30px 0 20px 30px;

    background: url("../images/block_contact.png") no-repeat scroll left bottom #00ABE2;
}
.contact_module h3 {
    color: #fff;
}
.contact_module p {}
.contact_module a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.contact_module ul {
    list-style: none;

    margin: 0;
    padding: 0;
}
.contact_module ul li {
    margin: 0 0 14px 0;
    padding: 15px 15px 15px 60px;

    color: #fff;
    font-weight: bold;
}

.contact_module ul li.phone {
    background: url("../images/icon_telefoon.png") no-repeat;
}
.contact_module ul li.email {
    background: url("../images/icon_email.png") no-repeat;
}

/*===========
:MODULE
===========*/
.module {
    position: relative;

    margin: 0 0 20px;
}

.module-head {
    display: block;

    margin: 0 0 14px 0;
    padding: 0;


    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    color: #ffa200;
}
.module-head h1,
.module-head h2,
.module-head h3,
.module-head h4,
.module-head h5,
.module-head h6,
.module-head {
    color: #ffa200;
}

.module-head h1 a,
.module-head h2 a,
.module-head h3 a,
.module-head h4 a,
.module-head h5 a,
.module-head h6 a,
.module-head a {
    font-size: 13px;
    font-weight: bold;
    color: #ffa200;
}

.module-body {

}

/*===========
:ADDTHIS
===========*/
.addthis_toolbox {

}

.addthis_toolbox ul {
    list-style: none;
}

.addthis_toolbox ul>li {
    float: left;

    width: 89%;

    margin: 0;
    padding: 0;
}

.addthis_toolbox ul>li>a {
    display: block;

    width: 100%;
    height: 32px;

    margin-left: 0;
    padding: 10px 0 10px 20px !important;

    font-size: 16px;
    line-height: 32px;

    color: #5f656e;
}

.addthis_toolbox ul>li>a>span {
    margin-right: 10px;
}

.addthis_button_print {
    float: left;

    padding: 3px;


    font-size: 11px;
    line-height: 11px;
    text-decoration: none;
    color: #6b6b6b;

    background-color: #f0f0f0;

    border: 1px solid #cfcfcf;

    border-radius: 3px;
    -moz-border-radius: 3px;
}

.addthis_button_print:hover {
    color: #828282;
    border-color: #a3a3a3;
}
.addthis_button_print img {
    float: left;

    margin: 0 4px 0 0;
}

.on-top {
    z-index: 1000040;
}

.bullet-wrapper {
    clear: both;
    display: block;
    overflow: hidden;
}
.bullet-wrapper .bullet {
    display: block;
    float: left;
    overflow: hidden;

    width: 42px;
    height: 42px;

    margin: 0 28px 0 0;
    padding: 0;

    text-align: center;
    font-size: 25px;
    line-height: 42px;
    font-weight: bold;
    color: #333;

    background: url('../images/layout/bullet.png') no-repeat center;

    border-radius: 21px;
    -moz-border-radius: 21px;
}
.bullet-wrapper .text {
    display: block;

    margin: 0 0 7px 0;
}

hr {
    /* IE7 HACK */

    /* END IE7 HACK */

    clear: both;
    height: 17px;

    border: 0;
    border-top: 1px solid #ebebeb;
}

ul.checklist {
    list-style: none;
}

ul.checklist li {
    margin: 0;
    padding: 21px 0 14px 50px;


    font-size: 16px;
    font-weight: bold;
    color: #333;

    background: url('../images/layout/check.png') no-repeat left 15px;
}

.kostentabel{
    width: 280px;
    margin-top: 14px;
    font-size: 12px;
    clear: both;
    margin-bottom: 14px;
}
.kostentabel .tableprice{
    text-align: right;
}
.kostentabel .fattd{
    font-weight: bold;
    font-size: 13px;
}

.fullwidth2{
    width: 100%;
}

.shipimage{
    float: left; margin-right: 13px;
    width: 80px;
}
.bigfont{
    font-size: 16px;
    line-height: 21px;
    vertical-align:top;
}

.voorwaarden{
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    padding: 15px 15px 15px 50px;
    font-weight: bold;
    background-image: url('../images/default/notify.gif');
    background-repeat: no-repeat;
    background-position: 15px 15px;
    margin: 20px 0 15px 0;

}

.idea{
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    padding: 15px 15px 15px 50px;
    margin: 20px 0 15px 0;
    font-weight: bold;
    background-image: url('../images/default/lightbulb.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}

.border-grey{
    border: 1px solid #ebebeb;
    padding: 20px;
    overflow: hidden;
}

h3.accoverview{
    color: #1d1d1d;
    font-size: 21px;
    margin-top: 20px;
}

.foto-frame {
    width: 348px;
    height: 202px;

    padding: 20px 26px 19px 10px;

    background: url('../images/layout/foto-frame.png') no-repeat center;
}
.foto-frame .foto-frame-inner {
    width: 348px;
    height: 202px;

    background-color: #fff;
}
.foto-frame.floatright {
    margin: 0 0 90px 20px;
}

.noppadding p{
    padding: 0;
    margin: 0;
}

/****
 *
 * VOORDELEN
 *
 */

ul.voordelen {
    list-style-type: none;
    padding: 0;
    line-height: 15px;
}

ul.voordelen li {
    background: url('../images/default/libg.gif') no-repeat 0 0px;
    padding: 0 0 0 20px;

    margin: 0 0 13px 3px;
}



/****
 *
 * Import vergelijking
 *
 */

.importCompare {
    list-style: none;
    margin: 0;
}

.importCompare li {
    display: block;
    float:left;
    clear: left;
}

.importCompare .comparehead {
    border: 1px solid #000;
    font-weight: bold;
    width: 700px;
}

.importCompare .row {
    border: 1px solid #666;
    width: 700px;
}

.importCompare li.row.disabled {
    background-color: #dfdfdf;
}

.importCompare .row.add {
    background-color: #dfd;
}

.importCompare .row.edit {
    background-color: #ffd;
}

.importCompare .row.delete {
    background-color: #fdd;
}

.importCompare .row .compareid {
    width: 100px;
    float:left;
    margin: 0;
    padding: 0;
}

.importCompare .row .comparename {
    width: 400px;
    float:left;
    margin: 0;
    padding: 0;
}

.importCompare .row .compareact {
    width: 200px;
    float:left;
    margin: 0;
    padding: 0;
}

.clear {
    clear:both;
}

ul.merchant-nav li{
    clear: none;
    float: none;
}

.dagaanbiedingen {
    margin: 0 -20px 0 0;
}

.discount {
    float:right;
}

.discount .discountpriceedit input {
    width: 100px;
}

div.aanbiedingsdata ,
div.bannerdata {
    width: 735px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.aanbiedingsdatalijst ,
ul.bannerdatalijst {
    list-style: none;
}

ul.aanbiedingsdatalijst li ,
ul.bannerdatalijst li {
    background-color: #fdd;
    padding:0;
    margin:0;
}

ul.aanbiedingsdatalijst li.available ,
ul.bannerdatalijst li.available {
    background-color: #dfd;
}

ul.aanbiedingsdatalijst li.self ,
ul.bannerdatalijst li.self {
    background-color: #ffd;
}

ul.aanbiedingsdatalijst span.checkbox ,
ul.bannerdatalijst span.checkbox {
    display:block;
    float:left;
    width: 30px;
}

ul.aanbiedingsdatalijst span.presentation ,
ul.bannerdatalijst span.presentation {
    display:block;
    float:left;
    width: 300px;
}

ul.aanbiedingsdatalijst span.availability ,
ul.bannerdatalijst span.availability {
    display:block;
    float:left;
    width: 150px;
}

.aanbiedingsdatalijst li.available ,
.bannerdatalijst li.available ,
.aanbiedingsdatalijst li.available input ,
.bannerdatalijst li.available input {
    cursor: pointer;
    border: 1px solid #dfd;
}

.aanbiedingsdatalijst li.available:hover ,
.bannerdatalijst li.available:hover {
    border: 1px solid #0f0;
}

span.agree {
    cursor: pointer;
}

/**

    debugger

*/

div.debug {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 6px;
    padding: 4px;
}

div.debug * {
    font-family: "Courier";
    font-size: 12px;
}

div.bannerbox {
    height: 300px;
    width: 500px;
}

.bannerbox .banner_info {
    position: absolute;
    left:0;
    top: 50px;
    border: 1px solid #dfdfdf;
    height: 200px;
    width: 500px;
    padding-left: 110px;
    overflow-y: auto;
}

.bannerbox .banner_image {
    position:absolute;
    left: 25px;
    top: 0px;
    height: 300px;
    border: 1px solid #dfdfdf;
    margin: 0;
    padding: 0;
}

.banner_info label.mainlabel {
    font-size: 16px;
}

.banner_info .importantdatablock {
    font-size: 20px;
    margin-bottom: 10px;
}

.banner_info .unimportantdatablock {
    font-size: 10px;
}

div.datecontainer ,
div.product-selection {
    border: 1px solid #dfdfdf;
    height: 200px;
    width: 500px;
    overflow-y: auto;
}

ul.datelist ,
ul.productlist {
    list-style: none;
    padding:0;
    margin:0;
}

ul.datelist li ,
ul.productlist li {
    border: 1px solid #fdd;
    background-color: #fdd;
    padding:0;
    margin:0;
}

ul.datelist li.available ,
ul.productlist li.available {
    cursor: pointer;
    border: 1px solid #dfd;
    background-color: #dfd;
}
ul.datelist li.available input,
ul.productlist li.available input{
    cursor: pointer;
}

ul.datelist li.available:hover ,
ul.productlist li.available:hover {
    border: 1px solid #0f0;
}

ul.productlist li.disabled {
    border: 1px solid #ddd;
    background-color: #ddd;
}

.newsletter-formfinish {
    margin-top: 10px;
}

ul.newsproducts {
    list-style: none;
}

li.dateproducts .productdate {
    display:block;
    width: 200px;
    float:left;
}

li.dateproducts .products {
    display:block;
    width: 500px;
    float:right;
}

img.badge {
    float: left;
    padding: 0 16px 12px 0;
}

.centertext {
    text-align: center;
}

.centertext.top {
    margin-top: 20px;
}

.centertext.bottom {
    margin-bottom: 40px;
}

.foto-column {
    float: right;

    margin: 0 0 0 20px;
}

#message503 .default {
    overflow: hidden;

    padding: 50px;

    text-align: center;
    color: #fff;
}

#message503 .default h1 {
    color: #fff;
}

/** Modal styling **/
.questionModal button.close {
    font-size: 35px;
    background-color: #fff;
    padding: 4px;
    border-radius: 50px;
    margin-top: -14px;
    margin-right: -14px;
    opacity: 1;
    z-index: 99999999;
    color: #85919e;
}
.questionModal .modal-body {
    margin-top: 14px;
}

.questionModal .modal-title {
    margin-top: 43px;
}
.questionModal .form-group-lg {
      margin-top: 20px;
      margin-bottom:25px;
}
.questionModal .form-group-lg textarea.form-control {
    height: 120px;
}