/* ======================================================================
 *
 * Filename:    navigation.css
 * Website:     www.foerderverein-bkm.de
 * Author:      INTERPAGEmedia
 * Author URL:  http://www.interpage.de
 *
 * Date created:    unknown
 * Last modified:   14/12/2010
 *
 * Description: CSS for Navigations. (Main- and Subnavigation).
 *
 * ====================================================================== */





/* ########## Hauptnavigation (mainnav) ########## */

#mainnav {
	float: left;
	width: 700px;
	height: 38px;
	display: inline;
	margin: 20px 0 0 0;
	background: url(../img/mainnav.gif) no-repeat;
	}
	
	ul.mainnav {
		float: left;
		width: 700px;
		height: 38px;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		li.mainnav {
			float: left;
			list-style: none;
			}
			
			li.mainnav a {
				float: left;
				width: 100px;
				height: 38px;
				}
			
			
			
			li.mainnav a.home:link,
			li.mainnav a.home:visited {
				background: url(../img/mainnav-button-home.gif) no-repeat;
				}
				
			li.mainnav a.home:hover,
			li.mainnav a.home:active {
				background: url(../img/mainnav-button-home-mouseover.gif) no-repeat;
				}
				
			li.mainnav a.aufklaeren:link,
			li.mainnav a.aufklaeren:visited {
				background: url(../img/mainnav-button-aufklaeren.gif) no-repeat;
				}
				
			li.mainnav a.aufklaeren:hover,
			li.mainnav a.aufklaeren:active {
				background: url(../img/mainnav-button-aufklaeren-mouseover.gif) no-repeat;
				}
				
			li.mainnav a.hinsehen:link,
			li.mainnav a.hinsehen:visited {
				background: url(../img/mainnav-button-hinsehen.gif) no-repeat;
				}
				
			li.mainnav a.hinsehen:hover,
			li.mainnav a.hinsehen:active {
				background: url(../img/mainnav-button-hinsehen-mouseover.gif) no-repeat;
				}
				
			li.mainnav a.helfen:link,
			li.mainnav a.helfen:visited {
				background: url(../img/mainnav-button-helfen.gif) no-repeat;
				}
				
			li.mainnav a.helfen:hover,
			li.mainnav a.helfen:active {
				background: url(../img/mainnav-button-helfen-mouseover.gif) no-repeat;
				}
                
            li.mainnav a.aktuelles:link,
			li.mainnav a.aktuelles:visited {
                width: 138px;
                margin-left: 130px;
				background: url(../img/mainnav-button-aktuelles.gif) no-repeat;
				}
				
			li.mainnav a.aktuelles:hover,
			li.mainnav a.aktuelles:active {
                width: 138px;
                margin-left: 130px;
				background: url(../img/mainnav-button-aktuelles-mouseover.gif) no-repeat;
				}
				
				
				
			li.mainnav a.home_on {
				background: url(../img/mainnav-button-home.gif) no-repeat;
				}
				
			li.mainnav a.aufklaeren_on {
				background: url(../img/mainnav-button-aufklaeren-on.gif) no-repeat;
				}
				
			li.mainnav a.hinsehen_on {
				background: url(../img/mainnav-button-hinsehen-on.gif) no-repeat;
				}
				
			li.mainnav a.helfen_on {
				background: url(../img/mainnav-button-helfen-on.gif) no-repeat;
				}
            
            li.mainnav a.aktuelles_on {
				width: 138px;
                margin-left: 130px;
                background: url(../img/mainnav-button-aktuelles-on.gif) no-repeat;
				}
				
				
				
				
/* ########## Unternavigation (subnav) ########## */

#subnav {
	float: left;
	width: 125px;
	display: inline;
	margin: 40px 0 0 30px;
	}
	
	ul.subnav {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		li.subnav {
			list-style: none;
			}
			
			li.subnav a {
				width: 125px;
				display: block;
				margin: 0 0 20px 0;
				}
			
			
			
			li.subnav a.schlaumachen:link,
			li.subnav a.schlaumachen:visited {
				height: 10px;
				background: url(../img/subnav-button-schlaumachen.gif) no-repeat;
				}
				
			li.subnav a.schlaumachen:hover,
			li.subnav a.schlaumachen:active {
				background: url(../img/subnav-button-schlaumachen-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.foerderverein:link,
			li.subnav a.foerderverein:visited {
				height: 10px;
				background: url(../img/subnav-button-foerderverein.gif) no-repeat;
				}
				
			li.subnav a.foerderverein:hover,
			li.subnav a.foerderverein:active {
				background: url(../img/subnav-button-foerderverein-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.foerderer:link,
			li.subnav a.foerderer:visited {
				height: 10px;
				background: url(../img/subnav-button-foerderer.gif) no-repeat;
				}
				
			li.subnav a.foerderer:hover,
			li.subnav a.foerderer:active {
				background: url(../img/subnav-button-foerderer-mouseover.gif) no-repeat;
				}
					
				
			li.subnav a.kampagne:link,
			li.subnav a.kampagne:visited {
				height: 12px;
				background: url(../img/subnav-button-kampagne.gif) no-repeat;
				}
				
			li.subnav a.kampagne:hover,
			li.subnav a.kampagne:active {
				background: url(../img/subnav-button-kampagne-mouseover.gif) no-repeat;
				}
                
                
 			li.subnav a.presse:link,
			li.subnav a.presse:visited {
                width: 52px;
                height: 8px;
				background: url(../img/subnav-button-presse.gif) no-repeat;
				}
				
			li.subnav a.presse:hover,
			li.subnav a.presse:active {
				background: url(../img/subnav-button-presse-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.abhaengigkeit:link,
			li.subnav a.abhaengigkeit:visited {
				height: 12px;
				background: url(../img/subnav-button-abhaengigkeit.gif) no-repeat;
				}
				
			li.subnav a.abhaengigkeit:hover,
			li.subnav a.abhaengigkeit:active {
				background: url(../img/subnav-button-abhaengigkeit-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.zahlen:link,
			li.subnav a.zahlen:visited {
				height: 10px;
				background: url(../img/subnav-button-zahlen.gif) no-repeat;
				}
				
			li.subnav a.zahlen:hover,
			li.subnav a.zahlen:active {
				background: url(../img/subnav-button-zahlen-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.normal:link,
			li.subnav a.normal:visited {
				height: 10px;
				background: url(../img/subnav-button-normal.gif) no-repeat;
				}
				
			li.subnav a.normal:hover,
			li.subnav a.normal:active {
				background: url(../img/subnav-button-normal-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.selbsttest:link,
			li.subnav a.selbsttest:visited {
				height: 10px;
				background: url(../img/subnav-button-selbsttest.gif) no-repeat;
				}
				
			li.subnav a.selbsttest:hover,
			li.subnav a.selbsttest:active {
				background: url(../img/subnav-button-selbsttest-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.helfen:link,
			li.subnav a.helfen:visited {
				height: 10px;
				background: url(../img/subnav-button-helfen.gif) no-repeat;
				}
				
			li.subnav a.helfen:hover,
			li.subnav a.helfen:active {
				background: url(../img/subnav-button-helfen-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.hilfe:link,
			li.subnav a.hilfe:visited {
				height: 10px;
				background: url(../img/subnav-button-hilfe.gif) no-repeat;
				}
				
			li.subnav a.hilfe:hover,
			li.subnav a.hilfe:active {
				background: url(../img/subnav-button-hilfe-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.selbsthilfe:link,
			li.subnav a.selbsthilfe:visited {
				height: 10px;
				background: url(../img/subnav-button-selbsthilfe.gif) no-repeat;
				}
				
			li.subnav a.selbsthilfe:hover,
			li.subnav a.selbsthilfe:active {
				background: url(../img/subnav-button-selbsthilfe-mouseover.gif) no-repeat;
				}
                
                
 			li.subnav a.ideen:link,
			li.subnav a.ideen:visited {
                width: 82px;
				height: 9px;
				background: url(../img/subnav-button-ideen.gif) no-repeat;
				}
				
			li.subnav a.ideen:hover,
			li.subnav a.ideen:active {
				background: url(../img/subnav-button-ideen-mouseover.gif) no-repeat;
				}
                
                
 			li.subnav a.anzeigen:link,
			li.subnav a.anzeigen:visited {
                width: 101px;
				height: 12px;
				background: url(../img/subnav-button-anzeigen.gif) no-repeat;
				}
				
			li.subnav a.anzeigen:hover,
			li.subnav a.anzeigen:active {
				background: url(../img/subnav-button-anzeigen-mouseover.gif) no-repeat;
				}
				
				
			li.subnav a.spenden:link,
			li.subnav a.spenden:visited {
				height: 12px;
				background: url(../img/subnav-button-spenden.gif) no-repeat;
				}
				
			li.subnav a.spenden:hover,
			li.subnav a.spenden:active {
				background: url(../img/subnav-button-spenden-mouseover.gif) no-repeat;
				}
				
				
				
				
			li.subnav a.schlaumachen_on {
				height: 10px;
				background: url(../img/subnav-button-schlaumachen-mouseover.gif) no-repeat;
				}
				
			li.subnav a.foerderverein_on {
				height: 10px;
				background: url(../img/subnav-button-foerderverein-mouseover.gif) no-repeat;
				}
				
			li.subnav a.foerderer_on {
				height: 10px;
				background: url(../img/subnav-button-foerderer-mouseover.gif) no-repeat;
				}
				
			li.subnav a.kampagne_on {
				height: 12px;
				background: url(../img/subnav-button-kampagne-mouseover.gif) no-repeat;
				}
                
 			li.subnav a.presse_on {
				height: 8px;
                width: 52px;
				background: url(../img/subnav-button-presse-mouseover.gif) no-repeat;
				}
				
			li.subnav a.abhaengigkeit_on {
				height: 12px;
				background: url(../img/subnav-button-abhaengigkeit-mouseover.gif) no-repeat;
				}
				
			li.subnav a.zahlen_on {
				height: 10px;
				background: url(../img/subnav-button-zahlen-mouseover.gif) no-repeat;
				}
				
			li.subnav a.normal_on {
				height: 10px;
				background: url(../img/subnav-button-normal-mouseover.gif) no-repeat;
				}
				
			li.subnav a.selbsttest_on {
				height: 10px;
				background: url(../img/subnav-button-selbsttest-mouseover.gif) no-repeat;
				}
				
			li.subnav a.helfen_on {
				height: 10px;
				background: url(../img/subnav-button-helfen-mouseover.gif) no-repeat;
				}
				
			li.subnav a.hilfe_on {
				height: 10px;
				background: url(../img/subnav-button-hilfe-mouseover.gif) no-repeat;
				}
				
			li.subnav a.selbsthilfe_on {
				height: 10px;
				background: url(../img/subnav-button-selbsthilfe-mouseover.gif) no-repeat;
				}
                
 			li.subnav a.ideen_on {
                width: 82px;
                height: 9px;
				background: url(../img/subnav-button-ideen-mouseover.gif) no-repeat;
				}
                
 			li.subnav a.anzeigen_on {
                width: 101px;
                height: 12px;
				background: url(../img/subnav-button-anzeigen-mouseover.gif) no-repeat;
				}
				
			li.subnav a.spenden_on {
				height: 12px;
				background: url(../img/subnav-button-spenden-mouseover.gif) no-repeat;
				}