/** ###################################### **/
/** STYLES FÜR TABELLEN-STRUKTUR           **/
/** ###################################### **/
/** Allgemeine Hyperlinks (auch für Styled Web2.0-Buttons) **/ 
/** >>> siehe elements.css ! **/





/** 1.) Header-Navigation **/
.shopHeaderNavigation
{
    position:               relative;
    text-align:             left;
    width:                  899px;
    height:                 32px;
    background-color:       transparent;
    border-bottom:          solid 1px #A8A8A8;
}
.shopHeaderNavigation td
{
    padding-top:            2px;
}
.LoginUserInfo              /** Wenn User eingeloggt ist --> INFO **/
{
    position:               relative;
    display:                block;
    width:                  900px;
    height:                 20px;
    padding-top:            5px;
    right:                  0px;
    top:                    0px;
    
    background-image:       url(../images/BG_NavigationLeftTrans.png);   
    
    font-family:            Arial;
    font-size:              12px;
    color:                  #FFFFFF;
    text-align:             left;
    text-indent:            11px;
}




/** 2.) Shop-Header **/
.shopHeader
{
    position:               relative;
    background-color:       transparent;
    text-align:             left;
    width:                  900px;
    height:                 136px;
    margin:                 0px;
    padding:                0px;
    background-image:       url(../images/BG_Logo.gif);
    background-repeat:      no-repeat;
}
.shopHeader td
{
    vertical-align:         top;
}
/** Shop-Header-Link zur Startseite **/
.btnShopHeader
{
    display:                block;
    position:               relative;
    width:                  899px;
    height:                 125px;
}







/** 3.) Shop-Content **/
.shopContent
{
    position:               relative;
    background-color:       transparent;
    text-align:             left;
    width:                  900px;
    height:                 560px;
    min-height:             560px;
    padding:                0px;
}
td.shopContentLeft          /** Navigations-Spalte (links) **/
{
    text-align:             left;
    width:                  185px;
    vertical-align:         top;
    padding:                0px; 
    padding-left:           1px;  
    font-family:            Arial;
    font-size:              12px;
    color:                  #FFFFFF;
}
div.shopContentLeft         /** Navigation in (relativen) DIV gekapselt **/
{                           /** wegen Payments > bottom: 0px; ! **/
    position:               relative;
    min-height:             710px;    
}
.hotlineTeaser              /** Hotline-Bereich **/
{
    padding-top:            10px;
    padding-bottom:         10px;
    padding-left:           10px; 
    background-color:       #000000;
}
.hotlineTeaser strong       /** Hotline-Bereich-Headline **/
{
    font-size:              16px;
}

.cartTeaser                 /** WP-Cart-Bereich **/
{
    padding-top:            10px;
    padding-left:           10px;
    padding-bottom:         10px;
}
.WPcartAnzahl
{
    color:                  #FF5A00;
    font-weight:            bold;
}


td.shopContentMiddle 
{
    position:               relative;
    background-color:       transparent;
    text-align:             left;
    width:                  15px;
    vertical-align:         top;
    padding:                0px;
}
td.shopContentRight
{
    position:               relative;
    background-color:       transparent;
    text-align:             left;
    width:                  695px;
    vertical-align:         top;
    padding:                0px;
}
td.shopContentRight2        /** ### MASTERPAGE Master_Content.master ### **/ 
{
    /** position:           relative; Funktioniert nicht, da sonst Border nicht angzeigt wird! **/
    text-align:             left;
    width:                  698px;
    height:                 600px;
    vertical-align:         top;
    padding:                0px;
    padding-bottom:         20px;
    border:                 solid 1px #000000;
    background-image:       url(../images/BG_NavigationLeftTrans.png);
    font-family:            Arial;
    font-size:              12px;
    border-top: 0px;
}
div.shopContentRight2 
{
    width:                  676px;
    padding:                10px;
    padding-top:            10px;
    font-family:            Arial;
    font-size:              12px;
    color:                  #FFFFFF;
}


.shopContentRightTop        /** Startseite Top-Content (Table --> Deutsch) **/
{
    position:               relative;
    background-image:       url(../images/BG_StartseiteTeaser.gif);
    background-repeat:      no-repeat;
    background-position:    left bottom;
    width:                  695px;
    height:                 311px;
    margin-bottom:          10px;
    border:                 solid 1px #A8A8A8;
    background-color:       #000000;
}
.shopContentRightTop_44     /** Startseite Top-Content (Table --> Englisch) **/
{
    position:               relative;
    background-image:       url(../images/BG_StartseiteTeaser_44.gif);
    background-repeat:      no-repeat;
    background-position:    left bottom;
    width:                  695px;
    height:                 311px;
    margin-bottom:          15px;
    border:                 solid 1px #A8A8A8;
    background-color:       #000000;
}
.shopContentRightTop td
{
    position:               relative;
    vertical-align:         top;
}



.shopContentRightBottom     /** Startseite Bottom-Content (Table) **/
{
    position:               relative;
    width:                  695px;
    height:                 350px;
}
td.shopContentRightBottomLeft 
{
    position:               relative;
    vertical-align:         top;
    width:                  450px;
    border:                 solid 1px #000000;
    border-top:             0px;
}
td.shopContentRightBottomMiddle 
{
    vertical-align:         top;
    background-color:       transparent;
    width:                  15px;
}
td.shopContentRightBottomRight          /** DEUTSCH **/
{
    vertical-align:         top;
    width:                  210px;
    background-image:       url(../images/IMG_AktionsTeaser.jpg);
    background-position:    center top;
    border:                 solid 1px #000000;
    padding:                10px;
    font-family:            Arial;
    font-size:              12px;
}
td.shopContentRightBottomRight_44       /** ENGLISCH **/ 
{
    vertical-align:         top;
    width:                  210px;
    background-image:       url(../images/IMG_AktionsTeaser.jpg);
    background-position:    center top;
    border:                 solid 1px #000000;
    padding:                10px;
    font-family:            Arial;
    font-size:              12px;
}
.shopContentHeadline        /** Content-Headlines **/
{
    width:                  100%;
    height:                 52px;
    background-image:       url(../images/BG_ContentHeadline.gif);
    background-repeat:      no-repeat;
    margin-bottom:          0px;
}
.shopContentHeadline td
{
    padding-left:           10px;
    padding-top:            25px;
}




/** AKTIONSTEASER **/
.actionsTeaserHeader
{
    display:                block;
    position:               absolute;
    width:                  230px;
    height:                 32px;
    background-image:       url(../images/Elements/BG_Headline_ActionTeaser.gif);
    background-repeat:      no-repeat;
    background-color:       #FFFFFF;
    top:                    -10px;
    left:                   -10px;
}




/** 4.) Shop-Footer **/
.shopFooter
{
    position:               relative;
    text-align:             left;
    width:                  900px;
    height:                 40px;
    margin-top:             15px;
    background-color:       #222222;
    border:                 solid 1px #000000;
}
.shopFooterNoax
{
    padding-top:            6px;
}
.btnFooterNOAX              /** NOAX-Footer-Link **/
{
    position:               relative;
    left:                   34px;
}
.shopFooterSocialNetwork img    /** SocialNetworks (Footer) **/
{
    margin-right:           4px;
}
.NOAXID                     /** NOAX ID-Logo (Footer) **/
{
    position:               absolute;
    width:                  57px;
    height:                 61px;
    top:                    -20px;
    left:                   -32px;
}





/** ###################################### **/
/** NAVIGATION **/
/** ###################################### **/
/** 5.) Linke Navigation: Headlines **/
table.shopNavigationContainer
{
    width:                  185px;
    padding:                0px;
    margin:                 0px;
    margin-bottom:          15px; 
}
.shopNavigationHeadline
{
    height:                 26px;
    background-image:       url(../images/BG_NavigationHeadlines.gif);
    background-repeat:      no-repeat;
    color:                  #FFFFFF;
    padding-left:           10px; 
    padding-top:            26px;
}
.shopNavigationContent
{
    padding-bottom:         12px;
    background-color:       #000000;
}



/** 6a.) Navigation-Links (styled) **/
.shopNavigationLink         
{
    display:                block;
    width:                  175px;
    padding-top:            8px;
    padding-bottom:         9px;
    padding-left:           10px;
    padding-right:          0px;
    font-family:            Arial;
    font-size:              11px;
    font-weight:            bold;
    text-transform:         uppercase;
}
a.shopNavigationLink        /** Link normal **/
{
    color:                  #FFFFFF;
    text-decoration:        none;
    background-image:       url(../images/BG_NavigationLink_Normal.gif);
}
a:hover.shopNavigationLink  /** Link Hover **/
{
    color:                  #000000;
    text-decoration:        none;
    background-image:       url(../images/BG_NavigationLink_Hover.gif);
}
.shopNavigationLinkActive  /** Aktiver Kategorie-Link **/
{
    display:                block;
    width:                  175px;
    padding-top:            8px;
    padding-bottom:         9px;
    padding-left:           10px;
    padding-right:          0px;
    font-family:            Arial;
    font-size:              11px;
    font-weight:            bold;
    color:                  #000000;
    text-decoration:        none;
    text-transform:         uppercase;
    background-image:       url(../images/BG_NavigationLink_Hover.gif);
}



/** 6b.) Navigation-Links (styled) **/
.shopLinkNormal         
{

    width:                  100%;
    padding-left:           20px;
    font-family:            Arial;
    font-size:              12px;
    font-weight:            bold;
}
a.shopLinkNormal        /** Link normal **/
{
    color:                  #A3A3A3;
    text-decoration:        none;
    background-image:       url(../images/BG_NormalLink.gif);
    background-repeat:      no-repeat;
    background-position:    0px -7px;
}
a:hover.shopLinkNormal  /** Link Hover **/
{
    color:                  #FFFFFF;
    text-decoration:        none;
    background-image:       url(../images/BG_NormalLink.gif);
    background-repeat:      no-repeat;
    background-position:    0px -26px;
}



/** 7.) Navigation-Links (normal) **/
.shopNavigationLinkNormal
{
    display:                block;
    width:                  165px;
    padding-top:            7px;
    padding-left:           20px;
    font-family:            Arial;
    font-size:              12px;
    font-weight:            bold;    
}
a.shopNavigationLinkNormal
{
    color:                  #949494;
    text-decoration:        none;
    background-image:       url(../images/BG_NormalLink.gif);
    background-repeat:      no-repeat;
}
a:hover.shopNavigationLinkNormal
{
    color:                  #FFFFFF;
    text-decoration:        none;  
    background-image:       url(../images/BG_NormalLink.gif);  
    background-repeat:      no-repeat; 
    background-position:    0px -19px;
}




/** 8.) Startseiten-Produktlisten (Neuste Produkte/Bestseller) **/
.shopContentProductList
{
    position:               relative;
    width:                  100%;
    background-color:       #000000;
}
.shopContentProductList td
{
    position:               relative;
    color:                  #FFFFFF;
    font-family:            Arial;
    font-size:              12px;
    text-align:             center;
    width:                  33%;
    padding-bottom:         10px;
}


.shopProductNewButton       /** New-Stern für neuste Produkte **/
{
    position:               absolute;
    width:                  84px;
    height:                 50px;
    background-image:       url(../images/IMG_New.png);
    background-repeat:      no-repeat;
    z-index:                10;
    left:                   377px;
    top:                    5px;
}
/** Link-Eigenschaften für Startseiten-Produktlisten **/
a.shopContentProductListLink 
{
    color:                  #FFFFFF;
    text-decoration:        none;
}
a:hover.shopContentProductListLink
{
    color:                  #FF4B00;
    text-decoration:        none;
}




/** 9.) DIV mit Payment-Infos in linkem Navigationbereich **/
.shopPaymentInfo
{
    position:               relative;
    display:                block;
    margin-left:            0px;
    margin-bottom:          10px;
    margin-top:             10px;
    bottom:                 0px;
}




/** 10.) TELERIK-FormDecorator / Anpassen des Styles **/
.rfdInput
{   
    padding:                8px;
    border:                 0px;
    background-color:       #BCE3E7;
}   
.rfdInput:focus
{   
    padding:                8px;
    border:                 0px;
    background-color:       #FFFFFF;
}   





/** Neue Versandkosten-Styles **/
.tblVersandkosten
{
    margin-bottom:          34px;
}
.tblVersandkostenHeader
{
    background-color:       #FFFFFF;
    padding:                4px;
    font-weight:            bold;
    color:                  #000000;
}
.tblVersandkostenRow
{
    border-bottom:          solid 1px #A3A3A3;
    padding:                2px;
    padding-bottom:         4px;
}
div.tblVersandkostenVersender
{
    padding-top: 4px;
}