﻿/* -------  .Contentnavigation -- */
.contentnavigation_placeholder {
	width: auto;
	padding: 0px;
	position: relative;
	display: block;
	z-index: 1090;
	margin: 24px 24px 0px 24px;;
}        
		
	.contentnavigation_placeholder .contentnavigation_container .contentnavigation {
			margin: 0px;
			padding: 0px;
			width: 100%;			
			height:auto;
			position: relative;
			font-size: 12px;
			line-height: 24px;
			word-spacing: 2px;	
			vertical-align:middle;
			/*font-family:myDin;						
			background: url('/images/Sidebar/sidebar_background.png') repeat center center;			
			border-radius: 2px;*/
			
		}
			.contentnavigation > li {
				display: inline-block;
				vertical-align: middle;
				padding: 0px 6px;
				position: relative;
			}
			.contentnavigation > li[rel=sport]{
				text-transform:uppercase;
				font-size:15px;
			}
			.contentnavigation > li:first-child {
				padding-left:0px;
			}
			.contentnavigation > li:last-child {
				padding-right:0px;
			}

			/*.contentnavigation > li:last-child {
				border-radius: 0 2px 2px 0;
				float:right;
				margin-top: 0px;
				background-color:rgba(255, 255, 255, .3);
			}

			.contentnavigation > li:hover {
				background-color: #ffffff;
			}
			.contentnavigation > li:first-child:hover {
				border-radius: 2px 0 0 2px;
			}*/

				.contentnavigation > li > a {
					text-decoration: none;
					display: inline-block;
					text-align: center;
					vertical-align: middle;
					float:left;
					padding:0px;
					margin: 0px;
					color:#53565E; /*color: #3C4048;*//*#e7e5e5;*/	

								
					/*transition: .transition_menu*/
				}
				/*.contentnavigation > li:last-child a {
					color: #FFFFFF;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, .2);
					padding-top:3px;
				}
				.contentnavigation > li:last-child:hover a {
					color: #0096ff;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
					padding-top:3px;
				}*/
				.contentnavigation > li > a > span,
				.contentnavigation > li > a > img {
					display: inline-block;
					float: left;
					border: 1px solid rgb(180,160,251);
					vertical-align: middle;
					margin:0px;
					
					background-color: rgb(215,237,253);
					background-image: linear-gradient(top, rgb(215,237,253) 0%, rgb(185,203,255) 100%);
					background-image: -o-linear-gradient(top, rgb(215,237,253) 0%, rgb(185,203,255) 100%); 
					background-image: -moz-linear-gradient(top, rgb(215,237,253) 0%, rgb(185,203,255) 100%);
					background-image: -webkit-linear-gradient(top, rgb(215,237,253) 0%, rgb(185,203,255) 100%);
					background-image: -ms-linear-gradient(top, rgb(215,237,253) 0%, rgb(185,203,255) 100%);
			
					background-image: -webkit-gradient(linear,
										left top,
										left bottom,
										color-stop(0, rgb(215,237,253)),
										color-stop(1, rgb(185,203,255))
									);
				}
				.contentnavigation > li[tag=clear] > a > span {
					border: 1px solid #BABACA;
					
					background-color: rgb(245,245,245);
					background-image: linear-gradient(top, rgb(245,245,245) 0%, rgb(216,216,216) 100%);
					background-image: -o-linear-gradient(top, rgb(245,245,245) 0%, rgb(216,216,216) 100%);
					background-image: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgb(216,216,216) 100%);
					background-image: -webkit-linear-gradient(top, rgb(245,245,245) 0%, rgb(216,216,216) 100%);
					background-image: -ms-linear-gradient(top, rgb(245,245,245) 0%, rgb(216,216,216) 100%);
			
					background-image: -webkit-gradient(linear,
										left top,
										left bottom,
										color-stop(0, rgb(245,245,245)),
										color-stop(1, rgb(216,216,216))
									);
				}

				
					.contentnavigation > li > a > span {			
						padding: 8px 8px 4px 8px;				
						border-radius: 2px 0px 0px 2px;					
					}
					.contentnavigation > li > a > .smaller {
						font-size:11px;
					}
					.contentnavigation > li > a > span:only-child {
						border-radius: 2px;	
					}
					.contentnavigation > li > a > img {
						padding: 10px 8px;
						border-radius: 0px 2px 2px 0px;
						border-left-width: 0px;	
					}
					.contentnavigation > li > a > img:hover,
					.contentnavigation > li:last-child > a > span:only-child:hover {
					
						background-color: rgb(185,203,255);						
						background-image: linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
						background-image: -o-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
						background-image: -moz-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
						background-image: -webkit-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
						background-image: -ms-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
				
						background-image: -webkit-gradient(linear,
											left top,
											left bottom,
											color-stop(0, rgb(185,203,255)),
											color-stop(1, rgb(215,237,253))
										);

						/*-webkit-transform: scale(1.1) translateY(0px);
						-moz-transform: scale(1.1) translateY(0px);
						-o-transform: scale(1.1) translateY(0px);
						transform: scale(1.1) translateY(0px);*/
					}
/* - ContentNavigation Ends - --------------- */
		
