#lexicon {
    width 100%;
    display flex;
    gap 20px;
    justify-content space-between;
    align-items flex-start;    
}

#lexicon #navigation {
    width 20%;
    display flex;
    flex-direction column;
    align-items flex-start;
    background #fff;
    border 1px solid #ccc;
    padding 1px;
    -moz-border-radius 7px;
    -webkit-border-radius 7px;
    border-radius 7px;  
}

#lexicon #navigation .navigation-headline {
    min-height 50px;
    width 100%;
    display flex;
    justify-content center;
    align-items center;
    font-weight bold;
    text-transform uppercase;
    text-align center;
    padding 0 5px;
    box-sizing border-box;
    background #0066a2 url(../../../......imagesthead.png) top left repeat-x;
    color #ffffff;
}

#lexicon #navigation .navigation-headlinefirst-child {
    -moz-border-radius-topleft 6px;
    -moz-border-radius-topright 6px;
    -webkit-border-top-left-radius 6px;
    -webkit-border-top-right-radius 6px;
    border-top-left-radius 6px;
    border-top-right-radius 6px;
}

#lexicon #navigation .navigation-headlinefirst-child alink,
#lexicon #navigation .navigation-headlinefirst-child avisited,
#lexicon #navigation .navigation-headlinefirst-child aactive,
#lexicon #navigation .navigation-headlinefirst-child ahover {
    margin-left 0;
}

#lexicon #navigation .navigation-headline alink,
#lexicon #navigation .navigation-headline avisited,
#lexicon #navigation .navigation-headline aactive,
#lexicon #navigation .navigation-headline ahover {
    color #ffffff;
    margin-left 5px;
}

#lexicon #navigation .navigation-item {
    min-height 25px;
    width 100%;
    margin 0 auto;
    padding 5px 20px;
    display flex;
    align-items center;
    box-sizing border-box;
    border-bottom 1px solid #ddd;
    background #f5f5f5;
}

#lexicon #navigation .navigation-itemlast-child {
    -moz-border-radius-bottomright 6px;
    -webkit-border-bottom-right-radius 6px;
    border-bottom-right-radius 6px;
    -moz-border-radius-bottomleft 6px;
    -webkit-border-bottom-left-radius 6px;
    border-bottom-left-radius 6px;
}

#lexicon #navigation .navigation-subitem {
    min-height 25px;
    width 100%;
    margin 0 auto;
    padding 0 20px 0px 20px;
    display flex;
    align-items center;
    box-sizing border-box;
    border-bottom 1px solid #ddd;
    background #f5f5f5;
}

#lexicon #navigation .navigation-subitem i {
    font-size 11px;
    padding-top 1px;
}

#lexicon #navigation .navigation-externallink-option {
    width 100%;
    text-align right;
}

#lexicon #navigation .navigation-search {
    width 100%;
    margin 0 auto;
    padding 10px 0;
    display flex;
    align-items center;
    box-sizing border-box;
    border-bottom 1px solid #ddd;
    background #f5f5f5;
    justify-content center;
}

#lexicon #navigation .navigation-search input.textbox {
    width 68%;
}

#lexicon .lexicon-entry {
    width 80%;
    box-sizing border-box;
    background #fff;
    border 1px solid #ccc;
    padding 1px;
    -moz-border-radius 7px;
    -webkit-border-radius 7px;
    border-radius 7px;    
}

#lexicon .lexicon-entry .entry-headline {
    height 50px;
    width 100%;
    font-size 30px;
    display flex;
    justify-content center;
    align-items center;
    font-weight bold;
    text-transform uppercase;
    background #0066a2 url(../../../......imagesthead.png) top left repeat-x;
    color #ffffff;
    -moz-border-radius-topleft 6px;
    -moz-border-radius-topright 6px;
    -webkit-border-top-left-radius 6px;
    -webkit-border-top-right-radius 6px;
    border-top-left-radius 6px;
    border-top-right-radius 6px;
}


#lexicon .lexicon-entry .entry-subline {
    text-align right;
    padding-right 10px;
    padding-top 5px;
    background #f5f5f5;
}

#lexicon .lexicon-entry .entry {
    background #f5f5f5;
    padding 20px 40px;
    text-align justify;
    line-height 180%;  
    -moz-border-radius-bottomright 6px;
    -webkit-border-bottom-right-radius 6px;
    border-bottom-right-radius 6px;
    -moz-border-radius-bottomleft 6px;
    -webkit-border-bottom-left-radius 6px;
    border-bottom-left-radius 6px;
}

#lexicon .lexicon-entry .entry.content {
    -moz-border-radius-bottomright 0;
    -webkit-border-bottom-right-radius 0;
    border-bottom-right-radius 0;
    -moz-border-radius-bottomleft 0;
    -webkit-border-bottom-left-radius 0;
    border-bottom-left-radius 0;
}

#lexicon .lexicon-entry .content-bit {
    padding 0 40px 40px 40px;
    display flex;
    flex-wrap wrap;
    justify-content space-between;
    gap 20px;
    background#f5f5f5;
    -moz-border-radius-bottomright 6px;
    -webkit-border-bottom-right-radius 6px;
    border-bottom-right-radius 6px;
    -moz-border-radius-bottomleft 6px;
    -webkit-border-bottom-left-radius 6px;
    border-bottom-left-radius 6px;
}

#lexicon .lexicon-entry .content-bit .content-letter {
    width 45%;    
}

#lexicon .lexicon-entry .content-bit .content-letter .content-item {
    margin-bottom 5px;    
}

#lexicon .lexicon-entry .content-bit .content-letter .content-item .content-item-cat {
    font-size0.7em;
}

#lexicon .lexicon-entry .lexicon_search_results {
    margin-bottom 10px;
}