/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:      STYLEWORKS                                        */
/* website:      www.thestyleworks.de                              */
/* function:     header and primary navigation - screen only       */
/* author:       k. langenberg                                     */
/* date:         29-dec-2009                                       */
/* version:                                                        */
/*                                                                 */
/*                                                                 */

/* Styles for header navigation ********************************** */

/* For visually impaired readers: skip past navigation */

#jump {
    height: 17px;
    width: 54px;
    padding: 0;
    border: none;
    margin: 0;
    position: absolute;
    top: 115px;
    right: 10px;
    }

#jump a {
    background: url(../graphics/header-jump-navi.gif);
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    padding: 0;
    border: none;
    margin: 0 5px;
    float: right;
    }

#jump a#to-navi:link, #jump a#to-navi:visited {
    background-position: 0 0;
    }
#jump a#to-text:link, #jump a#to-text:visited {
    background-position: -27px 0;
    }

#jump a#to-text:hover, #jump a#to-text:focus, #jump a#to-text:active {
    background-position: -27px -27px;
    }
#jump a#to-navi:hover, #jump a#to-navi:focus, #jump a#to-text:active {
    background-position: 0 -27px;
    }

#jump a:link span, #jump a:visited span {
    display: none;
    }
#jump a:hover span, #jump a:focus span {
    text-align: right;
    font-size: 0.75em;
    color: #000;
    padding: 2px 5px 2px 10px;
    border: none;
    margin: 0;
    width: 200px;
    display: block;
    position: absolute;
    top: 40px;
    right: 0px;
    }



/* Primary Navigation on top */

#top-navigation {
    background-color: transparent;
    height: 31px;
    padding: 0;
    border: none;
    margin: 0;
    position: absolute;
    top: 108px;
    left: 0px;
    }

#top-navigation li {
    background-color: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    }

#top-navigation ul {
    background-color: transparent;
    padding: 0;
    margin: 0;
    }

#top-navigation a {
    font: bold 0.93em sans-serif;
    color: #000;
    text-decoration: none;
    padding: 0;
    border: none;
    margin: 0px;
    outline: none;
    height: 31px;
    display: block;
    float: left;
    }

#i0 #top-navigation a.thom {
    background-position: 0px -172px;
    }
#i1 #top-navigation a.tqrf {
    background-position: -72px -172px;
    }
#i4 #top-navigation a.tref {
    background-position: -231px -172px;
    }
#i2 #top-navigation a.tbas {
    background-position: -331px -172px;
    }
#i3 #top-navigation a.ttut {
    background-position: -450px -173px;
    }
#i6 #top-navigation a.tqui {
    background-position: -628px -173px;
    }
#i5 #top-navigation a.tgen {
    background-position: -687px -173px;
    }

#top-navigation a.thom:link, #top-navigation a.thom:visited {
    width:72px;
    background: 0px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.thom:hover, #top-navigation a.thom:focus {
    width:72px;
    background: 0px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.tqrf:link, #top-navigation a.tqrf:visited {
    width:159px;
    background: -72px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.tqrf:hover, #top-navigation a.tqrf:focus {
    width:159px;
    background: -72px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.tref:link, #top-navigation a.tref:visited {
    width:100px;
    background: -231px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.tref:hover, #top-navigation a.tref:focus {
    width:100px;
    background: -231px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.tbas:link, #top-navigation a.tbas:visited {
    width:119px;
    background: -331px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.tbas:hover, #top-navigation a.tbas:focus {
    width:119px;
    background: -331px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.ttut:link, #top-navigation a.ttut:visited {
    width:178px;
    background: -450px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.ttut:hover, #top-navigation a.ttut:focus {
    width:178px;
    background: -450px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.tqui:link, #top-navigation a.tqui:visited {
    width:59px;
    background: -628px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.tqui:hover, #top-navigation a.tqui:focus {
    width:59px;
    background: -628px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }

#top-navigation a.tgen:link, #top-navigation a.tgen:visited {
    width:124px;
    background: -687px -108px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }
#top-navigation a.tgen:hover, #top-navigation a.tgen:focus {
    width:124px;
    background: -687px -141px
                url(../graphics/css-back-header-7.jpg)
                no-repeat;
    }



#top-navigation li a:link span, #top-navigation li a:visited span {
    display: none;
    }
#top-navigation li a:hover span, #top-navigation li a:focus span {
    font-size: 1.09em;
    font-weight: normal;
    font-style: italic;
    line-height: 19px;
    text-align: left;
    color: #444;
    background:url(../graphics/top-across-spanback-2.jpg)
                no-repeat
                0 0
                #f5f1ed;
    padding: 2px 5px 2px 10px;
    border: none;
    margin: 0;
    width: 488px;
    height: 95px;
    display: block;
    position: absolute;
    top: -104px;
    right: -189px;
    }