/* -- TOP -- */
#top
{
    /* Achtergrond logo en navigatie */
    background-color: #F2F2F2;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    min-width: 480px;
    width: 100%;
    display: block;
    height: 160px;
    z-index: 999;
}

#topwrapper
{
    position: absolute;
    z-index: 999;
    left: 10px;
    right: 20px;
}

.topMenuItem
{
    height: 12px;
    z-index: 999;
}

.topMenuLogo
{
    height: 150px;
    z-index: 999;
}

/* -- TOPLOGOBANNER --*/
#toplogobanner
{
    width: 100%;
    font-size: 18px;
    height: 125px;
    z-index: 999;
}

#toplogobanner A
{
    text-decoration: none;
    display: block;
    z-index: 999;
}

#toplogobanner A:hover
{
    text-decoration: none;
    display: block;
    z-index: 999;
}

#horizontalMenu
{

}

@media all and (min-width: 800px)
{
    .topMenuItem
    {
        height: 15px;
    }
}

@media all and (min-width: 960px)
{
    #toplogobanner
    {
        width: 100%;
        font-size: 18px;
        height: 160px;
    }

    #top
    {
        height: 160px;
    }
  
    .topMenuItem
    {
        height: 18px;
    }

    .topMenuLogo
    {
        
    }
}

@media all and (min-width: 1050px)
{
    #top
    {
        left: 0px; /*40*/
        right: 0px; /*80*/
    }

    #topwrapper
    {
        position: absolute;
        left: 40px;
        right: 80px;
    }

    .topMenuItem
    {
        height: 18px;
    }
}

@media all and (min-width: 1280px)
{
    .topMenuItem
    {
        height: 20px;
    }
}





/* HAMBURGER NAVIGATION */
*
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.top-animate
{
    background: #000000 !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mid-animate
{
    opacity: 0;
}

.bottom-animate
{
    background: #000000 !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.top-menu
{
    top: 2px;
    width: 35px;
    height: 4px;
    border-radius: 10px;
    background-color: #fff;
}

.mid-menu
{
    top: 13px;
    width: 35px;
    height: 4px;
    border-radius: 10px;
    background-color: #fff;
}

.bottom-menu
{
    top: 24px;
    width: 35px;
    height: 4px;
    border-radius: 10px;
    background-color: #fff;
}

.menui
{
    background: #000000;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
}

.HelpToCenter
{
    display: table-cell;
    vertical-align: middle;
}

.mobilenav
{
    font-family: inherit;
    top: 0;
    left:0;
    z-index: 99998;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 49, 16,0.8);
}

.mobilenav li
{
    list-style-type: none;
    text-align: center;
    padding: 10px;
}

.mobilenav li a
{
    font-size: 150%;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}

.mobilenav li:first-child
{
    margin-top: 60px;
}

.hamburgerTekst
{
    overflow: hidden;
    color: #000000;
    float: right;
    font-size:20px
}

.menuSpan
{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 10px;
    letter-spacing: 2px;
}

.wrapperHamburger
{
    width: 100%;
    height: 100%;
    line-height: 25px;
    text-align: center;
}

.hamburger
{
}

.logo
{
    text-align: center;
    margin: auto;
}

.icon
{
    z-index: 99999;
    display: block;
    padding: 9px;
    height: 32px;
    width:120px;
    margin: 0px;
    top: 4px;
    right:15px;
    position: fixed;
}

@media (min-width: 990px)
{
    .icon
    {
        z-index: 99999;
        display: none;
        padding: 9px;
        height: 32px;
        width:120px;
        margin: 0px;
        top: 24px;
        right: 200px;
    }

    .logo
    {
  
    }
}

#horizontalMenu
{
    display: none;
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 990px)
{
    #horizontalMenu
    {
        display: block;
    }
}


#horizontalMenuHome
{
    display: none;
    position: absolute;
    top: 170px;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 990px)
{
    #horizontalMenuHome
    {
        display: block;
    }
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */