.menu-nav-container
{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items:center;
}

.menu-wrapper
{
    margin-bottom:1.5em;
    margin-top:1em;
}
.menu-zoekertjes
{
    height:3em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);
}

.menu-zoekertjes-home
{
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);
    border-radius:8px;
    margin-right:1em;

    flex-shrink:0;
    flex-grow:0;
}
.menu-zoekertjes-selected
{
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;

    flex-shrink:0;
    flex-grow:0;
}
.menu-zoekertjes-selected li
{
    position:relative; //nodig voor arrow
}
.menu-zoekertjes-selected li::after
{
    content:'';
    position:absolute;
    left:100%;
    top:40%;
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
          
    border-left: 7px solid;
    z-index:100;
}


.menu-zoekertjes-selected li:nth-child(1)
{
    background-color:#FDb543;
}
.menu-zoekertjes-selected li:nth-child(2)
{
    background-color:#f5AD3B;
}
.menu-zoekertjes-selected li:nth-child(3)
{
    background-color:#EDA53B;
}
.menu-zoekertjes-selected li:nth-child(4)
{
    background-color:#E59D33;
}

.menu-zoekertjes-selected li:nth-child(1)::after
{
    border-left-color:#FDb543;
}

.menu-zoekertjes-selected li:nth-child(2)::after
{
    border-left-color:#f5AD3B;
}

.menu-zoekertjes-selected li:nth-child(3)::after
{
    border-left-color:#EDA53B;
}

.menu-zoekertjes-selected li:nth-child(4)::after
{
    border-left-color:#E59D33;
}

.menu-zoekertjes-submenu
{
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);

    padding-right:25px;
    border-width:0px;
    border-right-width:1px;
    border-color:#EAEAEA;
    border-style:solid;

    flex-shrink:1;
    flex-grow:1;
    overflow:hidden;
}
.menu-zoekertjes-not-selected
{
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);

    border-width:0px;
    border-right-width:1px;
    border-color:#EAEAEA;
    border-style:solid;

    flex-shrink:0;
    flex-grow:0;
    overflow:hidden;
}
.menu-zoekertjes-submenu-end
{
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.menu-add-zoekertje
{
    flex-grow:0;
}

.menu-zoekertjes ul
{
    list-style-type: none;
    padding:0px;
    margin:0px;
}
.menu-zoekertjes li
{
    display: inline-block;
    height:3em;
}

.menu-zoekertjes li:hover
{
    background-color:#FDb543;
}
.menu-zoekertjes li:hover a
{
    color:white;
}
.menu-zoekertjes a
{
    display: block;
    white-space: nowrap;
    text-decoration:none;
    padding:1em 1em;
}
.menu-zoekertjes-selected a, .menu-add-zoekertje a, .menu-zoekertjes-multiple-selected a
{
    color:white;
}
.menu-zoekertjes-selected li:first-child
{
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
}

.menu-zoekertjes-submenu li
{
    border-width:0px;
    border-right-width:1px;
    border-color:#EAEAEA;
    border-style:solid;
}
.menu-zoekertjes-not-selected li
{
    padding-right:10px;
}

.menu-add-zoekertje
{
    position:relative;
    flex-shrink:0;
    border-bottom-right-radius:8px;
    border-top-right-radius:8px;
    background-color:#FDb543;

}


.zoekertjesMenuDropdownButton
{
    font-family:'Helvetica Neue', Helvetica;
    font-size:16px;
    border-width:0px;
    cursor:pointer;
    padding:1em 1em;
    background-color:transparent;
}
.zoekertjesMenuDropdown
{
    position:absolute;
    top:2.8em;
    right:170px;
    z-index:200;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.27);
    border-radius:8px;
}
.zoekertjesMenuDropdown li
{
    display:block;
    height:2.4em;
    border-bottom-width:1px;
    border-bottom-color:#EEE;
}
.zoekertjesMenuDropdown li:first-child
{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.zoekertjesMenuDropdown li:last-child
{
    border-bottom-width:0px;

    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

#logout_button:hover, #login_link:hover
{
    color:#FDb543;
    cursor:pointer;
}

.zoekertjesButton
{
    display:block;
    text-align:center;
    background-color: #FDb543;
    border-radius:8px;
    border-width:0px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);
    color:white;
    font-size:16px;
    white-space: nowrap;
    text-decoration:none;
    padding:0.8em 1em;
    cursor:pointer;
}

#mijn-zoekertjes a:link, #sendMessageDiv a:link {text-decoration: none;}
#mijn-zoekertjes a:visited, #sendMessageDiv a:visited {text-decoration: none;}
#mijn-zoekertjes a:active, #sendMessageDiv a:active {text-decoration: none;}
#mijn-zoekertjes a:hover, #sendMessageDiv a:hover {text-decoration: none;}



.zoekertjesMenuDropdown a
{
    padding : 0.7em;
}


/**
  * menu-zoekertjes-multiple
  */
.menu-zoekertjes-multiple-left
{
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;

    flex-shrink:0;
    flex-grow:0;
}

.menu-zoekertjes-multiple-not-selected
{
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);

    border-width:0px;
    border-right-width:1px;
    border-color:#EAEAEA;
    border-style:solid;

    flex-shrink:0;
    flex-grow:0;
    overflow:hidden;
}

.menu-zoekertjes-multiple-selected
{
    background-color:#FDb543;
}


/**
  * MIJN ZOEKERTJES
  */
//gebruikt ??
#mijnZoekertjesButton
{
    position:relative;
    display:block;
    float:right;
    max-width:150px;
    text-align:center;
    background-color: #FDb543;
    border-radius:8px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);
    color:white;
    font-size:16px;
    white-space: nowrap;
    text-decoration:none;
    padding:0.7em 0.7em;
    cursor:pointer;
    top:35px;
}

/**
  * CHANGE ZOEKERTJE FLOW
  */
.activeStep a:link, .backToHomepage a:link {text-decoration: none; color:#FDb543;}
.activeStep a:visited, .backToHomepage a:visited {text-decoration: none; color:#FDb543;}
.activeStep a:active, .backToHomepage a:active {text-decoration: none; color:#FDb543;}
.activeStep a:hover, .backToHomepage a:hover {text-decoration: none; color:#FDb543}

.inactiveStep a:link {text-decoration: none; color:#3B3B39;}
.inactiveStep a:visited {text-decoration: none; color:#3B3B39;}
.inactiveStep a:active {text-decoration: none; color:#3B3B39;}
.inactiveStep a:hover {text-decoration: none; color:#FDb543}


.formButton
{
    background-color: #FDb543;
}

.register_button
{
    background-color:#FDb543;
}


/**
  * STEPSTONE STYLES
  */
.stepstoneFooter
{
    font-weight:bold;
    padding:4px;
    padding-left:10px;
    padding-bottom:10px;
}

.stepstoneFooter a:link {text-decoration: none;}
.stepstoneFooter a:visited {text-decoration: none;}
.stepstoneFooter a:active {text-decoration: none;}
.stepstoneFooter a:hover {text-decoration: none;}


.sideTab
{
    position:fixed;
    right:0px;

    border-radius:8px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-width:0px;

    background-color:white;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 70%, #F0F0F0 100%);    
    width:40px;
    height:40px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);
    
}