@charset "utf-8";
/* CSS Document */

.flag{
    float: right;
    width: 33px;
    height: 37px;
    margin: 22px;
    margin-right: 0;
}

.flag.eu{
    background-image: url(../assets/flag_britain.png);
}
.flag.nl{
    background-image: url(../assets/flag_dutch.png);
}

html, body{
    height:100%;	
}

.activiteiten a{
    text-decoration:none;
    color: #000;	
}
.activiteiten a{
    text-decoration:none;
    color: #000;	
}

img{ 
    border: 0px;
}

@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf')  format('truetype'), url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-BoldIt.otf')  format('opentype'),
        url('../fonts/MyriadPro-BoldIt.woff') format('woff'), url('../fonts/MyriadPro-BoldIt.ttf')  format('truetype'), url('../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-It.otf')  format('opentype'),
        url('../fonts/MyriadPro-It.woff') format('woff'), url('../fonts/MyriadPro-It.ttf')  format('truetype'), url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
}

body{
    margin: 0;
    font-family: Myriad, "Verdana", sans-serif;
    position: relative;
    min-height: 100%;
    color: #333333;
    font-size: 14px;
    line-height: 1.4em;
    background-color:#FFF;
    min-height:662px;
}

#header{
    position: relative;
    /* background-color: #FFF; */
    padding-top: 0px;
    /* padding-bottom: 16px; */
    /* -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    /* box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */
    /* border-bottom: 1px solid #BEBEBE; */
    height: 117px;
    background-image: url(../assets/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 990px 100%;
}

#logo{
    position: absolute;
    width: 273px;
    height: 53px;
    top: 22px;
    left: 22px;
    background-image: url(../assets/logo.png);
}

#mainmenu a{
    color: #111;
    text-decoration:none;
    text-transform: uppercase;
}

#mainmenu a:hover{
    color: #ec1c24;
    text-decoration:none;	
}

#mainmenu .menu-item-active{
    color: #32327b;
}


#header_image{
    position: absolute;
    width:100%;
}

#header_menu2{
    background-color: #FFF;
    padding-top: 0px;
    padding-bottom: 16px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #BEBEBE;
    height: 57px;

    position:absolute; height:32px; top:80px; width:100%;
}

#container{
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 990px;
}

#mainmenu{
    float: right;
    margin-top: 24px;
}

#mainmenu ul{
}

#mainmenu li{
    float: left;
    list-style-type: none;
    font-size: 15px;
    font-weight: bold;
    height: 34px;
    line-height: 32px;
    padding-left: 6px;
    margin-left: 6px;
    border-left: 0px solid #d8d8d8;
}

#mainmenu a{
}

#login{
    float: right;
    margin: 18px 22px 0px 22px;
    padding-top: 0;
    padding-bottom: 0;	
}

#login a, .bt_login{
    text-transform: uppercase;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px 0px;
    background-color: #96579e;
    background-image: -webkit-linear-gradient(top, #96579e, #2d2c79);
    background-repeat: repeat-x;
    border-bottom-color: #2d2c79;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #2d2c79;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #2d2c79;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #2d2c79;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgb(61, 73, 0) 0px 1px 3px;
    vertical-align: middle;
    zoom: 1;
    color: #fff;
}

.bt_login{
    height: 31px;
    width: 106px;
}

#footer{
    /* background-image: url(../assets/footer2.png); */
    background-size: 990px;
    width: 990px;
    height: 120px;
    margin-top: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top;
}

#footertekst{
    position: absolute;
    bottom: 45px;
    right: 250px;
    color: #32327b;
    font-size: 12px;

}
#footertekst a{
    color: #32327b;
    text-decoration:none;
}
#footertekst a:hover{
    color: #ec1c24;
    text-decoration:underline;
}

#footertwitter{
    background-image: url(../assets/logo-tw.png);
    background-size: 32px 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 146px;
    bottom: 39px;
}
#footerfacebook{
    background-image: url(../assets/logo-fb.png);
    background-size: 32px 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 185px;
    bottom: 39px;
}
#footerced{
    background-image: url(../assets/logo-ced.png);
    background-size: 77px 70px;
    position: absolute;
    width: 77px;
    height: 70px;
    right: 46px;
    bottom: 24px
}

#content{
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 990px;
}

h1{
    font-size:1.5em;
    font-weight:bold;
    color:#941b80;
}

#front_title{
    font-size:1.5em;
    color:#941b80;
    margin-bottom:20px;
    padding-left:45px;
    padding-right:45px;

}

#content_holder_front{
    margin-top:0px;
}

#content_holder_front #column_left{margin-top:0}
#content_holder_front #column_right{margin-top:0}

#content_holder{
    margin-top:0px;
}

#content_min_height{
    min-height: 526px;
}

#quote{
    position:relative;
    margin-right:26px;
    border: 2px #32327b solid;
    width: 329px;
    background-color:#fff;
    background-image:url(../images/quote.png);
    background-position:left top;
    background-repeat:no-repeat;
    margin-bottom:26px;
}
#quote_inside{
    padding-left:45px;
    padding-top:70px;
    padding-right:20px;
    padding-bottom:20px;
}

#textblock{
    position: relative;
    margin-right: 45px;
    width: 300px;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-bottom: 45px;

}

.pagecontent #textblock{
    border-top: 2px solid #ec1c24 ;
    border-bottom: 2px solid #859593;
}

.pagecontent #textblock:before{
    content: " ";
    width: 300px;
    border-bottom: 2px solid #859593;
    display:block;
    position:relative;
}
.pagecontent #textblock:after{
    content: " ";
    width: 300px;
    border-bottom: 2px solid #ec1c24;
    display:block;
    position:relative;
}




#textblock_inside{
    padding:20px;
}

#textblock_inside h1{
    margin-top:0;
    color: #ec1c24;
}
#textblock_inside p:first-child{
    margin-top:0;
}
#textblock_inside p:last-child{
    margin-bottom:0;
}

#front_echte_pop{
    float: left;
    margin-top: 45px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 45px;
    padding: 20px;
    background-color: rgba(255,255,255,0.5);
    color: #333;
    max-width:450px;
}

#front_echte_pop_inside{
    max-width:450px;
}

#front_echte_pop_inside h1{
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    color: #32327b;	
}

#front_echte_pop_inside h1{
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    color: #32327b;	
}

#front_balk p:last-child{
    margin-bottom:0;
}

#front_balk .active{
    background-color: #ec1c24 !important;
    height:35px;
}


#front_balk_text{
    position: absolute;
    height: 384px;
    color: #333;
    width: 900px;
    margin-bottom: 22px;
    border-bottom: 2px solid #859593;
    border-top: 2px solid #ec1c24;
    top: 2px;
    left: 0;
}

#front_balk_image{
    margin-top: -35px;
    position: absolute;
    height: 30px;
    width: 900px;
    margin-right: 22px;	
    top:0;
    left:0;
    text-align:center;
}

#front_balk_text h1{
    font-weight: bold;
    font-size: 1.5em;
    color:#ec1c24; 
    margin-top: 0;
}

#front_balk_text1{
    padding:20px;
}
#front_balk_text2{
    padding:20px;
}
#front_balk_text3{
    padding:20px;
}
#front_balk_text4{
    padding:20px;
}
#front_balk_text5{
    padding:20px;
}
#front_balk_text6{
    padding:20px;
}

#front_balk{
    width: 900px;
    margin-left: 45px;
    height: 390px;    
    margin-bottom: 0px;
    border-bottom: 2px solid #ec1c24;
    border-top: 2px solid #859593;
    position: relative;
    background-color: #fff;
}

#front_balk_choosers{
    position:absolute;
    width:900px;
    text-align: center;
}

.titleOtherColor{    
    color:#32327b;
}

.tabcolor{
    width:140px;
    height:31px;
    display: inline-block;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    background-color: #32327b;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
}
.tabcolor a{
    text-decoration:none;
    color:#fff;
}

.tabpijl{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#logo_big{
    position: absolute;
    top: 52px;
    left: 58px;
    background-image:url(../images/logo_big.png);
    width:468px;
    height:258px;
}
#header_rounds_big{
    position: absolute;
    top:87px;
    right:58px;
    background-image:url(../images/header_rounds_big.png);
    width:341px;
    height:237px;
}

#logo_small{
    position: absolute;
    top: 74px;
    left: 58px;
    background-image:url(../images/logo_small.png);
    width:296px;
    height:163px;
}
#header_rounds_small{
    position: absolute;
    top:87px;
    right:58px;
    background-image:url(../images/header_rounds_small.png);
    width:239px;
    height:166px;
}

#column_left{
    float:left;
    width:627px;
    margin-bottom: 45px;
    margin-top: 45px;
}
#colomn_left_text{
    margin-left:45px;
    margin-right:45px;
    min-height: 280px;
}

#column_right{
    float: right;
    width: 345px;
    margin-bottom: 45px;
    margin-top: 45px;
}

.materiaal_box{
    position: relative;
    width: 270px;
    height: 131px;	
    margin-right:16px;
    border: 2px #32327b solid;
    background-color:#fff;
    background-image:url(../images/front_balk_top.png);
    background-position:left top;
    background-repeat:no-repeat;
    margin-bottom:16px;
    float:left;		
}

.materiaal_picture{
    position: absolute;
    width:109px;
    height:109px;
    top:21px;
    left:10px;	
}

.materiaal_text{
    position: absolute;
    width: 146px;
    height: 109px;
    top: 30px;
    right: 8px;
    color: #941b80;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.materiaal_button1{
    position: absolute;
    width:33px;
    height: 42px;
    right:0px;
    bottom:0px;
    background-image:url(../images/orange_arrow_2.png);	

}

.materiaal_button2{
    position: absolute;
    width:33px;
    height: 42px;
    right:0px;
    bottom:0px;
    background-image:url(../images/orange_arrow_1.png);	

}



.transparentbackground{
    background-color: rgba(255,255,255,0.9) !important;
}
.tophome{
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    margin-top: 20px;
    max-width: 496px;
}
.tophome p:last-child{
        margin-bottom: 0;
}
.tophome p:first-child{
        margin-top: 0;
}
.tophome h1{
        margin-top:0;
        color:#ec1c24;
}


form.formular {
    font-size: 12px;
    padding: 0px;
}

div.formular {
    font-size: 12px;
    padding: 0px;
}


.formular label {
    text-align: right;
    width: auto;
}

.formular label span {
    color: #000;
}

.formular input, .formular select, .formular textarea {
    display : block;
    margin-bottom: 5px;
}

.formular .text-input {
    width: 190px;
    color: #555;
    padding: 4px 4px 3px;
    border: 1px solid #32327b;
    font-size: 14px;
    margin: 0px;
    background: #FFF url('text-bg.gif') repeat-x;
    height: 17px;
}

.formular .text-input:focus {
    border: 1px solid #000000;
}

.formular .select {
    color: #555;
    padding: 3px;
    border: 1px solid #32327b;
    font-size: 12px;
    margin: 0px;
    background: #FFF url('text-bg.gif') repeat-x;
    height: 26px;
}

.formular .select:focus {
    border: 1px solid #000000;
}



.formular .infos {
    background: #FFF;
    color: #333;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
    border:1px solid #B5B8C8;
}

.formular .button {
    text-align:right;
    margin-top: 20px;
}


.formular a.submit {
    background: url('button-bg.png') repeat-x;
    border: 1px solid #AAA;
    padding: 4px;
}


.formular hr {
    color:#DCF8FF;
    height:1px;
    border: 1px none;
    background-color:#ffffff;
}

.formular .fc-error {
    width: 350px;
    color: #555;
    padding: 4px;
    border: 1px solid #B5B8C8;
    font-size: 12px;
    margin-bottom: 15px;
    background: #FFEAEA;
}

.required {
    margin-left: 4px;
}

.checkbox {
    background-color: #96579e;
    border: solid 1px #006699;	
}

form {
    margin: 0;
}

label {
    cursor: pointer;
    font-size: 0.9em;
}

input.field {
    border: 1px #32327b solid;
    background: #FFFFFF;
    margin-right: 5px;
    margin-top: 0px;
    padding: 3px;
    width: 162px;
    color: #003340;
}

input:focus.field {
    border: 1px #003340 solid;
    background:#FFFFFF;
}

.loginCheckbox {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.login_top {
    color:#32327b;
}

.login_down {
    color: #32327b;
    font-size: 0.9em;
}

#login .field{
    background: #FFF url('text-bg.gif') repeat-x;	
}

.bt_main {
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    border: 0px #32327b solid;
    background: #32327b;
    font-size:11px;
    padding: 2px 6px;
    height: 26px;
    width: 80px;
    color: #ffffff;
    cursor:pointer;
    background:url(button_versturen.png)
}
.bt_main:hover {
}

.error{
    margin-top:-3px;
    color: #bf3340;
}

#faqs .vraag  { cursor:pointer; 
                border: 2px #32327b solid;
                background-color:#fff;
}

#faqs .vraag.active  { color:#d74646; }
#faqs div { overflow:hidden; position:relative; }
#faqs div p  { padding:0; margin-bottom:15px; }

.uitklappen{
    text-align:right;
    font-size: 0.9em;
    float:right;
    height:16px;
    margin-right:5px;
}
.uitklappenpijl{
    float:right;	
}

.uitklappenpijl2{
    margin-top:-16px;
    margin-right:5px;
    float:right;
    width:15px;
    height:15px;
}

#kader p{
    margin-top:0px;
    margin-bottom:0px;
}

#kader2{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    background:#32327b;
    color:#ffffff;
    font-weight: bold;
}

#kader3{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    background:#32327b;
    color:#ffffff;
    font-weight: bold;
}

#kader-top{
    height: 10px;
    background:#e9f6e9;
}
#kader-down{
    height: 10px;
    background:#e9f6e9;
}

#kader-top-left{
    float:left;
    left:0px;
    height: 10px;
    width: 10px;
    background:url(corner_10_left_top.png);
}
#kader-top-right{
    float:right;
    height: 10px;
    width: 10px;
    background:url(corner_10_right_top.png);
}
#kader-down-left{
    float:left;
    left:0px;
    height: 10px;
    width: 10px;
    background:url(corner_10_left_down.png);
}
#kader-down-right{
    float:right;
    height: 10px;
    width: 10px;
    background:url(corner_10_right_down.png);
}

#kader2-top{
    height: 6px;
    background:#32327b;
}
#kader2-down{
    height: 6px;
    background:#32327b;
}

#kader2-top-left{
    float:left;
    left:0px;
    height: 6px;
    width: 6px;
    background:url(corner_6_left_top.png);
}
#kader2-top-right{
    float:right;
    height: 6px;
    width: 6px;
    background:url(corner_6_right_top.png);
}
#kader2-down-left{
    float:left;
    left:0px;
    height: 6px;
    width: 6px;
    background:url(corner_6_left_down.png);
}
#kader2-down-right{
    float:right;
    height: 6px;
    width: 6px;
    background:url(corner_6_right_down.png);
}


#kader3-top{
    height: 6px;
    background:#32327b;
}
#kader3-down{
    height: 6px;
    background:#32327b;
}

#kader3-top-left{
    float:left;
    left:0px;
    height: 6px;
    width: 6px;
    background:url(corner_6_left_top.png);
}
#kader3-top-right{
    float:right;
    height: 6px;
    width: 6px;
    background:url(corner_6_right_top.png);
}
#kader3-down-left{
    float:left;
    left:0px;
    height: 6px;
    width: 6px;
    background:url(corner_6_left_down.png);
}
#kader3-down-right{
    float:right;
    height: 6px;
    width: 6px;
    background:url(corner_6_right_down.png);
}

.gratisaanmelden{
    padding:0 !important;
    background: transparent !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}
.gratisaanmelden:before{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}

.gratisaanmelden:after{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}
.twitter{
    padding:0  !important;
    background: transparent  !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}
.twitter:before{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}
.twitter:after{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}

.onderwerpversturen{
    padding:0  !important;
    background: transparent  !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}
.onderwerpversturen:before{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}

.onderwerpversturen:after{
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important;
}



.pagecontent{
    position: relative;
    margin-top: 20px;
    margin-left: 45px;
    margin-right: 45px;
    width: 900px;
    border-bottom: 2px solid #859593;
    margin-bottom: 0;
    padding-bottom: 0px;
    padding-top: 45px;
}

.pagecontent #front_title h1 {
    font-weight: bold;
    font-size: 1.3em;
    color: #ec1c24;
    margin-top: 0;
}


.pagecontent #column_left {
    float: none;
    clear: both;
    width: 462px;
    margin: 45px;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
}


.pagecontent #colomn_left_text {
    margin-left: 0;
    margin-right: 0;
    min-height: auto;
    vertical-align: top;
    margin-bottom:45px;
    
}

.pagecontent #colomn_left_text p:first-child{
    margin-top:0;
}
.pagecontent #colomn_left_text p:last-child{
    margin-bottom:0;
}
#colomn_left_textgeenrechts{
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 45px;
}

.pagecontent #column_right {
    float: none;
    clear: both;
    width: 345px;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
}

.pagecontent:after{
    content: " ";
    width: 900px;
    border-bottom: 2px solid #ec1c24;
    display:block;
    position:relative;
}
#colomn_left_text_extrageenrechts{
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 45px;
    margin-top: -20px;
}
#colomn_left_text_extra{
    margin-bottom: 45px;
}

.materiaal a{
    text-decoration: none;
    color: #333333;
}

#content h2{
        color: #32327b;
}

.gratisaanmeldenimg{width:250px;margin-left:25px;}