/* 
    Created on : 29.01.2016, 10:26:14
    Author     : liebsche
*/

#zielgruppen_nav {
   float: left;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table;
   /* width: 100%; */
   font-family:'InfoTextWeb-Regular','Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;
   font-size:0.925rem;
   text-transform: uppercase;
   letter-spacing: 0.035rem;
   line-height: 2.0rem;
   color: black;
   position: relative;
   padding: 0.5rem 0 1.5rem 0;
   padding: 0 0 20px 0;
   margin-top: -20px;
}

#zielgruppen_nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#zielgruppen_nav li {
   line-height: 2.0rem;
   margin: 0;
   padding: 0;
}

#zielgruppen_nav a {
   display: block;
   color: black;
   text-decoration: none;
}
#zielgruppen_nav a:focus,
#zielgruppen_nav a:hover,
#zielgruppen_nav a:active {
   color: #7A003F;
}

#zielgruppen_links {
   display: table-cell;
   background-color: #FFD983;
   padding:0 1rem 0 1rem;
   padding: 0 15px 0 15px;
   border-top-left-radius: 0.2rem;
   border-bottom-left-radius: 0.2rem;
   width: 76.5%;
   width: 700px;
}

#zielgruppen_links ul {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
}
#zielgruppen_links li {
   float: left;
   margin: 0;
   padding: 0 0.6rem 0 0;
}

#weitere_zielgruppen_links {
   display: table-cell;
   vertical-align: top;
   background-color: #FFD983;
   width:23.5%;
   width: 225px;
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
   padding: 0 0 0 0.75rem;
   padding: 0 5px 0 20px;
}

#wzg_title  {
        text-align:center;
   padding: 0 0 0 05px;
}
#wzg_title span:after {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        padding: 0 0 0 5px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 0.45;
        font-family: 'Genericons';
        font-weight: normal;
        font-style: normal;
        vertical-align: bottom;
   content: '\f502';
}

#wzg_liste {
   position: absolute;
   right: 5000px;
   background-color: #FFD983;
   width:23.5%;
        border-bottom-left-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
   z-index: 9999;
}

#wzg_liste li {
   border-top: solid 1px white;
   padding: 0 0.75rem;
   text-align: left;
}

#weitere_zielgruppen_links:hover #wzg_liste {
   right: 0;
}
#weitere_zielgruppen_links:hover {
        border-bottom-right-radius: 0;
}