@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

#shopinhalte{
	display:none;
}
#mybody {
	background:#e9f0f1;
	margin:0;
	font-size: 14px;
}

* {
	font-family: 'Open Sans', sans-serif;
}

#mybody, #background-bottom, #background-top {
	min-width:1000px
}

#background-bottom, #background-top {
	position:fixed;
	left:0;
	top:0;
	width:100%
}

#background-bottom {
	background:url(images/background-bottom1.jpg) 100% 100% repeat-x;
	bottom:0;
	top:initial;
	height:280px;
	text-align:right;
	min-width:1000px
}

#tabs {
  font-size: 13px;
  line-height: 170%;
}

#kategorie_buttons {
	list-style:none;
	padding:0;
	margin:0
}

.tab-links a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 60px 0 20px;
  border: 1px solid lightgray;
  margin-right: -1px;
  margin-bottom: -1px;
  text-decoration: none;
  color: #333;
  outline: none;
  text-transform: uppercase;
  font-style: italic;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: gray;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.tab-links li:first-child a {
	border-radius:5px 0 0 0
}

.tab-links li:last-child a {
	border-radius:0 5px 0 0
}

.tab-links .ui-state-active a {
background: #55c4c6; /* Old browsers */
background: -moz-linear-gradient(top,  #55c4c6 0%, #319798 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55c4c6), color-stop(100%,#319798)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55c4c6 0%,#319798 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c4c6', endColorstr='#319798',GradientType=0 ); /* IE6-9 */
color:#fff;
text-shadow:none
}

.tab-content {
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(left,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #f2f2f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  display: inline-block;
    width: 610px;
  padding: 10px 0 20px 20px;
  border-radius: 0 0 0 10px;
  position: relative;
  min-height: 250px;
}
.tab-content:after {
	content:"";
	position:absolute;
	right:0;
	top:20px;
	height:212px;
	width:290px;
	margin-right:-320px;
	background:url(images/vorteile-Artikelseite.jpg) 100% 0 no-repeat;
}

.tab-links {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  border-bottom: 1px solid lightgray;
}

.tab-links li {
	float:left
}

#kategorie_buttons li {
	float:left;
}
#kategorie_buttons a {
color: #666666;
text-decoration: none;
border-bottom: 2px solid #cccccc;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 18px;
padding: 0 40px;
width: 145px;
margin: 0 10px 10px 0;
border-radius: 5px;
position:relative;
overflow:hidden
}
#kategorie_buttons a:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	height:40px;
	width:40px;
	background:url(images/kategorie_buttons_after.jpg) 50% 50% no-repeat;
}
#kategorie_buttons a:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:40px;
}
#preisbox {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 20px;
  position: absolute;
  top: 289px;
  width: 400px;
  text-align: right;
}
#right h1{
	font-size:21px;
	font-weight:400;
	color:#7e3285;
	margin:0;
}
#right h2{
	font-size:13px;
	font-weight:300;
	color:#000000;
	margin-top:0;
}
#right li span {
	color:gray
}
#right ul {
	margin-top:20px;
	line-height: 188%;
	font-size: 14px;
}
#enavload li:hover > ul,#enavload_db li:hover > ul {
display: block;
position: absolute;
background: #309697;
padding: 5px 40px 15px 20px;
border-radius: 0 0 5px 5px;
z-index: 99;
}
#enavload ul ul a,#enavload_db ul ul a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:2px 0;
	font-size:13px
}
#enavload ul ul a:hover,#enavload_db ul ul a:hover {
	color:#000;
}
#sofort_kaufen {
background: #55c4c6; /* Old browsers */
background: -moz-linear-gradient(top,  #55c4c6 0%, #309798 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55c4c6), color-stop(100%,#309798)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55c4c6 0%,#309798 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55c4c6 0%,#309798 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55c4c6 0%,#309798 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55c4c6 0%,#309798 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c4c6', endColorstr='#309798',GradientType=0 ); /* IE6-9 */
color:#fff;
font-size:18px;
height:44px;
line-height:42px;
padding:0 15px;
display:inline-block;
text-decoration:none;
border-radius:5px;
margin-top:20px
}
#kategorie_buttons li:nth-child(1) a:before,#kategorie_buttons li:nth-child(2) a:before {
	background:url(images/kategorie_buttons_fitness.png) 50% 50% no-repeat;
}
#kategorie_buttons li:nth-child(3) a:before,#kategorie_buttons li:nth-child(4) a:before {
	background:url(images/kategorie_buttons_yoga.png) 50% 50% no-repeat;
}
#kategorie_buttons li:nth-child(5) a:before,#kategorie_buttons li:nth-child(6) a:before {
	background:url(images/kategorie_buttons_schwimmen.png) 50% 50% no-repeat;
}
#kategorie_buttons a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#background-top {
	background:url(images/background-top.png) 0 0 repeat-x;
	background-size:100% 100%;
	height:300px;
	z-index: 9;
}

#wrapper {
	position:relative;
	z-index:99;
	width:100%;
	background: url("images/bg_yoga.jpg") repeat-x scroll 100% 100% transparent;
	background-position:bottom right;
	padding-bottom:20px;
}

#wrapper_inner {
	width:1000px;
	margin:0 auto;
}

#logo {
display: block;
width: 204px;
height: 90px;
background: url(images/logo.png) 50% 50% no-repeat;
/*top: 30px;*/
top:-122px;
}

#enavload,#enavload_db {
height: 50px;
margin: 150px 0 15px;
padding-left: 50px;
}

#kategorien {
	float:right;
	width:315px;
}

#kategorien a {
	position:absolute;
	right:10px;
	bottom:10px;
	color:#fff;
	text-decoration:none;
	height:27px;
	line-height:27px;
	font-size:12px;
	font-weight:600;
	font-style:italic;
	text-transform:uppercase;
	padding:0 42px 0 15px;
}

#kategorien a:after {
	content:"";
	display:block;
	width:27px;
	height:27px;
	background:url(images/kategorien_pfeil.png) 50% 50% no-repeat;
	position:absolute;
	right:0;
	top:0
}

#kategorie1 {
	background:url(images/kategorie1.jpg)
}

#kategorie2 {
	background:url(images/kategorie2.jpg)
}

#kategorie3 {
	background:url(images/kategorie3.jpg)
}

#kategorien a {
background: #55c4c6; /* Old browsers */
background: -moz-linear-gradient(top,  #55c4c6 0%, #319798 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55c4c6), color-stop(100%,#319798)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55c4c6 0%,#319798 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55c4c6 0%,#319798 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c4c6', endColorstr='#319798',GradientType=0 ); /* IE6-9 */
}

#kategorien > div {
	float:right;
	width:100%;
	height:104px;
	margin-top:9px;
	position:relative;
}

#kategorien > div:first-child {
	margin-top:0px;
}

#slider {
	float:left;
	width:670px !important;
	height:330px !important;
	margin-bottom:15px
}

#background-bottom img {
  margin-right: -80px;
}

.sparset_heading {
	color:#309798;
	font-size:22px;
	margin:20px 0 10px
}

#yoga-sparset {
	display:block;
	height:162px;
	background:url(images/yoga-sparset.jpg)
}

#fitness-sparset {
	display:block;
	height:162px;
	background:url(images/fitness-sparset.jpg);
	margin-top:-8px
}

#galerie, #right {
	float:left;
	width:50%;
	position:relative;
}

#preis {
	color:#7e3285;
	font-size:30px;
}

#versand {
	font-size:13px;
	
}

#details {
	float:right;
	width:50%;
}

#home {
height: 50px;
width: 50px;
background: url(images/home.png) 50% 50% no-repeat;
display: block;
position: absolute;
}

ul.thumbnails {
  margin: 0;
  width: 960px;
}

.thumbnails li {
  padding: 0;
  width: 107px;
  height: 108px;
  display: table;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
}

.thumbnails li span{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#gallery-image img {
  max-width: 466px;
  max-height: 466px;
}

#enavload > ul > li,#enavload_db > ul > li {
	float:left;
	background:url(images/nav.png) 100% 50% no-repeat;
	padding-right:8px
}

#enavload > ul > li:last-child,#enavload_db > ul > li:last-child {
	background:none;
}

#enavload > ul > li > a,#enavload_db > ul > li > a {
	display:block;
	height:50px;
	line-height:50px;
	color:#fff;
	text-decoration:none;
	padding:0 20px;
	font-size:16px;
	font-weight:300
}

#enavload ul,#enavload_db ul {
	margin:0;
	padding:0;
	list-style:none
}

#enavload .cnt, #enavload ul ul {
	display:none
}

#enavload,#enavload_db {
	background: #55c4c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #55c4c6 0%, #309697 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55c4c6), color-stop(100%,#309697)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #55c4c6 0%,#309697 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #55c4c6 0%,#309697 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #55c4c6 0%,#309697 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #55c4c6 0%,#309697 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c4c6', endColorstr='#309697',GradientType=0 ); /* IE6-9 */
}

#contents {
	background:#fff;
	padding:30px;
	  min-height: 252px;
}

#about_us > div {
	float:left;
	color:#fff;
	font-size:12px
}

#about_us ul {
	margin:0;
	padding:0;
	list-style:none
}

#about_us:after, #footer:after {
content: "";
display: block;
width: 431px;
height: 141px;
background: url(images/glanz.png) 0 50% no-repeat;
position: absolute;
top: 0;
right: 150px;
}

#about_us li {
float: left;
background: url(images/vorteile_startseite.png) 0 50% no-repeat;
padding-left: 20px;
line-height: 24px;
}
#about_us li:nth-child(2n+1) {
clear: both;
display:inline-block;
width:150px
}

#about_us > div:first-child {
	margin-left:200px;
	margin-right:50px
}

#about_us div .heading {
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:5px
}

#logo, #search_wrapper, #hotline {
	position:absolute
}
#search_wrapper {
	/*top: 83px;*/
	top:-75px;
	margin-left: 320px;
}

#contents, #enavload,#enavload_db, #search_wrapper input, #footer, #slider, #kategorien > div, #kategorien a, #about_us {
	border-radius:5px;
}

#search_wrapper input {
background: #fff;
border: 1px solid lightgray;
height: 37px;
line-height: 37px;
width: 200px;
padding: 0 10px;
}

#search_wrapper button {
	height:37px;
	width:37px;
	background:url(images/search_icon.png) 50% 50% no-repeat;
	border:0;
	position:absolute;
	top:0;
	margin-left:205px;
	cursor:pointer;
	left:0
}

#hotline {
width: 70px;
height: 108px;
background: url(images/hotline.png) 50% 50% no-repeat;
/*top: 28px;*/
top:-107px;
margin-left: 930px;
}

#footer {
	margin: 15px 0 50px;
	position:relative
}

#footer, #about_us {
	background: #4cafb1; /* Old browsers */
	background: -moz-linear-gradient(top,  #4cafb1 0%, #112c2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cafb1), color-stop(100%,#112c2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4cafb1 0%,#112c2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4cafb1 0%,#112c2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4cafb1 0%,#112c2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4cafb1 0%,#112c2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cafb1', endColorstr='#112c2d',GradientType=0 ); /* IE6-9 */
}

#about_us {
height: 110px;
margin-bottom: 15px;
padding: 20px;
position:relative
}

#footer_inner {
	height:100px;
	padding:30px;
}

#footer div div div {
color: #fff;
text-transform: uppercase;
font-size: 20px;
}

#footer img {
	margin-top:10px
}

#footer_inner > div {
	float:left;
	padding-right:70px;
}

#footer_inner > div:last-child {
	padding-right:0
}

#zahlungsarten img {
	margin-left:-12px
}

#footer ul {
	margin:10px 0 0;
	padding:0;
	list-style:none;
}
#number {
	color:#009ba4;
	font-size:24px
}
#phone {
	background: url(images/phone.png) 0 50% no-repeat;
	padding-left: 50px;
	position: absolute;
	/*top: 81px;*/
	top:-77px;
	margin-left: 660px;
	line-height: 20px;
	padding-top: 4px;
}
#opening_hours {
	color:#666666;
	font-size:13px
}
#footer li {
	float:left
}
#footer li:nth-child(2n+1) {
	clear: both;
}

#footer a {
	font-size:12px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	padding-right:10px
}

#footer li:nth-child(2n+1) {
	display:inline-block;
	width:120px;
}

#about_us .heading, #about_us_text {
z-index: 9;
position: relative;
}

#about_us:before {
content: "";
display: block;
position: absolute;
height: 150px;
width: 225px;
background: url(images/bluete.jpg) 0 0 no-repeat;
top: 0;
left: 0;
border-radius:5px 0 0 5px
}

/* ########################################################*/


#dynpl {
width:940px;
text-align:center;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
float:left;

}

#pbox {
width:205px;
float:left;
height:250px;
margin:10px;
padding:5px 5px 20px;
}

#pbox #picholder {
  height: 122px;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  padding: 8px;
}

#pbox img {
  max-width: 100%;
  max-height: 130px;
  border-radius: 5px;
}

.jcarousel-item-horizontal {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.jcarousel-item img {
  margin-bottom: 0px !important;
}

.thumbnails a {
display: table-cell;
vertical-align: middle;
height: 92px;
}



#pbox a {
  color: #444;
  text-decoration: none;
  height: 52px;
  overflow: hidden;
  display: block;
  font-size: 12px;
  margin-top: 5px;
  padding: 0 2px;
}

#pbox #price {
font-weight:700;
font-size:13px;
}

#dynpl #pbox {
  float: left;
  margin: 12px 6px;
  padding: 5px 5px 20px;
}

.simple-pagination{
	float:right;
}

.jcarousel-container-horizontal{
    width: 1000px !important;
}

.jcarousel-next-horizontal {
  top: 75px !important;
  right: 15px !important;
  width: 37px !important;
  height: 100px !important;
  background: url(http://www.data-blue.de/ebaykunden/doyoursports-premium/img/next.png) no-repeat 0 50% !important;
}

.jcarousel-prev-horizontal {
  top: 75px !important;
  left: 15px !important;
  width: 37px !important;
  height: 100px !important;
  background: url(http://www.data-blue.de/ebaykunden/doyoursports-premium/img/prev.png) no-repeat 0 50% !important;
}

.jcarousel-clip {
  overflow: hidden !important;
  position: relative !important;
  width: 880px !important;
  margin-left: 60px !important;
}

#sliderbox #pbox {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.jcarousel-item, #dynpl #pbox {
width: 164px !important;
  border: 1px solid lightgray;
  background: #fafafa;
  border-radius: 5px;
  overflow: hidden;
  height: auto !important;
}

#dynpl #pbox:hover {
  background: lightgray;
}

#right {
	width:440px;
	margin-left:30px
}
#gallery-holder {
  height: 468px;
  width: 468px;
  border: 1px solid lightgray;
}
#background-top{
	display:none;
}
#background-bottom{
	display:none;
}

button#cboxClose{
	 background: url(https://www.data-blue.de/ebaykunden/doyoursports-premium/files/images/close.png) no-repeat 0 50% !important;
	 border: none;
	height: 38px;
	width:25px;
	margin-right: 25px;
}
#ui-id-2{
	display:none;
}


#enavload_db #language_headline{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 14px 20px;
    display: inline-block;
}

#db_vorteilsbox{
	height:210px;
	width:280px;
	border-bottom:2px solid #ccc;
	border-radius:5px;
	float:right;
	position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    margin: -13px -310px 0 0;
    padding: 0;
    z-index: 10;
}


#vorteilsbox_headline{
	font-size:22px;
	color:#309798;
	display:inline-block;
	margin:0 20px;
}

#db_vorteilsbox ul{
	list-style:none;
	display:inline-block;
	width:100%;
	padding: 0 0px 0 20px;
}

#db_vorteilsbox ul li{
	font-weight:300;
	font-size:12px;
	color:#000;
	line-height:27px;
}

#db_vorteilsbox ul li:before{
	height:14px;
	width:14px;
	display:block;
	content:"";
	float:left;
	background:url(images/doyoursports_haken.png) 0 0 no-repeat;
	    margin: 5px 10px 0 0;

}


#frau_daumenhoch{
	position:absolute;
	bottom:0;
	right:-10px;
}
*{outline:none;}