/** ##################################### 
    CSS-Register "elemtents.css "

    001-1   Produkt-Details-Seite
    001-2   Produkt-Details Produktbild
    001-3   Produkt-Thumbnails
    001-4   Größen, Farb- und Sprache-DDLs

    002-1   Produktübersicht
    002-2   Produktübersicht > Produkt-Container-DIV
    002-3   Suche- und Filtern-Bereiche der Produktübersicht

    004-1   Warenkorb
    004-2   Warenkorb: Seperators
    004-3   Warenkorb: Produkttabelle (Bild,Name,Artikel-Key)
    004-4   Warenkorb: Link zum Löschen eines Produktes
    004-5   Warenkorb: Tabelle Anzahl

    005-1   Login-Bereich

    006-1   Account-Bereich

    007-1   Konto-Informationen

    008-1   Formular: Tell-A-Friend

    009-1   Passwort ändern

    010-1   Notifications (?)

    011-1   Forms: Error-Messages

    012-1   Button: allgemein
    012-2   Button: Suche
    012-3   Button: Zum Warenkorb
    012-4   Button: Tell-A-Friend
    012-5   Button: Warenkorb-Anzahl
    012-6   Button: Löschen aus dem Warenkorb
    012-7   Button: Bestellen
    012-8   Button: Registrieren
    012-9   Button: Login
    012-10  Button: Passwort zuschicken
    012-11  Button: Benachrichtigen

    013-1   Loadingpanel: Produktübersicht
    013-2   Loadingpanel: Tell-A-Friend
    013-3   Loadingpanel: Passwort vergessen
    013-4   Loadingpanel: Eigenschaften des loading-images

    014-1   Tracking-Detailinfos

    015-1   Delete-Dialog-Wsindow

    016-1   Produkt-Repeater (klein/gross)

    017-1   PopUp für Registrierungsvorgang (newUserPopUp.aspx)

    018-1   Übersichtstabelle für Benachrichtigungen

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



/** Produkt-Details | SEARCH: 001-1 **/
.tableProductDetail
{
    position:               relative;
    width:                  670px;
}
.tableProductDetailTop      /** Tabellen-Zwischenraum oben **/
{
    height:                 0px;
}
.tableProductDetailMiddle   /** Tabellen-Zwischenraum Produktinfo > Thumbnails **/
{
    height:                 10px;
}
.tdProductDetailMiddle
{
    height:                 10px;
}
.tdProductDetailLeft
{
    width:                  250px;
}

.tdProductDetailMiddle
{
    width:                  10px;
}
.tdProductDetailRight
{
    position:               relative;
    width:                  385px;
    background-image:       url(../images/BG_Content.png);
    background-position:    center bottom;

}
.tblProductDetailRight_Content      /** Table Produkt-Detail **/
{
    position:               relative;
    padding:                0px;
    padding-top:            5px;
    height:                 256px;
    width:                  100%;
}
.ProductDetailRight_Content         /** Content Produkt-Detail **/
{
    padding:                10px;
    padding-top:            0px;
}
.ProductDetailRight_Content h1  
{
    display:                block;    
    margin:                 0px;
    font-size:              19px;
    width:                  260px;
}
.ProductDetailRight_Content h2 
{
    margin:                 0px;
    margin-top:             0px;
    margin-bottom:          15px;
    font-size:              14px;
    color:                  #A3A3A3;
}
.ProductDetailText
{
}
.productImage               /** Produkt-Bild (groß) | SEARCH: 001-2 **/
{
    position:               relative;
    width:                  250px;
    height:                 250px;
    border:                 solid 2px #D8099C;
}
.productImageDetailIcon
{
    position:               absolute;
    display:                block;
    width:                  21px;
    height:                 24px;
    background-image:       url(../images/ICO_Detail.png);
    background-repeat:      no-repeat;
    right:                  3px;
    bottom:                 3px;
}
.hypImageBig                /** Hyperlink, der auf dem großen Produktbild sitzt!!! **/
{
    cursor:                 pointer;
    display:                block;
    text-align:             center;
    width:                  250px;
    height:                 250px;
}
.ProduktDetailLager         /** Icon für Lagerbestand **/
{
    margin-left:            5px;
}

.tableProductDetailLager    /** ##### TABELLE FÜR LAGERBESTAND ##### **/
{
    position:               relative;
    bottom:                 0px;
    left:                   0px;
    display:                block;
    width:                  390px;
    background-image:       url(../images/BG_Content.png);
    border-top:             solid 1px #000000;
}
.tdProductDetailLagerLeftOK
{
    width:                  30px;
    height:                 22px;
}
.tdProductDetailLagerRightOK
{
    font-weight:            bold;
    color:                  #31F728;
}
.tdProductDetailLagerLeftnOK
{
    width:                  30px;
    height:                 22px;
}
.tdProductDetailLagerRightnOK
{
    font-weight:            normal;
    color:                  #FFFFFF;
}
.tdProductDetailLagerRightnOK
{

}
.ProductDetailThumbnail     /** Thumbnail-Style für Produktbilder  | SEARCH: 001-3 **/
{
    border:                 solid 2px #000000;
    width:                  50px;
    height:                 50px;
    float:                  left;
    margin-right:           12px;
	margin-bottom:           12px;
}
.ProductDetailThumbnailSeperator    /** Abstand zwischen Thumbnails **/
{
    display:                none;
}
.tdAdd2CartOK
{
    background-image:       url(../images/Elements/BG_Add2Cart_OK.gif);
    background-repeat:      no-repeat;
    background-position:    left top;
    padding-left:           15px;
    height:                 54px;
	vertical-align: text-top;
}
.tdAdd2CartnOK
{
    background-image:       url(../images/Elements/BG_Add2Cart_nOK.gif);
    background-repeat:      no-repeat;
    background-position:    left center;
    padding-left:           15px;
    height:                 54px;  
vertical-align: text-top;	
}
.ProductDetail_Add2CartPrice
{
    font-weight:            bold;
    font-size:              24px;
}
.ProductDetail_Add2CartPriceInfo, .ProductDetail_Add2CartPriceInfo a
{
    font-size:              9px;
    color:                  #FFFFFF;
}
.moreProductsTop           /** Zeile am Kopf der weiteren Produktliste **/ 
{
    height:                 15px;
}

/** Größen, Farb- und Sprache-DDLs | SEARCH: 001-4 **/
.tableProductDetailColor    /** Farb-Auswahl des Produktes **/
{
    width:                  250px;
    margin-bottom:          10px;
}
.tdProductDetailColorLeft
{
    width:                  60px;
}
.ddlColorItem    /** Styles der DDL Color **/
{
    /**background-color:       #BCE3E7 !important;**/ 
}
.tableProductDetailSize     /** Größen-Auswahl des Produktes **/
{
    width:                  250px;
    margin-bottom:          10px;
}
.tdProductDetailSizeLeft
{
    width:                  60px;
}
.ddlSizeItem      /** Styles der DDL Size **/
{
    /**background-color:       #BCE3E7 !important; **/
}
.tableProductDetailLanguage     /** Größen-Auswahl des Produktes **/
{
    width:                  250px;
    margin-bottom:          10px;
}
.tdProductDetailLanguageLeft
{
    width:                  60px;
}
.ddlLanguageItem      /** Styles der DDL Size **/
{
    /**background-color:       #BCE3E7 !important; **/
}




/** Produktlisten-Übersicht | SEARCH: 002-1 **/
.productlistTop             /** Zeile am Kopf der Produktliste **/ 
{
    height:                 30px;
}
.productlistSeperator       /** Zeile zwischen den Produkten **/
{
    height:                 30px;
}
a.productlistHYP
{
    color:                  #FFFFFF;
    text-decoration:        none;
    font-weight:            normal;
}
a:hover.productlistHYP
{
    color:                  #FFEF00;
    text-decoration:        none;  
}
.productlistHYP img
{
    margin-bottom:          8px;
    width:                  150px;
    height:                 150px;
}

.hightlightSearch           /** Search-String highlighten **/
{
    color:                  #D8099C;
    background-color:       #FFFFFF;
    padding-left:           2px;
    padding-right:          2px;
}

/** Das Produkt in der Produktliste gekapselt in ein DIV  | SEARCH: 002-2 **/
/** Änderung der Breite erlaubt Änderung der Anzahl der Produkte pro Zeile **/
.productListContainer       
{
    position:               relative;
    display:                block;
    width:                  215px;
    float:                  left;
    height:                 210px;
    text-align:             center;
    margin-bottom:          60px;
}
.productListNoResultMSG     /** Nachricht, wenn keine Produkte gefunden! **/
{
    display:                block;
    text-align:             center;
    font-weight:            normal;
    margin-bottom:          20px;
}
.productListNoResultWord    /** Highlight des gesuchten Begriffs **/
{
    color:                  #D8099C;
    font-weight:            bold;
}
/** ############################################ /**
/** Artikel-Name, -Nr. & Preis in DIVs gekapselt **/
.ProductListBottomProductName   
{
    display:                block;
    width:                  152px;
    font-weight:            bold;
    float:                  left;
    margin-left:            31px;
    text-align:             left;
    margin-bottom:          12px;
    font-size:              12px;
}
.ProductListBottomLeft
{
    position:               absolute;
    display:                block;
    padding:                0px;
    bottom:                 0px;
    left:                   0px;
    color:                  #A3A3A3;
    font-size:              12px;
    margin-left:            31px;
}
.ProductListBottomRight
{
    position:               absolute;
    display:                block;
    background-color:       transparent;
    padding:                0px;
    bottom:                 -1px;
    right:                  0px;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              16px;
    margin-right:           31px;
}
/** ############################################ /**


/** Suche und Filtern | SEARCH: 002-3 **/
.tableProductlistSearch
{
    width:                  675px;
    background-image:       url(../images/BG_Content.png);
    margin-top:             5px;
    margin-bottom:          35px;
}
.tableProductlistSearchLong
{
    width:                  675px;
    background-image:       url(../images/BG_Content.png);
    margin-top:             5px;
    margin-bottom:          35px;
}
.tdProductlistSearchLeft
{
    padding:                4px;
    padding-left:           10px;
}
.tdProductlistSearchRight1  /** rechte Suche-Spalte 1 (Textbox) **/
{
    padding:                4px;
    text-align:             right;
}
.tdProductlistSearchRight2  /** rechte Suche-Spalte 2 (Button) **/
{
    padding:                4px;
    text-align:             right;
    width:                  80px;
}
.tdProductlistSearchRight1 .rfdInput /** Textbox Produktsuche **/
{   
    padding:                3px;
    border:                 0px;
    background-color:       #BCE3E7;
}  
.tableProductlistFilter
{
    display:                none;
    width:                  580px;
    background-color:       #221E1F;
    margin-top:             10px;
}
.tdProductlistFilterLeft
{
    padding:                4px;
    padding-left:           10px;
}
.tdProductlistFilterRight
{
    padding:                4px;
    text-align:             right;
}
.categorieIcon              /** Position für Kategorie-Icons **/
{
    display:                none;
    position:               absolute;
    top:                    -60px;
    left:                   590px;
}





/** Warenkorb (Warenkorb-Buttons siehe unten!) | SEARCH: 004-1  **/
div.plcWarenkorb            /** RadAjaxPanel des Warenkorbes !!! **/ 
{
    display:                block;
}
.tableCart                  /** Warenkorb-Tabelle **/
{
    width:                  670px;
}
.tdCartHeader1
{
    background-image:       url(../images/BG_Content.png);
    width:                  350px;
    height:                 28px;
    font-weight:            bold;
    font-size:              16px;
    border-bottom:          solid 2px #FFFFFF;
    padding-left:          15px;
}
.tdCartHeader2
{
    background-image:       url(../images/BG_Content.png);
    width:                  100px;
    height:                 28px;
    font-weight:            bold;
    font-size:              16px;
    border-bottom:          solid 2px #FFFFFF;
    padding-right:          24px;
    text-align:             right;
}
.tdCartHeader3
{
    background-image:       url(../images/BG_Content.png);
    width:                  100px;
    height:                 28px;
    font-weight:            bold;
    font-size:              16px;
    border-bottom:          solid 2px #FFFFFF;
    padding-right:          15px;
    text-align:             right;
}
.tdCartHeader4
{
    background-image:       url(../images/BG_Content.png);
    width:                  100px;
    height:                 28px;
    font-weight:            bold;
    font-size:              16px;
    border-bottom:          solid 2px #FFFFFF;
    padding-right:          15px;
    text-align:             right;
}
.tdCartSeperator            /** Warenkorb-Seperator | SEARCH: 004-2 **/
{
    height:                 15px;
}
.tdCartSeperator2            /** Warenkorb-Seperator mit grafischem Element **/
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdCartSubSeperator         /** Warenkorb-Seperator für Footer **/
{
    height:                 6px;

}
.tableCartProduct           /** Tabelle für Artikel-Info | SEARCH: 004-3 **/
{
    width:                  370px;
}
.tdCartProductLeft
{
    width:                  140px;
}
.tdCartProductMiddle
{
    width:                  10px;
}
.tdCartProductRight
{
    position:               relative;
    width:                  220px;
    padding-top:            15px;
}
.divCartProductRight        /** DIV zum Ausrichten des Löschen-Buttons | SEARCH: 004-4 **/
{
    position:               relative;
    height:                 135px;
}
.tdCartContent2,
.tdCartContent3,
.tdCartContent4
{
    padding-top:            15px;
    padding-right:          15px;
    text-align:             right;
    font-size:              16px;
    font-weight:            bold;
}
.tdCartProductRight h1      /** Cart > Produktname **/
{
    font-size:              16px;
    margin:                 0px;
}
.tdCartProductRight h2      /** Cart > Produktsubline **/
{
    font-size:              11px;
    margin:                 0px;
}
.tdCartFooterRight          /** Cart-Footer **/
{
    padding-right:          15px;
    text-align:             right;
}
.tdCartFooterLeft, .tdCartFooterRight
{
    font-size:              16px;
    font-weight:            bold;
    padding-top:            5px;
    padding-bottom:         5px;
    text-indent:            6px;
    background-image:       url(../images/BG_Content.png);
}

.tdCartFooterLeft a
{
    color: #FFFFFF;
    text-decoration: none;
}


.tableCartAnzahl            /** Tabelle für Anzahl + Buttons | SEARCH: 004-5 **/
{
    width:                  69px;
}
.tableCartAnzahl td
{
    width:                  23px;
}
.tableCartAnzahlValue
{
    width:                  34px;
    text-align:             center;
}




/** Login-Bereich | SEARCH: 005-1 **/
.tableLogin
{
    width:                  100%;
    background-image:       url(../images/BG_Content.png);
    margin-top:             20px;
}
.tdLogin
{
    padding:                15px;
}
.LoginErrorInfo
{
    display:                block;
    margin-top:             10px;
    margin-bottom:          10px;
    color:                  #FF0C0C;
}




/** Account-Bereich | SEARCH: 006-1 **/
.tableAccount
{
    width:                  100%;
    background-image:       url(../images/BG_Content.png);
    margin-bottom:          20px;
}
.tdAccount
{
    padding:                15px;
}
.imgAccountIcon
{
    margin-right:           10px;
}




/** Kontoinformationen | SEARCH: 007-1 **/
.tableRegister
{
    width:                  650px;
    margin-top:             20px;
}
.tdRegisterLeft
{
    width:                  100px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdRegisterRightText
{
    background-image:       url(../images/BG_RegisterFormRight.png);
    background-repeat:      repeat-x;
    background-position:    right center;
}
.tdRegisterLeftDDL
{
    width:                  100px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeftDDL.png);
    background-repeat:      repeat-x;
}
.tdRegisterLeftColspan
{
    height:                 30px;
}
.tdRegisterRight
{
    position:               relative;
    width:                  250px;
    height:                 30px;
}
.tdRegisterSeperator
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdRegisterSeperatorBottom
{
    height:                 27px;
}
.tdRegisterError
{
    position:               relative;
    width:                  130px;
    height:                 29px;
    margin-left:            4px;
}
.disabledEmailKonto
{
    color:                  #A3A3A3;
}


/** Kontakt-Formular unter Impressum **/
.tableContactForm
{
    width:                  650px;
}
.tdContactLeftMultiline    
{
    width:                  100px;
    padding-left:           10px;
    padding-top:            7px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.contactFormContainer
{
}
.tdContactLeft
{
    width:                  120px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdContactRightText
{
    background-image:       url(../images/BG_RegisterFormRight.png);
    background-repeat:      repeat-x;
    background-position:    right center;
}
.tdContactLeftDDL
{
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeftDDL.png);
    background-repeat:      repeat-x;
}
.tdContactLeftColspan
{
    height:                 30px;
}
.tdContactRight
{
    position:               relative;
    width:                  260px;
    height:                 30px;
}
.tdContactSeperator
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdContactSeperatorBottom
{
    height:                 27px;
}
.tdContactError
{
    position:               relative;
    width:                  130px;
    height:                 29px;
    margin-left:            4px;
}
.tbContactCaptchaCode       /** Textbox für Captcha-Code **/
{
    width:                  600px;
}
.formErrorMessageCaptcha
{
    position:               absolute;
    background-image:       url(../images/Elements/BG_ErrorMessage.gif);
    background-repeat:      no-repeat;
    display:                block;
    color:                  #FFFFFF;
    height:                 20px;
    width:                  119px;
    padding-left:           3px;
    padding-top:            5px;
    padding-right:          7px;
    top:                    2px;
    left:                   280px;
    text-align:             right;
    font-weight:            bold;   
}
.contactSuccessMSG
{
    display:                block;
    text-align:             center;
    border:                 solid 1px #FFFFFF;
    padding:                4px;
    background-color:       #444444;
}



/** Formular tellafriend | SEARCH: 008-1 **/
.tableTellAFriend
{
    width:                  685px;
}
.bgTellAFriend
{
    position:               relative;
    display:                block;
    background-color:       #000000;
    background-image:       url(../images/BG_ContentRight.jpg);
    height:                 421px;
    padding:                20px;
    font-family:            Arial;
    font-size:              12px;
    text-align:             left;
    color:                  #FFFFFF;
}
.tdTellAFriendLeft
{
    width:                  150px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
    color:                  #FFFFFF;
}
.tdTellAFriendLeftMultiline
{
    width:                  200px;
    height:                 30px;
    padding-left:           10px;
    padding-top:            7px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
    color:                  #FFFFFF;
}
.tdTellAFriendRight
{
    position:               relative;
    width:                  300px;
    height:                 30px;
}
.tdTellAFriendSeperator
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdTellAFriendSeperatorBottom
{
    height:                 15px;
}
.tdTellAFriendError
{
    position:               relative;
    width:                  190px;
    height:                 29px;
}


/** Password-Change | SEARCH: 009-1 **/
.tableChangePassword
{
    width:                  650px;
}
.bgChangePassword
{
    padding-top:            20px;
    padding-left:           20px;
    color:                  #FFFFFF;
}
.tdChangePasswordLeft
{
    width:                  220px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdChangePasswordLeftMultiline
{
    width:                  200px;
    height:                 30px;
    padding-left:           10px;
    padding-top:            7px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdChangePasswordRight
{
    position:               relative;
    width:                  230px;
    height:                 30px;
}
.tdChangePasswordRight input
{
    position:               relative;
    width:                  230px;
}
.tdChangePasswordSeperator
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdChangePasswordSeperatorBottom
{
    height:                 15px;
}
.tdChangePasswordError
{
    position:               relative;
    width:                  190px;
    height:                 29px;
    margin-left:            4px;
}




/** Notification | SEARCH: 010-1 **/
.tableNotification
{
    width:                  685px;
}
.bgNotification
{
    display:                block;
    background-color:       #000000;
    background-image:       url(../images/BG_ContentRight.jpg);
    height:                 251px;
    padding:                20px;
    font-family:            Arial;
    font-size:              12px;
    text-align:             left;
    color:                  #FFFFFF;
}
.tdNotificationLeft
{
    width:                  150px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
    color:                  #FFFFFF;
}
.tdNotificationSeperatorBottom
{
    height:                 15px;
}
.tdNotificationError
{
    position:               relative;
    width:                  190px;
    height:                 29px;
}


/** Password Lost **/
.tablePasswordLost
{
    width:                  650px;
}
.bgPasswordLost
{
    padding-top:            20px;
    padding-left:           20px;
    color:                  #FFFFFF;
}
.tdPasswordLostLeft
{
    width:                  220px;
    height:                 30px;
    padding-left:           10px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdPasswordLostLeftMultiline
{
    width:                  200px;
    height:                 30px;
    padding-left:           10px;
    padding-top:            7px;
    background-image:       url(../images/BG_RegisterFormLeft.png);
    background-repeat:      repeat-x;
}
.tdPasswordLostRight
{
    position:               relative;
    width:                  230px;
    height:                 30px;
}
.tdPasswordLostRight input
{
    position:               relative;
    width:                  230px;
}
.tdPasswordLostSeperator
{
    height:                 27px;
    background-image:       url(../images/Elements/BG_CartSeperator.gif);
    background-repeat:      repeat-x;
}
.tdPasswordLostSeperatorBottom
{
    height:                 15px;
}
.tdPasswordLostError
{
    position:               relative;
    width:                  190px;
    height:                 29px;
    margin-left:            4px;
}


/** Newsletter ändern **/
.bgChangeNewsletter
{
    padding-top:            20px;
    padding-left:           20px;
    color:                  #FFFFFF;
}
.cbNewsletterBox
{
    display:                block;
    padding:                4px;
    border:                 solid 1px #FFFFFF;
    background-image:       url(../images/BG_Content.png);
    width:                  645px;
}



/** Error-Message der Formulare | SEARCH: 011-1 **/
.formErrorMessage
{
    position:               absolute;
    background-image:       url(../images/Elements/BG_ErrorMessage.gif);
    background-repeat:      no-repeat;
    display:                block;
    color:                  #FFFFFF;
    height:                 20px;
    width:                  119px;
    padding-left:           3px;
    padding-top:            5px;
    padding-right:          7px;
    top:                    2px;
    text-align:             right;
    font-weight:            bold;
}



/** ################################################## **/
/** ############# WEB 2.0 BUTTONS BASICS ############# **/
/** ################################################## **/
/** SEARCH: 012-1 **/
/** Allgemeine Hyperlinks (auch für Styled Web2.0-Buttons) **/
a
{
    font-family:            Arial;
    font-size:              12px;
    font-weight:            bold;
}


/** BUTTON Allgemein (ohne Icon, transparenter Hintergrund) **/
.BTN_Basic
{
    display:                block;
    height:                 27px;
    width:                  160px;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding-top:            13px;
    text-align:             center;
    float:                  left;
}
a.BTN_Basic
{
    background-image:       url(../images/Elements/BTN_Basic.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Basic
{
    background-image:       url(../images/Elements/BTN_Basic.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}


/** BUTTON Allgemein klein (ohne Icon, transparenter Hintergrund) **/
.BTN_Basic_small
{
    display:                block;
    height:                 20px;
    width:                  81px;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding-top:            6px;
    text-align:             center;
    cursor:                 pointer;
}
a.BTN_Basic_small
{
    background-image:       url(../images/Elements/BTN_Basic_small.jpg);
    background-repeat:      no-repeat;
}
a:hover.BTN_Basic_small
{
    background-image:       url(../images/Elements/BTN_Basic_small.jpg);
    background-repeat:      no-repeat;
    background-position:    0px -26px;
}





/** BUTTON Suche (linke Navigation) | SEARCH: 012-2 **/
.BTN_Suche
{
    display:                block;
    height:                 29px;
    width:                  110px;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding-top:            11px;
    padding-left:           60px;
    margin-left:            10px;
    margin-top:             0px;
    font-size:              14px;
}
a.BTN_Suche
{
    background-image:       url(../images/Elements/BTN_Suche.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Suche
{
    background-image:       url(../images/Elements/BTN_Suche.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}

/** BUTTON Zum Warenkorb (linke Navigation) | SEARCH: 012-3 **/
.BTN_WarenkorbWP
{
    display:                block;
    height:                 27px;
    width:                  111px;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding-top:            13px;
    padding-left:           55px; 
    margin-top:             10px;
}
a.BTN_WarenkorbWP
{
    background-image:       url(../images/Elements/BTN_Warenkorb.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_WarenkorbWP
{
    background-image:       url(../images/Elements/BTN_Warenkorb.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}



/** BUTTON Warenkorb (linke Navigation) **/
.BTN_Warenkorb
{
    display:                block;
    height:                 27px;
    width:                  110px;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding-top:            13px;
    padding-left:           50px;
    margin-left:            10px;
    margin-top:             10px;
}
a.BTN_Warenkorb
{
    background-image:       url(../images/Elements/BTN_Warenkorb.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Warenkorb
{
    background-image:       url(../images/Elements/BTN_Warenkorb.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}




/** BUTTON Tell-A-Friend (Produkt-Detail) | SEARCH: 012-4 **/
.BTN_TellAFriend
{
    position:               absolute;
    top:                    -23px;
    left:                   296px;
    display:                block;
    height:                 57px;
    width:                  95px;
    color:                  #FFFFFF;
    text-decoration:        none;
}
a.BTN_TellAFriend
{
    background-image:       url(../images/Elements/BTN_TellAFriend.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_TellAFriend
{
    background-image:       url(../images/Elements/BTN_TellAFriend.gif);
    background-repeat:      no-repeat;
    background-position:    0px -57px;
}



/** BUTTON Tell-A-Friend (Produkt-Detail) **/
.BTN_Kaufen
{
    position:               absolute;
    top:                    -52px;
    left:                   290px;
    display:                block;
    height:                 86px;
    width:                  64px;
    color:                  #FFFFFF;
    text-decoration:        none;
}
a.BTN_Kaufen
{
    background-image:       url(../images/Elements/BTN_kaufen_49.png);
    background-repeat:      no-repeat;
}
a:hover.BTN_Kaufen
{
    background-image:       url(../images/Elements/BTN_kaufen_49.png);
    background-repeat:      no-repeat;
    background-position:    0px -86px;
}
.BTN_Kaufen_44
{
    position:               absolute;
    top:                    -52px;
    left:                   290px;
    display:                block;
    height:                 86px;
    width:                  64px;
    color:                  #FFFFFF;
    text-decoration:        none;
}
a.BTN_Kaufen_44
{
    background-image:       url(../images/Elements/BTN_kaufen_44.png);
    background-repeat:      no-repeat;
}
a:hover.BTN_Kaufen_44
{
    background-image:       url(../images/Elements/BTN_kaufen_44.png);
    background-repeat:      no-repeat;
    background-position:    0px -86px;
}



/** Warenkorb-Anzahl-Buttons | SEARCH: 012-5 **/
.btnCartAnzahlMinus         /** Anzahl Minus **/
{
    display:                block;
    height:                 16px;
    width:                  18px;
}
a.btnCartAnzahlMinus        /** Anzahl Minus **/
{
    background-image:       url(../images/Elements/BTN_CartMinus.gif);
    background-repeat:      no-repeat;
}
a:hover.btnCartAnzahlMinus 
{
    background-image:       url(../images/Elements/BTN_CartMinus.gif);
    background-repeat:      no-repeat;
    background-position:    0px -16px;
}

.btnCartAnzahlPlus      
{
    display:                block;
    height:                 16px;
    width:                  18px;
}
a.btnCartAnzahlPlus       
{
    background-image:       url(../images/Elements/BTN_CartPlus.gif);
    background-repeat:      no-repeat;
}
a:hover.btnCartAnzahlPlus 
{
    background-image:       url(../images/Elements/BTN_CartPlus.gif);
    background-repeat:      no-repeat;
    background-position:    0px -16px;
}

a.hypDeleteFromCart         /** Löschen aus dem Warenkorb | SEARCH: 012-6 **/
{
    display:                block;
    position:               absolute;
    top:                    110px;
    padding-left:           13px;
    background-image:       url(../images/ICO_Delete.png);
    background-repeat:      no-repeat;
    font-size:              10px;
    color:                  #A3A3A3;
    text-decoration:        none;
}
a:hover.hypDeleteFromCart
{
    color:                  #DD0000;
}




/** Bestellen-Button im Warenkorb | SEARCH: 012-7 **/
.BTN_CartOrder
{
    display:                block;
    height:                 29px;
    width:                  197px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             right;
    padding-right:          18px;
    padding-top:            22px;
    font-size:              16px;
    font-weight:            bold;
}
a.BTN_CartOrder
{
    background-image:       url(../images/Elements/BTN_Order_49.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_CartOrder
{
    background-image:       url(../images/Elements/BTN_Order_49.gif);
    background-repeat:      no-repeat;
    background-position:    0px -52px;
}



/** Register-Button | SEARCH: 012-8 **/
.BTN_Register
{
    display:                block;
    height:                 29px;
    width:                  185px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             right;
    padding-right:          30px;
    padding-top:            11px;
    font-size:              16px;
    font-weight:            bold;
}
a.BTN_Register
{
    background-image:       url(../images/Elements/BTN_Register.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Register
{
    background-image:       url(../images/Elements/BTN_Register.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}




/** Login-Button | SEARCH: 012-9 **/
.BTN_Login
{
    display:                block;
    height:                 29px;
    width:                  185px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             right;
    padding-right:          30px;
    padding-top:            11px;
    font-size:              16px;
    font-weight:            bold;
}
a.BTN_Login
{
    background-image:       url(../images/Elements/BTN_Login.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Login
{
    background-image:       url(../images/Elements/BTN_Login.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}



/** Passwort-Button | SEARCH: 012-10 **/
.BTN_Password
{
    display:                block;
    height:                 29px;
    width:                  185px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             right;
    padding-right:          30px;
    padding-top:            11px;
    font-size:              16px;
    font-weight:            bold;
}
a.BTN_Password
{
    background-image:       url(../images/Elements/BTN_Password.gif);
    background-repeat:      no-repeat;
}
a:hover.BTN_Password
{
    background-image:       url(../images/Elements/BTN_Password.gif);
    background-repeat:      no-repeat;
    background-position:    0px -40px;
}


/** Benachrichtigungs-Button | SEARCH: 012-11 **/
.BTN_Benachrichtigung
{
    position:               absolute;
    display:                block;
    top:                    -21px;
    left:                   208px;
    height:                 25px;
    width:                  160px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             center;
    padding-right:          30px;
    padding-top:            35px;
    font-size:              12px;
    font-weight:            bold;
}
a.BTN_Benachrichtigung
{
    background-image:       url(../images/Elements/BTN_Benachrichtigung.png);
    background-repeat:      no-repeat;
}
a:hover.BTN_Benachrichtigung
{
    background-image:       url(../images/Elements/BTN_Benachrichtigung.png);
    background-repeat:      no-repeat;
    background-position:    0px -60px;
}
.BTN_Benachrichtigung_44
{
    position:               absolute;
    display:                block;
    top:                    -21px;
    left:                   208px;
    height:                 25px;
    width:                  160px;
    color:                  #FFFFFF;
    text-decoration:        none;
    text-align:             center;
    padding-right:          30px;
    padding-top:            35px;
    font-size:              12px;
    font-weight:            bold;
}
a.BTN_Benachrichtigung_44
{
    background-image:       url(../images/Elements/BTN_Benachrichtigung.png);
    background-repeat:      no-repeat;
}
a:hover.BTN_Benachrichtigung_44
{
    background-image:       url(../images/Elements/BTN_Benachrichtigung.png);
    background-repeat:      no-repeat;
    background-position:    0px -60px;
}




/** ##### LOADING PANELS ##### **/
.LoadingProduktKategorie    /** Loading-Panel für die Produktübersicht | SEARCH: 013-1 **/
{
    display:                block;
    width:                  650px;
    padding-top:            75px;
}
.LoadingPanelGeneral        /** Globales Loading-Panel **/
{
    display:                block;
    width:                  100%;
    padding-top:            75px;

}
.LoadingPanelTellAFriend    /** Loading-Panel für die TellAFriend | SEARCH: 013-2 **/
{
    position:               absolute;
    display:                block;
    width:                  684px;
    height:                 421px;
    padding-top:            75px;
    top:                    0px;
    left:                   -20px;
}
div.LoadingPanelPasswordLost   /** Loading-Panel für Password Lost | SEARCH: 013-3 **/
{
    position:               absolute;
    width:                  650px;
    height:                 250px;
    left:                   0px;
    padding-top:            20px;
}
.LoadingPanelCart img       /** Eigenschaften des loading-Images | SEARCH: 013-4 **/
{
    margin-top:             50px;
}
.LoadingBestellUebersicht
{
    display:                block;
    width:                  650px;
    padding-top:            75px;
}
.LoadingLogin
{
    padding-top:            20px;
}



/** Aktuelle & vergangene Bestellungen: TrackingInfo | SEARCH: 014-1 **/
.viewWrap                   /** NestedViewTemplate-Panel **/
{
    padding:                10px;
    background-image:       url(../images/BG_Content.png);
    border:                 solid 1px #D8099C;
    margin-top:             10px;
    margin-bottom:          10px;
    width:                  94%;
}
.rgHeader { text-align: left; }
.tblTrackingDetail
{
    background-color:       transparent;
    width:                  100%;
}
.TrackingDetailLeft
{
    background-color:       #FFFFFF;
}
.TrackingDetailLeft img
{
    margin:                 5px;
}
.TrackingDetailMiddle
{
    background-color:       transparent;
    width:                  20px;
}
.TrackingDetailRight
{
    background-color:       transparent;
}
a.TrackingDetailLink
{
    display:                block;
    font-weight:            normal;
    color:                  #FFFFFF;
    text-decoration:        none;
    padding:                4px;
    padding-left:           7px;
    margin-top:             4px;
    font-size:              11px;
}
a:hover.TrackingDetailLink
{
    display:                block;
    font-weight:            normal;
    color:                  #000000;
    text-decoration:        none;
    padding:                4px;
    padding-left:           7px;
    margin-top:             4px;
    font-size:              11px;
}



/** Delete-Confirm-Dialog | SEARCH: 015-1 **/
.tblConfirmDialog
{
    width:                  400px;
}
.tblConfirmDialog td
{
    color:                  #FFFFFF;
}
.tblConfirmDialogButtons
{
    width:                  370px;
    margin-top:             15px;
}
.bgConfirmDialog
{
    position:               relative;
    display:                block;
    background-color:       #000000;
    background-image:       url(../images/BG_ContentRight.jpg);
    height:                 300px;
    padding:                20px;
    font-family:            Arial;
    font-size:              12px;
    text-align:             left;
    color:                  #FFFFFF !important;
}







/** Repeater für Produkte | SEARCH: 016-1 **/
.shopContentProductList     /** Allgemeine Repeater-Tabelle **/
{
    height:                 180px;
}

.rrClipRegion               /** Repeater-Item-Style (background etc.) **/
{
}
.shopContentProductListTD   /** Hier drin ist der Repeater gekapselt! **/
{
}
/** ############################################ /**
/** Artikel-Name, -Nr. & Preis in repeaterDIVs gekapselt **/
.shopContentProductListIMG  /** Produktbilder in der Produktübersicht! **/ 
{
    margin-bottom:          4px;
}
a .shopContentProductListIMG        /** Produktbilder Normal **/ 
{
    border:                 solid 2px #D8099C;
}
a:hover .shopContentProductListIMG  /** Produktbilder RollOver **/  
{
    border:                 solid 2px #FFEF00;
}
/** ############################################ /**
/** Repeater-Version: Startseite (100px-Bilder) **/
.repeaterContainer_100
{
    position:               relative;
    display:                block;
    width:                  150px;
    height:                 162px;
    text-align:             center;
    padding-top:            15px;
}
.repeaterContainer_100 img
{
    width:                  100px;
    height:                 100px;
}
.repeaterBottomProductName_100
{
    position:                absolute;
    display:                block;
    font-weight:            bold;
    float:                  left;
    font-size:              12px;
    text-align:             left;
    margin-bottom:          12px;
    width:                  120px;
    left:                   22px;
    line-height:            13px;
}
.repeaterBottomLeft_100
{
    position:               absolute;
    display:                block;
    color:                  #A3A3A3;
    font-size:              11px;
    bottom:                 0px;
    left:                   22px;
}
.repeaterBottomRight_100
{
    position:               absolute;
    display:                block;
    background-color:       transparent;
    padding:                0px;
    bottom:                 -1px;
    right:                  0px;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              16px;
    margin-right:           24px;
}
/** ############################################ /**
/** Repeater-Version: Produkt-Detail-Seite (150px-Bilder) **/
.repeaterContainer_150
{
    position:               relative;
    display:                block;
    width:                  150px;
    height:                 210px;
    text-align:             center;
}
.repeaterContainer_150 img
{
    width:                  150px;
    height:                 150px;
}
.repeaterBottomProductName_150
{
    position:               absolute;
    display:                block;
    font-weight:            bold;
    float:                  left;
    font-size:              12px;
    text-align:             left;
    margin-bottom:          0px;
    width:                  150px;
    left:                   0px;
    top:                    160px;
}
.repeaterBottomLeft_150
{
    position:               absolute;
    display:                block;
    color:                  #A3A3A3;
    font-size:              11px;
    bottom:                 0px;
    left:                   1px;
}
.repeaterBottomRight_150
{
    position:               absolute;
    display:                block;
    background-color:       transparent;
    padding:                0px;
    bottom:                 -1px;
    right:                  0px;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              16px;
    margin-right:           0px;
}
/** BESTSELLER NUMMERN (STARTSEITE) **/
.bestseller1
{
    position:               absolute;
    display:                block !important;
    width:                  43px;
    height:                 43px;
    top:                    32px;
    left:                   102px;
    z-index:                1000;
    background-image:       url(../images/IMG_Bestseller_1.png);
    background-repeat:      no-repeat;
}
.bestseller2
{
    position:               absolute;
    display:                block !important;
    width:                  43px;
    height:                 43px;
    top:                    32px;
    left:                   252px;
    z-index:                1000;
    background-image:       url(../images/IMG_Bestseller_2.png);
    background-repeat:      no-repeat;
}

.bestseller3
{
    position:               absolute;
    display:                block !important;
    width:                  43px;
    height:                 43px;
    top:                    32px;
    left:                   402px;
    z-index:                1000;
    background-image:       url(../images/IMG_Bestseller_3.png);
    background-repeat:      no-repeat;
}






/** PopUp für Registrierungsvorgang | SEARCH: 017-1 **/
.bgRegisterInfo
{
    position:               relative;
    display:                block;
    background-color:       #000000;
    background-image:       url(../images/BG_ContentRight.jpg);
    height:                 421px;
    padding:                20px;
    font-family:            Arial;
    font-size:              12px;
    text-align:             left;
    color:                  #FFFFFF;
}


/** Übersichtstabelle für Benachrichtigungen | SEARCH: 018-1 **/
.tblBenachrichtigungen
{
    width:                  100%;
}
.tblBenachrichtungenHeaderLeft
{
    font-weight:            bold;
    border-bottom:          solid 2px #D8099C;
    padding-left:           18px;
    background-image:       url(../images/BG_Content.png);
    height:                 29px;
}
.tblBenachrichtungenHeaderRight
{
    font-weight:            bold;
    border-bottom:          solid 2px #D8099C;
    background-image:       url(../images/BG_Content.png);
    height:                 29px;
    padding-right:          18px;
}
.tdBenachrichtigungenRow
{
    background-color:       transparent;
    border-bottom:          solid 1px #D8099C;
    padding:                10px;
}
.tdBenachrichtigungenRow2
{
    background-color:       #222222;
    border-bottom:          solid 1px #D8099C;
    padding:                10px;
}

.benachrichtigungLink
{
    width:                  100%;
    padding-top:            7px;
    padding-left:           20px;
    font-family:            Arial;
    font-size:              12px;
    font-weight:            bold;
}
a.benachrichtigungLink
{
    color:                  #FFFFFF;
    text-decoration:        none;
    background-image:       url(../images/BG_NormalLink.gif);
    background-repeat:      no-repeat;
}
a:hover.benachrichtigungLink
{
    color:                  #FFED00;
    text-decoration:        none;  
    background-image:       url(../images/BG_NormalLink.gif);  
    background-repeat:      no-repeat; 
    background-position:    0px -19px;
}
.divBenachrichtigungenNoResults, .divBestellungenNoResults
{
    border:                 solid 1px #FFFFFF;
    display:                block;
    width:                  98%;
    background-image:       url(../images/BG_Content.png);
    padding:                5px;
    text-align:             center;
    font-weight:            bold;
}


/** POPUP FÜR SIZEHELP **/
.bgSizeHelp
{
    position:               relative;
    display:                block;
    background-color:       #000000;
    background-image:       url(../images/BG_ContentRight.jpg);
    height:                 510px;
    padding:                15px;
    font-family:            Arial;
    font-size:              12px;
    text-align:             left;
    color:                  #FFFFFF;
}
.hypCloseSizeHelp
{
    position:               absolute;
    color:                  #FFFFFF;
    text-decoration:        none;
    right:                  15px;
}