@import url(boxes.css);
@import url(thickbox.css);
/**/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
html {
height: 101%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
hr { display: none }
hr.Break { display: block; visibility: hidden; }
.Break { float: none; clear: both;}
.Left { float: left }
.Right { float: Right }
.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }
body { color: #333; font-size: 12px; text-align: center; margin: 0; padding: 0 ; background-color:#000; }
body * { font-family: Arial, Helvetica, sans-serif }
img, a img { border: none; }
a { color: #000000; text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {}
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }
ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea, select { font-size: 12px }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { }
p small { font-size: 10px }
h1 { color: #000000; font-size: 24px; font-weight: normal }
h2 { color: #000000; font-size: 20px; font-weight: normal }
h3 { color: #000000; font-size: 16px; font-weight: normal }
h4 { color: #000000; font-size: 14px; font-weight: normal }
h5 { color: #000000; font-size: 16px; font-weight: normal }
h6 { color: #000000; font-size: 16px; font-weight: normal }
textarea { width:100%}
.Block { background-color:#f8f8f8}
textarea#message_body {width:95%;}
select {width:auto;}
p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { }
/**/
.price {font-size: 16px; font-weight:bold; padding-bottom:10px}
#footer_block {width:920px; float:left; border-top:0px solid #CCC; padding: 15px ; color: #ffffff; font-size:11px}
#newsletter {float:left; margin-left:22px; }
#info {float:left; width:275px; padding-left:20px; padding-right:20px;border-right: 0px solid #CCC; border-left: 0px solid #CCC; height: 120px;}
#sonstiges {float:left; width:275px; padding-left:0px; list-style-position:inside}
.block_heading {text-transform:uppercase; font-weight:bold; font-size:12px}
.block_text {padding: 10px;}
#top_header {width:100%; height:112px;;background-image:url(/templates/sports/img/body_top_bg.gif); background-repeat:repeat-y; background-position: center top}
ul #TopCats {line-height: 40px}
.Text {padding: 10px;}
/**/
#middle-bg { width:100%;float:left; background-image:url(/templates/sports/img/body_middle_bg.gif); background-repeat:repeat-y; background-position: center top; margin-bottom:-4px}
#MainWrap { text-align: left; margin: 0px auto 0; padding: 0 0 0px; position: relative; width: 970px; float: none; clear: both; overflow: hidden; margin-top:-79px}
#content{background-color:#ffffff}
#MidCol,
#LeftCol,
#RightCol { margin-top:120px; position: relative; overflow: hidden; }
#LeftCol { width: 190px; margin-top:200px; }
#LeftCol li { padding-bottom:10px; padding-left: 15px; list-style:none; }
#LeftCol li a:hover{ color: #000; width: 155px; text-decoration:none; font-weight: bold; }
#RightCol { width:0px }
#MidCol2 { margin-top:120px; position: relative; overflow: hidden; width:970px; }
#MidCol { position: relative; left: 230px; width: 730px; float: left }
#LeftCol { left: -720px; float: left }
#RightCol { right: 10px; float: right }
/**/
/**/
#ShopContent { margin-top: 70px; padding-bottom: 60px; position: relative; border-top: 0px solid #dee7cd; background-color:#FFF}
#ShopContent2 { margin-top: 58px; padding-bottom: 0px; position: relative; border-bottom: 10px solid #bababa; background-color:#000; float:left; width: 970px }
#ShopContent3 { margin-top: 60px; padding-bottom: 60px; position: relative; border-top: 0px solid #dee7cd; background-color:#FFF; float:left; width:940px; padding:15px }
#BreadCrumb { margin: 0; padding-top: 0.3em; padding-left: 15px; position: absolute; top:-20px; left: 0; height: 50px; }
.ButtonSet { margin-top: 10px; border-top: 1px solid #000000 }
.ErrorMessage { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border: solid 2px #c00 }
.Half { width: 275px; }
.Half { width: 48%; }
.CheckOutFunction { padding-right: 10px; border-top: 1px solid #000000; }
.CheckOutFunction p {}
.CheckOutFunction .Half { width: 45% }
.OrderItem { padding-right: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee }
#ProgressBar { float: none; clear: both; }
#ProgressBar span { background-color: #ddd; float: left; text-align: center; width: 25% }
#ProgressBar span.Current { color: #c13; }
#SubCategories {background-color: #f3f3f3; padding-left: 0px; padding-top: 16px; color:#FFF; width: 155px; background-image: url(/templates/sports/images/brose_sub.gif); background-position:center bottom; background-repeat:no-repeat}
.mehrbilder { float: left; padding: 10px 0px; text-align:left }
.mehrbilder img { height: 60px; float: left; margin-right: 5px; padding: 2px; margin-bottom: 5px; border: solid 1px #cccccc; }
/**/
/**/
.CatInfo { background-color: #f7f9f3; padding: 10px }
.CatInfo .Image { background-color: #d6e1c1; width: 200px; height: 200px; float: left }
.CatInfo .Text { background-color: #aab39a; width: 330px; float: right }
/**/
/**/
.CatListing { width: 760px }
.CatListing .Item { background-color: #f3f3f3; text-align: center; margin-right: 10px; margin-bottom: 10px; width: 172px; float: left }
.CatListing .Image {}
.CatListing a {font-weight: bold}
/**/
/**/
.ProdListing1,
.ProdListing2,
.ProdListing3 { width: 760px }
.ProdListing1 .Item,
.ProdListing2 .Item,
.ProdListing3 .Item { background-color: #f3f3f3 }
.ProdListing1 .Image,
.ProdListing2 .Image,
.ProdListing3 .Image {}
.ProdListing1 .Item { width: 100%; float: left; margin-right: 10px;}
.ProdListing2 .Item { width: 275px; float: left; margin-right: 10px; }
.ProdListing3 .Item { width: 237px; float: left; margin-right: 6px; text-align:left }
.ProdListing4 .Item { width: 180px; float: left;margin-right: 7.5px; margin-left: 7.5px; margin-bottom: 20px; text-align:center }
.ProdListing3 .Item img{ padding-left:3px;}
/**/
/**/
/* K�mmt noch */
/**/
/**/
/* K�mmt noch */
/**/
/**/
#MainHeader { margin-right: 0px; margin-left: 0px; position: absolute; top: 0px; left: 0; width: 970px; height:140px; background-color:#FFF }
#Header_Right { width: 700px; float:left; height:80px;margin-top: 20px; text-align:right }
#ShopLogo { margin-top: 20px; margin-left:20px; height:80px; width:250px; float:left}
#ShopLogo a { color: #d6e1c1; }
#Mainmenu {width:970px; float:left; height:30px; background-color:#000000; line-height: 30px;border-bottom: 10px solid #bababa;}
#Mainmenu a{ color:#ffffff; font-size:13px; border-right: 1px solid #000; height:40px; padding-left: 15px; padding-right: 15px; text-transform:uppercase}
#Mainmenu ul {padding: 0; margin: 0; line-height: 30px;}
#search_sub {float:left; width:100%; height: 40px; color:#000 }
#ShopFunctions {margin-top: 0px; padding-right: 10px; padding-left: 10px; height: 40px; float: none; clear: both ;background-color:#000000}
#ShopFunctions p { color: #ffffff; /*font-size: 16px;*/ line-height: 40px; margin: 0; padding: 0; height: 40px }
#ShopFunctions a { color: #ffffff; /*font-size: 16px;*/ line-height: 40px; margin: 0; padding: 0 5px 0 5px;; height: 40px; text-transform:uppercase; font-size:11px }
#ShopFunctions form * { vertical-align: middle; }
#ShopFunctions input { text-align: center }
#ShopFunctions .TextField { text-align: left; width: 250px; height: 22px }
.catlevel
ul #TopCategories {line-height: 40px;}
/**/
/**/
#MainFooter { color: #aab39a; font-size: 8px; background-color: #000000; margin: 0 0px; padding-right: 0px; padding-left: 0px; width:970px; float: none; clear: both; height:250px; border-top: 10px solid #bababa }
#MainFooter p { line-height: 30px; padding: 0; height: 10px; color: #000 }
#MainFooter a { color: #000 }
/**/
#FooterNav {height:25px; width:100%; float:left;}
#footer { float:none; width:970px; height:0px;margin-top:-40px}
.copyright {font-size:8px; color:#000;display:none}
#bottom { width:100%;font-size:8px; color:#000;height:204px;background-image:url(/templates/sports/img/body_bottom_bg.gif); background-repeat:repeat-y; background-position: center bottom;position:relativ; bottom: 0px}
#bag {
background-image:url("/templates/sports/tuete.jpg");
background-position:center top;
background-repeat:no-repeat;
color:#FFFFFF;
float:left;
font-size:16px;
font-weight:bold;
height:60px;
text-align:center;
width:50px;
}
.errorBox {
background-color: #FFA646;
z-index: 10000;
width: 100%;
text-align: left;
}
/* Spamschutz im Kontaktformular */
.contact2 {
border: 0px none;
background: #FFF;
}
/* debug-Ausgaben */
pre {
text-align: left;
background-color: #fff;
font-family: courier;
}
#shipping, #shipping_block, #shipping_continue, #payment_block, #payment_adress, #payment {width:940px;}
#shipping_continue .Left, #shipping_continue .Right {margin-top: 10px; padding-bottom:30px;}
#shipping_continue .Right {text-align: right}
#shipping .Left, #shipping .Right, #shipping .Top {margin-top: 10px;}
#shipping_block .Block {margin-top: 10px; border: 0px;}
#shipping_block .CheckOutFunction {border: 0px;}
#payment_block .Block, #payment_adress .Left, #payment_adress .Right, #payment_adress .Top, #payment_adress .Block {margin-top: 10px; border: 0px;}
#payment .Block, #payment .Top{margin-top: 10px;}
.order {background-color:#F4F4F4; padding: 5px;}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:730px;
height:300px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #fff;
background:#000;
color:#fff;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#e1001a;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
#slider {float:none;}
#start_slide {background-color:#000; width:740px; float:left }
#coupon {float:left; width:210px;}