body {
	background-color		: #000;
	background-image		: url(img/iStock_000018371335_Medium.jpg);
	background-attachment	: fixed;
	background-size			: cover;
	color					: #FFF;
	font-family				: Arial;
	font-size				: 16px;
	padding					: 0px;
	margin					: 0px;
}

.pref_link {
	color				: #F22;
}

.top {
	margin				: 0px;
	padding				: 16px 0px;
}

.top2 {
	margin				: 0px;
	padding				: 36px 0px;
}

.footer {
	width				: 950px;
	background			: rgba(0,0,0,0.8);
	margin				: 0px;
	padding				: 0px;
}

#root {
	width				: 950px;
	padding				: 0px;
	margin				: 0px auto;
}

#rand {
	width				: 950px;
	padding				: 0px;
	margin				: 0px auto;
}

#banner_bottom {
	width				: 950px;
	margin				: 10px;
	text-align			: center;
}

.about {
	color				: #F00;
}

.about li span {
	color				: #FFF;
}

.topmenu {
	float				: left;
	border-top			: 1px solid #FFF;
	border-bottom		: 1px solid #FFF;
	margin				: 0px;
	padding				: 8px 15px;
	text-align			: center;
	color				: #FFF;
	text-decoration		: none;
	font-size			: 12px;
}

.topmenu:hover {
	background-color	: #F22;
	cursor				: pointer;
}

.bottommenu {
	float				: left;
	color				: #FFF;
	text-decoration		: none;
	font-size			: 12px;	
	text-align			: center;
	padding				: 6px 10px;
	color				: #FFF;
	text-decoration		: none;
	font-size			: 12px;
	cursor				: pointer;
}

.bottommenu:hover {
	background-color	: #F22;
}

.headline {
	color				: #FFF;
	font-weight			: bold;
	font-size			: 40px; 
}

.contentBG_trans {
	background			: rgba(0,0,0,0.8);
	padding				: 20px 10px;
}

.contentBG_white {
	background-color	: #FFF;
	padding				: 20px 10px;
	color				: #000000;
}

.contentBG {
	background-color	: #000;
	padding				: 20px 10px;
}

.textfeld {
	width				: 280px;
	height				: 40px;
	line-height			: 30px;
	font-size			: 28px;
}

.textfeld_gross {
	width				: 600px;
	height				: 132px;
	line-height			: 24px;
	font-size			: 22px;
}

.sport_teaser_active {
	float				: left;
	background-color	: #000;
	border-radius		: 60px;
	overflow			: hidden;
	width				: 120px;	
	height				: 120px;
	vertical-align		: middle;
	text-align			: center;
	margin				: 0px 20px;
}

.sport_teaser {
	float				: left;
	background-color	: #000;
	opacity				: 0.2;
	border-radius		: 60px;
	overflow			: hidden;
	width				: 120px;
	height				: 120px;
	vertical-align		: middle;
	text-align			: center;
	margin				: 0px 20px;
	transition			: transform, opacity .2s;
}

.sport_teaser:hover {
	opacity				: 1;
	cursor				: pointer;
    transform			: scale(1.05);
}

.sport_teaser img {
	transition			: transform .2s;
    transform			: scale(1);
}

.sport_teaser img:hover {
    transform			: scale(1.05);
}

.sport_teaser_active img {
	transition			: transform .2s;
    transform			: scale(1);
}

.sport_teaser_active img:hover {
    transform			: scale(1.05);
}

.teaser {
	float				: left;
	color				: #EEE;
	text-align			: center;
	width				: 150px;
	margin				: 3px 5px;
}

.teaser_hl {
	float				: left;
	color				: #F22;
	text-align			: center;
	width				: 150px;
	margin				: 3px 5px;
}

#sld_cnt {
	position			: absolute;	 
	width				: 1000px;
	height				: 90px;	 
}

#divUpControl{
	position			: absolute;
	left				: -30px;
	padding-top			: 25px;
	width				: 25px;
	height				: 15px;
}

#divDownControl{
	position			: absolute;
	left				: 960px;
	padding-top			: 25px;
	width				: 25px;
	height				: 15px;
}

#divContainer{
	position			: absolute;
	width				: 950px;
	height				: 90px;
	overflow			: hidden;
	clip				: rect(0px,950px,90px,0px);
	visibility			: hidden;
}

#divContent{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 3063px;
}

#divContent div {
	float				: left;
	height				: 80px;
	background-color	: #FFFFFF;
	padding				: 5px;
	margin				: 0px 5px;
	border-radius		: 8px;
}


@font-face {
	font-family			: 'Open Sans';
	font-style			: normal;
	font-weight			: 400;
	src					: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}




/*** @SLIDER ***/
#slider {
	margin				: 0px auto;
	width				: 90%;
	height				: 250px;
	position			: relative;
	overflow			: hidden;
	transition			: all .5s ease;
	border-radius		: 8px;
}

#slider img {
	float				: left;
	filter				: grayscale(100%);
	transition			: all 1s ease-in-out .5s;
}

#slider img:hover {
	filter				: none;
	filter				: grayscale(0);
}


#slider-content {
	transition			: all 1s ease-in-out;
}

#slider-content:hover .pause-button {
	opacity				: 1;
}

.slider_link {
	border-radius		: 8px;
}

.pause-button {
	position			: absolute;
	top					: 10px;
	left				: 10px;
	color				: white;
	font-size			: 2em;
	z-index				: 300;
	opacity				: 0;
}