@charset "utf-8";

@media all and (min-width: 960px) {
			body{
			    background-position: 5% 19%;
			    background-repeat: no-repeat;
				/*background-image:url(/website/static/img/bg_960.png);
				background-repeat:no-repeat;
				background-position: 280px 240px;*/
			}
			.switch_hbl_twobl{
				position:relative;
				font-size:12px;
				width:54px;
				height:46px;
					
				color:#1C3476;
				margin:0;
				}
				.white_bar .switch_hbl_twobl{
					left:0;
					top:3px;	
				}
				.box_header .switch_hbl_twobl{
					color:#fff;
				}
				.label_hbl{
					position:absolute;
					top:0;
					right:auto;
					left:3px;
				}
				.label_twobl{
					position:absolute;
					top:0;
					right:3px;
					left:auto;
					display:block;
				}
				a.switch_a, a.switch_b{
					background-image:url(/website/static/img/bg_switch_a.png);
					width:54px;
					height:22px;
					display:block;
					position:absolute;
					top:18px;
					
				}
				.hbl a.switch_a{
					background-position:0 0;	
				}
				.hbl a.switch_a:hover{
					background-position:0 -22px;	
				}
				.twobl a.switch_a{
					background-position:0 -44px;	
				}
				.twobl a.switch_a:hover{
					background-position:0 -66px;	
				}
			a.menu-link {
			   display: none;
			}
			.js nav[role=navigation] {
				max-width: none;
				position: static;
				width: auto;
				
			}
			.menu_element_c{
			    display: block;
			}
			.top_bar{
				height:120px;
				background-image:url(/website/static/img/bg_header.jpg);
				}
				.top_bar .claim{
					left:250px;
					top:35px;
					width:160px;
					font-size:27px;	
				}
				.top_bar .logo{
					position:absolute;
					top:20px;
					height:81px;
					width:168px;
					left: 75px;
				}
			.wrap.active {
				left: 0;
			}
			#page header[role=banner]{	
				box-shadow:0 0 9px rgba(0,0,0,0.8);
				-moz-box-shadow:0 0 9px rgba(0,0,0,0.8);
				-webkit-box-shadow:0 0 9px rgba(0,0,0,0.8);
				z-index:5;
				position:relative;
				}
				#page header[role=banner]  .social_icons{
					display:block;
					width:30px;
					top:20px;
					right:0px;
					left:auto;
					position:absolute;
				}
			.active nav[role="navigation"]{
				box-shadow: 0 0 0px #000000;	
			}
			nav[role=navigation] {
				background: #1c3577;
				clear: both;
				overflow:visible;
				text-transform:none;
				}
				nav[role=navigation] li {
				display: inline-block;
				padding:0;
				background-image:none;
				float: left;
				/*margin-right:3px;*/
				
					}
					nav[role=navigation] li a {
						border: 0;
						font-size:14px;
						padding: 8px;
					
					}
					nav[role=navigation] li.expandable a span{
						padding:0;
						margin:0;
						background:none;
							
					}
				nav[role=navigation] .main_menu li a{
					color:#fff;
					border-right:solid 1px #1c3577;
					border-left:solid 1px #1c3577;
				}
				nav[role=navigation] li div.submenu_holder, nav[role=navigation] li.active_level div.submenu_holder{
					display:none;	
				}

/* ------ setzt in der 2 Navigation den Background auf Hellblau -------- */

				/*nav[role=navigation] li:hover a, nav[role=navigation] li.active_level a{
				background: #324884;
				}*/
				.menu_element_a expandable a{
				    background: none;
				}
				nav[role=navigation] .main_menu > ul li:hover a, nav[role=navigation] .main_menu li.active_level a{
					border-right:solid 1px #fff;
					border-left:solid 1px #fff;
					background: #324884;
				}
				
				
				/* Bug fix */
				nav[role=navigation] .main_menu li .submenu_holder div div a{
					border: none !important;
					background: none !important;
				}
				/* - - */
				
				
				nav[role=navigation] li:hover ul{
					display:block;
					background-color:transparent;	
				}
				nav[role=navigation] li:hover div.submenu_holder{
					display:block;
					position:absolute;
					background-color: #1c3577;
					/*border-bottom:solid 1px #fff;*/
					box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					top:33px;
					left:0;
					width:100%;
					background-image:url(/website/static/img/bg_submenu.jpg);
					background-repeat:repeat-x;
					background-position:top;
					
				}
				nav[role=navigation] li ul li{
					font-size:14px;
					padding:0;
					border:0;
					margin:0;
					float:none;
					display:block;
					width:130px;	
					}
					nav[role=navigation] li ul li a, nav[role=navigation] .main_menu li:hover ul li a{
						display:block;
						float:none;	
						padding:3px 7px;
						border-bottom:solid 1px #273c73;
						background-color:transparent;;
						border:0;
						margin:0;
						}
						/* rausgenommen: , nav[role=navigation] li:hover .submenu_holder a:hover */
						nav[role=navigation] li:hover ul li a:hover{
							background-color:#fff !important;
							color:#273c73 !important;
						}
						/*nav[role=navigation] li:hover ul li a:hover, nav[role=navigation] li:hover .submenu_holder a:hover span{
							color:#273c73;
							border: none;
						}*/
					nav[role=navigation] .social_media{
						display:none;	
					}
					/*nav[role=navigation] .main_menu li a:hover{
					    background-color:#324884;
					}*/
					
				div.submenu_holder > div{
					padding:15px;
					position:relative;	
				}
						
			nav ul.left_nav{
				float:left;	
				}
			nav ul.right_nav{
					float:right;	
				}
			nav[role=navigation] li.breadcrumbs {
				display:inline-block;
				border:0;
				height:33px;
			}
			nav[role=navigation] li.breadcrumbs a{
				background-image:url(/website/static/img/icon_breadcrumbs.jpg);
				background-repeat:no-repeat;
				background-position:center;
				width:32px;
				padding:0;
				height:33px;
				margin:0;
				}
				nav[role=navigation] li.breadcrumbs:hover a:hover{
					background-color:transparent !important;
					color:#fff;
					text-decoration:underline;
				}
				
				nav[role=navigation] li.breadcrumbs div.submenu_holder{
					display:none;
					position:absolute;
					background: #1c3577;
					box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
					top:33px;
					left:0;
					height:33px;
					width:100%;
					background-image:url(/website/static/img/bg_submenu.jpg);
					background-repeat:repeat-x;
					background-position:top;
					padding:0;
					}
					nav[role=navigation] li.breadcrumbs:hover div.submenu_holder{
					display:block;
					}
					nav[role=navigation] li.breadcrumbs:hover div.submenu_holder > div{
						padding:0;
						position:absolute;
						left:0px;		
					}
					
				nav[role=navigation] li.breadcrumbs ul{
					display:none;	
					}
					nav[role=navigation] li.breadcrumbs:hover ul{
						display:block;	
					}
				nav[role=navigation] li.breadcrumbs:hover ul li{
					display: inline-block;
					
					width: auto;
					}
					nav[role=navigation] li.breadcrumbs:hover ul li a{
						 background-image: url("/website/static/img/bg_breadcrumbs.png");
						background-position: right center;
						display: block;
						font-size: 12px;
						height: 14px;
						line-height: 12px;
						padding: 9px 25px 22px 10px;
						width: auto;
					}
					/* Navigationassets ausblenden */
					.menu_element_d{
					    display: block;
					}
			.menu_element_a{
				float:left;
				padding:15px 0 15px 0;
				width:25%;
				text-transform:uppercase;	
				}
				.menu_element_a > div{
					padding:0 10px 0 0;
					background: url("/website/static/img/_lines/eingedrueckt_blau.jpg") repeat-y scroll 210px 0px transparent;
					margin:0 20px 0 0;
					min-height:200px;
				}
				.menu_element_a li{
					width:auto !important;
				}
			.menu_element_b{
				float:left;
				width:25%;
				padding:15px 0 15px 0;
				}
				.menu_element_a h3, .menu_element_b h3, .menu_element_c h3, .menu_element_d h3, .menu_element_e h3{
					color:#fff;
					border:0;
					font-size:17px !important;
					font-family:Arial, Helvetica, sans-serif;
					margin:0 0 5px 0 ;	
					padding:0;
					}
					.menu_element_a h3 a, .menu_element_b h3 a, .menu_element_c h3 a, .menu_element_d h3 a, .menu_element_e h3 a{
						border:0 !important;
						background-color: transparent !important;
						}
						.menu_element_a h3 a:hover, .menu_element_b h3 a:hover, .menu_element_c h3 a:hover, .menu_element_d h3 a:hover, .menu_element_e h3 a:hover{
							background-color: #FFFFFF !important;
    						color: #273C73 !important;
						}
					.menu_element_e h3{
						margin:0 0 5px 25px;
					}
					/* padding wegmachen bei navigation assets */
					.submenu_holder .menu_element_c a{
					    padding: 0;
					}
					/* - - */
				.menu_element_b a{
					padding:0 !important;
					border:0 !important;
					background-color:transparent !important;
				}
				.menu_element_c{
					float:left;
					width:75%;
					padding:15px 0 10px 0;
				}
				.menu_element_d{
					float:left;
					padding:15px 0 15px 0;
					width:25%;
					text-transform:uppercase;	
					}
					.menu_element_d > div{
						padding:5px 10px 0 0;
						/*border-right:solid 1px #FFF;*/
						margin:0 20px 0 0;
						background: url("/website/static/img/_lines/eingedrueckt_blau.jpg") repeat-y scroll 210px 0 transparent;
						min-height: 200px;
					}
					.menu_element_d li{
						width:auto !important;
					}
				
				
				.menu_element_c > div {
					float:left;
					width:230px;
				}
				.menu_element_c > div.last {
					float:left;
					width:220px;
				}
				.menu_element_e{
					float:left;
					width:75%;
					padding:15px 0 10px 60px;
				}
				.menu_element_e .live_element{
						padding: 14px 20px;
						background: #1d3478; /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMzQ3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0NDQ5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDM0NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(left,  #1d3478 0%, #244499 50%, #1d3478 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d3478), color-stop(50%,#244499), color-stop(100%,#1d3478)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(left,  #1d3478 0%,#244499 50%,#1d3478 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(left,  #1d3478 0%,#244499 50%,#1d3478 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(left,  #1d3478 0%,#244499 50%,#1d3478 100%); /* IE10+ */
						background: linear-gradient(to right,  #1d3478 0%,#244499 50%,#1d3478 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3478', endColorstr='#1d3478',GradientType=1 ); /* IE6-8 */
						margin:6px;
						box-shadow:0 0 4px rgba(0,0,0,0.8);
						-moz-box-shadow:0 0 4px rgba(0,0,0,0.8);
						-webkit-box-shadow:0 0 4px rgba(0,0,0,0.8);
						float:left;
						color:#fff;
						font-family:Arial, Helvetica, sans-serif;
					}
					.menu_element_e .live_element div{
						float:left;
						display:block;
						height:72px;
					}
					.menu_element_e .live_element .team{
						width:80px;
						height:72px;
						display:block;
						box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
						-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
						-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
							
						}
						.menu_element_e .live_element .team img{
							width:80px;
							height:72px;
						}
					.menu_element_e .live_element .vs{
						padding:27px 0;
						width:80px;
						text-align:center;
						font-size:18px;
						line-height:18px;	
					}
				
				
			.menu_element_no_border > div{
				border-right:0;
			}
			.search_box{
				position:absolute;
				background-image:url(/website/static/img/bg_search_holder.png);
				background-position:top;
				background-repeat:no-repeat;
				width:240px;
				height:120px;
				top:0;
				right: 45px;
				z-index:0;	
				display:block;
				}
				#search_holder{
					position:absolute;
					top:75px;
					background-color:#fff;
					border-radius:5px;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;	
					padding:3px 3px 3px 8px;
					border:solid 1px #c0c0c0;
					box-shadow:0 0 5px rgba(0,0,0,0.2) inset;
					-moz-box-shadow:0 0 5px rgba(0,0,0,0.2) inset;
					-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2) inset;
					width:229px;
					left:5px;
					}
					#search_holder input.search_input{
						background-color:transparent;
						border:none;
						outline:none;
						color:#7f7f7f;
						height:25px;
						width:187px;
						vertical-align: bottom	
					}
					#search_holder input.search_icon{
						background-image:url(/website/static/img/_icons/lupe.png);
						background-position:top;
						width:25px;
						height:25px;
						border:0;
						cursor:pointer;	
						}
						#search_holder input.search_icon:hover{
							background-position:bottom;
						}
						.search_box #search_holder{
						    display: block;
						} 
						.search_box #search_holder form{
						    display: block;
						}
			#search_box_small{
				display:none;
			}
			.grid{
				padding: 10px 10px 0 10px ;
				margin-right:-10px;
			}
			.grid div.grid_element {
				width: 33.3333333%;
			}
			.grid div.grid_element.wide {
				width: 66.6666666%;
			}
			.grid div.grid_element.xwide {
				width: 100%;
			}
			.grid .wide_display_only{
				display:block;	
			}
			.handy_and_tablet_display_only{
				display:none;
			}
			.tablet_only{
				display:none;
			}
			.top_news div.grid_element.wide{
				
			}
			.grid .three_boxes{
				width:100%;
				float:none;	
				}
				.grid .three_boxes .box{
					width: 33.3333333%;
				}
			.top_bar .claim{
					left:190px;
					top:70px;
					width:450px;	
				}
			.top_bar .logo{
				left:5px;
			}
			.main_banner .banner_scores .socre_holder{
				min-height:274px;
			}
			.grid .three_boxes .box .box_content{
				/*height:238px;*/
				overflow:hidden;
			}
			
/* Grid Element für 3 Boxen */
.grid .grid_element_3{
				width:100%;
				float:none;	
				}
				.grid .grid_element_3 .box{
					width: 33.3333333%;
				}
				.grid .grid_element_3 .box .box_content{
				/*height:238px;*/
				overflow:hidden;
			}

			/*.footer_content .footer_col{
					width:12.5%;
					float:left;
					min-width:100px;	
				}*/	
			/* FOOTER */
			.footer_line{
			    display: block;
			}
			.footer_col_left{
			    width: 67%;
			}
			.footer_col_right{
			    float: right; 
			    width: 30%;
			}
			/* END FOOTER */
			.box_header .switch_hbl_twobl{
					position:relative;
					font-size:11px;
					width:95px;
					height:22px;
					float:left;
					margin-top:0px;	
					}
					.box_header .label_hbl{
						position:absolute;
						top:3px;
						left:0px;
						right:auto;
						z-index:150;
						display:block;
						}
						
					.box_header .label_twobl{
						position:absolute;
						top:3px;
						right:0px;
						left:auto;
						z-index:150;
						display:block;
						}
						
					.box_header a.switch_a{
						background-image:url(/website/static/img/bg_switch_a.png);
						width:54px;
						height:22px;
						display:block;
						position:absolute;
						top:0px;
						z-index:100;
						left:22px;
					}
					.box_header .hbl a.switch_a{
						background-position:0 0;	
					}
					.box_header .hbl a.switch_a:hover{
						background-position:0 -22px !important;	
						}
						.box_header .hbl:hover a.switch_a{
							background-position:0 0;	
						}
					.box_header .twobl a.switch_a{
						background-position:0 -44px;	
					}
					.box_header .twobl a.switch_a:hover{
						background-position:0 -66px !important;	
						}
						 .box_header .twobl:hover a.switch_a{
							background-position:0 -44px; 
						 }
				
				div.player_slider h2{
					margin:10px 0 20px 0;
					font-size:20px;
					text-align:left;	
				}
				div.player_slider div.player_avatar{
					width:40%;
					float:left;	
				}
				.player_slider .barstats_holder{
						float:left;
						width:60%;
						padding-top:0;
						padding-right:0;
						padding-left:1em;
				}
			
				table.barstats_table_blue td{
					border-bottom:solid 10px #fff;
				}
				
				.club_box .box_content{
					min-height:237px;
					}
						
				.club_box .box_slider{
					position:relative;
					border:0;
					padding:0;
					min-height:237px;
						
					}
					.box_slider .box_slider_content{
						overflow:hidden;
						height:246px;
					}
					.sliderNavigationBottom{
					    width: 100%;
					    height: 25px;
					    background: #dbdbdb;
}
					.box_slider .sliderNavigationBottom span{
					    display: block;
					    height: 25px;
					    width: 40px;
					    background: #1c3476;
					}
					.box_slider .sliderNavigationBottom span.box_slider_left{
					    float: left;
					}
					.box_slider .sliderNavigationBottom span.box_slider_right{
					    float: right;
					}
					.box_slider a{
						display:block;
						color: #fff;
						font-size: 18px;
						}
						.box_slider .slider_bullet_holder{
							display:none;
						}
				.box_content table.schedule_table td{
					vertical-align:middle;
					text-align:center;
					/*padding:0.1em 0.15em;*/
					line-height:1em;
				}
				
				.news_entry_title h2{
					font-size: 19px;
    				line-height: 22px;
				}
				.small_news_box_two {
			
					}
		
					.small_news_box_two .post_news .post_news_img {
						width:33%;
					}
					.small_news_box_two .post_news .post_news_txt{
						width:66%;
					}
					.small_news_box_two .news_entry_title h2{
						font-size: 16px;
						line-height: 18px;
					}
					.small_news_box_two .post_news .news_entry_top{
						display:block;
					}
					.small_news_box_two .post_news .post_news_txt_holder {
						padding-left: 10px;
					}
					.small_news_box_two .post_news img{
							padding:0;
							border:0;
					}
					.small_news_box_two .news_entry_right{
						 color: #1C3476;
						 
						 padding:9px 0 0 5px;
						 margin-left:85px;
					}
					.small_news_box_two .news_entry_top{
						margin-bottom:0;
					}
					
					.small_news_box_two .news_entry_title {
						margin-left: 0;
					}
					
	
	.three_images{
		position:relative;
		height:190px;	
		}
		.three_images img{
			display:block;
			box-shadow:0 0 4px rgba(0,0,0,0.4);
			-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
			-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);	
		}
		.three_images .image_one,.three_images .image_two,.three_images .image_three{
			position:absolute;
			z-index:10;
			
			}
			.three_images .image_one{
				left:0;
				top:15px;
			}
			.three_images .image_three{
				left:auto;
				right:0;
				top:15px;
			}
			.three_images .image_one img, .three_images .image_three img{
				height:150px;	
			}
			.three_images .image_two{
				top:0;
				left:50%;
				margin-left:-140px;
				z-index:11;
				background-image:url(/website/static/img/bg_three_images.jpg);
			}
			.three_images .image_two img{
				width:270px;
			}
	.board_member_contact{
		position:absolute;
		bottom:10px;
		padding-right:20px;
		font-size:14px;
	}
	.team_picture{
		width:33.33%;
	}
	.club_item_holder .club_name{
		font-size:16px;
	}

	.seasons_holder {
		max-width: none !important;
	}
	.season_slider_more {
		display: none;
	}

	.tabletHidden {
		display: block !important;
	}
	.phoneHidden {
		display: block !important;
	}


/* Galerie Detail */
.galerieImg{
    width: 50%;
}
.galerieHeaderText{
    font-size: 12px;
    width: 48%;
    margin-top: 1%;
}

/* Slider */
.mainSlider .sliderHolder .gridElementTwo{
    width: 65.6666%;
}
.mainSlider .sliderHolder .gridElementOne{
    display: inline-block;
}
/* - Widgets -  */
/* das umschließende div eines widgets eingrenzen */
.gridElementThree .box{
    padding: 0 10px;
}
.player {
    height: 440px;
    left: -330px;
    position: absolute;
    top: 0;
    width: 330px;
}
.emotion_container{
    display: block;
}


/* responsive Video */
.responsiveIframe{
    padding-bottom: 126%;
}
.responsiveIframe iframe{
    
}
.startseiteIframe{
    padding-bottom: 76%;
}
.clubIframe{
    padding-bottom: 69.3%;;
}
/* Slider Iframe */
.sliderIframeBig{
    padding-bottom: 49.8%;
}
/* Bug fix main slider */
.sliderHolder .gridElementTwo {
    padding: 0 0 0 10px;
}

/* COOMING SOON */
	.tabelle_day_tab{
	    display: block;
	}

/* SLIDER */
.mainSlider .sliderHolder .sliderNewsHeadlineBox .sliderNewsHeadline span{
	font-size: 20px;
}
/*PAGINATOR*/
.paging_scroll li{
    margin: 7px 5px 0 5px;
}
.paging_scroll li a{
	width: 18px;
	padding: 2px 3px 2px 3px;
}


/* End of media */
}