/*
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de 
CSS Document 

vertikale Navigationsliste mit zwei Ebenen in linker Spalte
Die Navigationsliste wird in TYPO3 dynamisch ersetzt. Die Formatangaben werden in das TypoScript SETUP Deines Templates uebernommen.
*/

/* Logo setup */
div#logo{ 
	width:80 px;
	height:80 px; 
	margin-top:0px;
	margin-left:60px;
}
div#logo a {
	background: url(../img/logo4webc.jpg) no-repeat;
	/*background: url(../img/newLogo3hdwebc.jpg) no-repeat;*/
	/*background: url(../img/logo2_c.jpg) no-repeat;*/
	/*background: url(../img/logo_anismall.gif) no-repeat;*/
	display:block; 
	text-decoration:none;
	color: #000000;
}
div#logo a img {
	margin-left:0;
}

* html div#logo a img {
	/*margin-left:-27px;*/
	}
	
div#logo a:hover img{
	visibility: hidden;
	
}


/* Navigation Allgemein */
div#navigation_links {
	width: 204px;
	height: auto;
	margin-top: -50px;
	margin-bottom: 16px;
	text-align: left;
	position: absolute;
	background-color: #ffffff;
	border-top: 1px solid #333333;
	
}
div#navigation_links ul {
	list-style: none;
	margin: 0;
	padding:0;
}
div#navigation_links ul li {
	list-style: url(none) none inside;
	margin: 0;
	padding:0;
	line-height: 130%;
}
div#navigation_links ul li a {
	display: block;
	/*padding:5px 20px 5px 0;*/
	margin:0;
	text-decoration: none;
	color: #000000;
}

div#navigation_links ul li a img { /* necessary for ie */
	margin-left:0;
}

/* 1. Ebene */
div#navigation_links ul li div.navi_links_header {
	background-color: #ffffff;
	border-right: 7px solid #666666;
	font-size: 130%;
	display:block; 
	text-decoration:none;
	font-weight:bold;
	color: #000000;
	padding-top:15px;
	padding-bottom:5px;
}


div#navigation_links ul li a.navi_links {
	display:block;
	background-color: #ffffff;
	border-right: 7px solid #666666;
	font-size: 120%;
	background: url(../img/basketballicon_c.gif) no-repeat;
	display:block; 
	text-decoration:none;
	font-weight:normal;
	color: #000000;
}

div#navigation_links ul li a.navi_links  img {
	display:inline; 
	width:18px; 
	height:18px; 
	border:0;
	margin-right:10px;
}	

* html div#navigation_links ul li a.navi_links  img {
	margin-left:-16px;
}/*hack for ie*/

div#navigation_links ul li a.navi_links_hover, div#navigation_links ul li a.navi_links:hover {
	display:block;
	border-right: 7px solid orange;/*#ff0000;*/
	background-color: #ffffff;
	color: orange;
	/*padding-left: 5px;*/
	font-size: 120%;
	text-decoration : none;
	font-weight:normal;
}

div#navigation_links ul li a.navi_links:hover  img {
	visibility: hidden;
}

div#navigation_links ul li a.navi_links_active {
	display:block;
	border-right: 7px solid #ff0000;
	background-color: #ffffff;
	color: #000000;
	background: url(../img/basketballicon_c.gif) no-repeat;
	display:block;
	/*padding-left: 5px;*/
	font-size: 120%;
}

div#navigation_links ul li a.navi_links_active  img {
	display:inline; 
	width:18px; 
	height:18px; 
	border:0;
	margin-right:10px;
	/*#margin-left:-16px;*/ /* firefox sees # as comment IE does not */
	visibility:hidden;
}
div#navigation_links ul li a.navi_links_actifsub {
	/*display:block;*/
	border-right: 7px solid #666666;
	background-color: #ffffff;
	color: orange;
	text-align:left;
	background: url(../img/basketballicon_c.gif) no-repeat;
	display:block;
	/*padding-left: 5px;*/
	font-size: 120%;
}

div#navigation_links ul li a.navi_links_actifsub  img {
	visibility: hidden;
	width:18px; 
	height:18px;
	margin-right:10px;
}

/* 2. Ebene */
div#navigation_links ul li ul {
	text-align:left;
	margin-left:20px;
}

div#navigation_links ul li a.navi_links_2 {
	display:block;
	background-color: #eeeeee;
	border-right: 7px solid #666666;
	text-align:center;
	color: #333333;
}

div#navigation_links ul li a.navi_links_2_hover, div#navigation_links ul li a.navi_links_2:hover {
	display:block;
	border-right: 7px solid orange;/*#ff0000;*/
	background-color: #dddddd;
	color: #333333;
}

div#navigation_links ul li a.navi_links_2_active {
	display:block;
	border-right: 7px solid #ff0000;
	background-color: #dddddd;
	color: #333333;
	text-align : center;
}

div#unter_navi{
	
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-left:0px;
	
	width:200px;
	height:auto;
	/*background-color:#ff00ff;*/
	float:left;
	margin-bottom:0px;
	position:relative;
	
}

* html div#unter_navi {
	width:201px;
	
}


div#USER {
	margin-top:10px;
	margin-left:10px;
}

div#USER a {
	color:#ff0000;
	
	font-weight:bold;
	text-decoration:none;
}

a.logquest{
	
	font-weight:normal;
	text-decoration:none;
	cursor:help;
}

span.loggedin{
	text-decoration:none;
	color:#f00000;
	font-weight:normal;
}


div#Page_Administration a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}


div#Partner_Vereine a img {
	width:80;
	height:80;
	margin-left:35px;
}


div#Partner_Vereine {
	font-size:13px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
}

div#Sponsoren {
	font-size:13px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
}

div#Sponsoren a img {
	width:150;
	margin-left:10px;
}

div#Page_Administration {
	font-size:9px;
	margin-left:10px;
	margin-top:10px;
}