@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
/*kkkk @import url(https://fonts.googleapis.com/css?family=Playball);  */
/*  BRON: http://stackoverflow.com/questions/27122400/how-can-i-set-a-google-font-as-default-font-in-ckeditor */

/*____________________________________________ START CkEditor EN Site ________________________________________________*/

* {
    margin: 0;
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    /*font-family: 'Josefin Sans', sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;

}

body, .cke_show_borders { /* voor site en CkEditor  */
    height: 100%;
}

.cke_show_borders { /*  deze is voor extra layout in de editor */

}

.beide_leesbreedte {
    margin: 0 auto;
    margin-top:423px;
    margin-bottom: -234px;
    max-width: 1200px;
    width: calc(100% - 2px);
    border: 0 solid #8093fe;
}

#leesbreedte_paragraaf_editor { /* zet de breedte van CkEditor textarea  >>>  .leesbreedte + 31px  */
    width: calc(744px + 33px);
    border: 10px solid #c0e4fe; /*F2FED9*/
}

.cke_contents { /* zet de hoogte van CkEditor textarea paragraaf EN etalage */
    min-height: 400px;
}

table {
    width: 100%;
    border: 0 #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

td {
    border: 0 #000000 solid;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

.cke_editable table, .cke_editable td {
    border: 1px #676767 ridge;
}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    /* width: 100%;  UITLATEN: centreren van div's gaat anders niet goed */
}

h1 {
    font-size: 132%;
}

h2 {
    font-size: 114%;
    padding-bottom: 20px;
}

img {
    border: 0;
    max-width: 100%;
}

i {
    font-family: serif;
    font-size: 22px;
}

hr {
    height: 1px;
    border: none;
    border-top: 1px #565656 solid;
    display: block;
    margin: 1em 0;
    padding: 0;
}

ol {
    padding-left: 10px;
}

strong {
    font-weight: 700 !important;
}

ul {
    padding-left: 20px;
}

li {
    padding-left: 5px;
}

a, a:visited a:active {
    text-decoration: none;
    color: #0033ff;
    font-size: 100%;
}

a:hover {
    color: #ff0000;
}

.foto_over_volle_breedte {
    border: 1px solid #e3e3e2;
    width: 100%;
}

@media (max-width: 600px) {
    .tekst_met_1_foto_rechts, .foto_de_rechter_van_2, .foto_de_linker_van_2 {
        width: 100%;
        border: 0 solid;
        padding-top: 20px;
    }

}

@media (min-width: 601px) {
    .tekst_met_1_foto_rechts {
        border: 1px solid #e3e3e2;
        width: 46.0%;
        float: right;
        margin-left: 20px;
    }

    .foto_de_rechter_van_2 {
        border: 1px solid #e3e3e2;
        width: 46.0%;
        float: right;
    }

    .foto_de_linker_van_2 {
        border: 1px solid #e3e3e2;
        width: 46.0%;
        float: left;
    }
}