/************************** Allgemeine Formatierungen ******************/

h1.contentHeadline {
        width:                                100%;
        background-color:        #7E03A1;
        text-align:                        left;
        font-size:                        11px;
        font-weight:                normal;
        text-indent:                5px;
        color:                                #ffffff;
        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.startseite {
margin:10px;
}



div.startseite h1{
background-color:#ffffff!important;
background-image: url(http://www.urteilchen.de/images/template/button_unsere_topprodukte.gif);
background-repeat:no-repeat;
height:29px;
z-index:10;
display:block;
margin:5px 0px 5px 10px;
border:                                0px solid #7E03A1;
}


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:                                 155px;
}

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

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

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

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

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

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

div.contentKategorieBox div a{
font-size:11px;
color:#000000;
font-weight:bold;
}


/***************************** 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;
}


.zwischenrahmen{
background-image: url(http://www.urteilchen.de/images/template/strichel_linie.gif);
background-repeat:repeat-x;
height:2px;
width:100%;
clear:both;
}

.zwischenrahmen1{
background-image: url(http://www.urteilchen.de/images/template/strichel_linie.gif);
background-repeat:repeat-x;
height:2px;
width:100%;
clear:both;
}



div.artikelBox {
   display:                         block;
   float:                                 left;
   width:                                 585px;
   min-height:                        130px;
   border:                                 0px solid #D0D5D9;
   text-decoration:         none;
margin:10px 0px 10px 0px;
}

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

div.artikelBoxMitte{
float:left;
width:270px;
text-align:left;
margin:10px 10px 10px 0px;
font-size:11px!important;
}

div.artikelBoxMitte .beschreibung{
font-size:11px!important;
color:#2D0044;
}

div.artikelBoxMitte a{
font-size:11px!important;
color:#000000;
}



div.artikelBoxRechts{
float:left;
width:105px;
margin:10px 5px 0px 0px;
}

div.artikelBoxRechts .preis{
color:#ff8000;
display:block;
font-weight:bold;
font-size:14px;
margin-bottom:10px;
}

div.artikelBoxRechts .preisinfo{
font-size:10px;
color:#2D0044;
margin-bottom:10px;
display:block;
}


div.artikelBoxRechts1{
float:left;
width:30px;
margin:10px 0px 0px 0px;
}

div.artikelBoxContent {
        width:                                420px;
        float:                                right;
text-align:left;
}

div.artikelBoxContent .beschreibung{
text-align:left;
font-size:11px;
color:#2D0044;
}



div.artikelBoxContent a{
color:#000000;
font-size:11px;
}


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 {

}

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


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


div.artikelBoxContent .content_unten{
text-align:right;
}

.content_unten .preisinfo{
display:block;
font-size:9px;
color:#2D0044;
}

.content_unten .preis{
color:#DFB96C;
font-weight:bold;
font-size:11px;
}


.content_unten .warenkorb_button{
display:inline;
}

/*************** 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%;
        text-align:                        left;
color:#2D0044;
font-family:verdana;
}

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;
color:#ff8000;
}

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 .artikelDetailInfos h4{
        background-color:        #E4D7F0;
        color:                                #000000;
border:                                1px solid #7E03A1!important;
}



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:                                283px;
        float:                                left;
        border:                                1px solid #6D808F;
        background-color:        #EDEFF0;
        height:                                140px;
        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 #7E03A1;
background-color:#F7F0F8;
        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;
        background-color:        #E4D7F0;
        color:#000000;
border:        1px solid #7E03A1;
}

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

span.weitershoppenButtonKasse {
        font-weight:                normal;
        background-color:        #E4D7F0;
        color:#000000;
border:        1px solid #7E03A1;
}

#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:        #6501a1;
        font-weight:                bold;
        font-size:                        10px;
        color:                                #ffffff;
        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:                                #ffffff;
        font-size:                        12px;
        background-color:        #6501a1;
}



/********************** 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;
}


div.gaestebuchBox{
border:                                1px solid #7E03A1;
background-color:#F7F0F8;
margin-bottom:10px;
}

div.gaestebuchBox h1{
background-color:#7E03A1;
border:0px solid #7E03A1;
color:#ffffff;
font-weight:normal;
}

div.gaestebuchBox a{
color:#ffffff;
text-decoration:underline;
}

div.gaestebuchBox span{
margin:10px;
}