﻿/*
* Copyrights by Finance Fircle
*
* Contact:	info@finance-circle.de.de
* Website:	www.finance-circle.de.de
* Design:	Cem Akgündüz
*/


/* MENUE AUFBAU ------------------------------------------------------------ */

ul#Navigation,
ul#Navigation ul,
ul#Navigation ul ul,
ul#Navigation ul ul ul
	{
	position:relative;
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 10000;
	}


ul#Navigation li
	{
	position: relative;
	float: left;
	}
	
ul#Navigation ul li
	{
	display: block;
	position: relative;
	width: 100%;
	}
	
	
ul#Navigation ul
	{
	position: absolute;
	left: 0px;
	}
	
ul#Navigation ul ul
	{
	top: 0px;
	}
	
ul#Navigation li a
	{
	white-space: nowrap;
	}
	
ul#Navigation li.Last a {
	background-image: none;
}
	
	
	
/* Hover Effect */

ul#Navigation li ul 
	{
	position: absolute;
	left: -999em; /
	}

ul#Navigation li:hover ul ul, 
ul#Navigation li.MenuHover ul ul 
	{
	left: -999em;
	}

ul#Navigation li:hover ul, 
ul#Navigation li li:hover ul, 
ul#Navigation li.MenuHover ul, 
ul#Navigation li li.MenuHover ul 
	{
	left: auto;
	}
	
ul#Navigation ul
	{
	width: 220px;
	}
	
ul#Navigation li:hover ul ul, 
ul#Navigation li li:hover ul ul, 
ul#Navigation li.MenuHover ul ul, 
ul#Navigation li li.MenuHover ul ul
	{
	margin-left: 220px;
	width: 220px;
	} 



/* MENUE DESIGN ----------------------------------------------------------- */

ul.Menue
	{
	height: 40px;
	}


ul.Menue li a {
	color: #ffffff;
	padding-right: 2px;
	background: url('../design/MenueTrenner.png') no-repeat right top;
	font-size: 14px;
	text-shadow: #2b5b92 1px 1px 0px;
	}
	
*html ul.Menue li a:active,
*html ul.Menue li a:visited {
	color: #FFFFFF;
}
	
ul.Menue li a span {
	display: block;
	padding: 14px 10px 13px 10px;
}
	
	
ul.Menue li a:hover span
	{
	background: #5c5c5c;
	}



ul.Menue li:hover span,	
ul.Menue li.MenuHover span,
ul.Menue li.active span {
	background: #666666;
	text-decoration: none;
	}
	
*html ul.Menue li:hover,	
*html ul.Menue li.MenuHover,
*html ul.Menue li.active {
	background: #666666;
	text-decoration: none;
	}


ul.Menue li:hover,	
ul.Menue li.MenuHover
	{
	cursor: n-resize;
	text-shadow: #141414 1px 1px 0px;
	}
	
ul.Menue li:hover a,	
ul.Menue li.MenuHover a
	{
	text-shadow: #141414 1px 1px 0px;
	}


ul.Menue li:hover ul li a,	
ul.Menue li.MenuHover ul li a
	{
	text-shadow: none;
	}


ul.Menue li a,
ul.Menue ul li a,
ul.Menue ul li ul li a
	{
	display: block;
	text-decoration: none;
	}
	

ul.Menue li,
ul.Menue ul li,
ul.Menue ul li ul li
	{
	padding: 0px;
	margin: 0px;
	}

	
ul.Menue ul li a,
ul.Menue ul li ul li a,
ul.Menue ul li ul li ul li a
	{
	margin: 0px;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
	background: #666666;
	font-size: 12px;
	text-shadow: none;
	}
	
ul.Menue ul li a span,
ul.Menue ul li ul li a span,
ul.Menue ul li ul li ul li a span {
	display: inline;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}


ul.Menue ul li a:hover,
ul.Menue ul li ul li a:hover,
ul.Menue ul li ul li ul li a:hover
	{
	background: #5c5c5c;
	text-decoration: none;
	text-shadow: none;
	}
	
	


	
/* SIDEBAR MENUE // */

.SidemenuBox {
	background: #f1f1f1;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.SidemenuBox h3,
.NewsBlock h2 {
	position: relative;
	height: 36px;
	line-height: 30px;
	margin: 0px 0px 0px -5px;
	padding: 0px 10px 0px 15px;
	background: url('../design/H3background.png') no-repeat left top;
	color: #000000;
	text-shadow: #ffffff 1px 1px 0px;
	font-size: 14px;
}

ul.SideMenue {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style: none;
}

ul.SideMenue li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

ul.SideMenue li a {
	display: block;
	margin-top: 1px;
	padding: 8px 16px 8px 26px;
	background: url('../design/ArrowBlack.png') no-repeat 10px 10px;
	text-decoration: none;
}

ul.SideMenue li a:hover {
	background: #dddddd url('../design/ArrowBlack.png') no-repeat 13px 10px;
	text-decoration: none;
}

