/* @override http://hinz.lagged.de/css/navi.css */

/* @override http://hinz.lagged.de/css/navi.css */

/* Sprachnavigation */

#sprache {
        float: right;
        width: 100px;
        height: 11px;
        margin: 20px 0 29px auto;
        padding: 0;
}
#sprache ul {
        display: inline;
        list-style-type: none;
}
#sprache ul li {
        float: left;
        margin: 0 4px 0 10px;
        float: right;
}
#sprache img {
        border: none;
}

/* Produktnavigation */

.pronav {
        margin: 72px 4px 0 0; /* wenn sprache, 72px auf 0 setzen; auch bei * html .pronav eins darunter*/
        padding: 0;
        list-style: none;
        height: 35px;
        width: 316px;
        background: #ededed url(/img/allgemein/navigation/pronav_schatten.gif) no-repeat right bottom;
        position:relative;
        z-index: 500;
        clear: right;
        float: right;
}
* html .pronav { /* ie5 + ie6 */
        margin: 72px 2px 0 0;
}
.pronav li.top {
        display: block;
        float: left;
}
.pronav li a.top_link {
        display: block;
        float: left;
        height: 35px;
        text-decoration: none;
        font-size: 12px;
        padding: 0;
        cursor: pointer;
        background: transparent;
}
.pronav li a#druck, .pronav li a#druck_aktiv {
        background: url(/img/allgemein/navigation/pronav_druck.jpg) 0 7px no-repeat;
        width: 78px;
}
.pronav li a#doku, .pronav li a#doku_aktiv {
        background: url(/img/allgemein/navigation/pronav_doku.jpg) 0 7px no-repeat;
        width: 78px;
}
.pronav li a#mobil, .pronav li a#mobil_aktiv {
        background: url(/img/allgemein/navigation/pronav_mobil.jpg) 0 7px no-repeat;
        width: 78px;
}
.pronav li a#online, .pronav li a#online_aktiv {
        background: url(/img/allgemein/navigation/pronav_online.jpg) 0 7px no-repeat;
        width: 78px;
}
.pronav li a#druck_aktiv, .pronav li a#doku_aktiv, .pronav li a#mobil_aktiv, .pronav li a#online_aktiv {
        background-position: 0;
}

/* 4er Leiste */

.pronav li a.top_link span {
        float: left;
        display: block;
        padding: 0;
        height: 35px;
        background: transparent;
}
.pronav table {
        border-collapse: collapse;
        width: 0; height: 0;
        position: absolute; top: 0; left: 0;
}
.pronav a:hover {
        visibility: visible; position: relative; z-index: 200;
}
.pronav li:hover {
        position: relative; z-index: 200;
}
.pronav ul,
.pronav :hover ul ul,
.pronav :hover ul :hover ul ul,
.pronav :hover ul :hover ul :hover ul ul,
.pronav :hover ul :hover ul :hover ul :hover ul ul {
        position: absolute; left: -9999px; top: -9999px;
        width: 0; height: 0;
        margin: 0; padding: 0;
        list-style: none;
}

/* 2. Ebene */

.pronav :hover ul.sub {
        left: -156px; top: 35px;
        padding: 0;
        width: 234px;
        height: auto; z-index: 300;
}
.pronav :hover ul#subdruck, .pronav :hover ul#subdruck ul, .pronav :hover ul#subdruck ul ul {
        background: #CE852D;
}
.pronav :hover ul#subdoku, .pronav :hover ul#subdoku ul, .pronav :hover ul#subdoku ul ul  {
        background: #478927;
}
.pronav :hover ul#submobil, .pronav :hover ul#submobil ul, .pronav :hover ul#submobil ul ul {
        background: #B11F2C;
}
.pronav :hover ul#subonline, .pronav :hover ul#subonline ul, .pronav :hover ul#subonline ul ul {
        background: #2D519C;
}
.pronav :hover ul.sub li {
        display: block;
        position: relative;
        float: left; width: 234px;
        font-weight: normal;
}
.pronav :hover ul#subdruck li {
        border-top: 1px solid #E2A460;
        border-bottom: 1px solid #AF6923;
}
.pronav :hover ul#subdoku li {
        border-top: 1px solid #60A03F;
        border-bottom: 1px solid #3D7020;
}
.pronav :hover ul#submobil li {
        border-top: 1px solid #CE3043;
        border-bottom: 1px solid #8C1022;
}
.pronav :hover ul#subonline li {
        border-top: 1px solid #3F66AA;
        border-bottom: 1px solid #204484;
}

/* ab 2. Ebene */

.pronav :hover ul.sub li a {
        display: block;
        font-size: 12px;
        line-height: 16px;
        padding: 6px 10px 6px 20px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        width: 234px; /* nur IE 5.x */
        voice-family: "\"}\"";
        width: 204px; /* 234px - padding-Seiten */
        voice-family: "\"}\"";
}
.pronav :hover ul.sub li a.fly {
        background: transparent;
}
.pronav :hover ul#subdruck li a:hover {
        background: #A3641F url(/img/allgemein/navigation/pronav_hover_druck.jpg) repeat-y;
}
.pronav :hover ul#subdoku li a:hover {
        background: #284F14 url(/img/allgemein/navigation/pronav_hover_doku.jpg) repeat-y;
}
.pronav :hover ul#submobil li a:hover {
        background: #7A111E url(/img/allgemein/navigation/pronav_hover_mobil.jpg) repeat-y;
}
.pronav :hover ul#subonline li a:hover {
        background: #1C3D75 url(/img/allgemein/navigation/pronav_hover_online.jpg) repeat-y;
}
.pronav :hover ul :hover ul,
.pronav :hover ul :hover ul :hover ul,
.pronav :hover ul :hover ul :hover ul :hover ul {
        left: -234px; top: -1px;
        background: transparent; padding: 0;
        width: 234px; z-index: 400;
        height: auto;
}

/*------------------------------Hauptnavigation */

.hauptnav {
        float: left;
        width: 226px;
        background: transparent;
        padding: 0;
        margin: 29px 0 30px 0;
        border-bottom: 1px solid #fff;
}
.hauptnav ul {
        position: relative;
        z-index: 500;
        padding: 0;
        margin: 0;
        list-style-type: none;
        width: 226px;
        white-space: nowrap;
        border-top: 1px solid #999;
}
.hauptnav li {
        background: transparent;
        float: left; /* ie7 */
}
.hauptnav table {
        position: absolute;
        border-collapse: collapse;
        top: -1px; left: 0;
        z-index: 100;
        font-size: 1em;
}

/* Links */

.hauptnav a, .hauptnav a:visited, #hauptkeinlink, #hauptsubaktiv {
        display: block;
        text-decoration: none;
        width: 226px;
        color: #444;
        text-indent: 30px;
        padding: 7px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #999;
}
* html .hauptnav a:hover {
        color: #444;
        background: transparent url(/img/allgemein/navigation/hauptnav_bg_hover.gif) right repeat-y;
        position: relative;
}
.hauptnav li:hover a {
        width: 226px;
}
.hauptnav li:hover {
        position: relative;
}
.hauptnav a:active, .hauptnav a:focus {
        background: transparent url(/img/allgemein/navigation/hauptnav_bg_hover.gif) right repeat-y;
}
.hauptnav li:hover > a {
        color: #444;
        background: transparent url(/img/allgemein/navigation/hauptnav_bg_hover.gif) right repeat-y;
}
.hauptnav li ul {
        visibility: hidden;
        position: absolute;
        top: -1px;
        left: 226px;
        padding: 0;
        background: #e2e2e2 url(/img/allgemein/navigation/hauptnav_bg_hover2.gif) repeat-y right;
        border-top: 1px solid #999;
        width: 226px;
}
.hauptnav li:hover > ul {
        visibility: visible;
}

.hauptnav ul ul li a:hover {
        background: url(/img/allgemein/navigation/hauptnav_bg_hover.gif) repeat-y;
}
.hauptnav ul a:hover ul li a {
        border-top: none; /* ie5 + ie6 */
        voice-family: "\"}\"";
        border-top: 1px solid #fff; /* ie6 */
        voice-family: "\"}\"";
}

/* ie5 + ie6  */

.hauptnav ul a:hover ul {
        visibility: visible;
}

/* offene Punkte */

.hauptnav #unsichtbar {
        visibility: hidden;
}
.hauptnav li.offen {
        background: #fff url(/img/allgemein/navigation/bg_weiss_schatten.gif) right repeat-y;
}
.hauptnav li.offen a, .hauptnav li.offen a#hauptkeinlink, .hauptnav li#hauptsubaktiv.offen {
        text-indent: 45px;
}
#hauptkeinlink, li#hauptaktiv a {
        background: #999 url(/img/allgemein/navigation/hauptnav_bg_hover.gif) right repeat-y;
}

/* Hauptnav Produkte */

.hauptnav a.hauptdruck, .hauptnav ul span#hauptdruckaktiv {
        color: #CE852D;
}
.hauptnav ul a:hover.hauptdruck {
        color: #fff;
        background: url(/img/allgemein/navigation/pronav_hover_druck.jpg) repeat-y;
        border-top: 1px solid #E2A460;
        border-bottom: 1px solid #AF6923;
}
.hauptnav ul a.hauptdoku, .hauptnav ul span#hauptdokuaktiv {
        color: #478927;
}
.hauptnav ul a:hover.hauptdoku {
        color: #fff;
        background: url(/img/allgemein/navigation/pronav_hover_doku.jpg) repeat-y;
        border-top: 1px solid #60A03F;
        border-bottom: 1px solid #3D7020;
}
.hauptnav ul a.hauptmobil, .hauptnav ul span#hauptmobilaktiv  {
        color: #B11F2C;
}
.hauptnav ul a:hover.hauptmobil {
        color: #fff;
        background: url(/img/allgemein/navigation/pronav_hover_mobil.jpg) repeat-y;
        border-top: 1px solid #CE3043;
        border-bottom: 1px solid #8C1022;
}
.hauptnav ul a.hauptonline, .hauptnav ul span#hauptonlineaktiv {
        color: #2D519C;
}
.hauptnav ul a:hover.hauptonline {
        color: #fff;
        background: url(/img/allgemein/navigation/pronav_hover_online.jpg) repeat-y;
        border-top: 1px solid #3F66AA;
        border-bottom: 1px solid #204484;
}

/* ------------------------------------------------------Produktuebersicht */

ul.prouebercontainer {
        padding: 0;
        margin: 18px 0 35px 0;
}
ul.prouebercontainer a.subproueber {
        padding-left: 20px;
        margin: 0;
        display: block;
}
ul.prouebercontainer li {
        list-style-type: none;
        font-size: 1em;
        line-height: 1.1em;
        padding: 0.7em 0;
        border-bottom: 1px solid #8d8d8d;
}
ul.prouebercontainer li a {
        text-decoration: none;
        color: #454545;
}
ul.prouebercontainer li a:hover, ul.prouebercontainer li a.grau:hover {
        text-decoration: none;
        color: #999;
}
ul.prodruck li a:hover, li.prodruck a:hover, ul.prouebercontainer li.prodruck a:hover, ul li a.prodruckaktiv, a.blaetterndruck {
        color: #c27e36;
}
ul.prodoku li a:hover, li.prodoku a:hover, ul.prouebercontainer li.prodoku a:hover, ul li a.prodokuaktiv, a.blaetterndoku {
        color: #3f822e;
}
ul.promobil li a:hover, li.promobil a:hover, ul.prouebercontainer li.promobil a:hover, ul li a.promobilaktiv, a.blaetternmobil {
        color: #ab202e;
}
ul.proonline li a:hover, li.proonline a:hover, ul.prouebercontainer li.proonline a:hover, ul li a.proonlineaktiv, a.blaetternonline {
        color: #2f4b8e;
}

/* Produktuebersicht Thumbs */

ul.prothumbs {
        width: 100%;
        height: 70px;
        padding: 0;
        margin: 1.5em 0 0.5em 0;
}
ul.prothumbs li {
        list-style-type: none;
        display: inline;
        margin: 0;
}
.prothumbs a img {
        width: 42px;
        margin: 0 1px 0 0;
        padding: 0;
        border: none;
}

/* Servicebox */

ul.servicebox {
        clear: both;
        margin: 0 0 35px 0;
        padding: 0;
        width: 196px;
}
ul.servicebox li {
        margin: 0;
        line-height: 1.1em;
        list-style: none;
        border-bottom: 1px solid #999;
        padding: 0.7em 0 0.7em 30px; /* ie5 */
        text-indent: -16px;  /* ie5 */
        voice-family: "\"}\"";
        padding: 0.7em 0 0.7em 26px; /* ie6 + andere */
        text-indent: 0;
        voice-family: "\"}\"";
}
* html ul.servicebox li {

}
ul.servicebox a {
        text-decoration: none;
        color: #999;
}
ul.servicebox a:hover {
        color: #666;
}
.drucken {
        background: url(/img/allgemein/service/drucken.gif) no-repeat center left;
}
.download {
        background: url(/img/allgemein/service/pdf.gif) no-repeat center left;
}
.cdlink {
        background: url(/img/allgemein/service/cd.gif) no-repeat center left;
}
.anfordern {
        background: url(/img/allgemein/service/produktinfo.gif) no-repeat center left;
}
.vergroessern {
        background: url(/img/allgemein/service/lupe.gif) no-repeat left center;
}
.login {
        background: url(/img/allgemein/service/login.gif) no-repeat center left;
}

/* Textlink mit Icon */

a.cdlink {
        text-decoration: none;
        padding: 0.5em 0 0.5em 22px;
        background: url(/img/allgemein/service/cd.gif) no-repeat left center;
}
a.pdflink {
        text-decoration: none;
        padding: 0.5em 0 0.5em 22px;
        background: url(/img/allgemein/service/pdf.gif) no-repeat left center;
}
a.zoomlink  { 
	font-style: normal; 
	text-decoration: none; 
	background: url(/img/allgemein/service/zoom.gif) no-repeat left center; 
	padding: 0.5em 0 0.5em 15px }

/* unterste Seitennavigation zum vor- und zurueckblaettern */

a.blaetterndruck, a.blaetterndoku, a.blaetternmobil, a.blaetternonline {
        text-decoration: none;
        margin: 15px 0 20px 0;
        padding: 0 0 0 30px;
        float: right;
}