body, html {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#noscript {
	margin-bottom:10px;
}

#noscript h2 {
	margin: 0 0 10px 0px; padding: 0; color: #045932; font-weight: bold; font-size: 13px;
}

.clearer {clear: both;}
a img {border: 0;}
.willkommen {width: 500px; min-height: 165px; float: left; margin: 0 12px 0 0;}
.willkommen * {padding: 0; margin: 0;}
.willkommen h1 {margin: 0 0 10px 5px; padding: 0; color: #045932; font-weight: bold; font-size: 13px;}
.willkommen p {margin: 0 0 10px 5px; padding: 0;font-size: 12px!important;}
.willkommen a {color: #045932; text-decoration: none!important;}
.willkommen a:hover {color: #045932; text-decoration: none;}

.tagesangebot {width: 270px; height: 165px; float: left; background-image: url(/ieos/images/c_rot_schmal.gif); background-repeat: no-repeat; background-position: bottom;}
.tagesangebot * {padding: 0; margin: 0;}
.tagesangebot h2 {margin: 0; padding: 7px 3px 2px 10px; color: #fff; font-weight: bold; font-size: 12px!important; background-image: url(/ieos/images/h_rot_schmal.gif); background-repeat: no-repeat;}
/*.tagesangebot a img {border: 1px solid #bd0926;}*/
.tagesangebot .bild {display: block; width: 80px; height: 80px; border: 1px solid #bd0926; background-color: #fff;}
.tagesangebot a {color: #bd0926; text-decoration: none; font-weight: bold;}
.tagesangebot a:hover {color: #bd0926; text-decoration: none!important; font-weight: bold;}
.tagesangebot dl {margin: 4px 0 20px 10px; width: 250px; height: 80px;}
.tagesangebot dl dt, .tagesangebot dl dt {float: left;}
.tagesangebot dt {margin: 0 10px 0 0;}
.tagesangebot dd {margin: 0 10px 0 0; padding: 5px 0 0 0;}
.tagesangebot em { font-style: normal; color: #bd0926; font-weight: bold; font-size: 13px; margin: 0 8px 0 10px;}
.tagesangebot h4 {margin: 0 0 5px 0; padding: 0 0 0 0; font-size: 12px!important; font-weight: bold;}
.tagesangebot p {font-size: 12px!important;}
.tagesangebot .schwarz {color: #000; font-weight: normal;}
.angebote {width: 500px; height: 300px; float: left; margin: 20px 12px 0 0; background-image: url(/ieos/images/c_gruen_breit_h.gif); background-repeat: no-repeat; background-position: bottom;}
.angebote * {padding: 0; margin: 0;}
.angebote h2 {margin: 0; padding: 7px 3px 2px 10px; color: #fff; font-weight: bold; font-size: 12px!important; background-image: url(/ieos/images/h_gruen_breit.gif); background-repeat: no-repeat;}
.angebote h4 {margin: 0 0 5px 0; padding: 5px 0 0 0; font-size: 12px!important; font-weight: bold;}
.angebote p {font-size: 12px!important;}
.angebote .bild {display: block; width: 80px; height: 80px; border: 1px solid #045932; background-color: #fff;}
/*.angebote a img {border: 1px solid #045932;}*/
.angebote a {color: #045932; text-decoration: none; font-weight: bold;}
.angebote a:hover {color: #045932; text-decoration: none!important; font-weight: bold;}
.angebote dl {margin: 4px 0 0 10px; height: 86px; width: 480px;}
.angebote dl dt, .angebote dl dt {float: left; height: 86px;}
.angebote dl dt {margin: 0 10px 0 0; height: 86px;}
.angebote ul {padding: 0; margin: 0; list-style: none;}
.angebote li {clear: both; height: 86px; list-style: none; margin: 0; padding: 0;}
/*.angebote li a, .angebote li img, .angebote li dl, .angebote li dt, .angebote li dd {margin: 0; padding: 0;}*/
.angebote .trenner {border-bottom: 1px dotted #bfbfbf; height: 1px; width: 492px; margin: -1px 0 0 4px;}
/*IE6&7-Fix: Star-Hack*/
*html .angebote .trenner {margin: -17px 0 0px 4px;}
*+html .angebote .trenner {margin: -10px 0 -1px 4px;}
/*Ende IE-Fix*/
.news {width: 270px; height: 300px; float: left; margin: 20px 0 0 0;background-image: url(/ieos/images/c_gruen_schmal.gif); background-repeat: no-repeat; background-position: bottom;}
.news * {padding: 0; margin: 0;}
.news a {color: #045932!important; text-decoration: none!important; font-weight: bold!important;}
.news a:hover {color: #045932; text-decoration: none!important; font-weight: bold;}
.news h2 {margin: 0; padding: 7px 3px 2px 10px; color: #fff; font-weight: bold; font-size: 12px!important; background-image: url(/ieos/images/h_gruen_schmal.gif); background-repeat: no-repeat;}
.news h4 {margin: 0; padding: 0 0 8px 0; font-size: 12px!important; font-weight: bold;}
.news ul {padding: 0; margin: 0; list-style: none;}
.news li {height: 86px; width: 250px; margin: 4px 0 0 10px;}
.news p {font-size: 12px!important;}
.news .datum {color: #045932; margin: 0; padding: 3px 0 0 0;}
.news .trenner {border-bottom: 1px dotted #bfbfbf; height: 1px; width: 262px; margin: 0px 0 0 4px;}
/*IE6&7-Fix: Star-Hack*/
*html .news li {height: 86px; margin: 0 0 0 10px;}
*html .news .trenner {margin: -13px 0 0px 4px;}
*+html .news li {height: 86px; margin: 0 0 0 10px;}
*+html .news .trenner {margin: -10px 0 -1px 4px;}
/*Ende IE-Fix*/

.interessart {width: 500px; height: 125px; float: left; margin: 15px 12px 0 0; background-image: url(/ieos/images/c_gruen_breit.gif); background-repeat: no-repeat; background-position: bottom;}
.interessart * {padding: 0; margin: 0;}
.interessart h2 {margin: 0; padding: 7px 3px 2px 10px; color: #fff; font-weight: bold; font-size: 12px; background-image: url(/ieos/images/h_gruen_breit.gif); background-repeat: no-repeat;}
.interessart h4 {margin: 0 0 5px 0; padding: 5px 0 0 0; font-size: 12px; font-weight: bold;}
.interessart a {color: #045932; text-decoration: none; font-weight: bold;}
.interessart a:hover {color: #045932; text-decoration: none!important; font-weight: bold;}
.interessart a img {border: 0;}
.interessart ul {padding: 0; margin: 0; list-style: none;}
/*.interessart li {clear: both; height: 86px; list-style: none; margin: 0; padding: 0;}*/
.interessart .bild {display: block; width: 80px; height: 80px; background-color: #fff; overflow: hidden;}

.interessart .bildLaufLeiste {width: 482px!important; overflow: hidden; height: 88px; margin-left: 10px; margin-top: 1px;} 
.interessart .bildkasten ul li a, .interessart .bildkasten ul li {width: 80px!important; height: 80px!important; padding: 0px!important;}
.interessart .bildkasten ul li a img {margin-left:-4px !important;}

.bildkasten { height: 86px; } 
.bildkasten ul li, .bildkasten div { width: 80px; height: 80px; margin-right: 12px; margin-top: 4px; text-align:center; } 
.bildkasten ul li { margin-left: 4px; list-style:none; border: 1px solid #045932;} 

/* IE-Fix */ 
*+html .bildkasten ul li { margin-right: 17px; margin-left: 0 !important; } 
*html .bildkasten ul li { margin-right: 17px; margin-left: 0 !important; } 
*html .starthalberkasten ul li { height: 105px; } 
/* Ende IE-Fix */

.hersteller {width: 270px; height: 125px; float: left; background-image: url(/ieos/images/c_gruen_schmal.gif); background-repeat: no-repeat; background-position: bottom; margin: 15px 0 0 0;}
.hersteller * {padding: 0; margin: 0;}
.hersteller h2 {margin: 0; padding: 7px 3px 2px 10px; color: #fff; font-weight: bold; font-size: 12px; background-image: url(/ieos/images/h_gruen_schmal.gif); background-repeat: no-repeat;}

.hersteller .bild {display: block; width: 80px; height: 80px; border: 1px solid #045932; background-color: #fff;}
.hersteller a {color: #045932; text-decoration: none; font-weight: bold;}
.hersteller a:hover {color: #045932; text-decoration: none!important; font-weight: bold;}
.hersteller dl {margin: 4px 0 4px 10px; width: 250px; height: 80px;}
.hersteller dl dt, .hersteller dl dt {float: left;}
.hersteller dt {margin: 0 10px 0 0;}
.hersteller dd {margin: 0 10px 0 0; padding: 5px 0 0 0;}
.hersteller em { font-style: normal; color: #bd0926; font-weight: bold; font-size: 13px; margin: 0 8px 0 10px;}
.hersteller p {font-size: 12px!important;}
.hersteller h4 {margin: 0 0 5px 0; padding: 0 0 0 0; font-size: 12px!important; font-weight: bold;}
.hersteller h3 {color: #045932; margin: 0; padding: 3px 0 0 0; font-size: 13px; font-weight: bold;}

.hersteller .schwarz {color: #000; font-weight: normal;}


/*  IE-FIX */
*html .header_address {padding-right: 15px!important;}
/* Ende IE-Fix */


/* Banner */

#inhaltszelle {vertical-align: top;}
#bannerzelle {padding:0; margin:0; padding-left: 20px; vertical-align: top;}
#bannerzelle ul, #bannerzelle ul li {list-style: none; margin: 0; padding: 0;}
#bannerzelle ul .last {margin: 20px 0 0 0; }



.autowarenkorb {margin: 0 12px 0 0; margin-bottom:12px;}
.autowarenkorb * {padding: 0; margin: 0;}
.autowarenkorb h1 {margin: 0 0 10px 5px; padding: 0; color: #f00; font-weight: bold; font-size: 13px;}
.autowarenkorb p {margin: 0 0 10px 5px; padding: 0;font-size: 12px!important;}


.menu_table #navigation2 {
	margin-left:20px;
	padding-left:0px;
	text-transform:uppdercase;
}

.menu_table #navigation2 li ul {
	margin:0;
	padding: 0;
	margin-left:15px;
	text-transform:uppdercase;
}

.menu_table #navigation {
	margin-left:20px;
	padding-left:0px;
	text-transform:uppdercase;
}


.menu_table #navigation li ul {
	margin:0;
	padding: 0;
	margin-left:15px;
	text-transform:uppdercase;
}

#navigation a, #navigation2 a {
                font-size: 11px;
                text-transform: uppercase;
}

#navigation a:hover, #navigation2 a:hover {
                text-decoration: underline;
}


#navigation, #navigation2 {
	font-size:14px;
}

ul#navigation, ul#navigation2 {
	line-height:17px;
}



.header_logo {
	padding-top:0px;
	background-image:url(/ieos/images/logo_address.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
}

#rowLoginHeader td {
	height:16px;
}

div.halb {
	width:320px;
}

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

div.clear {
	clear:both;
}


table.settings tr th {
	color:#0A5335;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	padding:2px 2px 2px 5px;
	background-color:#DFF4EB;
	border:1px solid #38825F;
	border-collapse:collapse;
	vertical-align:middle;
}

table.settings tr td {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	background-color:#F7F7F7;
}


#ftp_i_usrname {
	background-color:#d7d7d7;
}

#dhlretoure div.willkommen ul {
	margin:0 0 0 20px;
}


#dhlretoure div.willkommen h2 {margin: 0 0 10px 5px; padding: 0; color: #000; font-weight: bold; font-size: 12px;}

a#dhlretoureform,
#dhlretoure div.willkommen ul li a
{
	margin:0 0 0 5px;
	font-weight:bold;
}


#paymentRequestForm {
	background-color:#fff;
	padding:15px;
	border:1px solid #005A33;
	width:500px;
	max-width:780px;
}


#paymentRequestForm fieldset {
	border:1px solid #099B5C;
	margin:0 0 15px 0;
}


#paymentRequestForm fieldset legend {
	font-weight:bold;
}


/**
Listenansicht
*/

h1.neueliste {color: #37815e; font-size: 18px; margin: 0 0 10px 0; padding: 0;}

#filter {width: 778px;}

h2.neueliste {color: #005f1d; font-size: 14px; margin: 0; padding: 0; float: left;}
#einklapp {padding: 0 0 0 16px; float: right; color: #38825d; background-image: url(/ieos/images/ainklapp.gif); background-repeat: no-repeat;}
#filter .plus { background-position: top left;}
#filter .minus { background-position: -37px left;}
#filterliste {margin: 10px 0; border-collapse:collapse;}
#filterliste td {height: 19px;}
.filteritem {width: 238px;}
.abstand {width: 32px;}
#filterliste a { width: 213px; height: 20px; line-height: 20px; display: inline-block; background-image: url(/ieos/images/filterlink.gif); background-repeat: no-repeat; background-position: right bottom; text-align: right; padding-right: 24px; color: #38825d; text-decoration: none; overflow: hidden; float: left; margin-top: -20px;}
#filterliste a.inaktiv {color: #86b39c;}
#filterliste a.aktiv {color: #38825d;}
div.checker {z-index: 3; top: 2px;height: 20px;}
.anzeigeschaltung {width: 778px;}

.anzeigeschaltung p {width: 450px; float: left;}
.seitenschaltung {width: auto; float: right; list-style: none; padding: 0;}
.seitenschaltung li {display: inline; padding: 0; margin: 0;}
.seitenschaltung li a {position: relative; z-index: 1; padding: 3px 4px 2px 3px; color: #38825d; text-decoration: none; background-image: url(/ieos/images/lissbg.gif); background-repeat: no-repeat; background-position: bottom right;}
.seitenschaltung li a:hover, .seitenschaltung li a.aktiv {background-image: url(/ieos/images/lissbga.gif);}
.seitenschaltung li img {position: relative; z-index: 2; top: -11px; left: 1px; }

.anzeigeschaltung p {margin: 5px 0; padding: 0;}
.anzeigeschaltung ul {margin: 10px 0; padding: 0;}
.anzeigeschaltung p strong {color: #38825d; font-weight: normal;}
div.anzeigeschaltung div.selector {
	width:45px\9;
}

#artikellistentabelle {width: 778px; padding: 10px 0 0 0; border-top: 1px solid #78c7c1; border-bottom: 1px solid #78c7c1;font-size:11px;}

#artikellistentabelle tr th {font-size:11px;}



#artikellistentabelle a {color: #000; text-decoration: none;}
#artikellistentabelle a:hover {text-decoration: underline;}

#artikellistentabelle a.bilderrahmen {display: block; width: 20px; height: 20px; padding: 1px; background-image: url(/ieos/images/bilderrahmen.gif); background-repeat: no-repeat; margin-left: 2px;}
#artikellistentabelle a.bilderrahmen img {max-width: 20px; max-height: 20px;}

#artikellistentabelle td {padding: 3px 2px; vertical-align: top; line-height: 20px;}
#artikellistentabelle .artnr {font-weight: bold; padding: 4px 2px;}
#artikellistentabelle .artnr a {font-weight: bold; }
#artikellistentabelle .artnr img {position: relative; top: 4px;}
#artikellistentabelle .beschr {padding: 4px 2px; line-height:20px;font-size:11px;}
#artikellistentabelle td, #artikellistentabelle .letztes_gruppenbild, .letzter_gruppenartikel  {border-top: 1px solid #fff; background-image: url(/ieos/images/td_no_bg.gif); background-repeat: repeat-x; background-position: bottom;}

#artikellistentabelle td.gruppenartikel {background-image: url(/ieos/images/td_grp_bg.gif); background-position: bottom;}

#artikellistentabelle .preisspalte, #artikellistentabelle .letzte_preisspalte_gruppe {background-image: url(/ieos/images/tdbg.gif); background-repeat: repeat-x; background-position: bottom; padding: 5px 4px 3px 1px; font-size:12px;}
#artikellistentabelle th {padding: 1px 2px; vertical-align: top; line-height: 20px; background-color: #dff4eb; color: #39835e;}
#artikellistentabelle th.beginn {background-image: url(/ieos/images/bgl.gif); background-repeat: no-repeat;}
#artikellistentabelle th.ende {background-image: url(/ieos/images/bgr.gif); background-repeat: no-repeat; background-position: right;}

#artikellistentabelle tr:hover td, #artikellistentabelle tr:hover td a {color: #262626;}

#artikellistentabelle td.gruppenartikel, #artikellistentabelle td.gruppenbestand {background-image: url(/ieos/images/td_grp_bg.gif); background-position: bottom;font-size:11px;}
#artikellistentabelle .gruppenbild {background-image: none!important;}
#artikellistentabelle td.gruppenbestand, #artikellistentabelle td.bestand, #artikellistentabelle td.letzter_gruppenbestand {padding-top: 5px;font-size:11px;}
#artikellistentabelle td.preisspalte_gruppe {background-image: url(/ieos/images/td_grp_preis_bg.gif); background-repeat: repeat-x; background-position: bottom; padding: 5px 4px 3px 1px;font-size:11px;}
.spinfield {font-size: 11px; width: 20px; height: 18px; padding:0; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; background-color:#f9f9f9; border-bottom: none; border-right: none; width: 36px; text-align: right; }
.spinbtn {font-size: 11px; cursor:pointer; margin:-3px 0 0; padding:0; vertical-align:middle; margin-top: -1px\9; height: 22px\9; }
.spinsubmit {cursor:pointer; border: 0; margin: 2px 0 0 5px; height: 21px; background: transparent url(/ieos/images/kaufen.gif) no-repeat; position: relative; top: 0; padding-right: 15px; padding-left: 5px;top: 1px\9;
}

/* nur IE */
.spin * /*input.spinfield*/ {position: relative\9; top: -8px\9;}
/*#artikellistentabelle * { line-height: 0\9; }
#artikellistentabelle td { line-height:auto\9; }
#artikellistentabelle td a { line-height:auto\9; }*/
.spin .spinsubmit {position: relative\9; top: -0px\9;}
.spin input.spinfield {padding: 1px 2px 1px 2px\9; top: -9px\9;}
#dummy-artikellistentabelle table {margin-top: -145px\9;}
#artikellistentabelle .beschr {padding: 4px 2px; line-height:20px;}
/*#artikellistentabelle td {padding-top: 5px\9;}*/
#artikellistentabelle .bestand {background-color: red; font-size:12px;}
/*IE7*/
*+HTML .spin * /*input.spinfield*/ {position: relative\9; top: -5px\9;}
*+HTML .spin .spinsubmit {position: relative\9; top: -0px\9;}
*+HTML .spin input.spinfield {padding: 1px 2px 1px 2px\9; top: -0px\9;}
*+HTML #filterliste a {margin-top: -20px; z-index: -3; width: 194px; position: relative; left: 20px;}

/*IE6*/
*HTML .spinfield {background-color: white; position: relative; margin-top: 10px;}
*HTML .spin .spinsubmit {position: relative; top: -7px;}
*HTML #filterliste a {margin-top: -20px; z-index: -3; width: 194px; position: relative; left: 20px;}
/* ENDE nur IE */

/* nur Firefox */
.spinsubmit[class=spinsubmit] { background-position: 0 2px; margin: 0; }
/* ENDEnur Firefox */


.container {
	width:auto;
	height:auto;
	margin:0px auto;
}

div.loading
{
	border:1px solid #39815C;
	width:200px;
	max-width:200px;
	margin:25px auto;
}


div.loadingImage
{
	background-image:url('/ieos/images/ajax-loader.gif');
	width:32px;
	height:32px;
	margin:34px 84px 34px 84px;
	background-repeat:no-repeat;
}


.orderForm
{
	padding:0;
	margin:0;
	border:0;
}

#filterliste td.filteritem .checker {
	float: none;
	top: 0;
	height: auto;
}


#filterliste td.filteritem .selector {
	display: inline;
}

#filterliste td.filteritem a {
	background-position: left top\9;
	width: 220px;
}

#ergebnisanzeige div.anzeigeschaltung .selector {
	display: inline\9;
}

.spin form.orderForm {
	top: 0;
}
.spin form.orderForm .spinsubmit {
	margin-left: -7px;
}


.spinbox {
	padding-right: 2px\9;
	text-indent: 0px\9;
}

/* Nur IE */
#filterliste td.filteritem a {
	position:relative\9;
	z-index:1000\9;
}