/** * Frontend Stylesheet - navigation formats * * @author Sylvia Egger * @version $Id: navigations.css 11342 2009-06-08 14:26:55Z segger $ */ /**************************************/ /* Hauptnavigation #nav > .navcontent */ /**************************************/ /* Hauptnavigation: 1. Ebene */ #nav ul {list-style: none outside;margin: 0;padding: 0;font-size:80%;} #nav ul li {float:left;background: transparent;color: #004781;padding: 0;margin: 0;} #nav ul li span {display:block;margin:0;padding:3px 20px 3px 20px;} #nav ul .nav1aktiv {background: #fff url(/static/images/bg_nav1_active.gif) no-repeat right top;padding-right:27px;} #nav ul .navpostActive {padding-left:13px;} #nav ul a {font-weight:bold;text-decoration: none;color: #bebebe;background:transparent;} #nav ul a:visited {text-decoration: none;} #nav ul a:hover {color: #8e8e8e;text-decoration: none;} #nav ul a:focus {color: #8e8e8e;text-decoration: none;} #nav ul a:active {color: #8e8e8e;text-decoration: none;} #nav ul .nav1aktiv a {color: #6ab023;} #nav ul .language-change { float:right; color: #bebebe; padding:3px 3px 3px 5px; } #nav ul li.language-change span { padding: 0 7px 0 0; display: inline-block; } #nav ul .language-change img { vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin-bottom: 2px; } #nav ul img.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #nav ul .language-change a { margin-right: 7px; display: inline-block; } #nav ul .language-change a:hover img, #nav ul .language-change a:focus img, #nav ul .language-change a:active img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #nav ul .btContact {float:right;background:#68b022 url(/static/images/bg_bt_contact.gif) no-repeat right top;color:#fff;margin:0;padding:3px 28px 3px 9px;} #nav ul .btContact a {font-weight:normal;text-decoration: none;color: #fff;background:transparent;} #nav ul .btContact a:visited {text-decoration: none;} #nav ul .btContact a:hover {color: #fff;text-decoration: underline;} #nav ul .btContact a:focus {color: #fff;text-decoration: underline;} #nav ul .btContact a:active {color: #fff;text-decoration: underline;} /* 2. Ebene */ #nav2 ul {list-style: none outside;margin: 0;padding: 0;font-size:80%;line-height:120%;height:100%;} #nav2 ul li {float:left;color: #8e8e8e;background:transparent;padding:0;margin: 0;position:relative;z-index:6;} /* aktiver geklickter Punkt */ #nav2 ul li.active {background:transparent;color:#6ab023;} /* Moseover */ #nav2 ul li.over {background:#f6f6f6 url(/static/images/nav2_active_left.gif) no-repeat left top;} #nav2 ul li span {display:block;margin:0;padding:7px 11px 9px 11px;} #nav2 ul .nav2aktiv {background: #f6f6f6 url(/static/images/bg_nav2_active.gif) no-repeat right top;padding-right:13px;padding-left:0px;margin-left:11px;} #nav2 ul .nav2bevActive {padding-right:11px;} #nav2 ul .nav2postActive {padding-left:9px;} #nav2 ul a {font-weight:bold;text-decoration: none;color: #8e8e8e;background:transparent;} #nav2 ul a:visited {text-decoration: none;} #nav2 ul a:hover {color: #6ab023;text-decoration: none;} #nav2 ul a:focus {color: #6ab023;text-decoration: none;} #nav2 ul a:active {color: #6ab023;text-decoration: none;} #nav2 ul .active a {color: #6ab023;} /* 3. Ebene - Ausklapplayer */ #nav2 ul li .nav3Bottom {position:absolute;top:29px;left:0;width:185px;z-index:6;background:transparent url(/static/images/nav3_bottom.png) no-repeat left bottom;margin:0;padding:0;display:none;} #nav2 ul li .nav3Top {background:transparent url(/static/images/nav3_top.png) no-repeat left top;margin:0 0 8px 0;padding:4px 0 0 0;} #nav2 ul li .nav3 {background:transparent url(/static/images/bg_nav3.png) no-repeat left top;color:#666;margin:0;padding:0 3px 0 2px;} #nav2 ul li .nav3 ul {list-style:none outside;margin:0;padding:12px 6px 3px 7px;font-size:90%;line-height:110%;color:#666;background:#f6f6f6;} #nav2 ul li .nav3 ul li {margin:0 0 11px 0;padding:0 0 0 16px;float:none;font-family:Verdana, Arial, Helvetica,sans-serif;background:url(/static/images/ic_list.gif) no-repeat scroll 2px 1px transparent;color: #666;} #nav2 ul li .nav3 ul a {font-weight:normal;text-decoration: none;color: #666;background:transparent;margin:0;padding:0;} #nav2 ul li .nav3 ul a:visited {color: #666;background:transparent;text-decoration: none;} #nav2 ul li .nav3 ul a:hover {color: #666;background:transparent;text-decoration: underline;} #nav2 ul li .nav3 ul a:focus {color: #666;background:transparent;text-decoration: underline;} #nav2 ul li .nav3 ul a:active {color: #666;background:transparent;text-decoration: underline;} /* 2. Ebene der Metanavigation links */ #nav3 {margin:79px 0 20px 57px;padding:0;} #nav3 ul {list-style:none outside;margin:0;padding:0;font-size:70%;line-height:140%;color:#8e8e8e;background:transparent;} #nav3 ul li {float:left;margin:0 9px 7px 0;padding:0;} #nav3 ul a {display:block;font-weight:normal;text-decoration: none;color: #fff;background:transparent; margin:0;padding:0;text-align:center;text-transform:uppercase;width: 91px; height: 91px;filter:Alpha(Opacity=60);opacity:0.6;} #nav3 ul a:visited {text-decoration: none;} #nav3 ul a:hover {color: #fff;background:transparent;text-decoration: none;filter:Alpha(Opacity=100);opacity:1;} #nav3 ul a:focus {color: #fff;background:transparent;text-decoration: none;filter:Alpha(Opacity=100);opacity:1;} #nav3 ul a:active {color: #fff;background:transparent;text-decoration: none;filter:Alpha(Opacity=100);opacity:1;} #nav3 ul .active a {color: #fff;background:transparent;filter:Alpha(Opacity=100);opacity:1;} #nav3 ul .single {padding-top:41px;height:50px;} #nav3 ul .double {padding-top:35px;height:56px;} /**************************************/ /* Specialnavigation #navSpecial */ /**************************************/ #navSpecial ul {list-style: none outside;margin: 0;padding: 0;font-size:80%;line-height:120%;} #navSpecial ul li {float:right;background: transparent;color: #666;padding: 0;margin: 0;position:relative;z-index:99;} #navSpecial ul .btnProjects {background: transparent url(/static/images/bg_btn_projects.jpg) no-repeat left top;color:#666;margin:4px 0 0 0;padding:4px 0 5px 14px;width:130px;} #navSpecial ul .btnSearch {background: transparent url(/static/images/ic_search.gif) no-repeat 0 6px;color:#666;margin:4px 0 0 0;padding:4px 10px 5px 15px;} #navSpecial ul .btnProjects a, #navSpecial ul .btnSearch a {font-weight:normal;text-decoration: none;color: #666;background:transparent;} #navSpecial ul .btnProjects a:visited, #navSpecial ul .btnSearch a:visited {text-decoration: none;} #navSpecial ul .btnProjects a:hover, #navSpecial ul .btnSearch a:hover {color: #666;text-decoration: underline;} #navSpecial ul .btnProjects a:focus, #navSpecial ul .btnSearch a:focus {color: #666;text-decoration: underline;} #navSpecial ul .btnProjects a:active, #navSpecial ul .btnSearch a:active {color: #666;text-decoration: underline;} /**************************************/ /* Metanavigation #metanav */ /**************************************/ #metanav ul {margin: 0;padding: 0;font-size: 75%;line-height:100%;list-style:none;list-style-image: none;} #metanav ul li {float:left;margin:0;padding:0 14px 5px 14px;font-weight:bold;color: #8e8e8e; background:transparent url(/static/images/nav-tri.gif) no-repeat scroll 0 1px;} #metanav ul .first {padding-left:0;background-image:none;} #metanav ul a {color: #8e8e8e; background: transparent; text-decoration: none;} #metanav ul a:visited {color: #8e8e8e; background: transparent; text-decoration: none;} #metanav ul a:hover {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a:focus {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a:active {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a.active {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a.active:visited {color: #8e8e8e; background: transparent; text-decoration: none;} #metanav ul a.active:hover {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a.active:focus {color: #8e8e8e; background: transparent; text-decoration: underline;} #metanav ul a.active:active {color: #8e8e8e; background: transparent; text-decoration: underline;}