@charset "utf-8";
/* Copyright 2008-2009, NETZKOLLEKTIV, Erlangen, Germany
 * 
 * Start 2008/11/06
 * Last Change 2009/09/27
 *
 * Design runs in "standard mode" / correct box model
 */
 
/* suggested order of definitions:
 * position
 * top
 * right
 * bottom
 * left
 * z-index
 *
 * display
 * float
 * margin
 * padding
 * width
 * height
 * overflow
 * visibility
 * table-layout
 *
 * background
 * border
 *
 * vertical-align
 * text-align
 * font
 * letter-spacing
 * color
 * text-transform
 * text-decoration
 * font-variant
 * list-style-type
 *
 * cursor
 */
 
/* #### Table of Contents ####
 *
 * Global Preferences
 *	- Global Reset
 *	- float Fix
 * Text
 * Headers
 * Navigation
 * Forms
 * Messages
 * Boxes
 * Page Structure & Frame Design
 * Global Styles
 * Content
 */
 
 /* Global Preferences */
 
 html, body { background: #fff; }
 body { text-align: center; }
 
 * {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 a img { border: 0px; }
 
 a:focus { outline: none; }
 
 ul, ol { list-style-type: none; }
 
 /* float Fix */
 
 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
 .clearfix { display: inline-block; }
 
 /* Hides from IE-mac \*/
 * html .clearfix { height: 1%; }
 .clearfix { display: block; }
 /* End hide from IE-mac */
 
 /* Text */
 
 body { font-size: 69%; }
 html>body { font-size: 11px; }
 
 * {
 font-size: 1em;
 line-height: 1.64em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #4f4f4f;
 }
 p { margin-bottom: 1.64em; }
 p.required { margin: 0.8em 0; }
 
 #action ul ul ul li { line-height: 1em; color: #fff; }
 #productlist .price, #product-center .price, #promo .price { display: block; font: 100 1.6em Georgia, "Times New Roman", Times, serif; color: #d0103a; }
 #product-center .price { line-height: 20px; }
 #product-center .price-style { font: 100 1.6em/20px Georgia, "Times New Roman", Times, serif; color: #d0103a; }
 .opacity-low { color: #aeaead; }
 
 /* Headers */
 
 h1 {} /* Kategorie- und Seitentitel */
 #product-center h2 { font-size: 1.2em; line-height: 20px; font-weight: 900; text-transform: uppercase; } /* Produkttitel */
 h3 {} /* Promotiontitel; Bezeichnung Kassenabschnitte */
 h4 { font-weight: 900; } /* Überschriften Checkout, Überschriften std-box */
 h5 {}
 div.columns h5, div.columns .no-list dt { padding-bottom: 3px; font-size: 1.2em; text-transform: uppercase; }
 div.columns .no-list dt span { background-color: #d0103a; border-left: 4px solid #d0103a; font-size: 0.8em; color: #fff; }
 h6 { font-weight: 900; } /* Zwischenüberschriften in Inhaltstext */
 
 /* Navigation */
 
 a { text-decoration: underline; color: #d0103a; }
 a:hover { text-decoration: none; }
 .link_arrow, .link_arrow_back {
 display: block;
 height: 11px;
 padding-left: 15px;
 line-height: 1em;
 background: url(../images/arrow_grey.gif) left 50% no-repeat;
 color: #4f4f4f;
 text-decoration: none;
 }
 .link_arrow_back 		{ background-image: url(../images/arrow_grey_left.gif); }
 .link_arrow:hover, .link_arrow_back:hover { color: #d0103a; }
 /*.link_arrow:hover		{ background-image: url(../images/arrow_red.gif); }
 .link_arrow_back:hover { background-image: url(../images/arrow_red_left.gif); }*/
 #action li a { line-height: 1em; color: #fff; text-decoration: none; }
 ul.submenu a, #productlist a, #promo #bestseller a { text-decoration: none; color: #4f4f4f; }
 .submenu a:hover, #productlist a:hover, #promo #bestseller a:hover { color: #d0103a; }
 #shadowbox_loading a { color: #fff; }
 
 /* Forms */
 
 select, option, optgroup {}
 
 /* Messages */
 
 .success			{ color: #3d6611; }
 .error				{ color: #df280a; }
 .notice			{ color: #e26703; }
 .success, .error	{ font-weight: bold; }
 
 .messages {
 position: absolute;
 top: -84px;
 left: 0;
 width: 650px;
 overflow: hidden;
 }
 .error-msg, .success-msg, .notice-msg, .note-msg {
 margin-bottom: 1em !important;
 padding: 8px 8px 8px 50px !important;
 min-height: 23px !important;
 background-position: 28px 8px !important;
 background-repeat: no-repeat !important;
 border-width: 0 !important;
 border-style: solid !important;
 font-size: .95em !important;
 font-weight: bold !important;
 }
 .error-msg li, .success-msg li, .notice-msg li { margin-bottom: .2em; }
 .error-msg {
 background: #faebe7 url(../images/originals/error_msg_icon.gif) left top no-repeat;
 border-color: #f16048;
 color: #df280a;
 }
 .success-msg {
 background: #eff5ea url(../images/originals/success_msg_icon.gif) left top no-repeat;
 border-color: #446423;
 color: #3d6611;
 }
 .notice-msg, .note-msg {
 background: #fafaec url(../images/originals/note_msg_icon.gif);
 border-color: #fcd344;
 color: #3d6611;
 }
 
 /* Boxes */
 
 .std-box {
 height: 280px;
 background: url(../images/pattern_diagonal_50pc.gif) left 253px repeat;
 }
 
     .std-box .content {
     padding: 14px 21px;
     height:215px;
     background: #F9F5F1 url(../images/box_bg.png) left top repeat-x;
     }
     * html .std-box .content { height: 243px; he\ight: 215px; }
     
         .std-box h4 {
         margin-bottom: 1.2em;
         padding-bottom: 5px;
         min-height: 16px;
         background-position: 0 1px;
         background-repeat: no-repeat;
         border-bottom: 1px solid #dedfdf;
         font-size: 1.05em;
         color: #d0103a;
         text-transform: uppercase;
         }
     
     .std-box .button-set {
     margin: 0;
     background: url(../images/pattern_diagonal_50pc_shadow_top.gif) left top repeat-x;
     padding: 9px 21px 0;
     }
     
         .std-box .link_arrow, .std-box .link_arrow_back {
         padding-top: 5px;
         padding-bottom: 5px;
         }
 
 .no-button-set .content		{ height: 252px; }
 * html .no-button-set .content { height: 280px; he\ight: 252px; }
 
 /* Page Structure & Frame Design */
 
 div.frame {
 position: relative;
 z-index: 0;
 margin: 0px auto;
 width: 970px;
 text-align: left;
 }
 
 div#header {
 margin-top: 84px; /* 25px (Abstand vom Logo nach oben) + 45px (Logohöhe) + 14px (Abstand vom Logo nach unten) */
 height: 10px;
 background: #d0103a;
 }
 
 	#header .submenu {
 	position: absolute;
 	top: -25px; /* 11px (line-height) + 14px (Abstand nach unten) - 2px */
 	left: 0px; /* 30px (Einrückung vom linken Rand) - 9px (padding der li) */
 	z-index: 5;
    padding-left: 21px;
 	}
 	#footer .left {
 	float: left;
 	margin: 4px 0 0;
    padding-left: 21px;
 	}
 	#footer .right {
 	float: right;
 	margin: 4px 0 0;
    padding-right: 21px;
 	}
 	
 		.submenu li {
 		float: left;
 		padding: 0 9px 0;
 		}
 	
 	#header img {
 	position: absolute;
 	top: -59px; /* 45px (Logohöhe) + 14px (Abstand nach unten) */
 	right: 0;
 	z-index: 6;
 	width: 205px;
 	height: 45px;
 	}
 
 div#menu {
 height: 35px;
 background: #000;
 }
 
 	#menu a.lang {
 	position: absolute;
 	top: 7px;
 	right: 15px;
 	z-index: 7;
 	width: 21px;
 	height: 21px;
 	background-position: 0 -21px;
    background-repeat: no-repeat;
 	}
    #menu a#lang1 { background-image: url(../images/flags_de.png); }
    #menu a#lang2 { background-image: url(../images/flags_en.png); }
 	#menu a:hover.lang { background-position: 0 0; }
 
 div#action {
 background-position: left top;
 background-repeat: no-repeat;
 }
 
 	#action ul {
 	position: absolute;
 	top: -35px;
 	left: 30px;
 	z-index: 10;
 	height: 35px;
 	}
 	
        #action li.level0 {
        position: relative;
        z-index: 11;
        float: left;
        margin-right: 4px;
        width: 65px;
        }
        
            #action li a {
            display: block;
            width: 65px;
            height: 35px;
            background-image: url(../images/menu.png);
            background-repeat: no-repeat;
            }
            #action .nav-trikots a		{ background-position: 0 0; }
            #action .nav-hosen a		{ background-position: -65px 0; }
            #action .nav-jacken a		{ background-position: -130px 0; }
            #action .nav-accessoires a	{ background-position: -195px 0; }
            #action .nav-trikots a:hover, #action li:hover.nav-trikots a			{ background-position: 0 -35px; }
            #action .nav-hosen a:hover, #action li:hover.nav-hosen a				{ background-position: -65px -35px; }
            #action .nav-jacken a:hover, #action li:hover.nav-jacken a				{ background-position: -130px -35px; }
            #action .nav-accessoires a:hover, #action li:hover.nav-accessoires a	{ background-position: -195px -35px; }
            
            #action li a.level1 { display: inline; background: none; }
            
                #action ul ul.dropdown {
                position: absolute;
                top: 35px;
                left: 0;
                z-index: 12;
                width: 158px;
                background: url(../images/alpha_transparency_red.png) left top repeat;
                visibility: hidden;
                }
                #action li:hover ul, #action li a:hover ul { visibility: visible; }
                
                    #action li ul div {
                    position: absolute;
                    left: -4px;
                    top: 10px;
                    width: 50px;
                    height: 146px;
                    background: transparent left top no-repeat;
                    }
                    #action .nav-trikots ul div			{ background-image: url(../images/dropdown_trikots.png); }
                    #action .nav-hosen ul div			{ background-image: url(../images/dropdown_hosen.png); }
                    #action .nav-jacken ul div			{ background-image: url(../images/dropdown_jacken.png); }
                    #action .nav-accessoires ul div		{ background-image: url(../images/dropdown_accessoires.png); }
                    
                    #action ul ul ul {
                    position: absolute;
                    left: 50px;
                    top: 23px; /* 14px + 11px */
                    }
                    #action ul ul ul li { padding: 0 0 5px 0; }
            
            #action ul table {
            position: absolute;
            top: 0;
            left: 0;
            border-collapse: collapse;
            }
     
     div#slogan {
     background-color: transparent;
     background-position: left top;
     background-repeat: no-repeat;
     }
     
     div#box {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 14;
     width: 100%;
     height: 14px;
     background: transparent url(../images/pattern_diagonal_970.png) left top no-repeat;
     }
 
 div#content {
 margin-top: 25px;
 height: 280px;
 overflow: hidden;
 }
 
 div#footer {
 margin-top: 17px;
 padding-bottom: 10px;
 border-top: 1px solid #dedfdf;
 }
 
 /* Global Styles */
 
 .no-margin { margin:0 !important; }
 .no-padding { padding:0 !important; }
 
 .left {
 left: 0px;
 float: left;
 }
 .right {
 right: 0px;
 float: right;
 }
 
 div#scrollable {
 height: 280px;
 overflow: auto;
 }
 
 div.columns {
 float: left;
 margin-right: 17px;
 padding: 0 22px;
 width: 268px;
 }
 * html div.columns { width: 312px; w\idth: 268px; }
 div#column-left {}
 div#column-center {}
 div#column-right { margin-right: 0; }
 
 div#column-one {
 margin: 0 0 0 30px;
 padding: 0;
 width: 910px;
 }
 
    .columns .no-list dd { padding: 0 0 1.64em 16px; }
    .columns .no-list ul { padding: 0 0 1.64em 5px; }
    .columns table .title { font-weight: 900; }
    .columns table .space { padding: 0 5px; }
 
 .scrollbar {
 position: absolute;
 top: 71px; /* (280px - 137px) / 2 */
 z-index: 100;
 display: block;
 width: 18px;
 height: 137px;
 }
 
	 .scrollbar_previous {
	 background-image: url(../images/scrollbar_left.png);
	 background-position: 0 -137px;
	 background-repeat: no-repeat;
	 }
	 .scrollbar_previous:hover, .scrollbar_previous_disabled { background-position: 0 0; }
	 
	 .scrollbar_next {
	 background-image: url(../images/scrollbar_right.png);
	 background-position: 0 -137px;
	 background-repeat: no-repeat;
	 }
	 .scrollbar_next:hover, .scrollbar_next_disabled { background-position: 0 0; }
 
 div.boxes {
 position: relative;
 float: left;
 width: 312px;
 height: 142px;
 }
 #promo div.spacer {
 float: left;
 width: 17px;
 height: 142px;
 }
 #promo .img					{ text-indent: -1000em; }
 #promo .left					{ background: url(../images/promo_boxes_left.png) left top no-repeat; }
 #promo .right					{ background: url(../images/promo_boxes_right.png) left top no-repeat; }
 #promo .altleft				{ background: url(../images/promo_boxes_alt_left.png) left top no-repeat; }
 #promo .altright				{ background: url(../images/promo_boxes_alt_right.png) left top no-repeat; }
 #promo #news					{ background: url(../images/promoboxen/news.png) left top no-repeat; }
 #promo #best_winter			{ background: url(../images/promoboxen/best_winter.png) left top no-repeat; }
 #promo #best_spring			{ background: url(../images/promoboxen/best_spring.png) left top no-repeat; }
 #promo #werbung				{ background: url(../images/promoboxen/bikedress_werbung.png) left top no-repeat; }
 #promo #ssl					{ background: url(../images/promoboxen/ssl_werbung.png) left top no-repeat; }
 #promo #zahlungsmoeglichkeiten	{ background: url(../images/promoboxen/zahlungsmoeglichkeiten.png) left top no-repeat; }
 #promo #zahlungsmoeglichkeiten_right	{ background: url(../images/promoboxen/zahlungsmoeglichkeiten_rechts.png) left top no-repeat; }
     
     #promo h2 {
     position: absolute;
     top: 0;
     padding: 0 16px;
     height: 34px;
     }
     #promo .left h2, #promo .altleft h2 { right: 14px; }
     #promo .right h2, #promo .altright h2 { left: 14px; }
     #promo .left h2, #promo .right h2 { background: #000; }
     #promo .altleft h2, #promo .altright h2 { background: #d0103a; }
     
         h2 span {
         display: block;
         height: 34px;
         text-indent: -1000em;
         }
         #promo #news h2 span			{ width: 40px; background: url(../images/promo_news.png) left top no-repeat; }
         #promo #beratung h2 span		{ width: 75px; background: url(../images/promo_beratung.png) left top no-repeat; }
         #promo #bestseller h2 span		{ width: 83px; background: url(../images/promo_bestseller.png) left top no-repeat; }
         #promo #newsletter h2 span		{ width: 91px; background: url(../images/promo_newsletter.png) left top no-repeat; }
     
     #promo p { margin-bottom: 0.8em; padding: 50px 30px 0; line-height: 1.2em; }
     #promo p br { line-height: 1.2em; }
     #promo fieldset { padding: 0 30px; }
     
     #promo .phone { display: inline-block; margin: 6px 0 3px; font: 100 1.6em Georgia, "Times New Roman", Times, serif; }
     
     #promo #news h6 { position: absolute; top: 17px; left: 30px; width: 180px; line-height: 1.2em; text-transform: uppercase; }
     
     #promo #bestseller img { position: absolute; top: 7px; left: 30px; }
     #promo #bestseller h6 { position: absolute; top: 70px; left: 160px; }
     #promo #bestseller .price { position: absolute; top: 85px; left: 160px; }
     
 /* Content */
 
 div#slogan {
 position: absolute;
 right: 52px;
 z-index: 13;
 width: 260px;
 text-indent: -1000em;
 }
 
 #horizontal_carousel {
 position: relative;
 height: 280px;
 }
 
     #horizontal_carousel .previous_button {
     background-image: url(../images/scrollbar_left.png);
     background-position: 0 -137px;
     background-repeat: no-repeat;
     cursor: pointer;
     }
     #horizontal_carousel .previous_button_over		{ background-position: 0 0; }
     #horizontal_carousel .previous_button_disabled	{ background-position: 0 0; cursor: default; }
     
     #horizontal_carousel .next_button {
     background-image: url(../images/scrollbar_right.png);
     background-position: 0 -137px;
     background-repeat: no-repeat;
     cursor: pointer;
     }
     #horizontal_carousel .next_button_over			{ background-position: 0 0; }
     #horizontal_carousel .next_button_disabled		{ background-position: 0 0; cursor: default; }
     
     #horizontal_carousel .container {
     position: relative;    
     float: left;
     width: 912px;
     height: inherit;
     left: 29px; /* 18px + 11px */
     overflow: hidden;
     }
     
         ul#productlist {
         position: relative;
         top: 0;
         left: 0;
         width: 100000px;
         height: inherit;
         }
         
            #productlist li {
            float: left;
            padding: 0 10px;
            width: 208px;
            height: inherit;
            text-align: center;
            }
            * html #productlist li { width: 228px; w\idth: 208px; }
                
                #productlist a.thumbnail {
                display: block;
                width: 208px;
                height: 237px;
                }
                
                	#productlist a .rheight25 {
                	margin: 0 auto;
                	}
                
                #productlist h2 {
                height: 1.64em;
                overflow: hidden;
                }
                
                #productlist .price {
                margin-top: -3px;
                }
 
 div.product-box {
 position: relative;
 float: left;
 }
 
 div#product-left {
 left: 60px; /* 18px + 42px */
 width: 208px;
 text-align: center;
 }
 
 	#product-left div#image {
    display: inline-block;
    margin: 0 auto;
    }
    
 	#product-left ul {
    position: absolute;
    top: 90px;
    right: -30px;
    }
    
    	#product-left li { padding-bottom: 2px; }
        
        	#product-left li a {
            display: block;
            width: 60px;
            height: 60px;
            border: 1px solid #dedfdf;
            overflow: hidden;
            }
            
            	#product-left li a img {
                margin: -20px 0 0 -20px;
                }
 
 div#product-center {
 left: 150px; /* 60px + 90px */
 padding-top: 90px;
 width: 200px;
 }
 
 	#product-head {
    position: absolute;
    left: 0;
    top: 25px;
    width: 270px;
    }
	
        #product-head h2 {
        float: left;
        margin-right: 20px;
        min-width: 50%;
        vertical-align: middle;
        }
        * html #bereich {  /* nur fuer Internet Explorer */
        width: 50%;     /* Version 5.x */
        w\idth: 50%;    /* Version 6 */
        }
        
    	#product-head .price {
    	display: block;
        float: right;
        margin-right: 20px;
    	vertical-align: middle;
        }
        #product-head .price-style {
        display: block;
        float: right;
    	vertical-align: middle;
        }
    	
		#product-center #product-id {
		display: block;
		float: left;
		}
    
    #product-center #price-hint { margin-top: 6px; }
    
    #product-center .link_arrow { margin-top: 32px; }
 
 div#product-right {
 left: 230px; /* 150px + 80px */
 padding-top: 30px;
 width: 282px;
 height: 250px;
 overflow: auto;
 }
 * html div#product-right {  /* nur fuer Internet Explorer */
 height: 280px;     /* Version 5.x */
 he\ight: 250px;    /* Version 6 */
 }