@CHARSET "UTF-8";

div.merkzettel_mit_topnavi {
    width: 940px;
    margin-left: 9px;
}

div.wobinich {
    width: 385px;
    padding: 4px 0px 4px 0px;
    min-height: 28px;
}

div.wobinich * {
    color: #374b80;
    font-size: 13px;
}

div.wobinich > div {
    margin: 0px 0px;
}

div.wobinich > div * {
}

div.wobinich > div.hier1 {
    color: #6a6b6f;
    width: 80px;
}

div.wobinich > div.hier2 {
    width: 305px;
}

div.wobinich > div.hier2 > a.hierbinichlast * {
    color: #818286;
}

div.sortiment > div.header {
    color: #6e6e76;
    width: 687px;
    border: 0px solid #ccc;
    padding: 1px 0px 5px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

div.aktion > div.header {
    color: #6e6e76;
    width: 921px;
    border: 0px solid #ccc;
    padding: 1px 0px 5px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}


div.sort_ueber {
    font-size: 24px;
}

div.sort_ueber > a {
    color: #65696c;
}

div.sort_cont1,
div.sort_cont2 {
    float: left;
    width: 220px;
}

div.sort_cont1 {
    width: 200px;
    margin-left: 20px;
    margin-right: 40px;
}

div.sort_cont1 > p, div.sort_cont2 > p {
    padding: 4px 0px 4px 0px;
}

div.sort_cont1 > p > a, div.sort_cont2 > p > a {
    color: #293d82;
}

div.sort_cont1 > p > a:hover, div.sort_cont2 > p > a:hover {
    color: #e2010a;
}

div.sort_abstand {
    width: 682px;
    margin-bottom: 35px;
}

div.seitenkontrolle {
    position: absolute;
    top: 210px;
    right: 19px;
    float: left;
    width: 300px;
    height: 58px;
    padding: 15px 10px 4px 9px;
    background-image: url(../images/sortiment/sortbg.gif);
}

div.sortiment div.seitenkontrolle2 {
    width: 682px;
    padding: 20px 0px 20px 0px;
    display: table;
}

div.sortiment div.seitenkontrolle2 > p {
    display: table-cell;
}

div.sortiment div.seitenkontrolle2 > p.col1 {
    float: left;
    width: 200px;
}

div.sortiment div.seitenkontrolle2 > p.col1 > a > img {
    border: 0px solid red;
    margin-right: 5px;
}

div.sortiment div.seitenkontrolle2 > p.col2 {
    float: left;
    width: 280px;
    color: #727377;
    text-align: center;
}

div.sortiment div.seitenkontrolle2 > p.col3 {
    float: left;
    width: 200px;
    text-align: right;
}

div.aktion div.seitenkontrolle2 {
    width: 921px;
    padding: 20px 0px 20px 0px;
    display: table;
}

div.aktion div.seitenkontrolle2 > p {
    display: table-cell;
}

div.aktion div.seitenkontrolle2 > p.col1 {
    float: left;
    width: 280px;
}

div.aktion div.seitenkontrolle2 > p.col1 > a > img {
    border: 0px solid red;
    margin-right: 5px;
}

div.aktion div.seitenkontrolle2 > p.col2 {
    float: left;
    width: 360px;
    color: #727377;
    text-align: center;
}

div.aktion div.seitenkontrolle2 > p.col3 {
    float: left;
    width: 279px;
    text-align: right;
}

div.seitenkontrolle > p {
    float: left;
    width: 140px;
    color: #727377;
    padding: 3px 0px 3px 0px;
    font-size: 12px;
}

div.seitenkontrolle > p.col1 {
    text-align: left;
}

div.seitenkontrolle > p.col2 {
    width: 160px;
    text-align: right;
}

div.seitenkontrolle > p > select {
    color: #727377;
    border: 1px solid #ccc;
    margin: -7px 0px 0px -2px;
    font-size: 14px;
    background-color: white;
}

div.seitenkontrolle > p > a,
div.seitenkontrolle2 > p > a {
    color: #3d5fa9;
}

div.seitenkontrolle > p > a:hover,
div.seitenkontrolle2 > p > a:hover {
    color: #949599;
}

div.seitenkontrolle > p > a.pfeil,
div.seitenkontrolle2 > p > a.pfeil {
    font-weight: bold;
}

div.seitenkontrolle > p > a.normal,
div.seitenkontrolle2 > p > a.normal {
    font-weight: bold;
    text-decoration: underline;
}

div.seitenkontrolle > p > a.selected,
div.seitenkontrolle2 > p > a.selected {
    color: #949599;
    font-weight: bold;
    text-decoration: none;
}


/*************************/
/*** Sortiment - Boxen ***/
/*************************/

/********************************\
|* Anfang: zweispaltiges Layout *|
\********************************/
table.sortMode2 {
    width: 687px;
    min-width: 167px;
    min-height: 190px;
    /*border-collapse:	collapse;*/
    /*background-color:	white;*/
}

table.sortMode2_mtop {
    margin-top: 20px;
}

/* Spalte 1&4 von 5 */
td.artikelbild {
    width: 166px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-y: hidden;
    vertical-align: top;
    position: relative;
}


/*div.artikel_left {
}
div.artikel_bild {
    position: relative;
    width: 100%;
    vertical-align:		bottom;
}
div.artikel_bild > div.angebot {
    position: absolute;
    top: 0px;
    left: 0px;

}



div.artikel_kaufen {
    height:				20px;
    vertical-align:		bottom;
    background-color:	#f8b000;
}
div.artikel_kaufen > img {float:left;}
span.jetzt_kaufen {
    float:			left;
    color:			white;
    height:			20px;
    font-size:		14px;
    line-height:	20px;
    font-weight:	bold;
    padding-left:	5px;
}
*/


div.artikel_kaufen {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 20px;
    vertical-align: bottom;
    background-color: #f8b000;
}

div.artikel_kaufen > img {
    float: left;
}

span.jetzt_kaufen {
    float: left;
    color: white;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding-left: 5px;
}


img.sortMode2 > angebot {
    position: absolute;
}

td.artikelbild td.artbild {
    height: 100%;
    max-width: 166px;
    width: 166px;
}

table.bildtable {
    max-width: 166px;
    width: 166px;
}

table.artikelbild {
    height: 100%;
}

td.artikelbild > td.artbild > table.bildtable > img.artbild {
    max-width: 147px;
}

td.dyn_bild_spacer {

}

td.dyn_bild_spacer > div {
    height: 20px;
}

div.merk_delete {
    float: left;
    max-width: 40px;
    margin-top: 10px;
    margin-left: -26px;
}

div.merk_delete > a.merk_delete img {
    display: none;
}

td.artikelbild:hover div.merk_delete > a.merk_delete img {
    display: block;
}

td.inner_artikelbild {
    position: relative;
    min-height: 138px;
    height: 138px;
}

div.icons_mode2 {
    float: left;
    bottom: -100%;
    position: relative;
    max-width: 40px;
    margin-left: -50px;
}

div.oekotipp > img {
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    right: 2px;
    bottom: 2px;
}

div.angebot > img {
    position: absolute;
    left: 0px;
    top: 0px;
}

td.artikelbild > td.farbvarianten {
    height: 27px;
}

div.dropdownDiv {
    padding: 3px;
}

label.varLabelClass {
    word-wrap: break-word;

}

select.varianteSelect {
    width: 100%;
}

table.farbbox {
    height: 12px;
    padding: 8px 0px 7px 0px;
    line-height: 12px;
}

table.farbbox td.farbwahl > a > div {
    color: white;
    border: 1px solid #ccc;
    min-width: 11px;
    min-height: 12px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
}

td.jetzt_kaufen {
    height: 20px;
    vertical-align: bottom;
    background-color: #f8b000;
}

td.jetzt_kaufen img {
    float: left;
}

td.jetzt_kaufen span.jetzt_kaufen {
    float: left;
    color: white;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding-left: 5px;
}

/* Spalte 2&5 von 5 */
/*td.artikeltext {*/
/*width:				166px;*/
/*max-width:			166px;*/
/*border-top:			1px solid #ccc;*/
/*border-right:		1px solid #ccc;*/
/*border-bottom:		1px solid #ccc;*/
/*background-color:	#f8f8f8;*/
/*}*/
td.artikeltextv2 {
    width: 147px;
    max-width: 147px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f8f8f8;
    vertical-align: top;
    padding: 12px 7px 12px 12px;
    position: relative;
    overflow: hidden;
}

.halb_txt {
    padding-bottom: 12px;

}

div.box_preis {
    position: absolute;
    bottom: 0px;
    right: 3px;
    font-weight: bold;
    font-size: 18px;
}


td.box_ueber {
    padding: 12px 7px 0px 12px;
    vertical-align: top;
}

td.box_artnr {
    padding: 10px 7px 0px 12px;
    vertical-align: top;
}

div.box_artnr {
    font-size: 11px;
}

table.sortMode2 > td.artikeltext > td.box_cont {
    height: 100%;
    padding: 16px 7px 12px 12px;
    vertical-align: top;
    max-width: 145px;
    overflow: hidden;
}

table.sortMode2 > td.artikeltext > td.box_preis {
    height: 20px;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
    padding-right: 3px;
    vertical-align: top;
}

/* Spalte 3 von 5 */
table.sortMode2 > td.leerraum {
    width: 18px;
    max-width: 18px;
    overflow: hidden;
}

/******************************\
|* Ende: zweispaltiges Layout *|
\******************************/

/** sortbox:[Startseite] sortbox_breit:[Sortiment] **/
.sortbox, .sortbox_breit {
    float: left;
    border: 1px solid #ccc;
    font-size: 12px;
    max-height: 205px;
    background-color: #f8f8f8;
}

.sortbox {
    width: 140px;
}

.sortbox_breit {
    width: 155px;
}

div.sortbox_MaxColDim {
    max-height: 108px;
}

.box_zeile1 {
    margin-right: 15px;
}

.box_zeile1_breit {
    margin-right: 18px;
}

.box_zeile1_last {
    margin-right: -2px;
}

.box_zeileX {
    margin-right: 15px;
    margin-top: 20px;
}

.box_zeileX_breit {
    margin-right: 18px;
    margin-top: 20px;
}

.box_zeileX_last {
    margin-top: 20px;
    margin-right: -2px;
}

.sortbox a, .sortbox_breit a {
    cursor: pointer;
    z-index: 100;
}

.box_zeileX_last_breit {
    margin-top: 20px;
}

.sortbox td.artbilder,
.sortbox_breit td.artbilder {
    display: inline-block;
    max-height: 108px;
}

.sortbox table.artbild,
.sortbox_breit table.artbild {
    float: left;
    height: 108px;
    min-height: 108px;
    max-height: 108px;
}

.sortbox table.artbild {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.sortbox_breit table.artbild {
    width: 155px;
    min-width: 155px;
    max-width: 155px;
}

.sortbox div.icons,
.sortbox_breit div.icons {
    position: relative;
    float: left;
    top: 9px;
    right: 9px;
    overflow: hidden;
    max-width: 40px;
    max-height: 99px;
    margin-left: -40px;
}

.sortbox div.icons > a.merk_delete img,
.sortbox_breit div.icons > a.merk_delete img {
    display: none;
    margin-left: 24px;
    margin-bottom: 4px;
}

.sortbox:hover div.icons > a.merk_delete img,
.sortbox_breit:hover div.icons > a.merk_delete img {
    display: block;
}

.sortbox div.icons > img,
.sortbox_breit div.icons > img {
    max-width: 40px;
    max-height: 40px;
    margin-bottom: 2px;
}

.sortbox table.artbild img {
    max-width: 128px;
    max-height: 96px;
}

.sortbox_breit table.artbild img {
    max-width: 143px;
    max-height: 96px;
}

.sortbox td.artbez {
    max-width: 140px;
}

.sortbox h2.artbez,
.sortbox_breit h2.artbez {
    height: 42px;
    line-height: 14px;
    max-width: 152px;
    overflow: hidden;
    /*
    -moz-hyphens:		auto;
    -o-hyphens:			auto;
    -webkit-hyphens:	auto;
    -ms-hyphens:		auto;
    -hyphens:			auto;
    */
}

.sortbox p, .sortbox_breit p,
.sortbox h2, .sortbox_breit h2 {
    margin-left: 9px;
    margin-right: 9px;
}

p.preis {
    text-align: right;
    padding: 5px 0px 5px 0px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}

.sortbox p.hinzu, .sortbox_breit p.hinzu {
    margin: 0px;
    background-color: #f7b000;
    height: 20px;
}

.sortbox p.hinzu img {
    border: 0px solid #ccc;
}

h2.artbez {
    margin-top: 5px;
    font-weight: bold;
}

/*** Ist die Box ein Angebot ? dann kann .sortbox über .angebot übersteuert bzw. angepasst werden ***/
/*.angebot {border:1px solid #009900;background-color:#ccffcc;}*/
.sortbox img.sortbox_angebot {
    position: relative;
    top: -108px;
}