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

h1.contentHeadline {
        width:                                100%;
        color:                                #8C6635;
        line-height:                18px;
        margin-top:                        10px;
        clear:                                both;
        border-bottom:                1px solid #8C6635;
}

h1.infoHeadline {
        color:                                #8C6635;
        border-bottom:                1px solid #8C6635;
        clear:				both;
}

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

span.blockausgabe {
        display:                        block;
}

.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;
}

div.paypalButton
{
	float:				right;
	padding:			4px;
	margin-right:		5px;
	margin-top:			5px;
	border: 			none;
}

.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;
}


/******* Meldungen **********/

.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;
}

div.startArtikelBox div {
           display:                         block;
           float:                                 left;
           width:                                 163px;
           height:                         195px; /*HSS*/
           margin-right:                18px;
           margin-bottom:                 15px;
           border:                         1px solid #D7DBDD;
           text-decoration:         none;
           text-align:                        center;
}
div.startArtikelBox2 div {
           display:                         block;
           float:                                 left;
           width:                                 163px;
           height:                         165px; /*HSS*/
           margin-right:                18px;
           margin-bottom:                 15px;
           border:                         1px solid #D7DBDD;
           text-decoration:         none;
           text-align:                        center;
}
div.startArtikelBox[class] div {
   width:                                 168px;
}

div.startArtikelBox p {
           display:                         block;
           padding:                        3px;
           margin:                                0;
           overflow:                        hidden;
           height:                                32px;
           text-align:                        left;
           text-align:                        center;   /*HSS*/
}

div.startArtikelBox span strong {
           display:                         block;
           text-align:                        right;
           padding-right:                5px;
           padding-bottom:                0px;
           font-size:                        17px;
           color:                                #D66C00;
           font-weight:                normal;
}


div.startArtikelBox span {
        display:                        block;
        padding-top:                3px;
        height:				126px;  /*HSS*/
}

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

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

div.contentKategorieBox div {
   display:                         block;
   float:                                 left;
   width:                                 163px;
   height:                                 163px;    /*HSS*/
   margin-right:                18px;
   margin-bottom:                10px;
   border:                                 1px solid #D7DBDD;
   text-decoration:         none;
   text-align:                        center;
}

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

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

div.contentKategorieBox p {
	display: 			block;
   	padding:			3px;
   	margin:				0;
   	overflow:			hidden;
   	height:				16px;
   	text-align:			center;
}




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

.weiterZurueckFormat {
        text-align:                        right;
        margin-bottom:                15px;
}

.weiterZurueckFormat h1 {
        width:                                400px;
        float:                                left;
        text-align:                        left;
        border:                                0;
}

.weiterZurueckFormat h1.artikelUebersichtUnten {
        position:                        relative;
        xtop:                                -12px;
}

.weiterZurueckErweitert {
        border-bottom:                1px solid #D66C00;
}

.weiterZurueckErweitert2 {
        border-top:                        1px solid #D66C00;
}

span.au_page_active {
        padding:                        3px;
        margin:                                2px;
        font-size:                        20px;
        color:                                #DC6C00;
}

a.au_page_link{
        padding:                        3px;
        font-size:                        12px;
}

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:                                 100%;
   min-height:                        130px;
   text-decoration:         none;
   margin-bottom:                30px;
}

div.artikelBox div.bildBox {
        width:                                140px;
        float:                                left;
        text-align:                        center;
        border:                                1px solid #D6DADC;
}

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

div.artikelBoxContent h2 {
        display:                        block;
        text-align:                        left;
        font-weight:                bold;
        font-size:                        14px;
        padding:                        0;
        margin:                                0;
}

div.artikelBoxContent h3 {
        display:                        block;
        text-align:                        right;
        margin-top:                        3px;
        margin-left:                20px;
        float:                                right;
        color:                                #8C6635;
        font-size:                        17px;
        font-weight:                normal;
}




div.artikelBoxContent h3 span {
        display:                        block;
        text-align:                        right;
        color:                                #D66C00;
        font-size:                        10px;
}

div.artikelBoxContent h3 small {
        display:                        block;
        text-align:                        right;
        color:                                #999999;
        font-size:                        9px;
}

div.artikelBoxContent h3 small a {
        color:                                #999999;
        text-decoration:        underline;
}

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 p a {
        display:                        block;
        text-align:                        right;
}


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


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

div.artikelDetailBox {
	width:				100%;
}

div.artikelDetailBox h1 {
	clear:				left;
}

div.artikelDetailBild {
	width:				160px;
	float:				left;
	text-align:			left;
	margin-right:		10px;
	margin-top:			5px;
	margin-bottom:		15px;
	text-align:			center;
}

div.artikelDetailBild span {
	border:				1px solid #6D808F;
	display:			block;
	height:				160px;
	font-weight:		bold;
	padding-top:		10px;
	width:				157px;
}

div.artikelDetailBild span.bewertungSterne {
    height:             30px;
    border: 0;
}

div.artikelDetailBild a.artikelDetailBilder, div.artikelDetailBild .artikelDetailBilder {
	float:				left;
	width:				50px;
	height:				53px;
	margin-left:		0px;
	margin-right:		3px;
	margin-bottom:		3px;
	margin-top:			1px;
	padding-top:		3px;
}

div.artikelDetailInfos {
	display:			block;
	float:				left;
	width:				390px;
	text-align:			left;
	margin-top:			3px;
	padding:			0;
	margin-bottom:		15px;
	line-height:		17px;
}

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

div.artikelDetailInfos h3 {
        color:                                #8C6635;
        display:                        block;
        font-size:                        17px;
        font-weight:                normal;
        text-align:                        right;
        float:                                right;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
        margin-top:                        2px;
        width:                                160px;
}

div.artikelDetailInfos h3 small {
        color:                                #999999;
        display:                        block;
        font-size:                        9px;
        text-align:                        right;
        float:                                right;
}

div.artikelDetailInfos h3 small a {
        color:                                #999999;
        text-decoration:        underline;
}

div.artikelDetailInfos p {
        padding:                        0;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        11px;
}

div.artikelDetailInfos p a, div.artikelDetailInfos span {
        display:                        block;
        text-align:                        right;
}


div.artikelDetailInfos select {
        width:                                150px;
        height:                                20px;
        margin-bottom:                5px;
        border:                                1px solid #D7DBDD;
}

div.artikelDetailInfos p input {
        width:                                40px;
        height:                                15px;
        margin-bottom:                10px;
        margin-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:                10px;
}

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


div.artikelDetailTabBox {
    width:				560px;
    overflow:			hidden;
    margin-bottom:		30px;
}

ul.artikelDetailTabNavi {
    margin:				0;
    padding:			0;
    list-style:			none;
    clear:				both;
    height:				23px;
    border-bottom:		1px solid #D66C00;
    margin-bottom:		15px;
}

ul.artikelDetailTabNavi a {
    display:			block;
    padding-bottom:		1px;
    margin-left:		10px;
    margin-right:		10px;
    color:				#ffffff;
    font-size:			13px;
}

ul.artikelDetailTabNavi li {
    float:				left;
    background-color:	#D66C00;
    border-right:		1px solid #ffffff;
    height:				23px;
    line-height:		21px;
}

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

div.contentLoginBox, div.contentRegisterBox {
        width:                                263px;
        float:                                left;
        border:                                1px solid #D6DADC;
        height:                                160px;
        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:                                45px;
}

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

fieldset.content {
        border:                                0px solid #D7DBDD;
        xpadding:                        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 #D7DBDD;
        margin:                                3px;
}

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

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

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

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


/******************* Submit Button ***************/

div.submitButton {
        float:                                right;
        margin-left:                10px;
        margin-top:                        10px;
        margin-bottom:                10px;
}

div.submitButton div {
        float:                                left;
        background:                        url(../images/button_right.gif) no-repeat top right;
        padding:                        0;
        margin:                                0;
}

div.submitButton div input, div.submitButton div button, div.submitButton div a, div.submitButton div span {
        display:                        block;
        padding:                        5px;
        background:                        url(../images/button_left.gif) no-repeat top left;
        text-decoration:        none;
        float:                                left;
        color:                                #518412;
        margin:                                0px;
        border:                                0px;
        width:                                auto;
        height:                                30px;
        font-size:                        15px;
        font-weight:                normal;
}

div.submitButton div a strong {
        color:                                #d66c00;
        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.standard {
        width:                                100%;
        table-layout:                auto;
        border-spacing:                8px;
        empty-cells:                show;
        border-collapse:        collapse;
}

th {
        font-weight:                bold;
        font-size:                        12px;
        color:                                #3d3d3d;
        padding:                        3px;
        spacing:                        1px;
        border-bottom:                1px solid #D6DADC;
}

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

table.standard tr td input {
        border:                                1px solid #D7DBDD;
}

td.streifenmuster {
        background-color:        #F0F0F0;
}



td.tdSummHighlightLow {
        text-align:                        right;
}

td.tdSummHighlight {
        font-size:                        12px;
        text-align:                        right;
}

td.tdSummeGesamt {
        text-align:                        right;
        color:                                #D66C00;
        font-size:                        16px;
}



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

.zahlVersandListBeschreibung img {
        float:                                left;
        margin-right:                5px;
        margin-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;
   text-decoration:         none;
   margin-bottom:                20px;
}

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

div.CMSUebersichtFormat div {
        position:                        relative;
}


/******************************* News Box **********************************/

div.newsBox img {
        float:                                left;
        margin-right:                10px;
        margin-bottom:                10px;
}


/******************************* Kundenseite ******************************/

div.kundenseite h3 {
        font-size:                        13px;
        padding:                        0;
        margin:                                0;
}

div.kundenseite p {
        font-size:                        11px;
        padding-top:                3px;
        padding-bottom:                25px;
        margin:                                0;
}


/****************************** Widerruf ******************************/

div.widerrufBox {
        width:                                auto;
        height:                                80px;
        overflow:                        auto;
        clear:                                both;
        border:                                1px solid #666666;
        padding:                        2px;
        margin-bottom:                15px;
        font-size:                        11px;
        padding-top:                0;
        margin-top:                        0;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-extra-drop-area { position: relative; margin-top: 50px; font-size: 16px; padding-top: 30px; height: 20px; min-height: 40px; }
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../images/fileupload_loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


/* ************************************* Bewertungen ********************************* */

div.bewertungContent {
    clear:				both;
    width:				98%;
}

div.bewertungContent span {
    display:			block;
    width:				200px;
    height:				29px;
    line-height:		29px;
    text-align:			center;
    float:				left;
    background-color:	#d66c00;
    border-radius:		5px;
    margin-bottom:		15px;
}

div.bewertungContent span a {
    color:				#ffffff;
    font-weight:		bold;
    font-size:			12px;
}

div.bewertungContent div {
    float:				left;
    margin-right:		10px;
}

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

div.bewertungContent dl dd {
    background-color:	#F2F2F2;
    padding:			5px;
}

div.bewertungContent dl dd p {
    margin-top:			5px;
}

div.bewertungContent dl dd p.kommentar {
    padding:			5px;
    border:				1px solid red;
}


div.bewertungsForm h2 {
    font-size:			14px;
    margin-bottom:		20px;
}

div.bewertungsForm fieldset {
    width:				470px;
}


/* Mobily Slider Control */

.slider {
    width:565px;
    height: 250px;
    position:relative;
    margin-bottom: 45px;
    z-index: 0;
}

.sliderContent {
    clear:both;
    position:relative;
    height: 250px;
    overflow:hidden;
}

.sliderArrows a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(../../../../../images/prev_next.png);
    width:42px;
    height:42px;
    position:absolute;
    top:50%;
    margin-top:-34px;
}

.prev {
    background-position:0 0;
    left:15px;
}

.prev:hover {
    background-position:0 -44px;
}

.next {
    right:15px;
    background-position:-44px 0;
}

.next:hover {
    background-position:-44px -44px;
}



.sliderBullets {
    position:absolute;
    bottom:9px;
    left:95%;
    z-index:50;
    margin-left:-45px;
}

.sliderBullets a {
    display:block;
    float:left;
    text-indent:-9999px;
    outline:none;
    margin-left:5px;
    width:10px;
    height:11px;
    background:url(../../../../../images/bullets.png) no-repeat;
}

.sliderBullets .active {
    background-position:0 -11px;
}

.sliderContent a {
    outline:none;
}