/* 
    Document   : speicalIcons
    Created on : 10.10.2013, 22:47:19
    Author     : Grafik
    Description:
        Specials icons (symbols) for "Beratungsfelder".
*/

/**************************************/
/* special icons for subnavi */

.wrapper .sub_navigation ul li a,
.wrapper .sub_navigation ul li a:hover {
    height: 33px;
}

/* first li */
.wrapper .sub_navigation ul li.first a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px -107px no-repeat;
}

.wrapper .sub_navigation ul li.first a:hover,
.wrapper .sub_navigation ul li.first.current a {
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px -107px;
}

/* second li */
.wrapper .sub_navigation ul li.second a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px -107px no-repeat;
}

.wrapper .sub_navigation ul li.second a:hover,
.wrapper .sub_navigation ul li.second.current a {
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px -107px;
}

/* third li */
.wrapper .sub_navigation ul li.third a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px -220px no-repeat;
}

.wrapper .sub_navigation ul li.third a:hover,
.wrapper .sub_navigation ul li.third.current a{
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px -220px;
}

/* fourth li */
.wrapper .sub_navigation ul li.fourth a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px 5px no-repeat;
}

.wrapper .sub_navigation ul li.fourth a:hover,
.wrapper .sub_navigation ul li.fourth.current a {
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px 5px;
}

/* fifth li */
.wrapper .sub_navigation ul li.fifth a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px -446px no-repeat;
}

.wrapper .sub_navigation ul li.fifth a:hover,
.wrapper .sub_navigation ul li.fifth.current a {
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px -446px;
}

/* sixt li */
.wrapper .sub_navigation ul li.sixt a {
    margin: 1px 3px;
    background: url(images/sprite_subnavi.png) 3px 5px no-repeat;
}

.wrapper .sub_navigation ul li.sixt a:hover,
.wrapper .sub_navigation ul li.sixt.current a {
    color: #289BBE;
    border-radius: 5px;
    border-top-right-radius: 0;
    background-color: #fff;
    background-position: -224px 5px;
}