* {
	margin: 0px;
	padding: 0px;
	background: transparent;
}

html {
	background: #f1f7d1 url(../img/becker_bg.jpg) 0 0 no-repeat fixed;
}

body {
	width: 902px;
	margin: 0px auto;
	font-family: Arial, Verdana;
	font-size: 76%;
	line-height: 1.5;
}

img {
	border: 0px;
}

.hide {
	display: none;
}

#kopf {
	width: 900px;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	border-top: solid 6px #8E9F1B;
	background-color: #fff;
}

#home #kopf h1,
#kopf h1 a {
	display: block;
	float: right;
	width: 46px;
	height: 71px;
	background: #fff url(../img/logo.gif) 0 0 no-repeat;
	text-indent: -10000px;
	margin: 20px;
}

#kopf h1 a:hover {
	background: #fff url(../img/logo_hover.gif) 0 0 no-repeat;
}

#kopf ul {
	list-style: none;
	margin-left: 10px;
}

#kopf ul li {
	display: inline;
	height: 15px;
	line-height: 15px;
}

#kopf ul li a {
	display: block;
	float: left;
	padding: 5px;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
	color: #8E9F1B;
	text-decoration: none;
	font-weight: bold;
}

#kopf ul li.metanav a {
	color: #CDE049;
}

#kopf ul li.active a {
	background: #CDE049 url(../img/bg_nav_active.gif) bottom center no-repeat;
	color: #fff;
}

#kopf ul li a:hover {
	color: #fff;
	background-color: #8E9F1B;
}

#kopf ul li#nav_warenkorb a {
	display: block;
	margin: 0px 5px;
	width: 18px;
	background: #8E9F1B url(../img/btn_warenkorb.gif) center center no-repeat;
	text-indent: -10000px;
}

#kopf ul li#nav_warenkorb a:hover {
	background: #8E9F1B url(../img/btn_warenkorb_h.gif) center center no-repeat;
}

#content {
	width: 900px;
	background: #fff url(../img/bg_dot.gif) 224px 0px repeat-y;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#home #content {
	background-image: none;
}

#intro-wrapper {
	display: block;
/*	float: left;*/
	width: 900px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#intro-inner {
	width: 900px;
	height: 800px;
	position: relative;
}

#picture-wrapper {
	display: block;
	width: 410px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#picture-bar {
	display: block;
	margin: 1em 0px 2em 0px;
	padding: 5px 10px;
	font-size: 0.9em;
}

#picture-bar span {
	margin-right: 10px;
}

#picture-bar a {
	padding: 5px 8px;
	margin-right: 5px;
	border: solid 1px #CDE049;
	background: #F1F7D1;
	text-decoration: none;
}
#picture-bar a:hover {
	background: #CDE049;
	border: solid 1px #CDE049;
	color: #fff !important;
}

#home #kategorien {
	position: absolute;
}

#home #kategorien ul {
	list-style: none;
}

#home #kategorien ul li {
	display: block;
	float: left;
	width: 225px;
	height: 200px;
	background-color: #F1F7D1;
}

#home #kategorien ul li a {
	display: block;
	width: 225px;
	height: 200px;
	text-indent: -10000px;
}

#home #kategorien ul li#btn_filler {
	background: #F1F7D1 url(../img/filler.gif) center center no-repeat;
}

#home #kategorien ul li#btn_damentextilien a {
	background: #F1F7D1 url(../img/btn_damentextilien.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_rackets a {
	background: #F1F7D1 url(../img/btn_rackets.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_herrentextilien a {
	background: #F1F7D1 url(../img/btn_herrentextilien.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_schuhe a {
	background: #F1F7D1 url(../img/btn_schuhe.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_accessoires a {
	background: #F1F7D1 url(../img/btn_accessoires.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_kidstextilien a {
	background: #F1F7D1 url(../img/btn_kidstextilien.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_bbfanartikel a {
	background: #F1F7D1 url(../img/btn_bbfanartikel.jpg) top left no-repeat;
}

#home #kategorien ul li#btn_damentextilien a:hover {
	background: #F1F7D1 url(../img/btn_damentextilien.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_rackets a:hover {
	background: #F1F7D1 url(../img/btn_rackets.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_herrentextilien a:hover {
	background: #F1F7D1 url(../img/btn_herrentextilien.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_schuhe a:hover {
	background: #F1F7D1 url(../img/btn_schuhe.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_accessoires a:hover {
	background: #F1F7D1 url(../img/btn_accessoires.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_kidstextilien a:hover {
	background: #F1F7D1 url(../img/btn_kidstextilien.jpg) bottom left no-repeat;
}

#home #kategorien ul li#btn_bbfanartikel a:hover {
	background: #F1F7D1 url(../img/btn_bbfanartikel.jpg) bottom left no-repeat;
}

#metanav {
	background-color: #CDE049;
	margin-bottom: 10px;
}

#metanav ul {
	list-style: none;
}

#metanav ul li {
	display: block;
	float: left;
	width: 225px;
}

#metanav ul li a {
	display: block;
	width: 205px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0px 10px 20px;
}

#metanav ul li#btn_bbecker {
	width: 450px;
	border-right: solid 1px #fff;
}

#metanav ul li#btn_bbecker a:hover {
	background: transparent url(../img/btn_bbecker_h.jpg) right top no-repeat;
}

#metanav ul li#btn_team a:hover {
	background: transparent url(../img/btn_team_h.jpg) right top no-repeat;
}

#metanav ul li#btn_kontakt a:hover {
	background: transparent url(../img/btn_kontakt_h.jpg) right top no-repeat;
}

#metanav ul li#btn_bbecker a {
	width: 430px;
}

#metanav ul li#btn_team {
	border-right: solid 1px #fff;
}

#angebote,
#marken {
	background: #fff url(../img/bg_dot.gif) left bottom repeat-x;
	padding-bottom: 10px;
	padding: 20px;
	color: #8E9F1B;
/*	border-bottom: dotted 1px #8E9F1B;*/
}

#angebote h2 {
	font-size: 1.3em;
	margin-bottom: 20px;
}

#angebote ul {
	list-style: none;
}

#angebote ul li {
	display: block;
	float: left;
	width: 185px;
	margin: 0px 20px;
}

#angebote ul li.first {
	margin-left: 0px;
}

#angebote ul li.last {
	margin-right: 0px;
}

#angebote ul li a {
	display: block;
	width: 185px;
	text-decoration: none;
	color: #8E9F1B;
}

#angebote ul li a:hover {
	background-color: #8E9F1B;
	color: #fff;
}

#angebote ul li a img {
	border: solid 1px #8E9F1B;
	display: block;
}

#angebote ul li a span {
	display: block;
}

#angebote ul li a:hover span {
	padding-left: 5px;
}

#marken ul {
	list-style: none;
	background: #fff url(../img/bg_marken.gif) left center no-repeat;
	width: 430px;
	margin: 0px auto;
	padding: 0px 11px;
	text-align: center;
}

#marken ul li {
	display: inline;
}

#marken ul li a {
	display: block;
	float: left;
	margin-right: 20px;
	height: 50px;
	text-indent: -10000px;
	opacity: 0.5;
}

#marken ul li a:hover {
	opacity: 1;
}

#marken ul li#btn_adidas a {
	width: 57px;
	background: #fff url(../img/btn_adidas.gif) center center no-repeat;
}

#marken ul li#btn_limitedsports a {
	width: 62px;
	background: #fff url(../img/btn_limitedsports.gif) center center no-repeat;
}

#marken ul li#btn_borisbecker a {
	width: 51px;
	background: #fff url(../img/btn_borisbecker.gif) center center no-repeat;
}

#marken ul li#btn_voelkl a {
	width: 59px;
	background: #fff url(../img/btn_voelkl.gif) center center no-repeat;
}

#marken ul li#btn_wilson a {
	width: 62px;
	background: #fff url(../img/btn_wilson.gif) center center no-repeat;
}

#marken ul li#btn_k-swiss a {
	width: 34px;
	background: #fff url(../img/btn_k-swiss.gif) center center no-repeat;
}

#marken ul li#btn_babolat a {
	width: 61px;
	background: #fff url(../img/btn_babolat.gif) center center no-repeat;
	margin-right: 0px;
}

#marken ul li#btn_puma a {
	width: 72px;
	background: #fff url(../img/btn_puma.gif) center center no-repeat;
}

#marken ul li#btn_nike a {
	width: 75px;
	background: #fff url(../img/btn_nike.gif) center center no-repeat;
}

#marken ul li#btn_derbystar a {
	width: 67px;
	background: #fff url(../img/btn_derbystar.gif) center center no-repeat;
}

#marken ul li#btn_uhlsport a {
	width: 75px;
	background: #fff url(../img/btn_uhlsport.gif) center center no-repeat;
}

#marken ul li#btn_masita a {
	width: 82px;
	background: #fff url(../img/btn_masita.gif) center center no-repeat;
	margin-right: 0px;
}

#footer {
	background-color: #fff;
	padding: 20px;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	color: #CDE049;
	font-size: 0.8em;
	display: inline;
	margin-right: 20px;
}

#footer ul li a {
	color: #CDE049;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #8C9D1B;
}

#footer ul li#stereobrand {
	float: right;
	margin-top: -15px;
	display: block;
	width: 15px;
	height: 15px;
	margin-right: 15px;
}

#footer ul li#stereobrand a {
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url(../img/logo_stereobrand.gif) top left no-repeat;
	text-indent: -10000px;
	text-decoration: none;
}

#footer ul li#stereobrand a:hover {
	background: transparent url(../img/logo_stereobrand.gif) bottom left no-repeat;
}

#warenkorb_container {
	display: block;
	width: 860px;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	display: block;
	background: #8C9D1B url(../img/becker_warenkorb.jpg) left bottom repeat-x;
	padding: 10px 20px;
	color: #fff;
}

#warenkorb {
	display: block;
	float: left;
	width: 410px;
	margin-bottom: 1em;
	margin-right: 20px;
}

#warenkorb a {
	color: #fff;
}

#warenkorb_container #warenkorb input {
	width: 25px;
	background-color: #fff;
	color: #000;
}

#warenkorb_container #warenkorb input.submit {
	background-color: #ccc;
	border-width: 1px;
	width: auto;
}

#warenkorb table {
	border-collapse: collapse;
	width: 410px;
	margin-bottom: 1.5em;
}
#warenkorb table tbody tr td {
	border-bottom: solid 1px #cde04a;
}
#warenkorb table tbody tr {
	margin-bottom: 0.5em;
}
#warenkorb table tfoot td {
	font-weight: bold;
}
#warenkorb_container p.header {
	font-weight: bold;
	margin-bottom: 1em;
}
#warenkorb_container p.hinweis {
	margin-top: 2em;
	font-size: 0.9em;
	margin-bottom: 1em;
}
#warenkorb_container #bestellung {
	margin-left: 20px;
	display: block;
	float: left;
	width: 410px;
	margin-bottom: 1em;
}
#warenkorb_container #bestellung fieldset {
	border: none;
}
#warenkorb_container #bestellung fieldset ol {
	list-style: none;
}
#warenkorb_container #bestellung fieldset ol li {
	margin-bottom: 0.5em;
}
#warenkorb_container #bestellung fieldset ol label {
	width: 150px;
	display: block;
	float: left;
}
#warenkorb_container #bestellung fieldset ol select,
#warenkorb_container #bestellung fieldset ol input {
	width: 250px;
	border: solid 2px #cde04a;
	background-color: #cde04a;
	color: #8C9D1B;
}
#warenkorb_container #bestellung fieldset ol select:focus,
#warenkorb_container #bestellung fieldset ol input:focus {
	border: solid 2px #fff;
}
#warenkorb_container #bestellung fieldset.submit {
	padding-left: 150px;
}
#warenkorb_container #bestellung fieldset input.submit {
	background-color: #ccc;
	border-width: 1px;
}

/* ClearFix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#content .spaltelinks {
	display: block;
	width: 450px;
	float: left;
}

#content .spalterechts {
	margin-left: 450px;
	padding: 20px;
}

#content h1 {
	font-size: 18px;
	color: #fff;
	display: block;
	width: 430px;
	height: 40px;
	background: #8E9F1B url(../img/filler.gif) top right no-repeat;
	padding: 160px 0px 0px 20px;
}

#content p {
	margin-bottom: 1em;
}

#content p.orgpreis {
	margin-left: 225px;
	margin-bottom: 0px;
	font-size: 1em;
	color: #000;
	text-decoration: line-through;
}

#content p.preis {
	margin-left: 225px;
	font-size: 2em;
	color: #8E9F1B;
	font-weight: bold;
}

#content p.notice {
	font-size: 0.9em;
}

#content div#map {
	width: 410px;
	height: 300px;
}

#content .subnav {
	list-style: none;
	margin: 20px 0px 0px 20px;
	display: block;
	width: 205px;
	float: left;
}

#content .subnav li {
	margin-bottom: 10px;
}

#content .subnav li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #8E9F1B;
}

#content .subnav li.active a {
	padding-left: 12px;
	background: transparent url(../img/bg_subnav_active.gif) left center no-repeat;
}

#content .subnav li a:hover {
	text-decoration: underline;
}

#content .beschreibung {
	margin-left: 225px;
	padding: 20px;
}

#content .beschreibung h2 {
	font-size: 1em;
	color: #8E9F1B;
	margin-bottom: 1em;
}

#content .beschreibung p {
	font-size: 0.9em;
	color: #8E9F1B;
}

#content .beschreibung ul {
	font-size: 0.9em;
	color: #8E9F1B;
}

#content .beschreibung blockquote p {
	margin-bottom: 0em;
}

#content .beschreibung address {
	font-size: 0.9em;
	color: #8E9F1B;
	margin-bottom: 1em;
}

#content table {
	border-collapse: collapse;
	width: 410px;
	margin-bottom: 1.5em;
}

#content table tr td {
	padding: 2px 2px;
}

#content table tbody tr td {
	border-bottom: solid 1px #cde04a;
}

#content table tbody tr {
	margin-bottom: 0.5em;
}

#content table tfoot td {
	font-weight: bold;
}

ul.vcard {
	list-style: none;
	margin-left: 0px !important;
}

ul.vcard li {
	margin-bottom: 0 !important;
}

ul.vcard li.absatz {
	margin-bottom: 1em !important;
}

#content .artikel {
	list-style: none;
	margin-left: 0px !important;
}

#content .artikel li {
	display: block;
	float: left;
	width: 185px;
	margin-bottom: 20px;
}

#content .artikel li.links {
	margin-right: 20px;
}

#content .artikel li.rechts {
	margin-left: 20px;
}

#content .artikel li a {
	display: block;
	width: 185px;
	text-decoration: none;
	color: #8E9F1B;
}

#content .artikel li a:hover {
	background-color: #8E9F1B;
	color: #fff;
}

#content .artikel li a img {
	border: solid 1px #8E9F1B;
	display: block;
}

#content .artikel li a span {
	display: block;
}

#content .artikel li a:hover span {
	padding-left: 5px;
}

#content .spalterechts h2 {
	color: #8E9F1B;
	font-size: 1.2em;
	margin: 2em 0em 1em 0em;
}

#content .spalterechts h3 {
	color: #8E9F1B;
	font-size: 1em;
	margin: 2em 0em 1em 0em;
}

#content .spalterechts h2.first {
	margin: 0em 0em 1em 0em;
}

#content .spalterechts a {
	color: #8E9F1B;
}

#content .spalterechts a:hover {
	text-decoration: none;
}

#content .spalterechts ul {
	color: #8E9F1B;
	margin-left: 15px;
}

#content dl {
	margin-bottom: 0.5em;
}

#content dl dt {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
}

#content dl dd {
	margin-left: 150px;
}

/* Formular */
#content fieldset {
	border: none;
}

#content fieldset ol {
	list-style: none;
}

#content fieldset ol li {
	margin-bottom: 0.5em;
}

#content label {
	font-size: 1em;
	display: block;
	float: left;
	width: 150px;
}

#content label.required {
	background: transparent url(../img/icon_required.gif) 125px center no-repeat;
}

#content input, #content textarea, #content select {
	width: 200px;
	margin-bottom: 10px;
	border-width: 0px;
	background-color: #F1F7D1 !important;
	font-family: arial;
	padding: 2px 0px;
}

#content textarea {
	height: 150px;
	font-size: 1em;
}

#content input.button {
	width: 150px !important;
/*	border-width: 1px;*/
}

#content input, #content textarea, #content select {
	color: #000;
}

#content fieldset.submit {
	padding-left: 150px;
}

fieldset.agb {
/*	padding-left: 80px;*/
	margin-bottom: 1em;
}

fieldset.agb input {
	width: auto !important;
	margin-bottom: 0px !important;
	margin-right: 1em;
}

fieldset.agb label {
	display: inline !important;
	float: none !important;
}

#content input.submit {
	background-color: #ddd !important;
	border-width: 1px;
}

#content select {
	background-color: #fff;
}

#content .beschreibung input, #content .beschreibung select {
	width: 185px;
	font-size: 0.9em;
}