/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:      STYLEWORKS                                        */
/* website:      www.thestyleworks.de                              */
/* function:     secondary navigation & style switcher             */
/* author:       k. langenberg                                     */
/* date:         29-dec-2009                                       */
/* version:                                                        */
/*                                                                 */
/*                                                                 */

/* Styles for secondary navigation on the side ******************* */

/* Navigation */

#navigation .css {
    font-size: 0.95em;
    }

#navigation ul {
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    border: none;
    margin: 0;
    }

#navigation li {
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    border: none;
    margin: 0;
    }

#navigation a {
    background-image: url(../graphics/css-back-nav-a-8.gif);
    background-position: 100% 100%;
    background-repeat: repeat-y;
    text-decoration: none;
    font-size: 0.86em;
    line-height: 20px;
    font-family: Calibri,"Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 2px 22px 0 7px;
    border: none;
    margin: 0;
    outline: none;
    width: 119px;
    display: block;
    position: relative;
    }
#navigation a.acclink {
    background-position: 100% 0;
    font-size: 0.8em;
    }
#navigation a.h1:link,
#navigation a.h1:visited {
    color: #666;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 22px 0 7px;
    }
#navigation a.h1:hover {
    color: #07467f;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 22px 0 7px;
    }

#navigation a:link {
    color: #000;
    }
#navigation a:visited {
    color: #666;
    }
#navigation a:hover,
#navigation a:focus {
    color: #07467f;
    background-color: #e5f2fb;
    background-image: url(../graphics/css-back-nav-a-7.gif);
    background-position: 100% 100%;
    background-repeat: repeat-y;
    }

#f001 #navigation a.n01,
#f002 #navigation a.n02,
#f003 #navigation a.n03,
#f004 #navigation a.n04,
#f005 #navigation a.n05,
#f006 #navigation a.n06,
#f007 #navigation a.n07,
#f008 #navigation a.n08,
#f009 #navigation a.n09,
#f010 #navigation a.n10,
#f011 #navigation a.n11,
#f012 #navigation a.n12,
#f013 #navigation a.n13,
#f014 #navigation a.n14,
#f015 #navigation a.n15,
#f016 #navigation a.n16,
#f017 #navigation a.n17,
#f018 #navigation a.n18,
#f019 #navigation a.n19,
#f020 #navigation a.n20,
#f021 #navigation a.n21,
#f022 #navigation a.n22,
#f023 #navigation a.n23,
#f024 #navigation a.n24,
#f025 #navigation a.n25,
#f026 #navigation a.n26,
#f027 #navigation a.n27,
#f028 #navigation a.n28,
#f029 #navigation a.n29,
#f030 #navigation a.n30,
#f031 #navigation a.n31,
#f032 #navigation a.n32,
#f033 #navigation a.n33,
#f034 #navigation a.n34,
#f035 #navigation a.n35,
#f036 #navigation a.n36,
#f037 #navigation a.n37,
#f038 #navigation a.n38,
#f039 #navigation a.n39,
#f040 #navigation a.n40
    {
    color: #000;
    background-color: #f6e1c6;
    background-image: url(../graphics/css-back-nav-a-9.gif);
    background-position: 100% 100%;
    background-repeat: repeat-y;
    padding: 2px 22px 0 7px;
    border: none;
    margin: 0;
    width: 119px;
    }


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




/* Style switcher in reference */

#refswitch {
    border: none;
    text-align: center;
    }
#refswitch ul {
    background-color: transparent;
    padding: 0;
    border: none;
    margin: 0;
    }
#refswitch li {
    background-color: transparent;
    list-style: none;
    padding: 0;
    border: none;
    margin: 0;
    display: inline;
    }
#refswitch a {
    font: 18px bold Calibri,"Trebuchet MS",Verdana,sans-serif;
    text-decoration: none;
    padding: 0;
    border: none;
    margin: 0;
    outline: none;
    display: block;
    float: left;
    clear: right;
    width: 50%;
    }

#refswitch .qrf a {
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomright: 1em;
    border-radius-topright: 1em;
    border-radius-bottomright: 1em;
    }
#refswitch .sup a {
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    border-radius-topleft: 1em;
    border-radius-bottomleft: 1em;
    }

#refswitch li.qrf a.switch:link, #refswitch li.qrf a.switch:visited,
#refswitch li.sup a.switch:link, #refswitch li.sup a.switch:visited {
    color: #aba190;
    background: #f5f2ee;
    }

#refswitch li.sup a.switch:link:hover, #refswitch li.sup a.switch:visited:hover,
#refswitch li.qrf a.switch:link:hover, #refswitch li.qrf a.switch:visited:hover {
    color: #526473;
    background: #e9e9eb;
    }



/* Search form */

#navigation form {
    margin: 0;
    background-image: url(../graphics/css-back-nav-a-8.gif);
    background-position: 100% 100%;
    background-repeat: repeat-y;
    }

#navigation form p {
    color: #666;
    font-size: 1em;
    font-weight: bold;
    font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 2px 22px 0 7px;
    margin: 0;
    }

#navigation table, #navigation tr, #navigation td {
    margin: 0;
    border: none;
    padding: 0;
    border-collapse: collapse;
    }

#navigation input {
    margin: 0;
    border: none;
    padding: 0;
    }

#navigation input.inputform {
    background-color: #fefaf6;
    width: 110px;
    padding: 0;
    border: 1px solid #999999;
    margin-left: 7px;
    }
#navigation input.inputform:focus {
    background-color: #ffffff;
    width: 110px;
    padding: 0;
    border: 1px solid #000000;
    margin-left: 7px;
    }

#navigation input.button {
    color: #000;
    font-size: 0.95em;
    font-weight: bold;
    background-color: #feebd1;
    width:110px;
    text-align: center;
    padding: 1px 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff #b86e00 #b86e00 #ffffff;
    margin: 0.5em;
    }

#navigation span.searchradio {
    display: none;
    }