#spotlight .content .max_width {
    text-align: center;
}

#spotlight-content {
    position:relative;
}

#spotlight .content hr {
    margin: 8px auto;
}

#spotlight .content a {
    border-bottom-style: none;
}

#spotlight .content a:hover {
    border-bottom-style: solid;
}

#spotlight .content .title {
    padding-bottom: 10px;
    font-size: 35px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

#spotlight .content .subtitle {
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.4);
    padding: 0;
}

#spotlight .content .box {
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: -1px 5px 10px 0 rgba(0, 0, 0, 0.35);
    text-align: center;
    padding: 10px;
    margin: 20px 0;
    display: inline-block;
}

#spotlight .content .box input {
    margin-right: 8px;
    border: 1px solid #ccc !important;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    color: #333 !important;
    font-size: 16px !important;
}

#spotlight .content .tooltip {
    bottom:0;
    position: relative;
    font-size: 12px;
    font-weight:400!important;
    text-rendering: optimizeLegibility;
}

#spotlight .content .tooltip:hover:after{
    text-align: center;
    background: #333;
    border-radius: 5px;
    left: 55px;
    top: 34px;
    color: #fff;
    content: attr(data-title);
    padding: 5px 10px;
    position: absolute;
    z-index: 98;
    width:100px;
}

#spotlight .content .tooltip:hover:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    top: 22px;
    left:50%;
}

#spotlight .content .lnk-hero-meer-info{
    padding: 10px;
    color: #A3A3A4;
    text-decoration: none;
    font-size: 16px;
    border:none;
    font-weight: 500;
}

#spotlight .content .lnk-hero-meer-info:hover{
    color:#8e8d8d;
    border:none;
}

#spotlight .content .txt-hero-meer-info{
    padding: 10px;
    color: #A3A3A4;
    text-decoration: none;
    font-size: 16px;
    border:none;
    font-weight: 500;
}

#spotlight .content .txt-hero-meer-info:hover{
    border:none;
}

/*---Infield labels---*/
.box label{
    position:absolute;
    top:0;
    left:10px;
    text-align: left;
    font-weight: 400;
    color:#767676;
    font-size:16px;
    padding:0;
    line-height: 10px;
}

/*Kenteken*/
.spotlight-licenseplate{
    position: relative;
    float:left;
    background-color: #EEC303;
    border: 1px solid #665202;
    border-radius: 3px 3px 3px 3px;
    margin-right: 8px;
    width:180px;
}

.nl-logo{
    float:left;
    background: #085DC3;
    width: 17%;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 38px;
}

.licenseplate-input{
    width:65%;
    float:left;
}

.spotlight-licenseplate input[type="text"]#kenteken {
    background: #EEC303;
    border: none !important;
    box-shadow:none !important;
    padding:10px;
    width:100% !important;
    color:#000;
    text-transform: uppercase;
}

.spotlight-licenseplate label{
    color:#000;
    top:13px;
    left:23%;
}

a.btn-licenseplate{
    margin-top:2px !important;
    float:left;
}

/* Scroll to link */
#spotlight .lnk-hero-meer-info{
    padding: 10px;
    color: #A3A3A4;
    text-decoration: none;
    font-size: 16px;
    border:none;
    font-weight: 500;
}

#spotlight.lnk-hero-meer-info:hover{
    color:#8e8d8d;
    border:none;
}