@charset "UTF-8";
html, body {
	width: 100%;
	min-height: 100%;
}
body {
	background: #2b3138;
	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrap-main {
	width: 100%;
	max-width: 90em;
	margin: 0 auto;
	background: #252b31;
	position: relative;
}
.wrap-main a, .header, .wrap-main .logo img, .wrap-main ul, .wrap-main li, .main .ccm-ui .btn {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.wrap-main .button, .main .ccm-ui .btn {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #fff;
	padding: .5em 2em;
	color: #fff;
	border-radius: 0;
}
.wrap-main .button:hover {
	background: #fff;
	color: #222626;
}
.wrap-main .button.black {
	border: 1px solid #000;
	color: #000;
}
.wrap-main .button.black:hover {
	background: #000;
	color: #fff;
}
.wrap-main .button.grey {
	border: 1px solid #9fa0a0;
	color: #9fa0a0;
}
.wrap-main .button.grey:hover {
	background: #9fa0a0;
	color: #fff;
}
.wrap-main .button.red {
	border: 1px solid #c90025;
	color: #c90025;
}
.wrap-main .button.red:hover {
	background: #c90025;
	color: #fff;
}
.wrap-main .button.red, .main .ccm-ui .btn {
	border: 1px solid #c90025;
	color: #c90025;
	background: none;
}
.wrap-main .button.red:hover, .main .ccm-ui .btn:hover {
	background: #c90025;
	color: #fff;
}
/*********************************************************************
 HEADER
 *********************************************************************/
.header {
	float: left;
	width: 100%;
	background: #252b31;
	background: rgba(37, 43, 49, .85);
	z-index: 2;
	position: absolute;
	overflow: hidden;
}
.logo {
	float: left;
	background: #fff;
	position: relative;
	z-index: 3;
}
.logo:after {
	content: "";
	float: left;
	width: 10em;
	height: 100%;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: -10em;
	z-index: -1;
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(-45deg); /* IE 9 */
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%; /* Chrome, Safari, Opera */
	-ms-transform-origin: 0 100%; /* IE 9 */
	transform-origin: 0 100%;
}
.logo img {
	float: left;
	width: 11.625em;
	height: auto;
	margin: 1em 3em 1.25em;
}
/*********************************************************************
 NAVIGATION
 *********************************************************************/
.nav-bar {
	float: right;
	margin: .5em 3em 0 0;
	text-align: right;
}
.nav-sub {
	margin: 0 0 1.5em;
}
.nav-sub li {
	display: inline;
	list-style: none;
	margin-left: 1em;
	text-transform: uppercase;
}
.nav-sub a {
	font-size: .75em;
	color: #50575e;
}
.nav-sub a:hover {
	color: #9fa0a0;
}
.nav-main li {
	display: inline;
	list-style: none;
	margin-left: 1em;
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.nav-main li a {
	color: #fff;
	font-size: 1.75em;
}
.nav-main li a.nav-path-selected, .nav-main li a.nav-selected {
	color: #c90025;
}
.nav-main li a:hover {
	color: #c90025;
}
.nav-main .nav-search span {
	display: none;
}
.nav-main li a.icon-search {
	font-size: 1.375em;
	color: #50575e;
}
.nav-main li a.icon-search:hover {
	color: #fff;
}
.icon-menu {
	float: left;
	position: absolute;
	top: .25em;
	right: .5em;
	z-index: 10;
	font-size: 2em;
	display: none;
	color: #c90025;
}
/*********************************************************************
 SLIDER
 *********************************************************************/
.slider, .stripe {
	float: left;
	position: relative;
	width: 100%;
}
.slider .slide {
	float: left;
	width: 100%;
	position: relative;
	display: none;
	overflow: hidden;
}
.slider .slide:first-child {
	display: block;
}
.slider .slide-wrap {
	float: left;
	width: 100%;
	position: relative;
}
.slider .slide img, .stripe img {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
}
.slider .slide .slide-text {
	float: left;
	position: absolute;
	max-width: 45%;
	left: 3em;
	bottom: 20%;
	color: #bdcbd4;
}
.slider .slide h2 {
	color: #000;
	float: left;
	width: auto;
	background: #c90025;
	font-size: 3em;
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: .125em .25em;
}
.slider .slide h2 strong {
	color: #fff;
}
.slider .slide p {
	float: left;
	width: 100%;
	margin: 1em 0 0;
	line-height: 1.5em;
}
.slider .controls {
	float: left;
	position: absolute;
	bottom: 20%;
	padding: 0 .375em;
	opacity: .25;
}
.slider .controls.prev {
	left: 0;
}
.slider .controls.next {
	right: 0;
}
.slider .controls .button {
	font-size: 1.375em;
	padding: .5em;
}
/*********************************************************************
 TICKER
 *********************************************************************/
.ticker {
	float: left;
	width: 100%;
	padding: 1.25em 3em;
	background: #191b20;
}
.ticker li {
	float: left;
	width: 100%;
	font-size: .875em;
	padding: .25em 0;
	text-decoration: none;
}
.ticker li a {
	color: #9fa0a0;
}
.ticker li a:hover {
	color: #fff;
}
.ticker li a .ticker-date {
	color: #fff;
}
.ticker li a .ticker-date:after {
	content: " / ";
	color: #c90025;
	padding: 0 .25em;
}
/*********************************************************************
 MAIN
 *********************************************************************/
.main {
	float: left;
	width: 100%;
	padding: 3em 3em;
	background: #ffffff;
	line-height: 1.5em;
}
.main a, .main .ccm-ui .pagination > li > a, .main .ccm-ui .pagination > li > span {
	color: #c90025;
}
.main a:hover, .main .ccm-ui .pagination > li > a:hover {
	color: #c90025;
}
.main .ccm-ui .pagination {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
}
.main .ccm-ui .pagination > .disabled > span, .main .ccm-ui .pagination > .disabled > span:hover, .main .ccm-ui .pagination > .disabled > span:focus, .main .ccm-ui .pagination > .disabled > a, .main .ccm-ui .pagination > .disabled > a:hover, .main .ccm-ui .pagination > .disabled > a:focus {
	color: #999;
	border-color: #c90025;
}
.main .ccm-ui .pagination > .active > a, .main .ccm-ui .pagination > .active > span, .main .ccm-ui .pagination > .active > a:hover, .main .ccm-ui .pagination > .active > span:hover, .main .ccm-ui .pagination > .active > a:focus, .main .ccm-ui .pagination > .active > span:focus {
	color: #fff;
	background-color: #c90025;
	border-color: #c90025;
}
.main .ccm-ui .pagination > li > a, .main .ccm-ui .pagination > li > span, .main .ccm-ui .pagination > li:first-child > a, .main .ccm-ui .pagination > li:first-child > span, .main .ccm-ui .pagination > li:last-child > a, .main .ccm-ui .pagination > li:last-child > span {
	border-radius: 0;
	border-color: #c90025;
	padding: .5em 1em;
}
.main h1 {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #c90025;
	font-size: 4em;
	margin-bottom: .5em;
	line-height: normal;
}
.main h2 {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #2b3138;
	font-size: 2em;
	margin: 2em 0 .5em;
	line-height: normal;
}
.main p, .main ul {
	margin-bottom: 1em;
}
.main hr {
	margin: 3em 0;
	border-top: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.main li {
	list-style: none;
	padding-left: 1em;
	position: relative;
}
.main .ccm-pagination-wrapper {
	text-align: center;
}
.main .pagination li {
	padding: 0;
}
.main .pagination li:before {
	content: "";
}
.main li:before {
	content: "〉";
	font-weight: bold;
	color: #c90025;
	position: absolute;
	left: 0;
	top: .125em;
	font-size: .75em;
}
.main p img {
	width: 100%;
	height: auto;
}
.main .ccm-ui {
	font-size: inherit;
	margin: 2em 0;
}
.main .ccm-ui .form-group {
	float: left;
	width: 49.3333%;
	min-height: 4em;
}
.main .ccm-ui .form-group:nth-child(2n) {
	margin-left: 1.3333%;
}
.main .ccm-ui .form-group.captcha {
	width: 100%;
	margin-left: 0;
}
.main .ccm-ui .form-group.captcha {
	border-bottom: 1px solid #ccc;
	margin: 1em 0 2em;
	padding: 1em 0;
	text-align: center;
}
.main .ccm-ui .form-group.captcha img.ccm-captcha-image {
	margin: .5em auto;
}
.main .ccm-ui .form-group.captcha input {
	width: 13.5em !important;
	margin: 0 auto;
}
.main .ccm-ui .form-actions {
	text-align: center;
}
.main .ccm-ui .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	outline: none;
}
.main .ccm-ui .form-group input, .main .ccm-ui .form-group textarea, .main .ccm-ui .form-group .ccm-input-date {
	width: 100% !important;
	-webkit-appearance: none;
	box-sizing: border-box;
}
.main .ccm-ui .ccm-search-block-form .ccm-search-block-text {
	width: 100%;
	font-size: 3em;
	margin-bottom: .5em;
}
.main .ccm-ui .ccm-search-block-form .ccm-search-block-submit {
	margin: 0 auto;
}
.main .searchResult {
	width: 100%;
	overflow: hidden;
}
.main .searchResult h2 {
	margin: .5em 0 0;
}
.main .searchResult a, .main .searchResult a:hover {
	text-decoration: none;
}
.main .club-gallery {
	float: left;
	width: 100%;
	overflow: hidden;
}
.main .club-gallery li {
	float: left;
	padding: 0;
	list-style: none;
	width: 11.1111%;
	margin: 0;
	position: relative;
}
.main .club-gallery li:before {
	content: "";
	display: none;
}
.main .club-gallery img {
	float: left;
	width: 100%;
	height: auto;
}
/*********************************************************************
 COMPETITIONS / CLUBS
 *********************************************************************/
.competition {
	float: left;
	width: 100%;
	background: #f1f1f1;
	padding: 3em 3em;
	text-align: center;
	color: #2b3138;
}
.competition h2 {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	color: #c90025;
	margin: 0 0 .25em;
}
.comp-wrapper, .club-wrapper {
	float: left;
	width: 100%;
	margin: 2em 0;
}
.comp-wrapper article, .club-wrapper article {
	float: left;
	position: relative;
	width: 24%;
	background: #fff;
	margin: 0 1.3333% 1.3333% 0;
	border-top: .375em solid #c90025;
	-webkit-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	overflow: hidden;
	text-align: center;
}
.comp-wrapper article.row-4, .club-wrapper article.row-4 {
	margin-right: 0;
}
.comp-img, .comp-img img, .club-img, .club-img img {
	float: left;
	width: 100%;
	height: auto;
}
.comp-text, .club-text {
	float: left;
	width: 100%;
	padding: 1em 1em 0;
}
.comp-text .comp-date {
	text-transform: uppercase;
	font-size: .875em;
}
.comp-text h3, .club-text h3 {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.625em;
	line-height: 1em;
	margin: .125em 0 .5em;
}
.comp-text h3 {
	color: #c90025;
}
.comp-text p, .club-text p {
	font-size: .875em;
	line-height: 1.375em;
	margin: 0 0 1.25em;
}
.main h2.comp-place {
	margin: -.5em 0 2em;
}
.sep {
	float: left;
	width: 100%;
	display: none;
}
.sep-4 {
	display: block;
}
/*********************************************************************
 CALENDAR
 *********************************************************************/
.calendar {
	float: left;
	width: 100%;
	background: #252b31;
	padding: 0 3em 2em;
	text-align: center;
	color: #2b3138;
}
.cal-wrapper {
	float: left;
	width: 100%;
	margin: 2em 0;
	position: relative;
}
.cal-wrapper article {
	float: left;
	position: relative;
	width: 24%;
	background: #2b3138;
	margin-right: 1.3333%;
	-webkit-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	overflow: hidden;
	min-height: 7.5em;
}
.cal-wrapper article.row-4 {
	margin-right: 0;
}
.cal-wrapper .cal-date {
	float: left;
	position: absolute;
	padding: .25em;
	background: #c90025;
	color: #fff;
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: .875em;
	font-size: 2em;
	left: 0;
	top: 0;
	bottom: 0;
}
.cal-wrapper .cal-date span {
	display: block;
	text-align: center;
}
.cal-wrapper .cal-day {
	font-weight: bold;
	font-size: 1.75em;
	line-height: .875em;
}
.cal-wrapper .cal-month {
	font-weight: bold;
	color: #252b31;
	font-size: .875em;
}
.cal-text {
	float: left;
	padding: .5em .5em .5em 4.5em;
	color: #fff;
	left: 5em;
	text-align: left;
}
.cal-text .cal-place {
	font-size: .875em;
	margin-bottom: .5em;
	color: #fff;
}
.cal-text h3 {
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.625em;
	line-height: 1em;
	color: #bdcbd4;
}
.cal-text a {
	color: #bdcbd4;
}
.cal-text a:hover {
	color: #fff;
}
/*********************************************************************
 LINKS
 *********************************************************************/
section.links {
	float: left;
	width: 100%;
	background: #fff;
}
.links .galleria, .footer .galleria, .links .galleria a, .footer .galleria a {
	float: left;
	width: 100%;
	text-align: center;
}
.links .galleria li, .footer .galleria li {
	display: inline-block;
	width: 18%;
	padding: 1em 3em;
	position: relative;
	margin: 0 auto;
}
.links .galleria img, .footer .galleria img {
	float: left;
	width: 100%;
	height: auto;
}
/*********************************************************************
 HIGHLIGHTS
 *********************************************************************/
.highlights {
	float: left;
	width: 100%;
	padding: 2em 3em;
	background: #f1f1f1;
}
.highlights article {
	float: left;
	width: 49.3333%;
	overflow: hidden;
	-webkit-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .25);
	position: relative;
	border-bottom: .375em solid #252b31;
}
.highlights article:nth-child(2n) {
	margin-left: 1.3333%;
}
.highlights article img {
	float: left;
	width: 100%;
	height: auto;
}
.highlights article h3 {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: #c90025;
	font-size: 2em;
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: .125em .25em;
}
.highlights article a {
	color: #000;
}
.highlights article a strong {
	color: #fff;
}
/*********************************************************************
 FOOTER
 *********************************************************************/
.footer {
	float: left;
	width: 100%;
	background: #fff;
	padding: 1em 3em;
	text-align: center;
	color: #2b3138;
}
.footer-afj {
	float: left;
	text-align: left;
	font-family: Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #c90025;
	font-size: 1.25em;
	margin-top: .75em;
}
.publitec {
	float: right;
}
.publitec img {
	float: left;
	width: 1.8125em;
	height: auto;
}
.footer-afj a {
	font-weight: normal;
	color: #222;
}
/*********************************************************************
 *********************************************************************
 *********************************************************************
 *********************************************************************
 RESPONSIVE
 *********************************************************************
 *********************************************************************
 *********************************************************************
 *********************************************************************/
@media screen and (max-width: 60em) { /* 960px */
	.header {
		background: #252b31;
		position: relative;
	}
	.logo img {
		margin: 1em -1em 1.25em 1em;
	}
	.nav-bar {
		margin: .5em 1em 0 0;
	}
	.nav-main li a {
		font-size: 1.625em;
	}
	.nav-sub li, .nav-main li {
		margin: 0 .25em;
	}
	.slider .slide .slide-text h2 {
		font-size: 2.5em;
	}
	.slider .slide .slide-text, .slider .controls {
		bottom: 10%;
	}
	.ticker {
		padding: 1em;
	}
	.main {
		padding: 2em 1em;
	}
	.main h1 {
		font-size: 3em;
	}
	.main .ccm-ui .form-group:nth-child(1n) {
		width: 100%;
		margin-left: 0;
	}
	.competition {
		padding: 2em 1em;
	}
	.competition h2 {
		font-size: 2em;
	}
	.comp-wrapper, .cal-wrapper {
		margin-bottom: 1em;
	}
	.comp-wrapper article, .club-wrapper article, .cal-wrapper article {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.comp-wrapper article.row-2, .club-wrapper article.row-2, .cal-wrapper article.row-2, .comp-wrapper article.row-4, .club-wrapper article.row-4, .cal-wrapper article.row-4 {
		margin-right: 0;
	}
	.calendar {
		padding: 0 1em 2em;
	}
	.highlights {
		padding: 2em 1em;
	}
	.footer {
		padding: 1em 1em;
	}
	.footer-afj {
		font-size: 1.125em;
	}
	.main .club-gallery li {
		width: 16.6666%;
	}
	.sep-2 {
		display: block;
	}
	.links .galleria li, .footer .galleria li {
		padding: 1em 2em;
	}
}
@media screen and (max-width: 47.5em) { /* 760px */
	.icon-menu {
		display: block;
	}
	.logo {
		width: 100%;
		text-align: center;
	}
	.logo:after {
		display: none;
	}
	.logo img {
		float: none;
		margin: .5em auto .5em;
	}
	.nav-bar {
		text-align: center;
		margin: 0;
		padding: 1em 0;
		width: 100%;
		background: #252b31;
		display: none;
	}
	.nav-sub {
		margin: 0 0 .5em;
	}
	.nav-sub li {
		display: list-item;
		padding: .25em;
	}
	.nav-main li {
		display: list-item;
		padding: .75em;
		margin: 0 15%;
		border-top: 1px solid #50575e;
	}
}
@media screen and (max-width: 45em) { /* 720px */
	.slider .slide .slide-text {
		position: relative;
		left: 0;
		width: 100%;
		max-width: 100%;
		background: #191919;
		text-align: center;
		padding-bottom: 2em;
	}
	.slider .slide .slide-text h2 {
		font-size: 2em;
		width: 100%;
	}
	.slider .slide .slide-text p {
		padding: 0 1em;
	}
	.slider .controls {
		display: none;
	}
	.ticker h3 {
		width: 100%;
		margin: 0 0 .5em;
	}
	.ticker li {
		display: block;
		width: 100%;
		padding: 1em 0;
		border-bottom: 1px solid #333;
	}
	.ticker li:last-child {
		border-bottom: none;
	}
	.comp-wrapper article, .club-wrapper article, .cal-wrapper article {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.highlights article:nth-child(1n) {
		width: 100%;
		margin-left: 0;
		margin-bottom: 1em;
	}
	.main .ccm-ui .pagination > li {
		display: none;
	}
	.main .ccm-ui .pagination > li.prev, .main .ccm-ui .pagination > li.next {
		display: inline;
	}
	.main .club-gallery li {
		width: 33.3333%;
	}
	.links .galleria li, .footer .galleria li {
		padding: .5em;
	}
	.footer .galleria li {
		width:30%;
	}
}
@media screen and (max-width: 25em) { /* 400px */
}