@charset "utf-8";
/* CSS Document  ninjutsu akademie stuttgart*/


a.navie-link:link {color: #656D6E; text-decoration:none; font-weight: bold; font-size: 13px;}
a.navie-link:visited {color: #666666; text-decoration:none; font-weight: bold; font-size: 13px}
a.navie-link:hover {color: #000000; text-decoration:underline; font-weight: bold; font-size: 13px}
a.navie-link:actife {color: #000000; text-decoration:none; font-weight: bold; font-size: 13px}
 
a.seitenzahl-link:link {color: #656D6E; text-decoration:none; font-weight: bold; font-size: 13px;}
a.seitenzahl-link:visited {color: #666666; text-decoration:none; font-weight: bold; font-size: 13px}
a.seitenzahl-link:hover {color: #000000; text-decoration:underline; font-weight: bold; font-size: 13px}
a.seitenzahl-link:actife {color: #666666; text-decoration:none; font-weight: bold; font-size: 13px}

a.seitenzahl-link-on:link {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 18px;}
a.seitenzahl-link-on:visited {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 18px}
a.seitenzahl-link-on:hover {color: #000000; text-decoration:underline; font-weight: bold; font-size: 18px}
a.seitenzahl-link-on:actife {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 18px}

a.seitenzahl-weiter:link {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 13px;}
a.seitenzahl-weiter:visited {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 13px}
a.seitenzahl-weiter:hover {color: #000000; text-decoration:underline; font-weight: bold; font-size: 13px}
a.seitenzahl-weiter:actife {color: #ff0000; text-decoration:none; font-weight: bold; font-size: 13px}

body {
  	height: 100%;
  	width: 100%;
  	top: 0px;
  	left: 0px;
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #000000;
 	 background-color: #ffffff;
 	 position: absolute;
  }
  
#head {
	background-color: #ffffff;
	height: 116px;
	width: 745px;
	float: left;
	position: absolute;
	left: 215px;
	top: 0px;
	z-index:50;
   }
	 
#navi-logo {
	height: 234px;
	width: 205px;
	float: left;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index:50;

   }	
    
#intro {
	height: 379px;
	width: 592px;
	position: absolute;
	left: 233px;
	top: 116px;
	z-index:100;
   }
	
#intro-background {
	background-image: url(image/navigation/intro-background.png);
	background-repeat: no-repeat;
	height: 490px;
	width: 750px;
	position: absolute;
	left: 215px;
	top: 116px;
	z-index:200;
   }
   
	
	
#actionroom {
	background-image: url(image/navigation/Hg-inhalt.gif);
	background-repeat: no-repeat;
	height: 490px;
	width: 750px;
	position: absolute;
	left: 215px;
	top: 116px;
	z-index:90;
   }
   
	
#navi-inhalt-hintergrund {
	background-image: url(image/navigation/hg-navi.gif);
	background-repeat: no-repeat;
	height: 376px;
	width: 205px;
	position: absolute;
	left: 10px;
	top: 234px;
    z-index:50;
   }
   
#navi-inhalt {
	height: 376px;
	width: 205px;
	position: absolute;
	left: 10px;
	top: 234px;
    z-index:90;

	
   }
   
/* animation navigations gesamte navigation */

#navigation ul{
	list-style-type: none;
	padding: 0px;

   }
			
#navigation li{
	margin-left: -25px;
	list-style: none;
	width: 180px;
   }
		
#navigation li a{
	display: block;			
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(image/navigation/navi-punkt1.gif) ; 				
	padding-left: 20px;	
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;	
	background-repeat:no-repeat;		
   }
			
#navigation li a:hover{
	background-image: url(image/navigation/navi-punkt1.gif) ;
	padding-left: 20px;	
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	background-repeat:no-repeat;		
   }
			
ul#navigation li a.li-neuigkeiten {
	margin-bottom: 10px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 35px;
	background-repeat:no-repeat;
	}

ul#navigation li a.li-neuigkeiten:hover,
ul#navigation li.li-neuigkeiten-active  {
	margin-bottom: 10px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 35px;
	background-repeat:no-repeat;
	}		
				
ul#navigation li a.li-ninjutsu {
	margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-ninjutsu:hover,
ul#navigation li.li-ninjutsu-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}			

ul#navigation li a.li-ninpo-do-konzept {
	margin-bottom: 5px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-ninpo-do-konzept:hover,
ul#navigation li.li-ninpo-do-konzept-active  {
margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}			
		
ul#navigation li a.li-trainingszeiten {
	margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position:5px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-trainingszeiten:hover,
ul#navigation li.li-trainingszeiten-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-probetraining {
	margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position:5px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-probetraining:hover,
ul#navigation li.li-probetraining-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-erwachsene {
	margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position:25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-erwachsene:hover,
ul#navigation li.li-erwachsene-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-jugendliche {
	margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position:25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-jugendliche:hover,
ul#navigation li.li-jugendliche-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}			
		
		
ul#navigation li a.li-waffentraining {
	margin-bottom: 15px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position:25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-waffentraining:hover,
ul#navigation li.li-waffentraining-active  {
	margin-bottom: 15px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}	
		
ul#navigation li a.li-akademie-team {
margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-akademie-team:hover,
ul#navigation li.li-akademie-team-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
	
		
ul#navigation li a.li-dojo {
margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-dojo:hover,
ul#navigation li.li-dojo-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
		
ul#navigation li a.li-bilder {
margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-bilder:hover,
ul#navigation li.li-bilder-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}			
	
ul#navigation li a.li-video {
	margin-bottom: 5px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-video:hover,
ul#navigation li.li-video-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}
	
ul#navigation li a.li-mitglieder-login {
	margin-bottom: 5px;
	list-style: none;
	color: #ff0000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-mitglieder-login:hover,
ul#navigation li.li-mitglieder-login-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}
		
ul#navigation li a.li-kontakt {
margin-bottom: 0px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-kontakt:hover,
ul#navigation li.li-kontakt-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}
		
ul#navigation li a.li-links {
	margin-bottom: 5px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt1.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-links:hover,
ul#navigation li.li-links-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}
		
		
ul#navigation li a.li-shop {
	margin-bottom: 5px;
	list-style: none;
	color: #656D6E;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/shop1.gif) ;	
	background-position: 30px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-shop:hover,
ul#navigation li.li-shop-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/shop2.gif) ;	
	background-position: 30px;
	background-repeat:no-repeat;
	}
		
ul#navigation li a.li-button-selected{
	margin-bottom: 10px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 35px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-button-selected:hover,
ul#navigation li.li-button-selected-active  {
	margin-bottom: 10px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 35px;
	background-repeat:no-repeat;
	}
		
ul#navigation li a.li-button-selected-inside {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-button-selected-inside:hover,
ul#navigation li.li-button-selected-inside-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}			
	
ul#navigation li a.li-button-selected-outside {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position:5px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-button-selected-outside:hover,
ul#navigation li.li-button-selected-outside-active  {
	margin-bottom: 0px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-ninpo-do-konzept2 {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position:25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-ninpo-do-konzept2:hover,
ul#navigation li.li-ninpo-do-konzept2-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-video2 {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position:5px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-video2:hover,
ul#navigation li.li-video2-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}		
		
ul#navigation li a.li-waffentraining2 {
	margin-bottom: 15px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position:25px;
	background-repeat:no-repeat;
	}
				
ul#navigation li a.li-waffentraining2:hover,
ul#navigation li.li-waffentraining2-active  {
	margin-bottom: 15px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}	
		
ul#navigation li a.li-mitglieder-login2 {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-mitglieder-login2:hover,
ul#navigation li.li-mitglieder-login2-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 40px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 25px;
	background-repeat:no-repeat;
	}	
		
ul#navigation li a.li-links2 {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-links2:hover,
ul#navigation li.li-links2-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 20px;	
	background-image: url(image/navigation/navi-punkt2.gif) ;	
	background-position: 5px;
	background-repeat:no-repeat;
	}
	
ul#navigation li a.li-shop2 {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/shop2.gif) ;	
	background-position: 30px;
	background-repeat:no-repeat;
	}	
				
ul#navigation li a.li-shop2:hover,
ul#navigation li.li-shop2-active  {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
	text-decoration:none; 
	font-weight: bold; 
	font-size: 13px;
	padding-left: 50px;	
	background-image: url(image/navigation/shop2.gif) ;	
	background-position: 30px;
	background-repeat:no-repeat;
	}
	
		
.navi2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #80888b;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

.rot-ueberschrift {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}
			
				
#trainingszeiten {
	background-image: url(image/navigation/Hg-inhalt.gif);
	background-repeat: no-repeat;
	height: 490px;
	width: 900px;
	position: absolute;
	left: 215px;
	top: 116px;
	z-index:90;
	text-align: center;
   }