/***************************************************************************************************
**  nav  *******************************************************************************************
***************************************************************************************************/
#nav{
	background:#000 url(../bilder/banner.png) no-repeat;
	color:#000;
	box-shadow:0 0 6px #000;
	-webkit-box-shadow:0 0 6px #000;
	-moz-box-shadow:0 0 6px #000;
	-o-box-shadow:0 0 6px #000;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(positive="true",color='#000000',direction='180',strength='4');*/
	display:block;
	font-family:'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:30px;
	left:0;
	margin:0;
	min-width:940px;
	padding:144px 0 0 0;
	position:absolute;
	text-align:left;
	text-shadow:0 1px 0 #CCC;
	top:0;
	width:100%;
	z-index:1;
}
#nav ul{
	background:linear-gradient(rgba(255,255,255,.6),rgba(175,175,175,.75));
	background:-webkit-linear-gradient(rgba(255,255,255,.6),rgba(175,175,175,.75));
	background:-moz-linear-gradient(rgba(255,255,255,.6),rgba(175,175,175,.75));
	background:-o-linear-gradient(rgba(255,255,255,.6),rgba(175,175,175,.75));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#99FFFFFF",EndColorStr="#BFAFAFAF");
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#BFAFAFAF')";
	border:none;
	display:block;
	height:30px;
	margin:0;
	padding:0;
}
#nav li{
	border:none;
	display:block;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	text-shadow:#CCC 0 1px 0;	
}
#nav li.active a, #nav li.active a:hover{
	color:#C03;
	text-shadow: #222 0 1px 0;
	-webkit-animation: none;
}
#nav li a:active, #nav li a:focus{
	color:#C03;
	text-shadow: #222 0 1px 0;
}
/*#nav li a:active{
	-webkit-animation-name: click;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}


@-webkit-keyframes click {
	from {
		color:#C03;
		text-shadow: #222 0px 1px 0px;
	} to {
		color:#CF3;
		text-shadow: #222 0px 1px 0px;
	}
}*/
div {
  -webkit-animation-name:pulse;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction:alternate;
}
#nav li a{
	color:#000;
	float:left;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:auto;
 	height:25px;
	margin:0;
	padding:5px 30px 0 30px;
}
/*#nav li:hover a{
	-webkit-animation: bounce 0.30s ease-in-out;
	-webkit-animation-iteration-count: 1;
}
@-webkit-keyframes bounce {
	0% {
		padding: 5px 30px 0 30px;
	} 50% {
		color:transparent;
		padding: 12px 30px 0 30px;
		text-shadow: none
	} 51% {
		color:transparent;
		padding: 0px 30px 0 30px;
		text-shadow: none
	} 85% {
		padding: 7px 30px 0 30px;
	} 100% {
		padding: 5px 30px 0 30px;
	}
}*/
/***************************************************************************************************
**  subNav  ****************************************************************************************
***************************************************************************************************/
#subNav{
	display: block;
	position:absolute;
	left:740px;
	top:174px;
	width:180px;
	height:auto;

	font-family:'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
	font-size: 14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
	
	color:#BBB;
	background:#1B1520;
	text-align:left;
	box-shadow:inset 2px 2px 8px #000;
	
	margin:0;
	padding:10px;
	
	z-index:1;
	
	box-shadow:inset #000 2px 2px 8px;
	-webkit-box-shadow:inset #000 2px 2px 8px;
	-moz-box-shadow:inset #000 2px 2px 8px;
	-o-box-shadow:inset #000 2px 2px 8px;
	-ms-box-shadow:inset #000 2px 2px 8px;
	-khtml-box-shadow:inset #000 2px 2px 8px;	
}
#subNav ul{
	display:block;
	height:auto;
	
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	
	font-weight:normal;
	background-color:transparent;
	
	margin:0;
	padding:0;
}
#subNav li{
	display:block;
	position:relative;
	height:auto;
	background-color:transparent;
	
	list-style:none;
	font-weight:normal;
	
	text-indent:0px;

	border:none;
	
	margin:0;
	padding:0;
}
#subNav li a{
	display:block;
	position:static;
	
	background-color:transperent;
	text-decoration: none;
	text-shadow: #333 0 1px 0;
	color:#888;
	width:168px;
	font-weight:normal;
	font-size:14px;
	
	height:22px;
	border-bottom:solid 1px #373737;	
	margin:0;
	padding:8px 6px 4px 6px;
}
#subNav li a:hover, #subNav li.active a, #subNav li a:focus{
	background:#291f30;
	color:#ECE6C5;
	letter-spacing:2px;
	text-decoration:none;	
}
#subNav li a:hover, #subNav li a{
	-webkit-transition: color            0.1s ease-in-out;
	-webkit-transition: letter-spacing   0.1s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
}
#subNav li a:active{
	background:#392738;
	-webkit-transition: background-color 0s;
}
#subNav li.active a{
	background:#392738;
}
#subNav li.last a{
	border-bottom-style: none;
}
#subNav address{
	box-reflect:below 0px linear-gradient(transparent 40%,rgba(41,31,48, 0.2) 100%);
	-webkit-box-reflect:below 0px -webkit-linear-gradient(transparent 40%,rgba(41,31,48, 0.2) 100%);
	-moz-box-reflect:below 0px -moz-linear-gradient(transparent 40%,rgba(41,31,48, 0.2) 100%);
	-o-box-reflect:below 0px -o-linear-gradient(transparent 40%,rgba(41,31,48, 0.2) 100%);
	display:block;
	font-size:12px;
	font-style:normal;
	margin:50px 0;
	padding:0 0 2px 0;
	text-shadow:#333 0 1px 0;
	
}
#subNav address strong{
	font-size:13px;
}
#subNav:hover address a{color:#37A;color:#8AF}
#subNav address a:hover{text-decoration:underline}

#subNav address a{
	color:#BBB;
	text-decoration:none;
}
#subNav address a:hover{
	text-decoration:underline;
}