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

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

h1.infoHeadline {
        color: #444;
        border-bottom: 1px solid #DDD;
}

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

.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: 245px;
           margin: 0 9px 15px 9px;
           border-top: 1px dotted #209028;
           border-bottom: 1px dotted #209028;
           text-decoration: none;
           text-align: center;
}

div.startArtikelBox[class] div {
   width: 168px;
   background-color: #FFF;
}

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

div.startArtikelBox span strong {
           display: block;
           text-align: right;
           padding-right: 5px;
           padding-bottom: 5px;
           font-size: 14px;
           color: /*#D66C00*/#444;
           font-weight: bold;
}


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

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

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

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

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

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




/***************************** 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*/#DDD;
        padding-bottom: 10px;
}

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

span.au_page_active {
        padding: 3px;
        margin: 2px;
        font-size: 1em;
        color: #444;
        font-weight: bold;
}

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 dotted #209028;
        background-color: #FFF;
}

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*/#444;
        font-size: 17px;
        font-weight: bold;
}




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

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.artikelDetailBox ol {
        display: block;
        list-style-position: outside;
        padding-left: 25px;
        margin: 0;
}

div.artikelDetailBox ul {
        display: block;
        list-style-position: outside;
        list-style-type: square;
        padding-left: 15px;
        margin: 0;
}

div.artikelDetailBox object {
        margin: 30px auto;
        display: block;
}

div.artikelDetailBild {
        width: 150px;
        float: left;
        text-align: left;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 15px;
        border: 1px solid #DDD;
        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:                                402px;
        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*/#444;
        display: block;
        font-size: 17px;
        font-weight: bold;
        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-weight: normal;
        color: #99CC00;
        font-size: 11px;
}

div.ArtikelDetailCrossellingFormat {
           display: block;
           float: left;
           width: 130px;
           height: 175px;
           margin: 5px;
           border-top: 1px solid #DDD;
           border-bottom: 1px solid #DDD;
           text-decoration: none;
           padding-top: 5px;
           text-align: center;
           background-color: #FFF;
}

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

/********************************* 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(../../../../../templates/standard/design/gruen/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(../../../../../templates/standard/design/gruen/images/button_left.gif) no-repeat top left;
        text-decoration: none;
        float: left;
        color: #99CC00;
        margin: 0px;
        border: 0px;
        width: auto;
        height: 30px;
        /*font-size: 15px;*/
        font-weight: normal;
}

div.submitButton div a strong {
        color: /*#d66c00*/#777;
        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: #444;
        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;
}

/****************************** iTunes ******************************/

.itunes {
	vertical-align: -4px;
}

.iimg {
	margin: 0 0 0 5px;
}

/****************************** Produktinfo & -video ******************************/
#video {
	width: 250px;
	margin-right: 40px;
	margin-top: 40px;
	float: left;
}

#video object {
	margin-top: 0;
}

#info {
	width: 210px;
	float: left;
	margin-top: 40px;
}

#info h4 {
	margin-top: 0;
}

#facebook {
	clear: left;
}

.vorbesteller {
	background: #FFF;
	margin: 0 0 20px 0;
	padding:15px;
	margin-bottom: 2em;
	/*border-bottom: 1px solid #DDD;*/
}

.vorbesteller .introtext {
	font-size: 1.75em;
	line-height: 1.25em;
	margin-bottom: 0.75em;
}

.vorbesteller .introtext strong {
	color: #99CC00;
}

.vorbesteller p {
	margin-bottom: 1.5em;
	margin-top: 0;
}

.vorbesteller a {
	color: #99CC00;
	text-decoration: underline;
}

.bull {
	float:left; 
	font-size:1.5em; 
	height:19px; 
	line-height:15px;
	color: #99CC00;
	margin-right: 2px;
}
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}