/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für www.ihk-nordwestfalen.de
| past | 2009-04-08
| 
| inhaltsverzeichnis
| - ==navigation:   Navigation
| - ===service:     Servicenavigation
| - ===main:        Hauptnavigation
| - ===spec:        Spezifikation der einzelnen Hauptpunkte
| - ===noscript:    Noscript-Bereich
| - ===footer:      Navigation im Content-Footer
| - ==breadcrumb:   Brotkrumennavigation
| - ==sitemap:      Sitemap
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation ===service */
  
#navigation-service {
    float: none;
    clear: both;
    position: relative;
    z-index: 200;
}


/* Ebene 1 */

#navigation-service ul {
    padding-top: 6px;
}

#navigation-service li {
	position: relative;
    background: #EDEFF2;
    border-left: 1px solid #CED3DC;
    display: block;
    float: right;
    height: 22px;
}

#navigation-service li.sfHoverColor {
    background: #DDDEE0;
}

#navigation-service li div {
    border-left: 1px solid #FFF;
    
}

#navigation-service li.last div {
    border-left: 1px solid #FFF;
    
}

#navigation-service li a {
    color: #404040;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
}

#navigation-service li a { display: block; padding: 0 6px; }
#navigation-service li.last a { padding: 0 7px 0 8px; }


/* Ebene 2 */

#navigation-service li ul {
    position: absolute;
    left: 0;
    top: 22px;
    width: 174px;
    display: none;
    padding: 5px 0;
    background: #EDEFF2;
    border-left: 1px solid #676767;
    border-right: 1px solid #676767;
    border-bottom: 1px solid #676767;
}
#navigation-service li.first ul {
	left: auto;
	right: 0;
}

#navigation-service li.sfHover ul {
	display: block;
}

#navigation-service li li {
    border: none;
    float: none;
    height: auto;
    padding: 3px 5px;
}

#navigation-service li li a,
#navigation-service li.last li a {
    font-size: 11px;
    height: auto;
    line-height: 16px;
    text-align: left;
}

#navigation-service li li a:hover {
    text-decoration: underline;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation ===main */
  
#navigation-main {
    float: none; clear: both;
    position: relative; z-index: 100;
    width: 100%;
}


/* Allgemeine Einstellungen */
#navigation-main a {
    text-decoration: none;
}


/* Ebene 1 */
#navigation-main li.lvl1 {
    background: url(../images/navigation-main-bg.png);
    border-right: 1px solid #FFF;
    display: block; float: left;
    height: 28px;
}

#navigation-main li.last {
    border-right: none;
}

#navigation-main a.lvl1 {
    color: #FFF;
    display: block;
    font-size: 13px;
    line-height: 27px;
    text-decoration: none;
    text-indent: -9999px;
}


/*** Aufklapp-Bereich - Anfang ***/
#navigation-main li.lvl1 div {
    background-color: #f0f6fe;
    border-bottom: 1px solid #CED3DC;
    display: none;
    padding-bottom: 20px;
    position: absolute; top: 27px; left: 0;
    width: 918px; height: auto;
}

#navigation-main li.lvl1 div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 916px;
    padding-top: 10px;
	border-top: none;
    border-right: 1px solid #CED3DC;
    border-bottom: 1px solid #CED3DC;
    border-left: 1px solid #CED3DC;
}

#navigation-main li.lvl1 div p {
    background: #EEE;
    border-top: 1px solid #FFF;
    height: 23px;
    position: absolute; bottom: 0;
    width: 916px;
}

#navigation-main li.lvl1 div p a {
    background: none;
    border: none;
    color: #000;
    display: inline;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding-left: 10px;
    text-indent: 0;
    width: 100%;
}
/*** Aufklapp-Bereich - Ende ***/


/* Ebene 2 - Standardansicht */
#navigation-main ul.lvl2 {
    overflow: auto;
}

#navigation-main ul.lvl2 li.lvl2 {
    display: block;
    float: left;
    padding: 7px 5px 7px 5px;
    width: 209px;
    height: auto;
}

#navigation-main ul.lvl2 a.lvl2 {
	display: block;
    background: url(../images/link.png) no-repeat left center;
    color: #155092;
    font-weight: bold;
    line-height: 15px;
    padding: 3px 0 3px 20px;
}
#navigation-main ul.lvl2 li.lvl2 a:hover {
    background-color: #fff;
    zoom: 1;
}


/* Ebene 3 - Standardansicht */
#navigation-main ul.lvl3 {
    background: none;
    border: none;
    margin-top: 3px;
}

#navigation-main ul.lvl3 li.lvl3 {
    display: block;
    float: none;
    padding: 0 10px 0 0;
}

#navigation-main ul.lvl3 a.lvl3 {
    color: #646466;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 3px 0 3px 20px;
}
#navigation-main ul.lvl3 li.lvl3 a:hover {
    background-color: #fff;
    zoom: 1;
}



/* Ebene 2 - Spezialansicht */
#navigation-main div.lvl2-special {
    background: url(../images/navigation-main-lvl2-special-bg.png) repeat-y center top;
}

#navigation-main ul.lvl2-special {
    overflow: auto;
}

#navigation-main ul.lvl2-special li.lvl2 {
    display: block;
    float: left;
    padding: 7px 5px;
    width: 448px;
    height: auto;
}

#navigation-main ul.lvl2-special a.lvl2 {
	display: block;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 0 0 20px;
}
#navigation-main ul.lvl2-special li.lvl2 a:hover {
    zoom: 1;
}


/* Ebene 3 - Spezialansicht */
#navigation-main ul.lvl3-special {
    background: none;
    border: none;
    margin-top: 8px;
}

#navigation-main ul.lvl3-special li.lvl3 {
    display: block;
    float: left;
    width: 224px;
    padding: 0;
}

#navigation-main ul.lvl3-special a.lvl3,
#navigation-main ul.lvl3-special a:hover.lvl3 {
    display: block;
    visibility: hidden;
    height: 0;
}


/* Ebene 4 - Spezialansicht */
#navigation-main ul.lvl4 {
    background: none;
    border: none;
    margin-top: 3px;
}

#navigation-main li.lvl4 {
    display: block;
    float: none;
    padding: 0 10px 0 0;
}

#navigation-main a.lvl4 {
    color: #646466;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 3px 0 3px 20px;
}

#navigation-main li.lvl3-first a.lvl4 {
    background: url(../images/link.png) no-repeat left center;
    color: #155092;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

#navigation-main li.lvl4 a:hover {
    background-color: #fff;
    zoom: 1;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   ==navigation ===spec */

/* Standortpolitik */
#navigation-main li.standortpolitik a.lvl1 {
    background: url(../images/navigation/standortpolitik.gif) no-repeat 0 0;
    border-bottom: 4px solid #d41b2c;
    width: 116px;
}

#navigation-main li.standortpolitik-active a.lvl1 {
    border-bottom: 4px solid #d41b2c;
}

#navigation-main li.standortpolitik div.border {
    border-top: 4px solid #d41b2c;
}

/* Starthilfe und Unternehmensförderung */
#navigation-main li.starthilfe-und-unternehmensfoerderung a.lvl1 {
    background: url(../images/navigation/starthilfe-und-unternehmensfoerderung.gif) no-repeat 0 0;
    border-bottom: 4px solid #ec7404;
    width: 261px;
}

#navigation-main li.starthilfe-und-unternehmensfoerderung-active a.lvl1 {
    border-bottom: 4px solid #ec7404;
}

#navigation-main li.starthilfe-und-unternehmensfoerderung-active div.border {
    border-top: 4px solid #ec7404;
}

/* Aus- und Weiterbildung */
#navigation-main li.aus-und-weiterbildung a.lvl1 {
    background: url(../images/navigation/aus-und-weiterbildung.gif) no-repeat 0 0;
    border-bottom: 4px solid #f7d100;
    width: 170px;
}

#navigation-main li.aus-und-weiterbildung-active a.lvl1 {
    border-bottom: 4px solid #f7d100;
}

#navigation-main li.aus-und-weiterbildung-active div.border {
    border-top: 4px solid #f7d100;
}

/* Innovation und Umwelt */
#navigation-main li.innovation-umwelt a.lvl1 {
    background: url(../images/navigation/innovation-umwelt.gif) no-repeat 0 0;
    border-bottom: 4px solid #98b604;
    width: 147px;
}

#navigation-main li.innovation-umwelt-active a.lvl1 {
    border-bottom: 4px solid #98b604;
}

#navigation-main li.innovation-umwelt div.border {
    border-top: 4px solid #98b604;
}

/* International */
#navigation-main li.international a.lvl1 {
    background: url(../images/navigation/international.gif) no-repeat 0 0;
    border-bottom: 4px solid #6591ae;
    width: 99px;
}

#navigation-main li.international-active a.lvl1 {
    border-bottom: 4px solid #6591ae;
}

#navigation-main li.international div.border {
    border-top: 4px solid #6591ae;
}

/* Recht und Fairplay */
#navigation-main li.recht-fairplay a.lvl1 {
    background: url(../images/navigation/recht-fairplay.gif) no-repeat 0 0;
    border-bottom: 4px solid #7d197a;
    width: 120px;
}

#navigation-main li.recht-fairplay-active a.lvl1 {
    border-bottom: 4px solid #7d197a;
}

#navigation-main li.recht-fairplay div.border {
    border-top: 4px solid #7d197a;
}

/* angeklickter Zustand, Subnavi sichtbar, Hintergrundbild verschoben */
#navigation-main li.clicked a.lvl1,
#navigation-main li a.active {
    background-position: 0 -28px;
}

#navigation-main li.clicked div {
    display: block;
}



/* eingefärbte Ausklapp-Navigation */
#navigation-main li.standortpolitik-active div.border div p                       { background-color: #D41B2C; }
#navigation-main li.starthilfe-und-unternehmensfoerderung-active div.border div p { background-color: #EC7404; }
#navigation-main li.aus-und-weiterbildung-active div.border div p                 { background-color: #F7D100; }
#navigation-main li.innovation-umwelt-active div.border div p                     { background-color: #98B604; }
#navigation-main li.international-active div.border div p                         { background-color: #6591AE; }
#navigation-main li.recht-fairplay-active div.border div p                        { background-color: #7D197A; }

#navigation-main li.standortpolitik-active div.border div p a                       { color: #fff; }
#navigation-main li.starthilfe-und-unternehmensfoerderung-active div.border div p a { color: #fff; }
#navigation-main li.aus-und-weiterbildung-active div.border div p a                 { color: #000; }
#navigation-main li.innovation-umwelt-active div.border div p a                     { color: #fff; }
#navigation-main li.international-active div.border div p a                         { color: #fff; }
#navigation-main li.recht-fairplay-active div.border div p a                        { color: #fff; }



/* Sondereinstellungen für Untermenüs in Aus-/Weiterbildung */
/*#navigation-main li.aus-und-weiterbildung div.border div {
	padding-top: 0;
	background: #F0F6FE url(../images/_navi_divider_1.gif) repeat-y center top;
}
#navigation-main li.aus-und-weiterbildung-active li.lvl2 {
	width: 458px;
	padding: 17px 0 7px 0;
	margin: 0;
}
#navigation-main li.aus-und-weiterbildung-active li.lvl2 a.lvl2 {
	margin-left: 5px;
}
#navigation-main li.aus-und-weiterbildung li.left {}
#navigation-main li.aus-und-weiterbildung li.right {}

#navigation-main li.aus-und-weiterbildung li.lvl3 {
	float: left;
	width: 219px;
	padding: 0 5px;
}*/



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation ===noscript */

#navigation-noscript {
    background-color: #F5F6F8;
    border: 1px solid #CED3DC;
    margin: 0 0 30px 0;
}

#navigation-noscript h2 { 
    height: auto !important; 
    line-height: 21px !important; 
    padding: 14px 0 !important;
}

#navigation-noscript ul { 
    margin: 0; padding: 10px 0 10px 30px;
}

#navigation-noscript ul li {
    background: none;
    border: 0;
    margin: 0; padding: 0 0 5px 0;
}

#navigation-noscript ul li a {
	background: url(../images/teaser-internal-link.gif) no-repeat 2px 2px;
	color: #676767 !important;
	font-weight: bold;
	padding-left: 19px;
	text-decoration: none;
}

#navigation-noscript ul ul {
    border: 0;
    padding: 5px 0 5px 20px;
}

#navigation-noscript ul ul li a { 
    background: none; 
    font-weight: normal;
    padding: 0;
    text-decoration: none;
}

#navigation-noscript ul ul li a:hover { 
    text-decoration: underline; 
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation ===footer */

#footer { clear: both; border-top: 1px solid #CED3DC; margin: 5px 0 15px 0; padding-top: 5px; zoom: 1; }

#footer #navigation-various { width: 49%; float: left; }
#footer #navigation-various ul {}
#footer #navigation-various li { float: left; margin-right: 10px; }
#footer #navigation-various a { color: #4d4d4d; font-size: 11px; height: 22px; line-height: 22px; font-weight: normal; text-decoration: none; }

#footer #pagetools { width: 49%; float: right; }
#footer #pagetools ul {}
#footer #pagetools li { float: right; margin-left: 10px; }
#footer #pagetools a {}
#footer #pagetools img { margin: 0 !important; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==breadcrumb */
  
#breadcrumb {
    margin-top: 12px;
    width: 100%;
}

#breadcrumb p {
    color: #155092;
    float: left;
    font-size: 11px;
}

#breadcrumb ul {
    margin-left: 110px;
}

#breadcrumb ul li {
    background: url(../images/breadcrumb-divider.png) no-repeat left center;
    display: block;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
}

#breadcrumb ul li,
#breadcrumb ul li a {
    color: #2E2D2F;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

#breadcrumb ul li.last {
    font-weight: normal;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==sitemap */
  
/* Allgemein */
#sitemap {}
#sitemap ul { margin: 0 0 5px 0; list-style-type: none; }
#sitemap ul li {}
#sitemap ul li a { color: #155092; background: transparent url(../images/link.png) left top no-repeat; padding-left: 20px; }

/* Ebene 1 */
#sitemap ul.level_1 {}
#sitemap ul.level_1 li { margin-bottom: 15px; font-weight: bold; font-size: 12px; }
	
/* Ebene 2 */
#sitemap ul.level_2 { margin-left: 20px; }
#sitemap ul.level_2 li { margin-bottom: 10px; }
#sitemap ul.level_2 li a {}

/* Ebene 3 */
#sitemap ul.level_3 { margin-left: 20px; }
#sitemap ul.level_3 li { margin: 2px 0; }
#sitemap ul.level_3 li a { font-weight: normal; }

/* Ebene 4 */
#sitemap ul.level_4 { margin-left: 20px; }
#sitemap ul.level_4 li { margin: 2px 0; }
#sitemap ul.level_4 li a { font-weight: normal; }