/* Fonts ========================================================================================================= */
/* Kleuren ========================================================================================================= */
/* Mixins ========================================================================================================== */
.td-none-ul {
    text-decoration: none; }
.td-none-ul:hover {
    text-decoration: underline; }

.td-ul-none {
    text-decoration: underline; }
.td-ul-none:hover {
    text-decoration: none; }

/* Defaults ======================================================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body
{
    overflow-x: hidden !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%; }

body {
    font: 400 14px/18px "Open Sans", sans-serif;
    color: #333333;
    background: white;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 100%;
    display: table; }

::selection {
    background: rgba(33, 33, 33, 0.1); }

::moz-selection {
    background: rgba(33, 33, 33, 0.1); }

:focus {
    outline: 0; }

.cf {
    *zoom: 1;
    /* For IE 6/7 only */ }
.cf:before, .cf:after {
    content: "";
    display: table; }
.cf:after {
    clear: both; }

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
    cursor: pointer; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

caption, th, td {
    text-align: left; }

td {
    white-space: nowrap; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }

audio, canvas, video {
    display: inline-block; }

audio:not([controls]) {
    display: none; }

hr {
    background-color: #333333;
    color: #333333;
    border: 0;
    height: 1px;
    margin-bottom: 10px; }

embed, iframe, object {
    max-width: 100%; }

.container-12 {
    margin: 0 auto;
    width: 1200px; }
.container-12 .grid-1 {
    width: 80px; }
.container-12 .grid-2 {
    width: 180px; }
.container-12 .grid-3 {
    width: 280px; }
.container-12 .grid-4 {
    width: 380px; }
.container-12 .grid-5 {
    width: 480px; }
.container-12 .grid-6 {
    width: 580px; }
.container-12 .grid-7 {
    width: 680px; }
.container-12 .grid-8 {
    width: 780px; }
.container-12 .grid-9 {
    width: 880px; }
.container-12 .grid-10 {
    width: 980px; }
.container-12 .grid-11 {
    width: 1080px; }
.container-12 .grid-12 {
    width: 1180px; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 1px; }

.flex-wrap {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap; }

.embed-container,
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.va-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.studentimage {
    max-width: 140px;
    max-height: 140px; }

/*#Form_ProfileForm_fglinks2, #Form_ProfileForm_fglinks3, #Form_ProfileForm_fglinks4, #Form_ProfileForm_fglinks5, #Form_ProfileForm_fglinks6, #Form_ProfileForm_fglinks7, #Form_ProfileForm_fglinks8, #Form_ProfileForm_fglinks9, #Form_ProfileForm_fglinks2a, #Form_ProfileForm_fglinks3a, #Form_ProfileForm_fglinks4a, #Form_ProfileForm_fglinks5a, #Form_ProfileForm_fglinks6a, #Form_ProfileForm_fglinks7a, #Form_ProfileForm_fglinks8a {
    display: none; }*/

#Form_ProfileForm_fglinks2 {
    display: block;
}

.cpoint {
    cursor: pointer;
    text-decoration: underline; }

.hand {
    cursor: pointer; }

.dpnone {
    display: none; }

/* diversen */
.ulnone {
    list-style: none;
    padding: 0;
    margin: 0; }

.hyphen {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break: normal; }

.indent {
    text-indent: -99999px; }

.upper {
    text-transform: uppercase; }

.underline {
    text-decoration: underline; }

/* margin */
.m0 {
    margin: 0; }

.m10 {
    margin: 10px; }

.mt10 {
    margin-top: 10px; }

.mt20 {
    margin-top: 20px; }

.mt30 {
    margin-top: 30px; }

.mt40 {
    margin-top: 40px; }

.mr10 {
    margin-right: 10px; }

.mr20 {
    margin-right: 20px; }

.mtb28 {
    margin: 28px 10px 28px 10px; }

.mr30 {
    margin-right: 30px; }

.mr40 {
    margin-right: 40px; }

.mb10 {
    margin-bottom: 10px; }

.mb20 {
    margin-bottom: 20px; }

.mb30 {
    margin-bottom: 30px; }

.mb40 {
    margin-bottom: 40px; }

.ml10 {
    margin-left: 10px; }

.ml20 {
    margin-left: 20px; }

.ml30 {
    margin-left: 30px; }

.ml40 {
    margin-left: 40px; }

/* padding */
.p0 {
    padding: 0; }

.p10 {
    padding: 10px; }

.p20 {
    padding: 20px; }

.p30 {
    padding: 30px; }

.p40 {
    padding: 40px; }

.p010 {
    padding: 0 10px; }

.p020 {
    padding: 0 20px; }

.p030 {
    padding: 0 30px; }

.p040 {
    padding: 0 40px; }

.pt10 {
    padding-top: 10px; }

.pt20 {
    padding-top: 20px; }

.pt30 {
    padding-top: 30px; }

.pt40 {
    padding-top: 40px; }

.pb10 {
    padding-bottom: 10px; }

.pb20 {
    padding-bottom: 20px; }

.pb30 {
    padding-bottom: 30px; }

.pb40 {
    padding-bottom: 40px; }

/* align */
.ta-left {
    text-align: left; }

.ta-center {
    text-align: center; }

.ta-right {
    text-align: right; }

/* position */
.absolute {
    position: absolute; }

.relative {
    position: relative; }

.fixed {
    position: fixed; }

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

.inline-block {
    display: inline-block; }

.none {
    display: none; }

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%; }

img a, a img {
    border: 0; }

.entry-content img, .comment-content img, .widget img {
    max-width: 100%; }

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto; }

img.size-full, img.size-large, img.header-image, img.wp-post-image {
    max-width: 100%;
    height: auto; }

.alignleft {
    float: left;
    margin: 0 15px 30px 0; }

.aligncenter {
    display: block;
    margin: 0 auto 30px auto; }

.alignright {
    float: right;
    margin: 0 0 30px 15px; }

.alignnone {
    float: none;
    display: block;
    margin: 0 0 30px 0; }

.size-full, .size-large {
    height: auto; }

img.responsive {
    width: 100%;
    max-width: 100%;
    height: auto; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    clear: both; }

h1 {
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 16px; }

h2 {
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 12px; }

h3 {
    font: 700 16px/18px "Open Sans", sans-serif;
    margin-bottom: 4px; }

a {
    color: #212121;
    text-decoration: underline; }
a:focus, a:active, a:hover {
    text-decoration: none; }

strong, b, .bold {
    font-weight: 700; }

cite, em, i, .italic {
    font-style: italic; }

ol, ul {
    margin-bottom: 16px; }

ul {
    list-style-type: square;
    padding-left: 16px; }

ol {
    list-style-type: decimal;
    padding-left: 20px; }

ol ol {
    list-style: upper-alpha; }

ol ol ol {
    list-style: lower-roman;
    padding: 0 0 16px 16px; }

ol ol ol ol {
    list-style: lower-alpha;
    padding: 0 0 16px 16px; }

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
    padding: 0 0 0 16px; }

sup,
sub {
    font-size: 70%;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline; }

sup {
    bottom: 1ex; }

sub {
    top: .5ex; }

small {
    font-size: smaller; }

pre,
code {
    font-family: consolas, courier, monospace;
    white-space: pre;
    background-color: white;
    color: #212121;
    border: 1px solid #212121;
    padding: .5em;
    margin: 20px 0; }

mark {
    padding: 0 2px; }

/* Desktop ========================================================================================================= */
.header-container {
    position: relative; }

.slider-container {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #ffffff; }

.slides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 108%;
    padding: 0;
    margin: 0; }
.slides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0; }
.slides li {
    -webkit-backface-visibility: hidden;
    display: none;
    width: 100%;
    position: relative; }
.slides li:first-child {
    position: relative;
    display: block;
    float: left; }

.slide-container {
    position: absolute;
    width: 100%;
    height: 100%; }

body.StudentPage .slide-container {
    display: none; }

.hi100
{
    height: 100%;
}

.slider_nav
{
    font-size: 0px;
    text-decoration: none;
    width: 32px;
    height: 62px;
    display: inline-block;
    position: absolute;
    z-index: 10;
    opacity: 1;
}

.slider_nav:hover
{
    opacity: .75;
}

.slider_nav.prev
{
    background-image: url(../images/slsh_left.svg);
    left: calc(50% - 590px);
    bottom: 20px;
    background-size: 32px 62px;
}

.slider_nav.next
{
    background-image: url(../images/slsh_right.svg);
    left: calc(50% - 550px);
    bottom: 20px;
    background-size: 32px 62px;
}

.slide-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    width: 400px;
    float: right;
    font: 400 16px/20px "Open Sans", sans-serif;
    padding: 10px 80px 10px 17px;
    position: absolute;
    right: 0px;
    bottom: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.slide-cnt h1 {
    color: #e30521;
    text-transform: uppercase;
    font: 700 16px/20px "Open Sans", sans-serif;
    margin-bottom: 10px; }
.slide-cnt p {
    color: #ffffff;
}
.slide-cnt img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top: 5px;
    margin: auto;
    width: 60px;
    height: auto; }
.slide-cnt:hover h1 {
    text-decoration: none;
}
.slide-cnt:hover > p {
    text-decoration: underline !important;
}

.header {
    width: 100%;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}

.logo {
    width: 380px;
    height: 255px;
    background-image: url(../images/INTERIEURTALENTEN_logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 263px 255px;
    /*background-color: white;*/
    position: relative;
    float: left; }

.logo a {
    display: block;
    height: 100%;
    width: 100%;
}

_:-ms-fullscreen, :root .logo { background-position: center 45px; }

.mob-nav {
    display: none; }

.nav-container {
    float: left;
    width: 100%;
}

.nav {
    float: right;
    /*background: white;
    width: calc(100% - 35px);*/
    width: 100%;
}
.nav ul {
    float: right;
    list-style: none;
    margin: 0 -25px 0 0;
    padding: 0;
    display: inline; }
.nav li {
    display: block;
    position: relative;
    float: left;
    font: 700 16px/94px "Open Sans", sans-serif;
    text-transform: uppercase; }

.nav li:nth-last-child(1) span, .nav li:nth-last-child(1) a,
.nav li:nth-last-child(2) span, .nav li:nth-last-child(2) a {
    padding: 0 10px; }

.nav li:nth-last-child(1) a {
    background: #e30521;
    color: #ffffff;
    font: 700 16px "Open Sans", sans-serif;
    padding: 6px 17px 6px 17px;
    margin: 30px 15px 0px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
.nav li:nth-last-child(1) a:hover {
    background: #03438e;
     }




.nav span,
.nav a {
    padding: 0 15px;
    color: #333333; }
.nav a, .nav span {
    text-decoration: none;
    display: block; }
.nav a:hover, .nav span {
    color: #777777; }

.flags {
    float: right;
    width: 35px;
}

.subnav {
    /*background: white;*/
    float: right;
    /*width: 300px;
    position: fixed;
    right: calc(50% - 590px);
    top: 94px;*/ }
.subnav a {
    display: block;
    float: left;
    margin-left: 5px; }
.subnav img {
    width: 30px;
    height: 30px; }

#hilid
{
    float: left;
    padding-right: 20px;
    padding-top: 15px;
}

.icons {
    float: right;
    padding: 2px 25px 6px 25px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
}

.icons a
{
    text-decoration: none !important;
    color: #777777;
    margin: 0px 5px 0px 5px;
}

span.headloginout {
    display: block;
    float: left; }

.zoek-container {
    width: 177px;
    float: left;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    margin: 32px 0px 0px 0px; }

.zoek-container input[type="text"] {
    height: 30px;
    padding: 0 10px; }

.zoek-container #Search {
    width: calc(100% - 46px);
    float: left; }

.zoek-container input {
    border: 0;
    font: 400 12px/30px "Open Sans", sans-serif;
    background: #eeeeee;
    margin: 0;
    width: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }

.zoek-container input[type="submit"] {
    font: 700 18px/26px "Open Sans", sans-serif;
    text-transform: uppercase;
    width: 58px;
    display: inline-block;
    height: 30px;
    background: #e30521;
    color: white;
    text-align: center;
    margin: 0 0 0 -12px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

.zoek-container input[type="submit"]:hover {
    cursor: pointer;
    background: #03438e; }

.home-intro .content,
.home-sub-intro .content,
.home-designs .content,
.home-choose .content,
.home-featured-cnt .content,
.home-register .content,
.student-designs .content,
.student-people .content,
.student-wp-pi .content,
.student-other .content {
    text-align: center; }
.home-intro h1,
.home-sub-intro h1,
.home-designs h1,
.home-choose h1,
.home-featured-cnt h1,
.home-register h1,
.student-intro h1,
.student-designs h1,
.student-people h1,
.student-revform h1,
.student-wp-pi h1,
.student-other h1,
.theinspirations h1,
.home-greep h1{
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #333333;
    text-align: center;
    text-transform: uppercase; }
.home-intro h2,
.home-sub-intro h2,
.home-designs h2,
.home-choose h2,
.home-featured-cnt h2,
.home-register h2,
.student-intro h2,
.student-designs h2,
.student-people h2,
.student-wp-pi h2,
.student-other h2 {
    font: 700 20px/22px "Open Sans", sans-serif;
    color: #333333;
    margin: 0; }

.home-greep, .home-choose {
    background-color: #03438e;
}

.home-greep h2 {
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    margin: 27px 0px -5px 0px;
}

.student-revform {
    overflow: auto;
    background-color: #d6d6d6;
    margin-top: -30px;
    padding-bottom: 30px;
    clear: both;
}

#productgallerias, #verkochtgallerias
{
    padding-bottom: 20px;
}

.student-designs2
{
    margin-top: -50px;
    clear: both;
}

.vraagkruis
{
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 4;
}

.vraagkruis img
{
    width: 30px;
    height: 30px;
    position: absolute !important;
    left: 0px;
    top: 0px;
}

.antwoordvak
{
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0px;
    top: 0px;
    color: #ffffff;
    background-color: #333333;
    z-index: 3;
    padding: 10px;
}

@media only screen and (max-width: 719px)
{
    .antwoordvak
    {
        width: calc(200% + 20px);
        height: calc(100% + 40px);
    }

    #antwoordvak4
    {
        min-height: calc(100% + 40px);
        height: auto;
    }

    #antwoordvak2, #antwoordvak4
    {
        left: calc(-100% - 20px);
    }
}

#kruis1, #kruis2, #kruis3, #kruis4, .antwoordvak
{
    display: none;
}

.wittehr {
    color: #ffffff;
    background-color: #ffffff;
    height: 3px;
    border: 0px;
    margin: 20px 0px 27px 0px;
    width: 100%;
}

#Form_theReviewForm_Text
{
    width: 100%;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 15px;
    height: 120px;
    font: 700 16px/20px "Open Sans", sans-serif;
    background: white;
    margin: 0px 0px 25px 0px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

#Form_theReviewForm_Grade
{
    list-style-type: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

#Form_theReviewForm_Grade li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#Form_theReviewForm_Grade .radio
{
    display: none;
}

#Form_theReviewForm_Grade label
{
    background-image: url(../images/reviewster.svg);
    width: 36px;
    height: 35px;
    display: inline-block;
}

label[for=Form_theReviewForm_Grade_2], label[for=Form_theReviewForm_Grade_3], label[for=Form_theReviewForm_Grade_4], label[for=Form_theReviewForm_Grade_5]
{
    margin-left: 5px;
}

#Form_theReviewForm .Actions
{
    width: 100%;
    text-align: center;
}

#Form_theReviewForm_action_SendtheReviewForm
{
    margin: 30px 0px 0px 0px;
    font: 700 16px/45px "Open Sans", sans-serif;
    width: auto;
    height: 45px;
    border: 0;
    background: #e30521;
    color: white;
    padding: 0 60px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

#Form_theReviewForm_action_SendtheReviewForm:hover
{
    cursor: pointer;
    background: #03438e;
}

.home-intro,
.home-sub-intro {
    padding: 30px 0 20px 0; }

.home-intro h1 {
    margin-bottom: 12px; }

.home-sub-intro h1 {
    margin-bottom: 6px; }

.home-designs h1 {
    margin: 0; }

.home-designs {
    padding: 60px 0px 10px 0px;
}








.home-designs .grid-12
{
    width: 54% !important;
    line-height: 30px;
    margin: 0px 23% 0px 23%;
    position: relative;
    padding-bottom: 30px;
}

.home-designs .container-12 a
{
    width: 100%;
}

#blauwelijn1
{
    border-left: 2px solid #03438e;
    position: absolute;
    top: calc(50% - 43px);
    bottom: 0px;
    left: 28px;
}

#blauwelijn2, #blauwelijn3
{
    border-left: 2px solid #03438e;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 28px;
}

#blauwelijn4
{
    border-left: 2px solid #03438e;
    position: absolute;
    bottom: 50%;
    top: 0px;
    left: 28px;
}

.home-designs .container-12 a
{
    display: contents;
}

.home-designs .container-12 a:hover, .home-designs .container-12 a .grid-12:hover
{
    color: #e30521;
}

.home-designs .container-12 a:hover .stapnummer, .home-designs .container-12 a .grid-12:hover .stapnummer
{
    background-color: #e30521;
}

.stapnummer {
    background: #03438e;
    color: white;
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    left: 0px;
    top: calc(50% - 43px);
    text-align: center;
    font: 700 25px/56px "Open Sans", sans-serif;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
}

.stapnummertxt
{
    float: left;
    width: calc(100% - 101px);
    margin-left: 101px;
}




















.HomePage .home-designs, .FaqPage .home-designs
{
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.HomePage .home-designs:before, .FaqPage .home-designs:before {
    content: "";
    position: absolute;
    width: 800%;
    height: 800%;
    top: -400%;
    left: -400%;
    z-index: -1;
    background: url(../images/icon_pattern.svg) 0 0 repeat;
    background-size: auto 280px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.home-featured-sb h2 {
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #333333;
    text-transform: uppercase; }

.home-choose h1, .ookhomechoose {
    margin-bottom: 6px; }

.home-register h1 {
    margin-bottom: 10px; }

.home-intro {
    /*background: #eeeeee;*/
    background: #686868;
    color: #ffffff;
}

.home-intro h1 {
    color: #ffffff;
}

.home-intro .content {
    font: 700 16px/38px "Open Sans", sans-serif;
    width: 70%;
    margin: 0px auto 0px auto; }

.home-intro .grid-12 {
    position: relative;
}

#vijftigeuro
{
    width: 139px;
    height: 139px;
    position: absolute;
    left: 0;
    bottom: -90px;
}

.step {
    text-align: center; }
.step span {
    background: #e30521;
    color: white;
    width: 67px;
    height: 67px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 8px;
    text-align: center;
    font: 800 46px/67px "Open Sans", sans-serif;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3); }

.home-sub-intro {
    background: #eeeeee;
    position: relative;
    margin-bottom: 50px; }
.home-sub-intro .fieldgroup-field {
    width: 25%;
    float: left;
    display: block;
    margin: 5px 0;
    font: 400 16px/18px "Open Sans", sans-serif; }
.home-sub-intro:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-top-color: #eeeeee;
    border-width: 24px;
    margin-left: -24px; }

.home-sub-intro input[type="checkbox"],
#whatcani2 input[type="checkbox"],
#whatkindof2 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: relative;
    top: -3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.home-sub-intro input[type="checkbox"]:hover,
#whatcani2 input[type="checkbox"]:hover,
#whatkindof2 input[type="checkbox"]:hover {
    cursor: pointer; }
.home-sub-intro input[type=checkbox]:after,
#whatcani2 input[type=checkbox]:after,
#whatkindof2 input[type=checkbox]:after {
    content: "";
    visibility: visible; }
.home-sub-intro input[type=checkbox]:checked:after,
#whatcani2 input[type=checkbox]:checked:after,
#whatkindof2 input[type=checkbox]:checked:after {
    content: "";
    background: url(../images/checkbox.svg) no-repeat;
    position: absolute;
    right: -2px;
    top: 0;
    width: 16px;
    height: 15px; }
.home-sub-intro label,
#whatcani2 label,
#whatkindof2 label {
    position: relative;
    top: -9px; }
.home-sub-intro input[type="text"],
#whatcani2 input[type="text"],
#whatkindof2 input[type="text"] {
    height: 18px;
    padding: 3px;
    border: 0;
    font: 400 12px/12px "Open Sans", sans-serif;
    background: white;
    margin: 0;
    width: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }

.home-sub-intro input[type="checkbox"] {
    background: white;
    margin-right: 24px; }

.design,
.design-active {
    margin-bottom: 20px; }

.design {
    opacity: 1; }
.design .design-cnt {
    background: #212121;
    color: white;
    padding: 11px 0; }

.design-active {
    -webkit-box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3); }
.design-active .design-cnt {
    background: #e30521;
    padding: 4px 0; }
.design-active .design-cnt:hover {
    /*background: #03438e;*/ }

.design-cnt {
    text-align: center;
    color: white; }
.design-cnt h2 {
    margin: 0;
    font: 700 16px/18px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: white; }
.design-cnt p {
    font: 400 12px/14px "Open Sans", sans-serif; }
.design-cnt:hover {
    /*background: black;*/ }

.design-img {
    position: relative; }
.design-img img {
    position: relative;
    z-index: 1; }

.design-check {
    background: url(../images/check.svg) no-repeat center;
    background-size: 64px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.home-choose {
    position: relative;
    margin-top: -10px;
    padding-bottom: 20px;
}

.home-choose .grid-4
{
    background-color: #ffffff;
    margin-bottom: 20px;
    line-height: 30px;
}

.home-choose .grid-4 .faq-question
{
    font-weight: bold;
    padding-right: 30px;
}

.home-choose .grid-4:nth-child(3n+1) {
    clear: left;
}

.faq-item
{
    position: relative;
    cursor: pointer;
    padding: 20px;
    height: 100%;
}

.faq-answer
{
    display: none;
    position: absolute;
    background-color: #ffffff;
    left: 0;
    padding: 0px 20px 20px 20px;
    z-index: 2;
    border-bottom: 1px solid #333333;
    /*max-width: -webkit-fill-available;*/
}

.faq-item i {
    border: solid #333333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    position: absolute;
    right: 20px;
}

.faq-item .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 24px;
}

.faq-item .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 32px;
    display: none;
}

.trianglenone
{
    padding: 30px 0px;
}

.trianglenone:before
{
    border-top-color: #d6d6d6;
}

.home-student {
    background-color: #eeeeee;
    padding: 0px;
    position: relative;
    text-align: center;
    opacity: 1;
    /*margin-top: 70px;*/
    margin-bottom: 30px; }

.StudentPage .home-student, .StudentsPage .home-student, .StudentsArchive .home-student {
    background-color: #eeeeee !important;
}

.StudentPage .home-student img, .StudentsPage .home-student img, .StudentsArchive .home-student img {
    margin-bottom: 10px;
}

.StudentPage .home-student .vanaf, .StudentsPage .home-student .vanaf, .StudentsArchive .home-student .vanaf {
    background: #e30521;
    margin: 15px auto 30px auto;
}

.home-student .studprod {
    height: auto;
}
.home-student .substudprod {
    padding: 0px 30px 37px 30px;
    position: relative;
    min-height: 282px;
}
.home-student .studface {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-top: -35px;
    margin-bottom: 20px; }
.home-student span.ster {
    background: url(../images/ster.svg);
    position: absolute;
    right: 10px;
    top: 5px;
    width: 50px;
    height: 50px;
    color: white;
    font: 700 22px/50px "Open Sans", sans-serif; }

.StudentPage .home-student span.ster, .StudentsPage .home-student span.ster, .StudentsArchive .home-student span.ster {
    top: 10px; }

.home-student h2 {
    margin-bottom: 11px;
    font: 700 16px/18px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #333333; }
.home-student p {
    font: 400 14px/16px "Open Sans", sans-serif; }
.home-student .vanaf {
    background: #636363;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: table;
    padding: 6px 30px;
    margin: 15px auto 20px auto;
    font: 400 14px/16px "Open Sans", sans-serif; }
.home-student .vanaf span {
    font: 700 18px/20px "Open Sans", sans-serif;
    display: block; }
.home-student .studcat {
    text-transform: uppercase;
    font: 700 16px/18px "Open Sans", sans-serif;
    margin-bottom: 7px;
}
.home-student span {
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #e30521;
    font: 700 16px/17px "Open Sans", sans-serif;
    text-decoration: none;
    color: #e30521;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding-left: 3px; }

.home-student a {
    text-decoration: none;
    display: block;
}

.home-student a:hover span {
    color: #03438e;
    border: 2px solid #03438e; }


.homestudentalgekozen:hover {
    opacity: 1 !important;
}

.StudentsPage .home-student, .StudentsArchive .home-student {
    opacity: 1;
}

.homestudentalgekozen {
    opacity: 1 !important;
    cursor: default !important;
}

.chosen-student
{
    opacity: 1 !important;
    cursor: default !important;
    -webkit-box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 2.5px 4px 5px 0px rgba(0, 0, 0, 0.3) !important;
    margin-left: 450px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 960px) and (max-width: 1199px)
{
    .chosen-student
    {
        margin-left: 360px;
    }
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
    .chosen-student
    {
        margin-left: 270px;
        padding-bottom: 0px !important;
    }
}

@media only screen and (max-width: 719px)
{
    .chosen-student
    {
        margin-left: 0px;
    }

    #firstoutput
    {
        width: 100%;
    }
}

.dpyes
{
    display: block !important;
}

.StudentsPage .home-student a, .StudentPage .home-student a, .StudentsArchive .home-student a
{
    padding-bottom: 20px;
}

.StudentsPage .vanaf, .StudentPage .vanaf, .StudentsArchive .vanaf
{
    cursor: pointer;
}

.StudentsPage .vanaf a, .StudentPage .vanaf a, .StudentsArchive .vanaf a
{
    color: #ffffff;
}

.StudentsPage .vanaf a:hover, .StudentPage .vanaf a:hover, .StudentsArchive .vanaf a:hover
{
    text-decoration: none;
}

.all-students {
    background-color: #e30521;
    background-image: url(../images/arrow.svg);
    background-position: 50px center;
    background-repeat: no-repeat;
    background-size: 34px;
    color: white;
    display: table;
    margin: 0 auto;
    padding: 16px 40px 16px 100px;
    font-size: 16px;
    font: 700 16px/18px "Open Sans", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3); }
.all-students:hover {
    color: #080808; }
.all-students:hover {
    background-color: #03438e;
    color: white; }

.gatrug {
    position: absolute;
    bottom: -88px;
    background-color: #ffffff;
    text-align: left;
    color: #9d9d9c;
    cursor: pointer;
}

.gatrug2 {
    position: absolute;
    bottom: -40px;
    background-color: #ffffff;
    text-align: left;
    color: #9d9d9c;
    cursor: pointer;
}

.gatrug:hover, .gatrug2:hover
{
    text-decoration: underline;
}

.home-featured {
    margin-bottom: 50px; }

.home-register {
    padding: 45px 0;
    background: #d6d6d6;
    position: relative;
    /*margin-bottom: 50px;*/ }
.home-register:before, .home-register:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-width: 24px;
    margin-left: -24px; }
.home-register:before {
    top: 0;
    border-top-color: white; }
.home-register:after {
    /*top: 100%;
    border-top-color: #d6d6d6;*/ }
.home-register #orlogin {
    text-align: center;
    margin-bottom: 20px; }
.home-register #orlogin a {
    text-decoration: none; }
.home-register #orlogin a:hover {
    text-decoration: underline; }

.home-register #Form_RegisterForm #Form_DeadlineForm_Date
{
    line-height: 28px !important;
}

.ui-datepicker-trigger
{
    cursor: pointer;
}

#MemberLoginForm_LoginForm input[type="text"], #MemberLoginForm_LoginForm input[type="password"], #MemberLoginForm_LostPasswordForm input[type="email"],
.registreerdeel #Form_RegisterForm input[type="text"], .registreerdeel #Form_RegisterForm input[type="password"], .registreerdeel #Form_RegisterForm input[type="email"]
{
    height: 48px;
    padding: 0 20px;
    border: 0;
    font: 700 16px/48px "Open Sans", sans-serif;
    /*text-transform: uppercase;*/
    background: #d6d6d6;
    margin: 0px 0px 20px 0px;
    width: 66%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.registreerdeel #Form_RegisterForm #Form_RegisterForm_Country
{
    height: 48px;
    padding: 0 14px;
    border: 0;
    font: 700 16px/48px "Open Sans", sans-serif;
    /*text-transform: uppercase;*/
    background: #d6d6d6;
    width: 66%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #333333;
    margin: 0px 0px 20px 0px;
}

.registreerdeel #Form_RegisterForm #Form_RegisterForm_action_register
{
    margin-top: 0px;
}

.registreerdeel #Form_RegisterForm #Password
{
    width: 100%;
}

#MemberLoginForm_LoginForm label, #MemberLoginForm_LostPasswordForm label, .registreerdeel #Form_RegisterForm label
{
    font-weight: bold;
}

.registreerdeel #Form_RegisterForm label
{
    margin-bottom: 5px;
    display: block;
}

#MemberLoginForm_LostPasswordForm label
{
    margin-top: 20px;
}

.home-register #MemberLoginForm_LoginForm
{
    margin-bottom: 30px;
}

#MemberLoginForm_LoginForm_action_dologin, #MemberLoginForm_LostPasswordForm_action_forgotPassword
{
    font: 700 16px/45px "Open Sans", sans-serif;
    width: auto;
    border: 0;
    height: 45px;
    background: #e30521;
    color: white !important;
    padding: 0 60px;
    margin: 20px 0px 20px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
}

#MemberLoginForm_LoginForm_action_dologin:hover, #MemberLoginForm_LostPasswordForm_action_forgotPassword:hover
{
    cursor: pointer;
    background: #03438e;
}

.home-register #Form_RegisterForm fieldset.invulvelden {
    margin: 0 -10px; }
.home-register #Form_RegisterForm .field.text,
.home-register #Form_RegisterForm .field.dropdown {
    width: calc(100% / 3 - 20px);
    margin: 5px 10px;
    float: left; }
.home-register #Form_RegisterForm input[type="text"],
.home-register #Form_RegisterForm input[type="password"],
.home-register #Form_RegisterForm input[type="submit"],
.home-register #Form_RegisterForm select,
.home-register #Form_RegisterForm textarea {
    height: 48px;
    padding: 0 20px;
    border: 0;
    font: 700 16px/48px "Open Sans", sans-serif;
    /*text-transform: uppercase;*/
    background: white;
    margin: 0;
    width: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
.home-register #Form_RegisterForm textarea {
    height: auto;
    overflow: auto;
    vertical-align: top;
    padding: 15px 15px;
    margin-bottom: 30px;
    font: 700 16px/20px "Open Sans", sans-serif; }
.home-register #Form_RegisterForm #Form_DeadlineForm_Date {
    padding: 0;
    font: 700 16px/18px "Open Sans", sans-serif;
    height: auto; }
.home-register #Form_RegisterForm input[type="submit"] {
    font: 700 16px/45px "Open Sans", sans-serif;
    width: auto;
    display: table;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0 60px;
    margin: 0 auto;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3); }
.home-register #Form_RegisterForm input[type="submit"]:hover {
    cursor: pointer;
    background: #03438e; }
.home-register #Form_RegisterForm .form-cols {
    margin: 30px -10px; }
.home-register #Form_RegisterForm #whatcani,
.home-register #Form_RegisterForm #whatkindof,
.home-register #Form_RegisterForm #whatdeadline {
    background: white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 15px;
    width: calc(100% / 3 - 20px);
    margin: 5px 10px;
    float: left;
    position: relative; }
.home-register #Form_RegisterForm #whatkindof {
    margin-left: 210px;
}
.home-register #Form_RegisterForm #whatcani h1,
.home-register #Form_RegisterForm #whatkindof h1,
.home-register #Form_RegisterForm #whatdeadline h1 {
    text-align: left;
    margin: 0;
    padding: 5px 0;
    position: relative; }
.home-register #Form_RegisterForm #whatcani img,
.home-register #Form_RegisterForm #whatkindof img,
.home-register #Form_RegisterForm #whatdeadline img {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px; }
.home-register #Form_RegisterForm #whatcani2 input[type="checkbox"],
.home-register #Form_RegisterForm #whatkindof2 input[type="checkbox"] {
    background: #d6d6d6;
    margin-right: 14px; }
.home-register #Form_RegisterForm #whatdeadline img {
    top: 10px;
    right: 15px; }
.home-register #Form_RegisterForm #fglinks2,
.home-register #Form_RegisterForm #fglinks3 {
    margin-top: 10px; }


.home-featured, .home-register
{
    display: none;
}

.home-featured-sb h2
{
    margin-bottom: 10px;
}

.getinspired
{
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0px 30px 0px 60px;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    background-image: url(../images/lightbulb.svg);
    background-size: 34px 34px;
    background-position: 5% center;
    background-repeat: no-repeat;
    float: left;
}

.getinspired:hover
{
    background-color: #03438e;
}

.getinspired2
{
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0px 30px 0px 60px;
    margin: 0px 0px -41px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    background-image: url(../images/lightbulb.svg);
    background-size: 34px 34px;
    background-position: 5% center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
}

.getinspired2:hover
{
    background-color: #03438e;
}

.student-intro {
    background: #eeeeee;
    position: relative; }
.student-intro .button {
    font: 700 11px/13px "Open Sans", sans-serif;
    display: table;
    background: #e30521;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
.student-intro .button:hover {
    background: #03438e; }
.student-intro .col-2 .button {
    /*float: right;*/
    width: 130px; }
.student-intro .col-1 {
    margin-top: -120px; }
.student-intro .col-1 img.block {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    display: table; }
.afges
{
    width: 195px;
    height: auto;
    margin: -48px auto 0px auto;
    display: table;

}
.student-intro .col-3 .button {
    width: 150px; }
.student-intro .col-2 .button, .student-intro .col-3 .button {
    margin-left: auto;
    margin-right: auto;
}

.student-intro-header {
    margin-top: -18px;
    position: relative;
    z-index: 1; }

.student-intro .content {
    font: 400 14px/26px "Open Sans", sans-serif; }

.student-design-cnt {
    background: #e30521;
    color: white;
    padding: 11px 12px;
    font: 700 14px/18px "Open Sans", sans-serif;
    text-transform: uppercase; }
.student-design-cnt span {
    float: left; }
.student-design-cnt span:first-child {
    width: 70%; }
.student-design-cnt span:last-child {
    width: 30%;
    text-align: right; }

.student-people {
    background: #eeeeee;
    padding: 30px 0px 30px 0px; }

.student-review h2 {
    font: 700 14px/16px "Open Sans", sans-serif;
    margin-bottom: 4px; }
.student-review p {
    font: 400 14px/14px "Open Sans", sans-serif;
    font-style: italic; }

.student-cijfer {
    float: left;
    width: 110px;
    height: 110px;
    font: 700 36px/120px "Open Sans", sans-serif;
    text-align: center;
    background: url(../images/ster-review.svg) no-repeat center;
    background-size: 110px; }

.student-cnt {
    float: left;
    width: calc(100% - 110px);
    padding-left: 20px; }

.student-other {
    padding: 30px 0px 10px 0px; }

body.StudentPage .home-student {
    opacity: 1; }
body.StudentPage .home-student p {
    margin-bottom: 20px; }
body.StudentPage .home-student:hover {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }

.chatbox-container {
    background: #eeeeee;
    /*box-shadow: 0 0 20px 2px rgba(33, 33, 33, 0.6);*/
    /*margin-bottom: 30px;*/
    padding: 70px 0 30px 0; }

.ChatPage .chatbox-container {
    box-shadow: none;
}

.ChatPage .edizgn, .ChatPage {
    background-color: #eeeeee;
}

.chatbox {
    background: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 0 15px 20px 15px;
    max-height: 300px;
    overflow-y: scroll;
}

.chat-with {
    background: #e30521 url(../images/chat-icon.svg) no-repeat right 20px center;
    background-size: 38px;
    color: white;
    padding: 17px 73px 17px 18px;
    font: 700 16px/18px "Open Sans", sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    display: table;
    margin: -20px auto 20px auto; }

.chatmessage {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 75%;
    margin: 10px;
    padding: 20px; }

.chatin,
.chatout {
    background: #d6d6d6;
    position: relative; }
.chatin:after,
.chatout:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 12px;
    margin-top: -12px; }

.chatin {
    float: left;
    background: #e8e8e8; }
.chatin:after {
    left: -24px;
    border-color: transparent;
    border-right-color: #e8e8e8; }

.chatout {
    float: right; }
.chatout:after {
    right: -24px;
    border-color: transparent;
    border-left-color: #d6d6d6; }

.chatbox-form input[type="submit"],
.chatbox-form textarea {
    border: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
.chatbox-form textarea {
    width: 50%;
    height: 75px;
    overflow: auto;
    vertical-align: top;
    padding: 10px 15px;
    margin: 0px 25% 30px 25%;
    background: white;
    font: 400 14px/18px "Open Sans", sans-serif; }
.chatbox-form input[type="submit"] {
    font: 700 16px/45px "Open Sans", sans-serif;
    text-transform: uppercase;
    width: auto;
    display: table;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0 60px;
    margin: 0 auto;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.chatbox-form input[type="submit"]:hover {
    cursor: pointer;
    background: #03438e; }

#cke_Form_theChatBoxForm_Text
{
    margin-bottom: 30px;
}

.chatberichtentitel
{
    font: 700 16px/45px "Open Sans", sans-serif;
    text-transform: uppercase;
    width: auto;
    display: table;
    height: 45px;
    background: #03438e;
    color: white;
    padding: 0 60px;
    margin: -50px auto -10px auto;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.klanth2
{
    cursor: pointer;
    color: #ffffff;
    background-color: #777777;
    width: 180px;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.klanth2:hover, .chatface:hover
{
    opacity: .75;
}

.chatface
{
    cursor: pointer;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-left: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.clearb
{
    clear: both;
}

.otherchatwithholder
{
    margin-bottom: -10px !important;
}

.chatpersonchooser
{
    display: inline;
    float: left;
    margin-right: 20px;
}

#MemberLoginForm_LoginForm input::-webkit-input-placeholder, #Form_RegisterForm input::-webkit-input-placeholder, #Form_RegisterForm textarea::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

#MemberLoginForm_LoginForm input::-moz-placeholder, #Form_RegisterForm input::-moz-placeholder, #Form_RegisterForm textarea::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

#MemberLoginForm_LoginForm input::-ms-input-placeholder, #Form_RegisterForm input:-ms-input-placeholder, #Form_RegisterForm textarea:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

#MemberLoginForm_LoginForm input, #Form_RegisterForm input, #Form_RegisterForm textarea, #Form_RegisterForm select {
    color: #333333;
    opacity: 1;
}

#Form_whatCanWeDesignForm_ConceptAndMoodboard, label[for=Form_whatCanWeDesignForm_ConceptAndMoodboard]
{
    cursor: default;
}

.edizgn {
    height: 100%; }

.footer {
    background: #212121;
    display: table-row;
    height: 1px;
    border-bottom: 20px solid #333333 !important; }
#footer2
{
    background-color: #333333;
}
#footer22
{
    text-align: right;
}
.footer-cnt {
    padding: 30px 0 10px 0;
    color: white;
    font: 400 14px/20px "Open Sans", sans-serif; }
.footer-cnt2 {
    padding: 6px 0 6px 0;
    color: white;
    font: 400 14px/20px "Open Sans", sans-serif; }
.footer-cnt h1,
.footer-cnt a, .footer-cnt2 a {
    color: white; }
.footer-cnt h1 {
    font: 700 12px/16px "Open Sans", sans-serif;
    text-transform: uppercase; }
.footer-cnt a {
    text-decoration: none; }
.footer-cnt a:hover, .footer-cnt span {
    text-decoration: underline; }

.footer-cols {
    margin-bottom: 20px; }
.footer-cols div {
    width: 50%;
    float: left; }

.footer > .container-12 > div:nth-child(1)
{
    line-height: 30px;
}
.footer > .container-12 > div:nth-child(3)
{
    line-height: 22px;
}


#firstoutput {
    display: inline-block;
    position: relative;
}

#homecat2, #homecat3, #homecat4, #homecat5, #homecat6, #homecat7, #homecat8
{
    background-color: rgb(33, 33, 33);
}

#homecat2:hover, #homecat3:hover, #homecat4:hover, #homecat5:hover, #homecat6:hover, #homecat7:hover, #homecat8:hover
{
    background-color: rgb(231, 16, 150) !important;
}

.pijlennummers
{
    height: 50px;
}

#studentsprev, #studentsnext, .studentsnumber
{
    cursor: pointer;
    display: inline;
    margin-left: 10px;
    margin-right: -7px;
    color: #9d9d9c;
    padding: 2px 7px;
    border-radius: 50%;
}

#studentsprev:hover, #studentsnext:hover, .studentsnumber:hover
{
    background-color: #e30521;
    color: #ffffff;
}

.nohand
{
    cursor: default !important;
    background-color: #e30521;
    color: #ffffff;
}

#studentsprev2, #studentsnext2
{
    cursor: pointer;
    opacity: .6;
}

#studentsprev2:hover, #studentsnext2:hover
{
    opacity: 1;
}

#studentsprev2
{
    float: left;
    clear: both;
}

#studentsnext2
{
    float: right;
}

#studentsoutput div:nth-child(4n+1)
{
    clear: left;
}

#Form_ProfileForm label[for=Form_ProfileForm_FirstName], #Form_ProfileForm label[for=Form_ProfileForm_Surname], #Form_ProfileForm label[for=Form_ProfileForm_Email], #Form_ProfileForm label[for=Form_ProfileForm_Wordpress], #Form_ProfileForm label[for=Form_ProfileForm_Pinterest], #Form_ProfileForm label[for=Form_ProfileForm_Producttitel1], #Form_ProfileForm label[for=Form_ProfileForm_Producttitel2], #Form_ProfileForm label[for=Form_ProfileForm_Producttitel3], #Form_ProfileForm label[for=Form_ProfileForm_Producttitel4], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttitel1], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttitel2], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttitel3], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttitel4], #Form_ProfileForm label[for=Form_ProfileForm_Productprijs1], #Form_ProfileForm label[for=Form_ProfileForm_Productprijs2], #Form_ProfileForm label[for=Form_ProfileForm_Productprijs3], #Form_ProfileForm label[for=Form_ProfileForm_Productprijs4], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtprijs1], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtprijs2], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtprijs3], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtprijs4], #Form_ProfileForm label[for=Form_ProfileForm_Productcategorie1], #Form_ProfileForm label[for=Form_ProfileForm_Productcategorie2], #Form_ProfileForm label[for=Form_ProfileForm_Productcategorie3], #Form_ProfileForm label[for=Form_ProfileForm_Productcategorie4], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtcategorie1], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtcategorie2], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtcategorie3], #Form_ProfileForm label[for=Form_ProfileForm_Verkochtcategorie4]
{
    display: none;
}

#Form_ProfileForm #FirstName, #Form_ProfileForm #Surname, #Form_ProfileForm #Email, #Form_ProfileForm #Password\[_Password\], #Form_ProfileForm #Password\[_ConfirmPassword\], .MemberProfilePage #Password
{
    width: calc(33% - 12px);
    float: left;
}

.MemberProfilePage #studvp, .MemberProfilePage #studawp
{
    width: calc(33% - 12px);
    /*float: left;*/
}

#Form_ProfileForm #Password
{
clear: left;
padding-top: 16px;
padding-bottom: 10px;
}

#Form_ProfileForm .showOnClickContainer
{
/*overflow: auto;*/
margin-top: 10px;
margin-bottom: 10px;
}

#Form_ProfileForm #Password\[_Password\], #Form_ProfileForm #Password\[_ConfirmPassword\]
{
float: left;
}

#Form_ProfileForm #FirstName, #Form_ProfileForm #Surname, #Form_ProfileForm #Password\[_Password\], .MemberProfilePage #Password, .MemberProfilePage #studvp
{
margin-right: 18px;
}

#Form_ProfileForm_FirstName, #Form_ProfileForm_Surname, #Form_ProfileForm_Email, #Form_ProfileForm #Password-_Password, #Form_ProfileForm #Password-_ConfirmPassword
{
background-color: #d6d6d6;
display: block;
width: 100%;
font: 700 16px/18px "Open Sans", sans-serif;
color: #333333;
text-transform: uppercase;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}

.naastslaid
{
float: right;
width: calc(100% - 200px);
margin-left: 20px;
}

.slaidtitel1, .slaidtitel3, .slaidtitel5, .slaidtitel7
{
background-color: #ffffff;
display: inline;
width: calc(100% - 110px);
margin-top: 5px;
font: 700 12px/18px "Open Sans", sans-serif;
color: #333333;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}

.slaidamount1, .slaidsortorder1, .slaidamount3, .slaidsortorder3, .slaidamount5, .slaidsortorder5, .slaidamount7, .slaidsortorder7
{
background-color: #ffffff;
display: inline;
width: 45px;
margin-top: 5px;
font: 700 12px/18px "Open Sans", sans-serif;
color: #333333;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}

.slaidtitel2, .slaidtitel4, .slaidtitel6, .slaidtitel8
{
background-color: #d6d6d6;
display: inline;
width: calc(100% - 110px);
margin-top: 5px;
font: 700 12px/18px "Open Sans", sans-serif;
color: #333333;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}

.slaidamount2, .slaidsortorder2, .slaidamount4, .slaidsortorder4, .slaidamount6, .slaidsortorder6, .slaidamount8, .slaidsortorder8
{
background-color: #d6d6d6;
display: inline;
width: 45px;
margin-top: 5px;
font: 700 12px/18px "Open Sans", sans-serif;
color: #333333;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}

/*.naastslaid label:nth-last-child(1), .naastslaid label:nth-last-child(2)*/
.naastslaid label
{
    width: 100px;
    display: inline-block;
}

#Form_ProfileForm_Wordpress, #Form_ProfileForm_Pinterest, #Form_ProfileForm_Producttitel1, #Form_ProfileForm_Productprijs1, #Form_ProfileForm_Productcategorie1, #Form_ProfileForm_Producttitel3, #Form_ProfileForm_Productprijs3, #Form_ProfileForm_Productcategorie3, #Form_ProfileForm_Verkochttitel1, #Form_ProfileForm_Verkochtprijs1, #Form_ProfileForm_Verkochtcategorie1, #Form_ProfileForm_Verkochttitel3, #Form_ProfileForm_Verkochtprijs3, #Form_ProfileForm_Verkochtcategorie3
{
    background-color: #ffffff;
    display: block;
    width: 180px;
    font: 700 12px/18px "Open Sans", sans-serif;
    color: #333333;
    text-transform: uppercase;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    margin-bottom: 10px;
}

#Form_ProfileForm_Producttitel2, #Form_ProfileForm_Productprijs2, #Form_ProfileForm_Productcategorie2, #Form_ProfileForm_Producttitel4, #Form_ProfileForm_Productprijs4, #Form_ProfileForm_Productcategorie4, #Form_ProfileForm_Verkochttitel2, #Form_ProfileForm_Verkochtprijs2, #Form_ProfileForm_Verkochtcategorie2, #Form_ProfileForm_Verkochttitel4, #Form_ProfileForm_Verkochtprijs4, #Form_ProfileForm_Verkochtcategorie4
{
    background-color: #d6d6d6;
    display: block;
    width: 180px;
    font: 700 12px/18px "Open Sans", sans-serif;
    color: #333333;
    text-transform: uppercase;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    margin-bottom: 10px;
}

#Form_ProfileForm_Productcategorie1, #Form_ProfileForm_Productcategorie2, #Form_ProfileForm_Productcategorie3, #Form_ProfileForm_Productcategorie4
{
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 170px;*/
    height: 50px;
}

#Form_ProfileForm_Verkochtcategorie1, #Form_ProfileForm_Verkochtcategorie2, #Form_ProfileForm_Verkochtcategorie3, #Form_ProfileForm_Verkochtcategorie4
{
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 228px;*/
    height: 50px;
}

#Form_ProfileForm_Productprijs1, #Form_ProfileForm_Productprijs2, #Form_ProfileForm_Productprijs3, #Form_ProfileForm_Productprijs4, #Form_ProfileForm_Verkochtprijs1, #Form_ProfileForm_Verkochtprijs2, #Form_ProfileForm_Verkochtprijs3, #Form_ProfileForm_Verkochtprijs4
{
    margin-bottom: 228px;
}

#Form_ProfileForm_fglinks1b, #Form_ProfileForm_fglinks2, #Form_ProfileForm_fglinks2a, #Form_ProfileForm_fglinks4, #Form_ProfileForm_fglinks4a, #Form_ProfileForm_fglinks6, #Form_ProfileForm_fglinks6a, #Form_ProfileForm_fglinks8, #Form_ProfileForm_fglinks8a
{
    background-color: #d6d6d6;
    border-left: 500px solid #d6d6d6;
    margin-left: -500px;
    border-right: 500px solid #d6d6d6;
    margin-right: -500px;
}

#Form_ProfileForm_fglinks1d, #Form_ProfileForm_fglinks2a, #Form_ProfileForm_fglinks3a, #Form_ProfileForm_fglinks4a, #Form_ProfileForm_fglinks5a, #Form_ProfileForm_fglinks6a, #Form_ProfileForm_fglinks7a, #Form_ProfileForm_fglinks8a
{
    padding: 0px 0px 15px 0px;
}

#Form_ProfileForm_fglinks1b, #Form_ProfileForm_fglinks1c, #Form_ProfileForm_fglinks1cbb, #Form_ProfileForm_fglinks2, #Form_ProfileForm_fglinks3, #Form_ProfileForm_fglinks4, #Form_ProfileForm_fglinks5, #Form_ProfileForm_fglinks6, #Form_ProfileForm_fglinks7, #Form_ProfileForm_fglinks8, #Form_ProfileForm_fglinks9
{
    padding: 30px 0px 30px 0px;
}

#Form_ProfileForm_fglinks1b, #Form_ProfileForm_fglinks2, #Form_ProfileForm_fglinks3, #Form_ProfileForm_fglinks4, #Form_ProfileForm_fglinks5, #Form_ProfileForm_fglinks6, #Form_ProfileForm_fglinks7, #Form_ProfileForm_fglinks8, #Form_ProfileForm_fglinks9
{
    position: relative;
}

#Form_ProfileForm label[for=Form_ProfileForm_Content], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst1], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst2], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst3], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst4], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst1], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst2], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst3], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst4]
{
    position: absolute;
    left: 200px;
    top: 68px;
}

#Form_ProfileForm label[for=Form_ProfileForm_ContentNL], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst1NL], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst2NL], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst3NL], #Form_ProfileForm label[for=Form_ProfileForm_Producttekst4NL], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst1NL], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst2NL], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst3NL], #Form_ProfileForm label[for=Form_ProfileForm_Verkochttekst4NL]
{
    position: absolute;
    left: 200px;
    top: 426px;
}

#cke_Form_ProfileForm_Content, #cke_Form_ProfileForm_Producttekst1, #cke_Form_ProfileForm_Producttekst2, #cke_Form_ProfileForm_Producttekst3, #cke_Form_ProfileForm_Producttekst4, #cke_Form_ProfileForm_Verkochttekst1, #cke_Form_ProfileForm_Verkochttekst2, #cke_Form_ProfileForm_Verkochttekst3, #cke_Form_ProfileForm_Verkochttekst4
{
    position: absolute;
    left: 200px;
    top: 94px;
    width: 964px;
}

#cke_Form_ProfileForm_ContentNL
{
    margin-left: 200px;
    width: 964px;
    margin-top: 250px;
}

#cke_Form_ProfileForm_Producttekst1NL, #cke_Form_ProfileForm_Producttekst2NL, #cke_Form_ProfileForm_Producttekst3NL, #cke_Form_ProfileForm_Producttekst4NL, #cke_Form_ProfileForm_Verkochttekst1NL, #cke_Form_ProfileForm_Verkochttekst2NL, #cke_Form_ProfileForm_Verkochttekst3NL, #cke_Form_ProfileForm_Verkochttekst4NL
{
    margin-left: 200px;
    width: 964px;
    margin-top: -37px;
    margin-bottom: 24px;
}

#Form_ProfileForm_fglinks1c
{
    width: 60%;
    float: left;
}

#Form_ProfileForm_fglinks1cbb
{
    width: 40%;
    float: left;
}

#Form_ProfileForm_fglinks1d
{
    clear: both;
}

@media only screen and (min-width: 960px) and (max-width: 1199px)
{
    #cke_Form_ProfileForm_Content, #cke_Form_ProfileForm_Producttekst1, #cke_Form_ProfileForm_Producttekst2, #cke_Form_ProfileForm_Producttekst3, #cke_Form_ProfileForm_Producttekst4, #cke_Form_ProfileForm_Verkochttekst1, #cke_Form_ProfileForm_Verkochttekst2, #cke_Form_ProfileForm_Verkochttekst3, #cke_Form_ProfileForm_Verkochttekst4, #cke_Form_ProfileForm_ContentNL, #cke_Form_ProfileForm_Producttekst1NL, #cke_Form_ProfileForm_Producttekst2NL, #cke_Form_ProfileForm_Producttekst3NL, #cke_Form_ProfileForm_Producttekst4NL, #cke_Form_ProfileForm_Verkochttekst1NL, #cke_Form_ProfileForm_Verkochttekst2NL, #cke_Form_ProfileForm_Verkochttekst3NL, #cke_Form_ProfileForm_Verkochttekst4NL
    {
        width: 727px;
    }
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
    #cke_Form_ProfileForm_Content, #cke_Form_ProfileForm_Producttekst1, #cke_Form_ProfileForm_Producttekst2, #cke_Form_ProfileForm_Producttekst3, #cke_Form_ProfileForm_Producttekst4, #cke_Form_ProfileForm_Verkochttekst1, #cke_Form_ProfileForm_Verkochttekst2, #cke_Form_ProfileForm_Verkochttekst3, #cke_Form_ProfileForm_Verkochttekst4, #cke_Form_ProfileForm_ContentNL, #cke_Form_ProfileForm_Producttekst1NL, #cke_Form_ProfileForm_Producttekst2NL, #cke_Form_ProfileForm_Producttekst3NL, #cke_Form_ProfileForm_Producttekst4NL, #cke_Form_ProfileForm_Verkochttekst1NL, #cke_Form_ProfileForm_Verkochttekst2NL, #cke_Form_ProfileForm_Verkochttekst3NL, #cke_Form_ProfileForm_Verkochttekst4NL
    {
        width: 489px;
    }

    #cke_1_bottom, #cke_2_bottom, #cke_3_bottom, #cke_4_bottom, #cke_5_bottom, #cke_6_bottom, #cke_7_bottom, #cke_8_bottom, #cke_9_bottom, #cke_10_bottom, #cke_11_bottom, #cke_12_bottom, #cke_13_bottom, #cke_14_bottom, #cke_15_bottom, #cke_16_bottom, #cke_17_bottom
    {
        display: none;
    }

    #Form_ProfileForm_Productprijs1, #Form_ProfileForm_Productprijs2, #Form_ProfileForm_Productprijs3, #Form_ProfileForm_Productprijs4, #Form_ProfileForm_Verkochtprijs1, #Form_ProfileForm_Verkochtprijs2, #Form_ProfileForm_Verkochtprijs3, #Form_ProfileForm_Verkochtprijs4
    {
        margin-bottom: 222px;
    }
}

@media only screen and (max-width: 719px)
{
    #cke_Form_ProfileForm_Content, #cke_Form_ProfileForm_Producttekst1, #cke_Form_ProfileForm_Producttekst2, #cke_Form_ProfileForm_Producttekst3, #cke_Form_ProfileForm_Producttekst4, #cke_Form_ProfileForm_Verkochttekst1, #cke_Form_ProfileForm_Verkochttekst2, #cke_Form_ProfileForm_Verkochttekst3, #cke_Form_ProfileForm_Verkochttekst4
    {

    }
}

.kopieerbaar
{
    display: none;
}

xmp
{
    font-size: 12px;
    /*letter-spacing: -3px;*/
    line-height: normal;
    background: #c8c8c8;
    background: -webkit-linear-gradient(right,rgba(200,200,200,0),rgba(200,200,200,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1)); /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(200,200,200,0), rgba(200,200,200,1)); /*Standard*/
    max-width: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}

.kopieerder
{
    text-decoration: underline;
    cursor: pointer;
}

.uploaddesignslides
{
    position: absolute;
    left: 200px;
    /*top: 776px;*/
    width: calc(100% - 220px);
}

#uploadifive-Form_ProfileForm_Product1Slides, #uploadifive-Form_ProfileForm_Product1Slides-queue, #uploadifive-Form_ProfileForm_Product2Slides, #uploadifive-Form_ProfileForm_Product2Slides-queue, #uploadifive-Form_ProfileForm_Product3Slides, #uploadifive-Form_ProfileForm_Product3Slides-queue, #uploadifive-Form_ProfileForm_Product4Slides, #uploadifive-Form_ProfileForm_Product4Slides-queue, #uploadifive-Form_ProfileForm_Verkocht1Slides, #uploadifive-Form_ProfileForm_Verkocht1Slides-queue, #uploadifive-Form_ProfileForm_Verkocht2Slides, #uploadifive-Form_ProfileForm_Verkocht2Slides-queue, #uploadifive-Form_ProfileForm_Verkocht3Slides, #uploadifive-Form_ProfileForm_Verkocht3Slides-queue, #uploadifive-Form_ProfileForm_Verkocht4Slides, #uploadifive-Form_ProfileForm_Verkocht4Slides-queue
{
    position: absolute;
    left: 200px;
}

#Form_ProfileForm_fglinks1b
{
    min-height: 430px;
}

#Form_ProfileForm_error
{
    margin-bottom: 10px;
}

#OrderForm_OrderForm .payment-details
{
    display: none;
}

#SearchResults
{
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

#SearchResults hr
{
    color: #e30521;
    background-color: #e30521;
    height: 1px;
    border: 0px;
    margin: 17px 0px 17px 0px;
}

.searchimg
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.searchimg:hover
{
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.zoekprodhouder
{
    overflow: auto;
}

.zoekprodlinks
{
    float: left;
    display: inline;
    width: 140px;
    margin-right: 30px;
}

.zoekprodrechts
{
    float: left;
    display: inline;
    width: -moz-calc(100% - 170px);
    width: -webkit-calc(100% - 170px);
    width: calc(100% - 170px);
}

.paginationz
{
    height: 36px;
    margin: 18px 0;
}

.paginationz ul
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    margin-left: 0px;
    padding-left: 0px;
}

.paginationz li
{
    display: inline;
}

.paginationz a
{
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.paginationz a:hover, .paginationz .active a
{
    background-color: #f5f5f5;
}

.paginationz .active a
{
    color: #999;
    cursor: default;
}

.paginationz .disabled a, .paginationz .disabled a:hover
{
    color: #999;
    background-color: transparent;
    cursor: default;
}

.paginationz li:first-child a
{
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.paginationz li:last-child a
{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.InspirationsPage .inspirationsholder a
{
    text-decoration: none;
}

/*.InspirationsPage #studentsoutput div:nth-child(4n + 1)
{
    clear: left;
}*/

.clearleft
{
    clear: left;
}

.usplink
{
    text-decoration: none;
}

.step:hover
{
    opacity: .8;
}

.wpmax
{
    max-height: 50px;
    overflow: hidden;
    font: 400 14px/26px "Open Sans", sans-serif;
}

.uitklapper
{
    margin-top: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.uitklapper:hover
{
    text-decoration: none;
}

.uitklapsel1
{
    display: inline;
}

.uitklapsel2
{
    display: none;
}

.tacenter100
{
    width: 100%;
    text-align: center;
}

.mobileonly
{
    display: none;
}

#Form_RegisterForm_action_register
{
    margin-top: 20px;
}

.customer_upload_div
{
    display: none;
}

.student_klikker
{
    cursor: pointer;
    color: #333333;
    background-color: #eeeeee;
    width: 100%;
    padding: 30px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    position: relative;
}

.student_klikker:hover
{
    background-color: #03438e;
    color: #ffffff;
}

/* .student_klikker:hover:after, .geselecteerdepersoon:after */

.geselecteerdepersoon:after
{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(3, 67, 142, 0);
    border-left-color: #03438e;
    border-width: 7px;
    margin-top: -7px;
}

.bgblauw
{
    background-color: #03438e;
    color: #ffffff;
}

.student_klikker img
{
    width: 60px;
    height: 60px;
    margin: 0px 10px 0px 0px;
    display: inline;
    vertical-align: middle;
}

.student_klikker div
{
    display: inline-block;
}

.projectdivholder1, .projectdivholder2
{
    overflow: auto;
    line-height: 25px;
}

.projectdiv1, .projectdiv2, .projectdiv3, .projectdiv4, .projectdiv5
{
    padding: 20px;
    background-color: #eeeeee;
    overflow: hidden;
    margin-bottom: 20px;
}

.projectdiv4
{
    margin-bottom: 0;
}

.studentnaamchooser
{
    float: right;
    margin-top: -27px;
    background-color: #eeeeee !important;
}

.hiddenbestanden
{
    display: none;
}

.sjowmoor
{
    display: inline-block;
    margin: 10px 0px 10px 0px;
    padding: 5px 15px 5px 15px;
    background-color: #e30521;
    color: white;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.productlink
{
    text-transform: uppercase;
}

.sjowmoor:hover
{
    background-color: #03438e;
}

@media only screen and (max-width: 719px) {
    .projectdiv1, .projectdiv2, .projectdiv3, .projectdiv4, .projectdiv5
    {
        width: 100% !important;
        margin-right: 0px;
    }

    .projectdivholder1
    {
        margin-top: -30px;
    }
}

#createdby
{
    margin-bottom: 43px;
}

#footeralfa:hover, #footermerkstudio:hover, #footerexigent:hover, #footersmiley:hover
{
    opacity: 0.7;
}

#footeralfa
{
    width: 115px;
    height: auto;
    margin-bottom: 0px;
}

#footermerkstudio
{
    width: 86px;
    height: auto;
    margin-left: 32px;
}

#footerexigent
{
    width: 92px;
    height: auto;
    margin-left: 32px;
}

#footersmiley
{
    width: 17px;
    height: auto;
    margin: 2px 0px -2px 0px;
}

#allstudents div:nth-child(3n+1)
{
    clear: left;
}

.vorigstud, .volgendstud
{
    background-color: rgba(51, 51, 51, 0.8);
    height: 84px;
    line-height: 84px;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 100;
    position: absolute;
    top: calc(50% - 42px);
    display: none;
}

.vorigstud
{
    left: 0px;
    padding: 0px 20px 0px 15px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.volgendstud
{
    right: 0;
    padding: 0px 35px 0px 0px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.vorigstud a, .volgendstud a
{
    color: #ffffff;
    text-decoration: none;
    display: block;
}

.vorigstudpijl, .volgendstudpijl
{
    background-color: rgba(51, 51, 51, 0.8);
    height: 84px;
    width: 32px;
    color: #ffffff;
    cursor: pointer;
    line-height: 84px;
    position: absolute;
    top: calc(50% - 42px);
    z-index: 101;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}

.vorigstudpijl
{
    left: 0px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.volgendstudpijl
{
    right: 0px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.vorigvolgendstudimg
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 13px 20px 13px 20px;
    vertical-align: middle;
}

.InspirationsPage .home-sub-intro .fieldgroup-field
{
    width: calc(25% - 15px);
    margin-right: 20px;
}

.InspirationsPage .home-sub-intro .fieldgroup-field input[type="checkbox"]
{
    vertical-align: bottom;
    top: -6px;
}

.InspirationsPage #fglinks1 > div > div:nth-child(4)
{
    margin-right: 0px;
}

#studentendropdown, #reviewsdropdown, #prijzendropdown, #sorteerdropdown
{
    width: calc(25% - 15px);
    float: left;
    display: block;
    margin-top: 5px;
    font: 400 16px/18px "Open Sans", sans-serif;
    background-color: #ffffff;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../images/dropdown_arrow.svg);
    background-size: 17px 13px;
    background-repeat: no-repeat;
    background-position: 97% 10px;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

#studentendropdown, #reviewsdropdown, #prijzendropdown, #destudentenchecks, #dereviewschecks, #deprijzenchecks
{
    margin-right: 20px;
}

#checksholder
{
    position: relative;
    clear: left;
}

#destudentenchecks, #dereviewschecks, #deprijzenchecks, #desorteerchecks
{
    display: none;
    z-index: 2;
    position: absolute;
    top: 0px;
    min-width: calc(25% - 15px);
    width: auto;
    background-color: rgba(51, 51, 51, 0.95);
    color: #ffffff;
    margin-top: -4px;
    padding: 19px 15px 5px 15px;
    font: 400 14px/16px "Open Sans", sans-serif;
    white-space: nowrap;
}

#destudentenchecks
{
    left: 0px;
}

#dereviewschecks
{
    left: calc(25% + 5px);
}

#deprijzenchecks
{
    left: calc(50% + 10px);
}

#desorteerchecks
{
    left: calc(75% + 15px);
}

#destudentenchecks input[type="checkbox"], #dereviewschecks input[type="checkbox"], #deprijzenchecks input[type="checkbox"], #desorteerchecks input[type="checkbox"]
{
    margin-right: 3px;
    width: 12px;
    height: 12px;
    vertical-align: bottom;
    top: -1px;
    margin-bottom: 10px;
}

#destudentenchecks input[type="checkbox"]:checked:after, #dereviewschecks input[type="checkbox"]:checked:after, #deprijzenchecks input[type="checkbox"]:checked:after, #desorteerchecks input[type="checkbox"]:checked:after {
    content: "";
    background: url(../images/checkbox.svg) no-repeat;
    position: absolute;
    right: -1px;
    top: 1px;
    width: 12px;
    height: 10px;
}

.InspirationsPage #fglinks1
{
    margin-top: 10px;
}

.HomePage div.grid-9.mb20.galleriagridcolumn
{
    min-height: 649px;
}

#vlag, #vlag2, #ig_logo, #ig_logo2
{
    width: 23px;
    height: auto;
}

.archieflink
{
    background: #e30521;
    color: #ffffff;
    display: table;
    padding: 10px 22px;
    text-decoration: none;
    margin: 0px auto 15px auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
}

.archieflink:hover
{
    background: #03438e;
}

.messagemelink
{
    background: #e30521;
    color: #ffffff;
    padding: 10px 22px;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    width: 144px;
    text-align: center;
    float: right;
    display: block;
}

.messagemelink:hover
{
    background: #03438e;
}

.StudentsPage .home-intro, .StudentsArchive .home-intro
{
    padding-bottom: 140px;
    margin-bottom: -116px;
}

.student-intro h1
{
    text-align: left;
}

.StudentPage h2
{
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.StudentPage .home-student h2
{
    margin-bottom: 11px;
}

#wpfeed
{
    padding: 0px 200px 0px 0px;
}

#ptfeed
{
    padding: 0px 100px 0px 100px;
}



















/* Responsive ====================================================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container-12 {
        width: 960px; }
    .container-12 .grid-1 {
        width: 60px; }
    .container-12 .grid-2 {
        width: 140px; }
    .container-12 .grid-3 {
        width: 220px; }
    .container-12 .grid-4 {
        width: 300px; }
    .container-12 .grid-5 {
        width: 380px; }
    .container-12 .grid-6 {
        width: 460px; }
    .container-12 .grid-7 {
        width: 540px; }
    .container-12 .grid-8 {
        width: 620px; }
    .container-12 .grid-9 {
        width: 700px; }
    .container-12 .grid-10 {
        width: 780px; }
    .container-12 .grid-11 {
        width: 860px; }
    .container-12 .grid-12 {
        width: 940px; }

    .logo {
        width: 300px;
        height: 203px;
        background-size: 263px 203px; }

    .home-register #Form_RegisterForm #whatcani,
    .home-register #Form_RegisterForm #whatkindof,
    .home-register #Form_RegisterForm #whatdeadline {
        float: none;
        width: calc(100% - 20px);
        margin: 10px; }

    .student-intro .col-1 img.block {
        width: 150px;
        margin-top: 75px;
    }

    .afges
    {
        width: 140px;
        margin: -38px auto 0px auto;
    }

    .student-intro .col-2, .student-intro .col-3 {
        padding-top: 40px; }

    .student-design-cnt span {
        float: none;
        display: block; }
    .student-design-cnt span:first-child {
        width: 100%;
        text-align: center; }
    .student-design-cnt span:last-child {
        width: 100%;
        text-align: center; }

    #createdby
    {
        margin-bottom: 23px;
    }

    #footeralfa
    {
        margin: 0px 200px 0px 0px;
    }

    #footermerkstudio
    {
        margin: 10px 0px 0px 0px;
    }

    #footerexigent
    {
        margin: 10px 0px 0px 20px;
    }

    .StudentPage .home-student span.ster, .StudentsPage .home-student span.ster, .StudentsArchive .home-student span.ster {
        top: 30px;
        right: 5px; }

    .home-student .substudprod {
        min-height: 318px;
    }

    .HomePage div.grid-9.mb20.galleriagridcolumn
    {
        min-height: 517px;
    }

    #wpfeed
    {
        padding: 0px;
    }

    #ptfeed
    {
        padding: 0px;
    }

}



































@media only screen and (min-width: 720px) and (max-width: 959px) {
    .container-12 {
        width: 720px; }
    .container-12 .grid-1 {
        width: 40px; }
    .container-12 .grid-2 {
        width: 100px; }
    .container-12 .grid-3 {
        width: 160px; }
    .container-12 .grid-4 {
        width: 220px; }
    .container-12 .grid-5 {
        width: 280px; }
    .container-12 .grid-6 {
        width: 340px; }
    .container-12 .grid-7 {
        width: 400px; }
    .container-12 .grid-8 {
        width: 460px; }
    .container-12 .grid-9 {
        width: 520px; }
    .container-12 .grid-10 {
        width: 580px; }
    .container-12 .grid-11 {
        width: 640px; }
    .container-12 .grid-12 {
        width: 700px; }

    .slider-container
    {
        background-color: #f5f5f5;
    }

    .slider-container > div > div.grid-4 {
        width: 100%;
        height: 80px;
        position: relative;
        z-index: 3;
        margin-left: 0px;
    }

    .slider-container > div > div.grid-8 {
        width: 100%;
        position: relative;
    }

    .zoek-container
    {
        float: none;
        margin: 30px auto 0px auto;
    }

    #SearchForm_SearchForm_Search
    {
        background-color: #ffffff !important;
    }

    .slider-container {
        min-height: 303px; }

    .slides {
        width: 100%;
        overflow: visible; }

    .slides img {
        height: 223px;
        width: 960px;
        max-width: none;
        float: none;
        position: absolute;
        left: -9999px;
        right: -9999px;
        margin: auto;
    }

    .logo {
        float: none;
        width: 120px;
        height: 80px;
        background-size: 120px auto;
        background-position: center center;
        position: relative;
        top: 0px;
    }

    .mob-nav {
        width: 36px;
        height: 20px;
        background: url(../images/icon_hamburgermenu.svg) no-repeat;
        display: table;
        position: absolute;
        top: -50px;
        right: 0px;
        z-index: 3; }
    .mob-nav:hover {
        cursor: pointer; }

    .nav
    {
        background: #f5f5f5;
        float: none;
        padding: 30px 15px;
        position: absolute;
        top: 80px;
        display: none;
        width: 200%;
        margin-left: -50%;
    }
    .nav ul {
        float: none;
    }
    .nav li {
        float: none;
        text-align: center;
        font: 700 16px/18px "Open Sans", sans-serif;
        padding: 7px 0;
        color: #777777; }
    .nav li a {
        color: #333333; }
    .nav li a:hover {
        color: #777777;
        text-decoration: none; }
    .nav li:nth-last-child(1) {
        font: 700 16px/18px "Open Sans", sans-serif;
        color: white; }
    .nav li:nth-last-child(1) a {
        color: white;
        text-decoration: none;
        display: inline; }

    span.headloginout {
        float: none !important;
        margin-top: 10px;
    }

    .nav span,
    .nav a {
        padding: 0 20px;
    }
    .nav a {
        text-decoration: none;
        display: block; }
    .nav a:hover {
        text-decoration: underline; }
    .nav a:hover {
        background: none;
    }
    .nav span
    {
        background: none;
    }

    .nav li span {
        color: #e30521;
    }

    .flags {
        position: absolute;
        right: 40px;
        top: -6px;
        z-index: 4;
    }

    .HomePage .home-intro {
        padding: 30px 0 47px 0;
    }

    #vijftigeuro
    {
        width: 70px;
        height: 70px;
        bottom: -80px;
        left: calc(50% - 35px);
    }

    .step span {
        display: table;
        margin: 0 auto 23px auto; }

    .home-student span.ster {
        width: 35px;
        height: 35px;
        font: 700 14px/35px "Open Sans", sans-serif;
        right: 5px;
        top: 20px; }

    .StudentPage .home-student span.ster, .StudentsPage .home-student span.ster, .StudentsArchive .home-student span.ster {
        right: 4px;
        top: 35px; }

    .getinspired2 {
        padding: 0px 0px 0px 43px;
        font: 700 13px/45px "Open Sans", sans-serif;
    }

    .home-register #Form_RegisterForm #whatcani,
    .home-register #Form_RegisterForm #whatkindof,
    .home-register #Form_RegisterForm #whatdeadline {
        float: none;
        width: calc(100% - 20px);
        margin: 10px; }
    .home-register #Form_RegisterForm #Form_DeadlineForm_Date {
        /*margin-top: 10px;*/ }

    .student-intro {
        padding-top: 20px; }
    .student-intro .col-2 {
        /*margin-top: -70px;*/ }
    .student-intro .col-2 img {
        /*width: 80%;*/ }

    .student-intro .col-1 img.block {
        width: 150px;
        margin-top: 115px;
    }

    .afges
    {
        width: 140px;
        margin: -38px auto 0px auto;
    }

    .student-intro .col-2, .student-intro .col-3 {
        padding-top: 60px; }

    .student-intro-header {
        margin-top: 0; }

    .student-design-cnt span {
        float: none;
        display: block; }
    .student-design-cnt span:first-child {
        width: 100%;
        text-align: center; }
    .student-design-cnt span:last-child {
        width: 100%;
        text-align: center; }

    .marleft960
    {
        display: block;
        margin-left: 36px;
    }

    .home-student .vanaf
    {
        padding: 6px 10px;
    }

    .home-student
    {
        margin-bottom: 50px;
    }

    .StudentPage .home-student .vanaf, .StudentsPage .home-student .vanaf, .StudentsArchive .home-student .vanaf {
        margin: 15px auto 0px auto;
    }

    .StudentPage .home-student, .StudentsPage .home-student, .StudentsArchive .home-student
    {
        margin-bottom: 30px;
    }

    .design, .home-student {
        opacity: 1 !important;
    }

    #createdby
    {
        margin-bottom: 23px;
    }

    #footeralfa
    {
        margin: 0px 100px 0px 0px;
    }

    #footermerkstudio
    {
        width: 66px;
        margin: 10px 0px 0px 0px;
    }

    #footerexigent
    {
        width: 72px;
        margin: 10px 0px 0px 20px;
    }

    .footer > .container-12 > div:nth-child(1)
    {
        width: 260px;
    }
    .footer > .container-12 > div:nth-child(2)
    {
        width: 180px;
    }

    #footer21, #footer22
    {
        font-size: 12px;
    }

    .home-student .substudprod {
        min-height: 370px;
    }

    .HomePage div.grid-9.mb20.galleriagridcolumn
    {
        min-height: 0px;
    }

    #wpfeed
    {
        padding: 0px;
    }

    #ptfeed
    {
        padding: 0px;
    }

    .messagemelink
    {
        width: 100%;
    }

}





































@media only screen and (max-width: 719px) {
    .container-12 {
        width: 90%; }
    .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
        width: 100%; }

    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px; }

    html, body {
        overflow-x: hidden !important; }

    .logo {
        float: none;
        width: 120px;
        height: 80px;
        background-size: 120px auto;
        background-position: center center;
        position: relative;
        top: 0px;
    }

    .slider-container
    {
        background-color: #f5f5f5;
    }

    .slider-container > div > div.grid-4 {
        width: 100%;
        height: 80px;
        position: relative;
        z-index: 3;
        margin-left: 0px;
    }

    .slider-container > div > div.grid-8 {
        width: 100%;
        position: relative;
    }

    .zoek-container
    {
        float: none;
        margin: 30px auto 0px auto;
    }

    #SearchForm_SearchForm_Search
    {
        background-color: #ffffff !important;
    }

    .slider-container {
        min-height: 303px; }

    .slides {
        width: 100%;
        overflow: visible; }
    .slides img {
        height: 223px;
        width: 720px;
        max-width: none;
        float: none;
        position: absolute;
        left: -9999px;
        right: -9999px;
        margin: auto; }

    .slide-cnt {
        display: none; }

    .mob-nav {
        width: 36px;
        height: 20px;
        background: url(../images/icon_hamburgermenu.svg) no-repeat;
        display: table;
        position: absolute;
        top: -50px;
        right: 0px;
        z-index: 3; }
    .mob-nav:hover {
        cursor: pointer; }

    .nav
    {
        background: #f5f5f5;
        float: none;
        padding: 30px 15px;
        position: absolute;
        top: 80px;
        display: none;
        width: 200%;
        margin-left: -50%;
    }
    .nav ul {
        float: none;
    }
    .nav li {
        float: none;
        text-align: center;
        font: 700 16px/18px "Open Sans", sans-serif;
        padding: 7px 0;
        color: #777777; }
    .nav li a {
        color: #333333; }
    .nav li a:hover {
        color: #777777;
        text-decoration: none; }
    .nav li:nth-last-child(1) {
        font: 700 16px/18px "Open Sans", sans-serif;
        color: white; }
    .nav li:nth-last-child(1) a {
        color: white;
        text-decoration: none;
        display: inline; }


    span.headloginout {
        float: none !important;
        margin-top: 10px;
    }

    .flags {
        position: absolute;
        right: 60px;
        top: -6px;
        z-index: 4;
    }

    .HomePage .home-intro {
        padding: 30px 0 47px 0;
    }

    #vijftigeuro
    {
        width: 70px;
        height: 70px;
        bottom: -80px;
        left: calc(50% - 35px);
    }

    .nav span,
    .nav a {
        padding: 0 20px;
        color: white; }
    .nav a {
        text-decoration: none;
        display: block; }
    .nav a:hover {
        text-decoration: underline; }
    .nav a:hover {
        background: none;
        color: white; }
    .nav span
    {
        background: none;
    }


    .nav-container {
        float: left;
        width: 100%; }

    .nav li:nth-last-child(1) span {
        background: none;
    }

    .nav li span {
        color: #e30521;
    }

    .mobmb100
    {
        margin-bottom: 100px !important;
    }

    .icons {
        float: none;
        padding: 10px 0 6px 0;
        margin: 0px auto 0px auto;
        display: table;
        text-align: center; }
    .icons a, .icons span.headloginout {
        display: inline;
        margin: 0 4px; }

    /*.home-intro {
        margin-top: -12px; }
*/

    .home-designs .grid-12
    {
        width: 100% !important;
        margin: 0px;
    }











    .step {
        width: 33.334% !important;
        float: left;
        padding: 0 15px; }
    .step h2 {
        font: 700 12px/14px "Open Sans", sans-serif;
        text-transform: uppercase; }
    .step span {
        width: 39px;
        height: 39px;
        margin: 0 auto 8px auto;
        display: table;
        top: 0;
        font: 800 24px/39px "Open Sans", sans-serif; }

    .home-sub-intro .fieldgroup-field {
        width: 50%; }

    .all-students {
        padding: 56px 10px 16px 10px;
        background-position: center 15px;
        width: 100%;
        text-align: center; }

    .home-featured-sb {
        text-align: center; }

    .home-register #Form_RegisterForm .field.text,
    .home-register #Form_RegisterForm .field.dropdown {
        width: calc(100% - 20px);
        float: none; }
    .home-register #Form_RegisterForm #whatcani,
    .home-register #Form_RegisterForm #whatkindof,
    .home-register #Form_RegisterForm #whatdeadline {
        float: none;
        width: calc(100% - 20px);
        margin: 10px; }
    .home-register #Form_RegisterForm #Form_DeadlineForm_Date {
        /*margin-top: 10px;*/ }

    .home-register #Form_RegisterForm #whatcani h1, .home-register #Form_RegisterForm #whatdeadline #Form_DeadlineForm_Date {
        font-size: 12px;
    }

    .home-register #Form_RegisterForm #whatkindof h1 {
        font-size: 11px;
    }

    .home-register #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Email, .home-register #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Password {
        width: 100%;
    }

    .design .design-cnt {
        padding: 6px 0;
    }

    .design-cnt h2 {
        font-size: 13px;
    }

    .design-check {
        background-size: 25px;
    }

    .design, .home-student {
        width: calc(50% - 10px) !important;
        opacity: 1 !important;
    }

    .StudentPage .home-student, .StudentsPage .home-student, .StudentsArchive .home-student {
        width: 100% !important;
    }

    #homecat1, #homecat3, #home-student_1, #home-student_3
    {
        margin-right: 20px;
    }

    #home-student_3
    {
        clear: left;
    }

    #home-student_1, #home-student_2
    {
        margin-bottom: 60px;
    }

    .homestudentalgekozen
    {
        margin-left: 25%;
    }

    .gatrug {
        bottom: -50px;
    }

    .galleriagridcolumn
    {
        margin-bottom: -30px;
    }

    .home-student .substudprod {
        min-height: 144px;
    }

    .design-active {
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent; }

    .student-intro-header {
        margin-top: 0; }

    .student-intro {
        padding-top: 20px;
        margin-top: -12px; }
    .student-intro .col-2,
    .student-intro .col-3 {
        display: none; }
    .student-intro .col-1 {
        margin: 0; }

    .student-design-cnt span {
        float: none;
        display: block; }
    .student-design-cnt span:first-child {
        width: 100%;
        text-align: center; }
    .student-design-cnt span:last-child {
        width: 100%;
        text-align: center; }

    .student-cijfer {
        float: none;
        width: 100%;
        margin-bottom: 10px; }

    .student-cnt {
        float: none;
        width: 100%;
        padding: 0;
        text-align: center; }

    .mt20mob {
        margin-top: 20px; }

    .home-student .substudprod {
        padding: 0px 10px 0px 10px;
    }

    .home-student .studface {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
    }

    .home-student .vanaf span {
        font: 700 12px/14px "Open Sans", sans-serif;
    }

    .home-student .vanaf {
        font: 400 8px/10px "Open Sans", sans-serif;
    }

    .home-student .studcat, .home-student p
    {
        display: none;
    }

    .getinspired2 {
        font: 700 12px/25px "Open Sans", sans-serif;
        height: 25px;
        background-size: 17px 17px;
        margin: 0px 0px -21px 0px;
        padding: 0px 0px 0px 20px;
    }

    .home-student span.ster {
        right: 5px;
        top: -2px;
        width: 25px;
        height: 25px;
        font: 700 11px/25px "Open Sans", sans-serif;
    }

    .StudentPage .home-student span.ster, .StudentsPage .home-student span.ster, .StudentsArchive .home-student span.ster {
        right: 15%;
    }

    .pijlennummers {
        height: 10px;
    }

    .denummersenpijlen
    {
        margin-left: -17px;
    }

    #firstoutput {
        text-align: center;
    }

    .home-choose {
        padding: 0px 0px 0px 0px;
    }


    #studentsprev
    {
        left: 0px;
        top: auto;
        bottom: -36px;
    }

    #studentsnext
    {
        left: auto;
        right: 0px;
        top: auto;
        bottom: -36px;
    }

    .home-choose .all-students
    {
        margin-top: 41px;
    }

    .zoekprodlinks, .zoekprodrechts
    {
        width: 100%;
    }

    .searchimg
    {
        margin: 0px auto 10px auto;
        display: block;
    }

    #SearchResults h2
    {
        width: 100%;
        text-align: center;
    }

    .InspirationsPage #Form_whatCanWeDesignForm input[type="checkbox"]
    {
        margin-right: 10px;
    }

    .marleft960
    {
        display: block;
        margin-left: 36px;
    }

    .clearleftmob
    {
        clear: left;
    }
    .mobilenone
    {
        display: none;
    }

    .contentr
    {
        margin-top: 0px;
    }

    .mobileonly
    {
        display: inline;
    }

    #footer21, #footer22
    {
        text-align: center;
    }

    .studentnaamchooser
    {
        float: none;
        display: table !important;
        margin: 20px auto 0px auto;
    }

    #createdby
    {
        margin-bottom: 15px;
    }

    #footeralfa
    {
        display: block;
        margin-bottom: 14px;
    }

    #footermerkstudio
    {
        margin-right: 10px;
        margin-bottom: 9px;
        margin-left: 0px;
    }

    #footerexigent
    {
        margin-left: 0px;
        margin-bottom: 9px;
    }

    .vorigstudpijl, .volgendstudpijl
    {
        display: none;
    }







    .InspirationsPage .home-sub-intro .fieldgroup-field
    {
        width: calc(50% - 10px);
        font-size: 13px;
    }

    .InspirationsPage #fglinks1 > div > div:nth-child(1), .InspirationsPage #fglinks1 > div > div:nth-child(3)
    {
        margin-right: 20px !important;
    }

    .InspirationsPage #fglinks1 > div > div:nth-child(2), .InspirationsPage #fglinks1 > div > div:nth-child(4)
    {
        margin-right: 0px !important;
    }

    #studentendropdown, #reviewsdropdown, #prijzendropdown, #sorteerdropdown
    {
        width: calc(50% - 10px);
        font-size: 13px;
    }

    #reviewsdropdown, #sorteerdropdown
    {
        margin-right: 0px !important;
    }

    #studentendropdown, #prijzendropdown, #destudentenchecks, #deprijzenchecks
    {
        margin-right: 20px !important;
    }

    #destudentenchecks, #dereviewschecks, #deprijzenchecks, #desorteerchecks
    {
        min-width: calc(50% - 10px);
    }

    #destudentenchecks, #dereviewschecks
    {
        top: -34px;
        z-index: 3;
    }

    #studentendropdown, #reviewsdropdown
    {
        z-index: 4;
    }

    #dereviewschecks
    {
        left: calc(50% + 20px);
    }
    #deprijzenchecks
    {
        left: 0px;
    }

    #desorteerchecks
    {
        left: calc(50% + 20px);
    }

    .InspirationsPage .home-sub-intro
    {
        margin-top: -12px;
    }

    .HomePage div.grid-9.mb20.galleriagridcolumn
    {
        min-height: 0px;
    }

    #wpfeed
    {
        padding: 0px;
    }

    #ptfeed
    {
        padding: 0px;
    }

    .messagemelink
    {
        float: left;
        margin-bottom: 20px;
    }

    .home-intro .content
    {
        font: 700 16px/40px "Open Sans", sans-serif;
        width: 100%;
    }

}












#loggedinas
{
    text-align: center;
}


#Form_whatCanWeDesignForm_Otherdesign2
{
    background-color: #d6d6d6 !important;
}




#Form_ContactForm div.field {
    margin: 10px 0 15px;
}
#Form_ContactForm fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
#Form_ContactForm label {
    margin-bottom: 5px;
}
#Form_ContactForm label.left {
    display: block;
    font-weight: bold;
}
#Form_ContactForm label.right {
    font-size: 12px;
    color: #888;
}
#Form_ContactForm input.text,
#Form_ContactForm textarea,
#Form_ContactForm .textajaxuniquetext,
#Form_ContactForm select {
    width: 90%;
    max-width: 400px;
    padding: 6px 5px;
    background-color: #fff;
    border: 1px solid #dad9d9;
    display: block;
    margin-bottom: 5px;
    font: 400 14px/20px "Open Sans", sans-serif;
}
#Form_ContactForm input.text:focus,
#Form_ContactForm textarea:focus,
#Form_ContactForm .textajaxuniquetext:focus,
#Form_ContactForm select:focus {
    outline:none;
}
#Form_ContactForm input[disabled],
#Form_ContactForm form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
#Form_ContactForm textarea {
    resize: vertical;
}
#Form_ContactForm .field .checkbox,
#Form_ContactForm .field .radio {
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    margin-top: 3px;
    padding: 0;
}
#Form_ContactForm .checkbox label.right,
#Form_ContactForm .radio label.right {
    float: left;
}
#Form_ContactForm .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
#Form_ContactForm .good {
    background-color: #ecf9d0;
    border-color: #8fbe00;
}
#Form_ContactForm .bad,
#Form_ContactForm .required {
    background-color: #f9d0d0;
    border-color: #cf0000;
    color: #b80000;
}
#Form_ContactForm .Actions {
    margin-bottom: 20px;
}
#Form_ContactForm a.btn,
#Form_ContactForm button,
#Form_ContactForm input[type="submit"],
#Form_ContactForm .Actions .action {
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0px 30px 0px 30px;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1.5px 2px 5px 0px rgba(0, 0, 0, 0.3);
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
}
#Form_ContactForm a.btn:hover,
#Form_ContactForm button,
#Form_ContactForm input[type="submit"]:hover,
#Form_ContactForm .Actions .action:hover {
    background: #03438e;
    color: #fff;
}
#Form_ContactForm a.btn {
    line-height: 18px;
    margin-bottom: 10px;
}
#Form_ContactForm a.btn:after {
    content: '\2192';
    padding-left: 10px;
}
#Form_ContactForm input.action[class] {
    width: auto;
}
#Form_ContactForm .Actions:after {
    color: #B94A48;
    display: inline-block;
    font-weight: normal;
    margin-top: 9px;
}
.ContactPage .verplicht {
    clear: left;
    padding-top: 20px;
}

.fadeinout:hover
{
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.inspirationsholder
{
    position: relative;
}

.inspirationsprofilepic
{
    position: absolute;
    right: 6px;
    top: 6px;
    width: 33%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#Form_theProductForm_Customer
{
    display: block;
    margin: 0px 0px 10px 0px;
}

#Form_theProductForm_Title, #Form_theProductForm_Price
{
    display: block;
    margin-bottom: 10px;
}

#Form_theProductForm_Title
{
    width: 300px;
}

#Form_theProductForm_Price
{
    width: 50px;
}

#MemberLoginForm_LoginForm_error
{
    padding-bottom: 20px;
}




#vlag
{
    margin-top: 35px;
    float: right;
}

#ig_logo
{
    margin-top: 17px;
    margin-left: 5px;
    float: right;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
    .nav
    {
        z-index: 3;
    }

    #deinvulvelden #Password-_ConfirmPassword
    {
        font-size: 14px;
    }
}

@media only screen and (max-width: 719px)
{
    .nav
    {
        z-index: 3;
    }

    .nav-container .nav ul
    {
        width: 100%;
    }
}

#SearchForm_SearchForm_Search
{
    background-color: #ffffff;
}

#SearchForm_SearchForm_Search::-webkit-input-placeholder
{
    color: #333333;
    opacity: 1;
}

#SearchForm_SearchForm_Search::-moz-placeholder
{
    color: #333333;
    opacity: 1;
}

#SearchForm_SearchForm_Search::-ms-input-placeholder
{
    color: #333333;
    opacity: 1;
}

.icons
{
    background-color: #eeeeee;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.subnav .icons
{
    padding-top: 7px;
}

.vlagank, .ig_logoank
{
    display: inherit !important;
}

.vlagank
{
    padding: 0 0 0 0 !important;
}

.ig_logoank
{
    padding: 0 !important;
}

.vlagank:hover, .fb_logoank:hover, .ig_logoank:hover
{
    background: none !important;
}

.meerpaddingbot
{
    padding-bottom: 8px;
}

#ProductForm_ProductForm #Quantity, #CartForm_CartForm > table > tbody > tr > td:nth-child(4), #CartForm_CartForm_action_updateCart
{
    display: none;
}

.getregistered
{
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0px 30px 0px 30px;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
}

.getregistered:hover
{
    background-color: #03438e;
}

@media only screen and (max-width: 719px)
{
    .getregistered
    {
        margin: 20px 0px 30px 0px;
    }
}

.registreerdeel #Form_RegisterForm input
{
    margin-bottom: 5px;
}

.registreerdeel #Form_RegisterForm_action_register
{
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white;
    padding: 0px 30px 0px 30px;
    margin: 33px 0px 0px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
}

#MemberLoginForm_LoginForm_action_logout
{
    font: 700 16px/45px "Open Sans", sans-serif;
    height: 45px;
    background: #e30521;
    color: white !important;
    padding: 0px 30px 0px 30px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
}

.registreerdeel #Form_RegisterForm_action_register:hover, #MemberLoginForm_LoginForm_action_logout:hover
{
    background-color: #03438e;
}




















.StudentAccountPage .home-intro, .MemberProfilePage .home-intro
{
    padding-bottom: 0;
}

#projtabs
{
    display: table;
    margin: 0px auto;
    color: #e30521;
}

#projtabs div
{
    display: inline;
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px 4px;
}

#projtabs div span
{
    padding: 16px 48px;
    display: block;
}

#projtabs div a
{
    text-decoration: none;
    display: block;
    background-color: #e1e1e1;
    padding: 16px 48px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#projtabs div a:hover
{
    color: #e30521;
}

.MemberProfilePage .content-container h1
{
    display: none;
}

.MemberProfilePage .studentprofielform #Password .showOnClick a, .MemberProfilePage .studentprofielform #studvp, .MemberProfilePage .studentprofielform #studawp
{
    background-color: #03438e;
}

.MemberProfilePage .studentprofielform .Actions
{
    position: relative;
}

.MemberProfilePage .studentprofielform #studvp
{
    position: absolute;
    left: calc(33% + 6px);
    top: -76px;
    z-index: 2;
}

.MemberProfilePage .studentprofielform #studawp
{
    position: absolute;
    right: 12px;
    top: -76px;
    z-index: 2;
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
    .MemberProfilePage .studentprofielform #studawp
    {
        right: 6px;
    }
}

.MemberProfilePage .studentprofielform #Password .showOnClick
{
    width: 100%;
}

.MemberProfilePage .studentprofielform #Password .showOnClick a
{
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font: 700 16px/18px "Open Sans", sans-serif;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
}

.MemberProfilePage .studentprofielform #studvp, .MemberProfilePage .studentprofielform #studawp
{
    text-align: center;
    text-transform: uppercase;
    font: 700 16px/18px "Open Sans", sans-serif;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.MemberProfilePage .studentprofielform #studvp a, .MemberProfilePage .studentprofielform #studawp a
{
    color: #ffffff;
    text-decoration: none;
}

.MemberProfilePage .studentprofielform #Password .showOnClick a:hover, .MemberProfilePage .studentprofielform #studvp:hover, .MemberProfilePage .studentprofielform #studawp:hover
{
    background-color: #e30521;
}

.MemberProfilePage .studentprofielform > fieldset:nth-child(2)
{
    margin-bottom: 18px;
}

.MemberProfilePage .studentprofielform #Password\[_Password\], .MemberProfilePage .studentprofielform #Password\[_ConfirmPassword\]
{
    width: 100% !important;
}

.MemberProfilePage .studentprofielform #Password\[_ConfirmPassword\]
{
    margin-top: 10px;
}

.MemberProfilePage .studentprofielform #Form_ProfileForm_action_save
{
    margin: 20px auto 0px auto;
    display: block;
    background-color: #e30521;
}

.MemberProfilePage .studentprofielform #Form_ProfileForm_action_save:hover
{
    background-color: #03438e;
}

.aboutmeh2
{
    font: 700 16px/18px "Open Sans", sans-serif;
}

.AccountPage .home-intro
{
    padding-bottom: 0px;
}

.AccountPage #projtabs, .StudentAccountPage #projtabs
{
    margin-top: 20px;
}

.MemberProfilePage .klantprofielform label[for=Form_ProfileForm_Country]
{
    display: none;
}

.MemberProfilePage .klantprofielform #Form_ProfileForm_Country
{
    height: 48px;
    padding: 0 14px;
    border: 0;
    font: 700 16px/48px "Open Sans", sans-serif;
    text-transform: uppercase;
    background: #d6d6d6;
    margin-top: 20px;
    margin-left: calc(33% + 6px);
    width: calc(33% - 12px);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #333333;
}

.MemberProfilePage .klantprofielform #Password .showOnClick
{
    background: #d6d6d6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-top: -64px;
}

.MemberProfilePage .klantprofielform #Password .showOnClick a
{
    width: 100%;
    display: block;
    text-transform: uppercase;
    font: 700 16px/18px "Open Sans", sans-serif;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333333;
    text-decoration: none;
}

.MemberProfilePage .klantprofielform #Password\[_Password\], .MemberProfilePage .klantprofielform #Password\[_ConfirmPassword\]
{
    width: 100% !important;
}

.MemberProfilePage .klantprofielform #Password\[_ConfirmPassword\]
{
    margin-top: 10px;
}

.MemberProfilePage .klantprofielform #Form_ProfileForm_action_save
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    font: 700 16px/45px "Open Sans", sans-serif;
    width: calc(33% - 12px);
    height: 45px;
    color: white;
    text-decoration: none;
    -webkit-appearance: none;
    background-color: #e30521;
    border: 0px;
    float: right;
    margin-right: 12px;
    margin-top: -74px;
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
    .MemberProfilePage .klantprofielform #Form_ProfileForm_action_save
    {
        margin-right: 6px;
    }
}

.MemberProfilePage .klantprofielform #Form_ProfileForm_action_save:hover
{
    background-color: #03438e;
}

@media only screen and (max-width: 719px)
{
    .MemberProfilePage .klantprofielform #FirstName,
    .MemberProfilePage .klantprofielform #Surname,
    .MemberProfilePage .klantprofielform #Email,
    .MemberProfilePage .klantprofielform #Password,
    .MemberProfilePage .klantprofielform #Password-_Password,
    .MemberProfilePage .klantprofielform #Password-_ConfirmPassword
    {
        width: 100% !important;
    }

    .MemberProfilePage .klantprofielform #FirstName,
    .MemberProfilePage .klantprofielform #Surname
    {
        margin-bottom: 20px;
    }

    .MemberProfilePage .klantprofielform #Form_ProfileForm_Country
    {
        margin-left: 0px;
        margin-bottom: 4px;
        width: 100%;
    }

    .MemberProfilePage .klantprofielform #Password .showOnClick
    {
        margin-top: 0px;
        width: 100% !important;
    }

    .MemberProfilePage .klantprofielform #Form_ProfileForm_action_save
    {
        float: none;
        margin-right: 0px;
        margin-top: 10px;
    }

    #projtabs div
    {
        font-size: 12px;
    }

    #projtabs div span
    {
        padding: 16px 16px;
    }

    #projtabs div a
    {
        padding: 16px 16px;
    }
}

.studaccchat
{
    padding: 0px 20px 0px 20px;
    background-color: #eeeeee;
    margin-top: 29px;
    border-top: 1px solid #ffffff;
    margin-bottom: 30px;
}

#studacc1, #studacc2, #studacc3
{
    background-color: #eeeeee;
    padding: 20px;
    line-height: 25px;
    overflow: hidden;
}

#studacc1 h2, #studacc2 h2, #studacc3 h2
{
    margin-bottom: 10px
}

#studacc1, #studacc2
{
    margin-bottom: 20px;
}

#studacc1 .uploadifive-button,
#studacc1 .action_klantupload,
.projectdiv4 .uploadifive-button,
.projectdiv4 .action_klantupload
{
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font: 700 14px/16px "Open Sans", sans-serif !important;
    padding: 9px 10px 9px 10px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-appearance: none !important;
    width: 110px !important;
    height: auto !important;
}

#studacc3 .uploadifive-button, #studacc3 .action_klantupload
{
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font: 700 14px/16px "Open Sans", sans-serif !important;
    padding: 9px 10px 9px 10px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-appearance: none !important;
    width: 110px !important;
    height: auto !important;
}

#studacc1 .uploadifive-button,
#studacc3 .uploadifive-button,
.projectdiv4 .uploadifive-button
{
    margin-top: -15px;
}

.projectdiv4 .uploadifive-button
{
    margin-bottom: 15px;
}

#studacc1 .action_klantupload,
#studacc3 .action_klantupload,
.projectdiv4 .action_klantupload
{
    background: #e30521 !important;
    float: right;
    margin-top: -34px;
}

.projectdiv4 .action_klantupload
{
    margin-right: 115px;
    margin-bottom: 0;
    margin-top: -49px;
}

#studacc1 .action_klantupload:hover,
#studacc3 .action_klantupload:hover,
.projectdiv4 .action_klantupload:hover
{
    background: #03438e !important;
}

@media only screen and (max-width: 1199px)
{
    #studacc1 .action_klantupload,
    #studacc3 .action_klantupload
    {
        float: none;
        margin-top: 15px;
    }

    .projectdiv4 .action_klantupload
    {
        float: none;
        margin-top: -5px;
        margin-bottom: 15px;
    }

    .AccountPage .student_klikker
    {
        padding: 20px;
    }
}

.AccountPage .projectdiv6
{
    display: none;
    background-color: #ffffff;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -20px;
    margin-top: -20px;
    border-top: 20px solid #ffffff;
}

.allfaq
{
    text-align: center;
    padding-bottom: 10px;
}

.allfaq a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0px 25px 0px 25px;
    background-color: #e30521;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.allfaq a i
{
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    margin: 3px 0px -3px 0px;
}

.allfaq a .right
{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.allfaq a:hover
{
    color: #03438e;
}

.allfaq a:hover i
{
    border: solid #03438e;
    border-width: 0 2px 2px 0;
}

@media only screen and (max-width: 719px)
{
    .allfaq
    {
        padding-bottom: 30px;
    }
}

.posrel
{
    position: relative;
}

#moboverlay
{
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 3;
}

.content, .AccountPage .home-intro, .SearchPage #Content
{
    line-height: 30px;
}



.header
{
    position: fixed;
    height: 94px;
    z-index: 3;
    top: 0;
}

.header-container
{
    margin-top: 94px;
}

@media only screen and (max-width: 959px)
{
    .header
    {
        height: 81px;
    }

    .header-container
    {
        margin-top: 81px;
    }

    .slider-container > div > div.grid-4
    {
        position: fixed;
        top: 0;
    }

    .mob-nav
    {
        top: 31px;
    }

    .slider-container
    {
        min-height: 223px;
    }
}

@media only screen and (max-width: 959px) and (min-width: 720px)
{
    .flags
    {
        right: 60px;
    }
}

@media only screen and (min-width: 960px)
{
    .header .logo
    {
        display: none;
    }
}

#Form_RegisterForm_City,
#Form_ContactForm label[for=Form_ContactForm_Plaats],
#Form_ContactForm label[for=Form_ContactForm_City],
#Form_ContactForm #Form_ContactForm_Plaats,
#Form_ContactForm #Form_ContactForm_City
{
	 display: none;
}