/*  brightness: 0 */
body.portal,
body.helpdesk,
body.remark,
body.cbrquestion,
body.content
{
    background-color: #eee;
}

a.select,
div.select
{
    background: transparent linear-gradient(180deg, #333333 0%, #0 100%) 0% 0% no-repeat padding-box !important;
}
div.checked
{
    background: transparent linear-gradient(180deg, #7f7f7f 0%, #0 100%) 0% 0% no-repeat padding-box !important;
}
button.orbutton
{
    background-color: #0;
}
button.orbutton:hover
{
    background-color: #333333;
}

#portal-button,
#packages,
.details article,
#basket,
#basket-steps .current .number,
#basket .abutton,
#extralinks a,
.extralinks a,
#retraining3chapters.portalitem a.abutton,
#hulpdiensten.portalitem a.abutton,
#hulpdiensten.portalitem a.questionserie,
#hulpdiensten.portalitem button#readhulpdienstintro,
a.abutton.hulpdienstcertificaat,
#content .abutton,
#logincontainer .abutton,
#register-form .abutton,
#userstatus .abutton,
#helpdeskform .abutton,
#remarkform .abutton,
#tell-a-friend-button.abutton,
#helpdesk-sent-button.abutton,
#cbrquestionform .abutton,
#check-code-form .abutton,
#login-form .abutton,
#logout-button, #logout-button:visited,
#trialperiod #trialhead,
#close-tab-button, #close-tab-button:visited
{
    background-color: #;
}
#content #free_elearning .abutton,
#content #free_exam .abutton
{
    background-color: #;
}

#hulpdiensten.portalitem a.abutton:hover,
#hulpdiensten.portalitem a.questionserie:hover,
#hulpdiensten.portalitem button#readhulpdienstintro:hover,
a.abutton.hulpdienstcertificaat:hover,
#portal-button:hover,
#extralinks a:hover,
.extralinks a:hover,
#content .abutton:hover,
#logincontainer .abutton:hover,
#register-form .abutton:hover,
#userstatus .abutton:hover,
#helpdeskform .abutton:hover,
#remarkform .abutton:hover,
#tell-a-friend-button.abutton:hover,
#helpdesk-sent-button.abutton:hover,
#cbrquestionform .abutton:hover,
#check-code-form .abutton:hover,
#login-form .abutton:hover,
#logout-button:hover,
#close-tab-button:hover
{
    background-color: #595959;
}

#product_container .column h1,
.light-blue,
a.light-blue,
#free_elearning .lblue,
.titleBlue,
#trialperiod #trialhead .abutton
{
    color: #;
}

#basket .lblue,
h1.titleCategory,
#package-detail-text h1,
.login form legend strong,
#free_elearning .lblue,
#status th
{
    color: #;
}

#retraining3chapters.portalitem a.abutton,
#hulpdiensten.portalitem a.abutton,
#hulpdiensten.portalitem a.questionserie,
#hulpdiensten.portalitem button#readhulpdienstintro,
a.abutton.hulpdienstcertificaat,
#portal-button, #portal-button:visited,
#basket-steps .current .number,
#logincontainer .abutton,
#basket .abutton,
#helpitems .abutton,
#special_offers .abutton,
.emptypackage,
#userstatus .abutton,
#helpdeskform .abutton,
#remarkform .abutton,
#tell-a-friend-button.abutton,
#helpdesk-sent-button.abutton,
#cbrquestionform .abutton,
#check-code-form .abutton,
#login-form .abutton,
#logout-button, #logout-button:visited
{
    color: #fff;
}

#breadcrumbs a
{
    text-decoration: underline;
}

#basket-status a span,
#basket .nextbutton,
#content #package-detail-text .abutton
{
    background-color: #009900;
    color: #fff;
}
#basket .nextbutton:hover
{
    background-color: #00bb00;
}

#basket-steps .number,
#buttons, #extracontent
{
    border-color: #;
}

#container.index #free_exam,
#container.index #free_elearning
{
    height: 100px;
    width: 49.5%;
    max-width: 777px;
    margin: 15px 0 0 0;
    font-size: 24px;
    font-weight: normal;
}
#container.index #free_exam
{
    background-image: url(/public/images/shop/banner_oefenvragen_rs.jpg);
    background-size: cover;
}
#container.index #free_exam > span,
#container.index #free_elearning > span
{
    line-height: 26px;
}
#container.index #free_exam small
{
    font-size: 13px;
    position: absolute;
    right: 180px;
}
#container.index #free_elearning > span
{
    padding-right: 160px;
}
#container.index #free_exam span.free
{
    background-color: transparent;
    padding: 0;
    font-weight: bold;
}
#container.index #free_exam a.abutton,
#container.index #free_elearning a.abutton
{
    position: absolute;
}
#container.index #free_exam a.abutton
{
    top: 30px;
    background-color: rgba(0,0,0, 0.5);
}
#container.index #free_exam a.abutton:hover
{
    background-color: #000;
}
@media screen and (max-width: 390px) {
    .social
    {
        min-width: auto;
    }
}


#container.index #free_elearning
{
    float: right;
    margin-left: 0;
    background-image: url(/public/images/shop/banner_speedtheorie.jpg);
    background-position: 0 0;
    background-size: cover;
    border: 0;
    color: #fff;
}
#container.index #free_elearning > img
{
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -32px;
}
#container.index #free_elearning a
{
    width: auto;
}
#container.index #free_elearning a.abutton
{
    top: 35px;
    background-color: #009900;
    color: #fff;
    padding: 0 30px;
}
#container.index #free_elearning a.abutton:hover
{
    background-color: #00bb00;
}

@media screen and (max-width: 1337px) {
    #container.index #free_exam small {
        top: 7px;
        right: 54px;
    }
}

@media screen and (max-width: 1070px) {
    #container.index #free_elearning, #container.index #free_exam {
        width: 100%;
        float: none;
        min-width: 100%;
    }
    #container.index #free_exam small {
        top: auto;
        right: 180px;
    }
}

@media screen and (max-width: 700px) {
    #container.index #free_exam small {
        position: absolute;
        top: 7px;
        right: 54px;
    }
}

@media screen and (max-width: 530px) {
    #container.index #free_elearning {
        font-size: 18px;
        line-height: 22px;
    }
    #container.index #free_elearning > img
    {
        max-width: 100px;
        top: 30%;
        margin-top: 0;
    }
}
@media screen and (max-width: 420px) {
    #container.index #free_exam {
        font-size: 20px;
    }
    #container.index #free_exam small
    {
        display: none;
    }
    #container.index #free_elearning .infotext {
        display: none;
    }
}



.package a.moreinfo,
#alertchoice a
{
    color: #333;
}

#package-detail-container
{
    border-left-width: 0;
}

.details article
{
    max-width: 1200px;
    min-height: 404px;
}



#register-form .right input,
#register-form.retraining input
{
    background-color: #b2b2b2;
}

#__container {
/* uitgezet wegens achtergrond in examendeel */
    background-color: #;
}

#__container.webshop {
    background-color: #;
}

#logo {
    background-color: #fff;
}
#logo img {
    background-color: #;
}

#portal-button, #portal-button:visited {
    text-align: center;
    height: auto;
}

body.be #logout-button, body.be #logout-button:visited {
    background: #333;
}

body.be #logout-button:hover {
    background: #fff;
    color: #333;
}


#refreshtime {
/*
    background: url(../images/button-longer_GRIJS.png) top left no-repeat;
*/
    background-color: #888;
}

#main.iframe {
    background-color: #;
}

.seperator {
    background-color: #;
}

#links a div {
    background-color: #;
}

.home #main {
    /*background: # url(../images/home-bg_v2.png) 0px 15px no-repeat;*/
}
#maintop {
    background-color: #;
}

#check-code-form p, #login-form legend, #forgot-password-form legend, #login-form a, #forgot-password-form a, #check-code-form legend, #status h5, #user-status span, #time-left span, #time-left-training span, #roc-timers span  {
    color: #333;
}

button {
/*
    background: url(../images/button-arrow-grey.png) no-repeat scroll center top transparent;
*/
    background-color: #888;
}

#examtraining button#classesbutton {
    background: transparent url(../images/button-arrow-grey.png) no-repeat left top;
}
#examtraining button#classesbutton:hover {
    color: #ccc
}

#to-webshop {
    background: url(../images/webshop_webshopbanner_grijs.png) top left no-repeat;
}

.dark-blue {
    color: #333;
}

.messageborder {
    border: 2px solid #;
}

#register-form #explainbutton,
#register-form #explainbutton:hover,
#explainretrainingdate .close {
    background-color: #;
}

#register-form #credentials,
#credentials {
    background-color: #787878;
}

#__register-form button
{
    background: url(../images/button-long_GRIJS.png) top left no-repeat;
    width: 98px;
}
#__register-form button:hover
{
    color: #333;
}

#examtraining, #examtraining article
{
	background-color: #;
}

#practicenextbutton, #practicedonebutton
{
	color: #333;
	background-image: url(/public/images/exams/g_fwd_on.png);
}

.coachleft, #btnExtracredit, #translate
{
    background-color: #333;
    background-image: url(/public/images/exams/g_coach.png)
}

.header
{
	color: #333;
}

.package .lightblue,
#startbook-button {
    background-image: url(/public/images/bttn_lang_transparant.png);
    background-color: #;
}
.package .longer {
    background-image: url(/public/images/bttn_longer_transparant.png);
    background-color: #;
}

#drivingschoollinks
{
    background-color: #;
}
#__free_exam
{
    border-radius: 10px;
	background-image: url(/public/images/bttn_proefexamen_small385.png);
	background-size: cover;
}
.__package .price
{
	color: #003366;
}

/* resultclasses */
.lightbgcolor
{
    background-color: #595959;
}

#scoreinfo
{
	background-color: #333;
}
#termsbutton
{
    background-color: #333 !important;
}


/* extra retrainingcontent */
#extralinks, .extralinks {
    border-color: #;
}

#extralinks a,
#extralinks div,
.extralinks a,
.extralinks div {
    border-color: #;
}

header.be {
    border-bottom-color: #;
}

#container.short header
{
    line-height: 85px;
    height: 90px;
}
.login header
{
    line-height: 68px;
    height: 72px;
}
header #schoollogo {
    max-height: 75px;
    position: absolute;
    left: 20px;
}
header #schoollogo img {
    max-height: 75px;
    max-width: 100%;
    vertical-align: middle;
}
.login header #schoollogo {
    left: 0px;
    margin: 0 20px;
}   

#logo {
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.webshop #logo,
.webshop header #schoollogo
{
    height: 70px;
    line-height: 68px;
}
.login header #schoollogo,
.login header #schoollogo img,
.webshop header #schoollogo,
.webshop header #schoollogo img
{
    max-height: 70px;
}

header #illu
{
    background-color: #;
}

h1.titleCategory
{
    margin: 0 0 15px 0;
    padding-top: 10px;
    font-size: 24px;
}
#content p.textIntro {
    padding-right: 10px;
    margin-bottom: 10px;
    margin-right: 370px;
}

.basket article {
    margin-bottom: 40px;
}

.social
{
    min-width: 350px;
}

/* registration */
body.register.school header,
body.register.wegrijden header
{
    border-color: #;
}

/* portal */
#buttons,
#risclips,
div.button
{
    border-color: #999;
}

#status th {
    color: #;
}

#hulpdiensten.portalitem a.questionserie.serielink
{
    background-image: url(/public/images/hulpdiensten/btn_start_default_transp.svg);
}
#hulpdiensten.portalitem a.questionserie.serielink:hover
{
    background-image: url(/public/images/hulpdiensten/btn_start_default_transp_hl.svg);
}


@media screen and (max-width: 720px) {
    #breadcrumbs {
        padding-right: inherit;
    }
    .webshop.school.short #social {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    #content p.textIntro {
        margin-right: 0px;
        border-right-width: 0px;
        padding-right: 0;
        max-width: 100%;
    }
}
@media screen and (max-width: 390px) {
    .social
    {
        min-width: auto;
    }
    .basket-status
    {
        width: 150px;
    }
    .social > a
    {
        margin-right: 5px;
    }
}