/************************** Allgemeine Formatierungen ******************/
                    
h1.contentHeadline {
    width:              100%;
    background-color:   #D0D5D9;
    text-align:         left;
    font-size:          11px;
    font-weight:        bold;
    text-indent:        5px;
    color:              #6D808F;
    line-height:        18px;
    margin-top:         10px;
    clear:              both;
}

.contentAusgabe {
    display:            block;
    text-align:         center;
    margin:             10px;
}

.contentRow {
    display:            block;
    width:              100%;
    text-align:         left;
    font-size:          11px;
    margin-top:         1px;
    padding:            2px;
}

.contentSecondRow {
    display:            block;
    width:              100%;
    background-color:   #F2F2F2;
    text-align:         left;
    font-size:          11px;
    margin-top:         1px;
    padding:            2px;
}

.fliesstext {
    display:            block;
    margin-top:         10px;
    margin-bottom:      10px;
}

.higlightText {
    font-weight:        bold;
}

/***** Listformatierungen ********/

ul.list {
    list-style-position: inside;
}

ol.list {
    list-style-position: inside;
}

div.clearBox {
    clear:              both;
    padding-top:        10px;   
}


/******* Medungen **********/

.fehlerMeldung {
    display:            block;
    color:              red;
    font-size:          12px;
    font-weight:        bold;
    margin:             8px;
    text-align:         center;
}

.erfolgsMeldung {
    display:            block;
    color:              green;
    font-size:          12px;
    font-weight:        bold;
    margin:             8px;
    text-align:         center;
}

/***************************** Startseite Artikelformatierung ******************************/

.artikelCleaner {
    clear:              both;
    padding-bottom:     10px;
}

div.startArtikelBox {
    width:              100%;
    clear:              both;
    padding-bottom:     15px;
}

div.startArtikelBox div {
    display:            block;
    float:              left;
    width:              150px;
    height:             185px;
    margin-left:        9px;
    margin-right:       9px;
    margin-bottom:      15px;
    border:             1px solid #000000;
    text-decoration:    none;   
    text-align:         center;
}

div.startArtikelBox[class] div {
    width:              150px;
}

div.startArtikelBox span {
    display:            block;
    padding-top:        3px;
}

/*********************************** Artikel Kategorieanzeige ***************************************/

div.contentKategorieBox {
    width:              100%;
    clear:              both;   
}

div.contentKategorieBox div {
   display:             block;
   float:               left;
   width:               150px;
   height:              130px;
   margin-left:         9px;
   margin-right:        9px;
   margin-bottom:       20px;
   border:              1px solid #000000;
   text-decoration:     none;   
   text-align:          center;
}

div.contentKategorieBox[class] div {
   width:               155px;
}

div.contentKategorieBox span {
    display:            block;
    padding-top:        3px;
}




/***************************** Artikeluebersicht Formatierung ******************************/

.weiterZurueckFormat {
    text-align:         center;
    line-height:        25px;
}

span.artikelweiterButton  a {
    font-weight:        bold;
    font-size:          14px;
    margin:             5px;
}

span.artikelZurueckButton a {
    font-weight:        bold;
    font-size:          14px;
    margin:             5px;
}

div.artikelBox {
   display:             block;
   float:               left;
   width:               527px;
   min-height:          130px;
   border:              1px solid #D0D5D9;
   text-decoration:     none;   
   margin-bottom:       20px;
   background-color:    #F2F2F2;
}

div.artikelBox div.bildBox {
    width:              140px;
    float:              left;
    text-align:         left;
    margin:             10px;
}

div.artikelBoxContent {
    width:              355px;
    float:              right;
}

div.artikelBoxContent h2 {
    display:            block;
    text-align:         left;
    margin-top:         10px;
    padding-right:      10px;
    font-weight:        bold;
    font-size:          12px;
}

div.artikelBoxContent h3 {
    display:            block;
    text-align:         left;
    margin-top:         3px;
    margin-right:       10px;
}

div.artikelBoxContent form {
    display:            block;
    text-align:         left;
    margin-top:         3px;
    margin-right:       10px;
}

div.artikelBoxContent p {
    display:            block;
    text-align:         left;
    margin-top:         5px;
    margin-right:       10px;
    line-height:        17px;
}


div.artikelBoxContent select {
    width:              150px;
    text-align:         left;
    margin-top:         3px;
    margin-right:       10px;
    margin-left:        2px;
}




/*************** Bestell Merkzettel Button ******************/
div.artikelBox div h4, div.artikelDetailInfos div h4 {
    display:            block;
    float:              right;
    margin:             5px;
    margin-top:         10px;
    padding:            0 5px;
    border:             1px solid #000000;
    font-weight:        normal;
}

div.artikelBox div h4 a, div.artikelDetailInfos div h4 a {
    font-size:          11px;   
}

div.artikelBox div h4 strong, div.artikelDetailInfos div h4 strong {
    font-weight:        bold;
}



/***************************** Artikeldetail Formatierung ******************************/

div.artikelDetailBox {
    width:              100%;
}

div.artikelDetailBox h1 {
    clear:              left;
}

div.artikelDetailBild {
    width:              150px;
    float:              left;
    text-align:         left;
    margin-right:       10px;
    margin-top:         5px;
    border:             1px solid #6D808F;
    text-align:         center;
}

div.artikelDetailBild span {
    display:            block;
    height:             20px;
    background-color:   #D0D5D9;
    font-weight:        bold;
}

a.artikelDetailBilder, .artikelDetailBilder {
    float:              left;
    margin:             10px;
}

div.artikelDetailInfos {
    display:            block;
    float:              left;
    width:              355px;
    text-align:         left;
    margin-top:         5px;
    margin-bottom:      15px;
    margin-right:       10px;
    line-height:        17px;
}

div.artikelDetailInfos h2 {
    font-size:          14px;
}

div.artikelDetailInfos h3 {
    font-size:          14px;
}

div.artikelDetailInfos select {
    width:              150px;
    height:             20px;
    margin-bottom:      5px;
}

div.artikelDetailInfos p input {
    width:              40px;
    height:             15px;
    margin-bottom:      10px;
    margin-top:         10px;
}

div.artikelDetailInfos h3 {
    padding-top:        10px;
}

div.artikelDetailInfos h3 strong {
    display:            block;
    font-size:          10px;
    font-weight:        normal;
}

div.ArtikelDetailCrossellingFormat {
    
    display:            block;
    float:              left;
    width:              120px;
    height:             120px;
    margin:             5px;
    border:             1px solid #000000;
    text-decoration:    none;
    padding-top:        5px;
    text-align:         center;
}

.ausgabeBewertung {
    display:            block;
    text-align:         left;
    margin-bottom:      15px;
}

textarea.artikelPartnerTextarea {
    width:              530px;
    height:             150px;
    border:             1px solid #6D808F;
    background-color:   #EDEFF0;
    font-size:          10px;
    font-family:        verdana, arial, sans serif;
}

/********************************* Content Login Formatierungen ************************/

div.contentLoginBox, div.contentRegisterBox {
    width:              253px;
    float:              left;
    border:             1px solid #6D808F;
    background-color:   #EDEFF0;
    height:             130px;
    margin-bottom:      20px;
}

div.contentLoginBox {
    margin-right:       20px;
}

div.contentRegisterBox div, div.contentLoginBox div {
    display:            block;
    padding:            5px;
}

div.contentLoginBox div fieldset {
    border:             0px;
}

div.contentLoginBox div fieldset label {
    width:              80px;
    float:              left;
}

div.contentLoginBox div fieldset input {
    width:              140px;
    height:             18px;
    margin-bottom:      2px;
}

div.contentRegisterBox div p {
    height:             57px;
}

/********************************* Content Formular Formatierungen ************************/

fieldset.content {
    border:             1px solid #6D808F;
    background-color:   #EDEFF0;
    padding:            5px;
}

fieldset.content label, label.content {
    float:              left;
    width:              160px;
}

fieldset.content input, fieldset.content select, input.content {
    width:              290px;
    height:             19px;
    font-size:          12px;
    border:             1px solid #6D808F;
    margin:             3px;
}

fieldset.content input.contentMed {
    width:              245px;
    height:             19px;
    font-size:          12px;
    border:             1px solid #6D808F;
    margin:             3px;
}

fieldset.content input.kleinContent {
    width:              35px;
    height:             19px;
    font-size:          12px;
    border:             1px solid #6D808F;
    margin:             3px;
}

fieldset.content textarea {
    width:              290px;
    height:             120px;
    font-size:          12px;
    border:             1px solid #6D808F;
    margin:             3px;
}

fieldset.content radio {
    width:              10px;
    height:             10px;
    border:             0px;
}

span.allgemeinSubmitButton, input.allgemeinSubmitButton, span.warenkorbButtonKasse, span.weitershoppenButtonKasse {
    float:              right;
    border:             1px solid #000000;
    font-weight:        bold;
    margin-top:         5px;
    margin-left:        5px;
}

span.allgemeinSubmitButton a, span.warenkorbButtonKasse a, span.weitershoppenButtonKasse a {
    display:            block;
    margin:             3px;
}

span.weitershoppenButtonKasse {
    font-weight:        normal; 
}

#formFehler {
    background-color:   red;
    color:              #ffffff;
}


/********************************* Content Gutschein Formatierungen ************************/
div.contentGutscheinBox {
    padding-top:        10px;
}

div.contentGutscheinBox label {
    float:              left;
    width:              100px;
}

div.contentGutscheinBox input {
    float:              left;
    width:              120px;
    height:             18px;
    margin-right:       3px;
}

div.contentGutscheinBox a {
    float:              left;
    border:             1px solid #6D808F;
    height:             18px;
    padding-left:       5px;
    padding-right:      5px;
    font-weight:        bold;
}

/********************************* Content Tabellen Formatierungen ************************/

table {
    width:              100%;
    table-layout:       auto;
    border-spacing:     8px;
    empty-cells:        show;
    border-collapse:    collapse; /* seperate unterteilt Spalte */
}

th {
    background-color:   #D0D5D9;
    font-weight:        bold;
    font-size:          10px;
    color:              #6D808F;
    padding:            3px;
    spacing:            1px;
    border:             1px solid #ffffff;
}

td {
    padding:            3px;
    font-size:          10px;
    border:             1px solid #ffffff;
    background-color:   #EDEFF0;
    vertical-align:     top;
    overflow:           hidden;
    line-height:        16px;
}

td.tdSummHighlightLow {
    text-align:         right;
}

td.tdSummHighlight {
    font-weight:        bold;
    text-align:         right;
}

td.tdSummeGesamt {
    font-weight:        bold;
    text-align:         right;
    color:              red;
    font-size:          12px;
}



/********************** Formatierung fuer Zahlungsart und Versandartauflistung ***********************/

.zahlVersandListFormat {
    display:            block;
    font-weight:        bold;
    font-size:          13px;
    padding-bottom:     10px;
}

div.zahlVersandListFormat input {
    border:             0px;    
}

.zahlVersandListBeschreibung {
    display:            block;
    padding-bottom:     35px;
}

/********************** Formatierung Warenkorbdetails ***********************/

input.kleinContent {
    width:              40px;
    height:             13px;
    font-size:          10px;
    border:             1px solid #6D808F;
}

/******************************** CMS **************************************/

div.CMSBox {
    position:           relative;
    width:              100%;
}

div.CMSUebersichtFormat {
   display:             block;
   float:               left;
   width:               100%;
   min-height:          130px;
   border:              1px solid #D0D5D9;
   text-decoration:     none;   
   margin-bottom:       20px;
   background-color:    #F2F2F2;
}

div.CMSUebersichtFormat h1 {
    text-indent:        0px;
    width:              95%;
    float:              right;
    text-align:         left;
    margin-top:         10px;
    padding-right:      10px;
    font-weight:        bold;
    color:              #000000;
    background-color:   transparent;
}

div.CMSUebersichtFormat div {
    position:           relative;
    left:               15px;
}