/* rock-salt-regular - latin */
@font-face {
	font-family: 'Rock Salt';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/rock-salt-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../../fonts/rock-salt-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../fonts/rock-salt-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../../fonts/rock-salt-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../../fonts/rock-salt-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../../fonts/rock-salt-v18-latin-regular.svg#RockSalt') format('svg'); /* Legacy iOS */
}


* { margin: 0; padding: 0; outline:0; }


img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}


body {
    font-size: 13px;
    line-height: 20px;
    font-family:Arial, Helvetica, Sans-Serif;
    color: #333;
}

a { color: #0069b3; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; color: #fbbe45;}

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width: 980px; margin: 0 auto; padding-top: 50px;}


.border { border: 1px solid #e8e8e8; background: #fff; position: relative; }
.shadow-l { background: url(images/shadow-l.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;left:-25px; }
.shadow-r { background: url(images/shadow-r.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:0;right:-25px; }
.shadow-b { background: url(images/shadow-b.png) no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }

#header {background-color: transparent; background: url(images/bgrans2.png); position: absolute; z-index:99;border: 0px solid red; width: 978px; height: 130px;}
#logo a { background: url(images/logo.png) no-repeat 0 0; width: 378px; height: 74px; position: absolute; margin: 30px 0px 0px 30px;}

.socials {margin-top: -55px; padding: 23px 11px 0 0; border: 0px solid; float:right;}
.socials ul { list-style: none; }
.socials ul li { display: inline; float: left; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; line-height: 16px; border-right: 1px dotted #b9b9b9; padding: 2px 10px 2px 0; margin: 0 0px 0 0; }
.socials ul li.last { border:0; margin:0; }
.socials ul li a { float: left; color: #000; height: 16px; padding: 0 0 0 10px; text-decoration:none;}
.socials ul li a.rss { background: url(images/soc-rss.gif) no-repeat 0 0; }
.socials ul li a.fb { background: url(images/soc-fb.gif) no-repeat 0 0; }
.socials ul li a.twit { background: url(images/soc-twit.gif) no-repeat 0 0; }

#navigation { height: 67px; margin-bottom: 7px;background-color: transparent; width:1004px;margin-top: 100px; border: 0px solid; position:absolute; background: url(images/navigat.png);margin-left: -13px;}
#navigation ul { list-style: none; margin-top: 15px; padding-left:30px;}
#navigation ul li {font-family: 'Rock Salt', cursive;  float: left; height: 43px;  font-size: 13px; line-height: 43px; font-weight: bold; color: #fbbe45;}
#navigation ul li a {font-family: 'Rock Salt', cursive; color: #0069b4; float: left; height: 43px; padding: 0 7px 0 7px; }
#navigation ul li a:hover, 
#navigation ul li a.active { color: #fbbe45; text-decoration: none; }

.slider { width: 980px; height: 455px; border: 0px solid #dbdbdb; position: relative; margin: 0px 0 0 0px; overflow: hidden;}
.slider img{width: 978px;}
.slider .item { position: relative; width: 928px; height: 298px; }
.slider .item img { position: absolute; top:0;left:0; z-index: 1; }
.slider .text { position: absolute; top:102px;left:480px; z-index: 2; }
.slider .text h3, .slider .text h2 { font-size: 45px; line-height: 45px; color: #ff0000; padding: 0 0 0 7px; }
.slider .text h2 { font-size: 58px; line-height: 58px; color: #39393d; text-transform: uppercase; padding: 0 0 0 2px; }

/*
.slider .slide{
	background-color: #000;
}
*/

 */
/*single slides* remove black backgrounds*/
/*
#page_4 .slider .slide,
#page_37 .slider .slide,
#page_326 .slider .slide{
	background-color: transparent !important;
}
*/
 */


.slider-nav { width: 92px; height: 18px; position: absolute; bottom:9px;right:6px; z-index: 3; }
.slider-nav a { width: 18px; height: 18px; background: #d7d7d8; margin: 0 5px 0 0; }
.slider-nav a.active { background: #39393d; }

#nav{
position:absolute;
width: auto;
border: 0px solid;
height: 30px;
margin-top: -50px;
margin-left: 800px;
z-index: 999;

}

#nav a{
float:left;
clear:none;
height: 30px;
width: 33px;
border: 0px solid;
background: url(images/bullets.png);
margin-right: 5px;
text-align: center;
line-height: 30px;

color:#fdc03b;
text-decoration: none;
}
#nav a.activeSlide{
float:left;
clear:none;
height: 30px;
width: 33px;
border: 0px solid;
background: url(images/bullets.png);
background-position-y: -30px;
text-align: center;
line-height: 30px;
color: #0066b6;
text-decoration: none;
}


#main { width: 932px; padding: 37px 24px 17px 24px; }
#main h1 {font-family: 'Rock Salt', cursive; font-size: 16px; line-height: 24px; color: #fbbe45; text-transform: uppercase; padding: 0 0 9px 0; margin-bottom: 10px;}
#main h2 {font-family: 'Rock Salt', cursive; font-size: 16px; line-height: 24px; color: #fbbe45; padding: 0 0 9px 0; margin-bottom: 10px;}
#main h3{font-family: Arial; font-size: 14px; line-height: 22px; color: #0069B3; text-transform: uppercase; padding: 2 2 9px 0; margin-bottom: 10px;margin-top: 25px;color: #333;}

#main a.more { font-size: 13px; line-height: 14px; color: #0069b3; text-decoration: none; padding: 0 0 0 0px; }
#main a.more:hover { text-decoration: none; color: #fbbe45;}


#content { width: 550px;}

.highlight {  }
.highlight h3 { margin: 2px 2px 9px 0px; }
.highlight p { padding: 0 0 11px 0; }
.highlight img {  }

.projects { padding: 5px 0 0 0; border-top: 1px dotted #FDC039;}
.projects h3 { margin: 0 0 17px 0; }
.projects .item { margin: 10px 0 18px 0; border-bottom: 1px dotted #FDC039; padding-bottom: 10px;}
.projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; overflow:hidden; text-align: center;}
.projects .text { width: 300px; }
.projects .text h4 { font-size: 12px; line-height: 15px; color: #333; text-transform: uppercase; padding: 3px 0 2px 0; }
.projects .text p { padding: 0 0 3px 0; }

.projects .image img{margin: 0px auto;vertical-align: middle}

.projects .image a{margin: 0px auto;vertical-align: middle}

#sidebar { width: 300px; }

.sidebar-nav { list-style: none; padding: 0 0 17px 0; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li { border-bottom: 1px solid #dbdbdb; font-size: 12px; line-height: 18px; padding: 7px 0; }
.sidebar-nav ul li a { background: url(images/bullet.gif) no-repeat 5px 4px; color: #333; padding: 0 0 0 16px; }

.btn-buy { background: url(images/btn-buy.gif) no-repeat 0 0; display: block; width: 307px; height: 86px; font-size: 40px; line-height: 86px; color: #b50000; font-weight: bold; text-align: center; margin: 0 0 17px 0; position: relative; left:-3px; }
.btn-buy:hover { text-decoration: none; }

.advertisement { padding: 0 0 13px 0; }
.advertisement h3 { margin: 0 0 18px 0; }
.advertisement .ads { padding: 0 15px 0 7px; }
.advertisement .ad { margin: 0 0 18px 0; }

#sidebar .info {  }
#sidebar .info h3 { margin: 0 0 7px 0; }
#sidebar .info p {  }


#footer { font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; color: #7f7f7f; padding: 18px 27px 20px 38px; }
#footer a{ color: #7f7f7f; }

.footer-nav {  }
.footer-nav ul { list-style: none; }
.footer-nav ul li { display: inline; border-right: 1px solid #7f7f7f; padding: 0 6px 0 0; margin: 0 7px 0 0; }
.footer-nav ul li.last { border:0; padding:0; margin:0; }

.csc-frame-rulerAfter{
border-bottom: 1px dotted #fdc039;	
	
}


div.box_s{
float: left;
width: 314px;
border: 0px solid;
background-image: url(images/bg-right-top.jpg);	
margin-bottom: 0px;
padding: 20px 0px 10px 15px;
}


div.close_s{
float: left;
width: 329px;
height: 10px;
border: 0px solid;
background-image: url(images/bg-right-bottom.jpg);	
margin-bottom: 30px;	
	
}

div.slide div.csc-header{
position:absolute;
z-index: 11;	
margin-top: 353px;	
margin-left: 792px;	
}


div.slide div.csc-textpic-text{
padding-top: 30px;
position:absolute;
width: 220px;
height: 30px;
z-index: 10;	
margin-top: 350px;
margin-left: 780px;
background-image: url(images/funbutton.png);	
background-repeat: no-repeat;
padding-left: 12px;
}

div.slide a{
text-decoration: none;	
	
}

div.slide h1,div.slide h2,div.slide h3 {
	font-family: Arial; font-size: 18px; line-height: 22px; color: #0069B3; text-transform: uppercase; 
	
}


div.news-imggal a{
float:left;
clear:none;	
	
}

div.news-imggal p{
display: none;	
	
}

div.product_box div.csc-textpic-imagewrap{
width: 240px;	
height: auto;
vertical-align: bottom;
border: 0px solid;
}

div.product_box div.csc-textpic .csc-textpic-imagewrap img {
border: none;
display: block;
margin: 0px auto;
padding-top: 0px;
padding-bottom: 10px;
vertical-align: middle;

}
div.product_box {
padding-top:0px;
border-bottom: 1px dotted #fdc039;	
}

div.product_box div.csc-textpic{
vertical-align: middle;	
	
}

/*mailform */

.csc-mailform ol{
list-style: none;		
}

.csc-mailform ol li{
border: 0px solid;
padding-bottom:  10px !important;	
	
}

.socials ul li  a.en{
background: url(images/en.gif);	
	background-repeat: no-repeat;
border:0px solid;
padding-left: 25px;
background-position: 0px 2px;
}

.socials ul li  a.de{
background: url(images/de.gif);	
	background-repeat: no-repeat;
border:0px solid;
padding-left: 25px;
background-position: 0px 2px;
}


.tx-html5video-pi1 .support{
	display:none;
}
.vjs-default-skin .vjs-big-play-button {
	background-image: url("../images/button_video_funsports.png") !important;
	border:none !important ;
}
.vjs-default-skin .vjs-big-play-button:hover {
	background-image: url("../images/button_video_funsports.png") !important;
	border:none !important ;
	box-shadow:none !important;
	webkit-box-shadow:none !important;
}
.vjs-default-skin .vjs-big-play-button span{
	display:none !important;
}

/*  Zum Shop button   */

.cta {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	margin: 0.2rem 0;
	padding: 1.5rem 2rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box;
	transition-duration: 0.25s;
}
@media (max-width: 768px) {
	.cta {
		font-size: 15px;
		padding: 1rem 1.5rem;
	}
}
.cta.cta-sm {
	font-size: 15px;
	padding: 1rem 1.5rem;
}
.cta span {
	display: block;
}


.cta-funsports {
	color: #fff;
	background-color: #0069b4;
	border: 10px double #fff;
	text-decoration: none;
	width:100%;
}
.cta-funsports:hover {
	color: #0069b4;
	background-color: #fff;
	border: 10px double #0069b4;
	text-decoration: none;

}

.vjs-default-skin .vjs-big-play-button{
	box-shadow: none !important;
}


/*  _tt_news Produkte  only test*/

/*

.products { padding: 20px 0 0 0;  }
.products h3 { margin: 0 0 17px 0; }
.products .item { margin: 0 0 28px 0; border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; }
.products .image { width: 120px; height: 150px;padding: 2px; margin: 0 20px 0 3px; }
.products .text { width: 380px; margin-top: 15px;margin-left: 15px;}
.products .text h4 { font-size: 14px; line-height: 15px; color: #333;  padding: 3px 0 2px 0; }
.products .text p { padding: 0 0 3px 0; }
*/