/* ------ Standard-Browser-Hacks ------ */

ul, li, dl { position: relative }

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }

#ie_clearing {
	display:block;       /* DIV sichtbar machen */
	\clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */

	width: 100%;         /* IE-Clearing mit 100%-DIV für IE 6 */
	font-size:0;         /* reduziert zusammen mit dem negativen Margin die Höhe des DIVs auf 2 Pixel */
	margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */
}

* html #ie_clearing { margin: 0 0 -1em 0}

html {margin-right: 1px} /* Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
* html {margin-right: 0} /* Der IE6 benötigt das nicht */

.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

/*
** IE5.x/Win - x
** IE6       - x
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
/* End hide from IE-mac */

/* ------ Standard-Browser-Hacks ------ */


#titel {
	clear: both;
	text-align:center;
}
#description {
	clear: both;
	text-align:left;
	font-size: 10px;
}
#keywords {
	clear: both;
	text-align:left;
	font-size: 10px;
}
#sortlink {
	clear: both;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-size: 10px;
}

#center590 {
	clear: both;
	width: 570px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#center591 {
	clear: both;
	width: 570px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#center700 {
	clear: both;
	width: 700px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#ueber {
	width: 100%;
	height: 75px;
	background: url(/e5/pics/iglogo175.jpg) top right no-repeat;
	font-weight: bold;
	font-size: 16px;
}

#TagCloud {
	background:#e2e2e2 none repeat scroll 0 0;
	/* border:1px solid #E1E1E1; */
	/* padding:15px; */
}
#SimilarCloud {
	background:#efefef none repeat scroll 0 0;
	/* border:1px solid #E1E1E1; */
	/* padding:15px; */
}
#MisspelledCloud {
	background:#F5F5F5 none repeat scroll 0 0;
	/* border:1px solid #EEEEEE; */
	/* padding:15px; */
}
#TagCloud a:link    {  border: none; color:black; margin: 3px; padding: 0px; }
#TagCloud a:active  {  color : red;  }
#TagCloud a:visited {  color : black;  }
#TagCloud a:hover   {  color : black;  }
#SimilarCloud a:link    {  border: none; color:black; margin: 3px; padding: 0px; }
#SimilarCloud a:active  {  color : red;  }
#SimilarCloud a:visited {  color : black;  }
#SimilarCloud a:hover   {  color : black;  }
#MisspelledCloud a:link    {  border: none; color:black; margin: 3px; padding: 0px; }
#MisspelledCloud a:active  {  color : red;  }
#MisspelledCloud a:visited {  color : black;  }
#MisCloud a:hover   {  color : black;  }


.untersheet {
       font-size: 9px;
       z-index: 10;
}

#cpanel {
	float: left;
}

#cpanel div.rand {
	display: block;
	float: left;
	padding: 0px 3px 5px 3px;
	margin: 0;
}

#cpanel div.rand div.icon   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

#cpanel div.rand div.icon a {
	display: block;
	float: left;
	height: 147px !important;
	height: 150px;
	width: 158px !important;
	width: 160px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

#cpanel div.rand div.icon a:link    {  color : black;  }
#cpanel div.rand div.icon a:active  {  color : black;  }
#cpanel div.rand div.icon a:visited {  color : black;  }
#cpanel div.rand div.icon a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

#cpanel div.rand div.icon img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#cpanel div.rand div.icon span {
	display: block;
	padding: 0;
}

div.rand div.iconkl   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

div.rand div.iconkl a {
	display: block;
	float: left;
	height: 97px !important;
	height: 100px;
	width: 78px !important;
	width: 80px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 9px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

div.randa div.iconkl a {
	display: block;
	float: left;
	height: 97px !important;
	height: 100px;
	width: 78px !important;
	width: 80px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 9px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
	border: 2px solid red;
}

div.iconkl a:link    {  color : black;  }
div.iconkl a:active  {  color : black;  }
div.iconkl a:visited {  color : black;  }
div.iconkl a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

div.iconkl img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}
div.iconkl span {
	display: block;
	padding: 0;
}

h4.angebote { background: #FFBD42; color: black; height: 20px; padding: 5px 0 0 0; }

#cpanel div.rand div.iconangebot   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

#cpanel div.rand div.iconangebot a {
	display: block;
	float: left;
	height: 147px !important;
	height: 150px;
	width: 158px !important;
	width: 160px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	background-color: #FFBD42;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

#cpanel div.rand div.iconangebot a:link    {  color : black;  }
#cpanel div.rand div.iconangebot a:active  {  color : black;  }
#cpanel div.rand div.iconangebot a:visited {  color : black;  }
#cpanel div.rand div.iconangebot a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

#cpanel div.rand div.iconangebot img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#cpanel div.rand div.iconangebot span {
	display: block;
	padding: 0;
}


#cpanel div.randa {
	display: block;
	float: left;
	padding: 0px 3px 5px 3px;
	margin: 0;
}

#cpanel div.randa div.icon   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

#cpanel div.randa div.icon a {
	display: block;
	float: left;
	height: 147px !important;
	height: 150px;
	width: 158px !important;
	width: 160px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	background-color: #ffffa0;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

#cpanel div.randa div.icon a:link    {  color : black;  }
#cpanel div.randa div.icon a:active  {  color : black;  }
#cpanel div.randa div.icon a:visited {  color : black;  }
#cpanel div.randa div.icon a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

#cpanel div.randa div.icon img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#cpanel div.randa div.icon span {
	display: block;
	padding: 0;
}


#cpanel2 {
	float: left;
}

#cpanel2 div.rand {
	display: block;
	float: left;
	padding: 0px 3px 5px 3px;
	margin: 0;
}

#cpanel2 div.rand div.icon   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

#cpanel2 div.rand div.icon a {
	display: block;
	float: left;
	height: 227px !important;
	height: 230px;
	width: 238px !important;
	width: 240px;
	vertical-align: middle;
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

#cpanel2 div.rand div.icon a:link    {  color : black;  }
#cpanel2 div.rand div.icon a:active  {  color : black;  }
#cpanel2 div.rand div.icon a:visited {  color : black;  }
#cpanel2 div.rand div.icon a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

#cpanel2 div.rand div.icon img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#cpanel2 div.rand div.icon span {
	display: block;
	padding: 0;
}



#neupanel {
	float: left;
	text-align: left;
	width: 98%;
}

#neupanel div.rand {
	display: block;
	float: left;
	padding: 0px 3px 0px 3px;
	margin: 0;
	width: 98%;
}

#neupanel div.rand div.icon   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
	width: 98%;
}

#neupanel div.rand div.icon a {
	display: block;
	float: left;
	/* height: 227px !important; */
	/* height: 230px; */
	/* width: 538px !important; */
	/* width: 540px; */
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #fff;
	border-top: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
	width: 98%;
}

#neupanel div.rand div.icon a:link    {  color : black;  }
#neupanel div.rand div.icon a:active  {  color : black;  }
#neupanel div.rand div.icon a:visited {  color : black;  }
#neupanel div.rand div.icon a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	overflow: hidden;
}

#neupanel div.rand div.icon img {
	float: left;
	margin: 10px 20px 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#neupanel div.rand div.icon p {
	display: block;
	padding: 0;
	color: red;
	font-weight: bold;
}

#neupanel div.rand div.icon span {
	display: block;
	padding: 0;
	font-weight: normal;
}
#neupanel div.rand div.icon h2 {
	font-weight: bold;
}
#neupanel div.rand div.icon h3 {
	font-weight: normal;
}


#bildpanel {
	float: left;
}

#bildpanel div.rand {
	display: block;
	float: left;
	padding: 0px 3px 5px 3px;
	margin: 0;
}

#bildpanel div.rand div.icon   {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	padding: 0;
}

#bildpanel div.rand div.icon a {
	display: block;
	float: left;
	height: 87px !important;
	height: 90px;
	width: 88px !important;
	width: 90px;
	text-align: center;
	vertical-align: middle;
	text-decoration : none;
	font-size: 11px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 2px 5px 1px 5px;
	overflow: hidden;
}

#bildpanel div.rand div.icon a:link    {  color : black;  }
#bildpanel div.rand div.icon a:active  {  color : black;  }
#bildpanel div.rand div.icon a:visited {  color : black;  }
#bildpanel div.rand div.icon a:hover   {
	color : red;
	background-color: #f1f1f1;
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px;
	overflow: hidden;
}

#bildpanel div.rand div.icon img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#bildpanel div.rand div.icon span {
	display: block;
	padding: 0;
}


#IndexSpacer {
	width: 100px;
	height: 10px;
	display: block;
	float: left;
}

/* Themen */

li.indextitle,li.indextitle:hover{
       display: block;
       width: 400px;
       height: 18px;
       border: none;
       text-align: left;
       margin: 0 0 4px 0;
       padding: 0;
       font-size: 16px;
       font-weight: bold;
}

*+html .indextitle {
    margin-top: -8px; /* IE7-Problem */
}

.liindex {
       display: block;
       width: 400px;
       height: 16px;
       border: solid 1px #D3D3D3;
       text-align: left;
       margin: 0 0 4px 0;
       padding: 0;
       border-radius: 4px 4px 4px 4px;
       background: url("/pics/ededed.png") repeat-x scroll 50% 0% #E6E6E6;
}

*+html .liindex {
    margin-top: -8px; /* IE7-Problem */
}

.liindex:hover {
       background: #ddd !important;
       border: solid 1px #777;
       border-radius: 4px 4px 4px 4px;
}

a.aindex {
       display: block;
       height: 100%;
       margin: 0;
       padding: 2px 0 0 14px;
       font-size: 12px;
       background: url("/images/pfadrot.gif") no-repeat scroll 4px 50% transparent;
}
a.aindex:hover {
       font-weight: bold;
       /* background-color: #ddd; */
       color: red;
       background: url("/images/pfadschwarz.gif") no-repeat scroll 4px 50% transparent;
}

li.indextitle2,li.indextitle2:hover{
       display: block;
       width: 400px;
       height: 18px;
       border: none;
       text-align: left;
       margin: 0 0 4px 0;
       padding: 0;
       font-size: 16px;
       font-weight: bold;
}

*+html .indextitle2 {
    margin-top: -8px; /* IE7-Problem */
}


.liindex2 {
       display: block;
       width: 400px;
       height: 16px;
       border: solid 1px #D3D3D3;
       text-align: left;
       margin: 0 0 4px 0;
       padding: 0;
       border-radius: 4px 4px 4px 4px;
       background: url("/pics/ededed.png") repeat-x scroll 50% 0% #E6E6E6;
}
.liindex2:hover {
       background: #ddd !important;
       border: solid 1px #222;
       border-radius: 4px 4px 4px 4px;
}

*+html .liindex2 {
    margin-top: -8px; /* IE7-Problem */
}


a.aindex2 {
       display: block;
       height: 100%;
       margin: 0;
       padding: 2px 0 0 10px;
       font-size: 12px;
}
a.aindex2:hover {
       font-weight: bold;
       /* background-color: #ddd; */
       color: black;
}

.lifacebook a {
       background: url("/pics/facebook.png") no-repeat scroll transparent !important;
       padding: 4px 0 0 18px !important;
       height: 16px !important;
}
.litwitter a {
       background: url("/pics/twitter.png") no-repeat scroll transparent !important;
       padding: 4px 0 0 18px !important;
       height: 16px !important;
}
.lifacebook {
       margin-top: 15px !important;
       display: block !important;
       height: 16px !important;
}
.litwitter {
       margin-top: 5px !important;
       display: block !important;
       height: 16px !important;
}

/* Lieferantenliste */

.divauswahl {
       clear: both;
       display: block;
       width: 100%;
}

.dlauswahlli {
       display: inline;
       float: left;
       width: 48%;
       font-size: 10px;
       font-weight: normal;
       padding: 4px;
       border-bottom: 1px solid #AAA;
       border-top: 1px solid #AAA;
}
.dlauswahlre {
       display: inline;
       float: right;
       width: 48%;
       font-size: 10px;
       font-weight: normal;
       padding: 4px;
       border-bottom: 1px solid #AAA;
       border-top: 1px solid #AAA;
}

.dtauswahl {
       display: inline;
       float: left;
       font-size: 10px;
       font-weight: normal;
       width: 150px;
       padding-top: 2px;
}

.ddauswahl {
       display: inline;
       float: left;
       margin: 0 0 0 4px;
}

.ddauswahl select {
       font-size: 10px;
       font-weight: normal;
       width: 250px;
}

/* standard list style table */
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background: url(/images/tablebackground.jpg);
	background-repeat: repeat;
	font-size: 11px;
	color: #000;
}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a:link, table.adminlist th a:visited {
	color: #c64934;
	text-decoration: none;
}

table.adminlist th a:hover {
	text-decoration: underline;
}

table.adminlist tr.row0 {
	background-color: #F9F9F9;
	text-align: left;
}
table.adminlist tr.row1 {
	background-color: #FFF;
	text-align: left;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	font-size: 12px;
	padding: 4px;
	vertical-align:top;
}
table.adminlist td.klein {
	border-bottom: 1px solid #e5e5e5;
	font-size: 10px;
	padding: 4px;
	vertical-align:top;
}
table.adminlist td a:link, table.adminlist td a:visited {
	font-size: 10px;
}
table.adminlist td a.a12 {
	font-size: 12px;
}
table.adminlist td a:hover {
	color: #F00;
}
table.adminlist tr.row0:hover {
	background-color: #f0f0f0;
}
table.adminlist tr.row1:hover {
	background-color: #f0f0f0;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}
select.options, input.options {
	font-size: 8px;
	font-weight: normal;
	border: 1px solid #999999;
}

.kleinschalter {
	font-size: 10px;
}

.tabelle { background-color: #dddddd; border-style: solid; border-width: 1px; border-color:#00397C; }
.tabelle2 { background-color: #d8d8d8; border-style: none; border-width: 0px; }
.tabelle th , .tabelle2 th{
 	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background: url(/images/tablebackground.jpg);
	background-repeat: repeat;
	font-size: 11px;
	color: #000;
}
.tabkopf { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: red; border:1px solid #FFFFFF; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 3px; vertical-align:top; }
.tabkopf2 { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000; background-color: red; border:1px solid #FFFFFF; padding-top: 8px; padding-bottom: 8px; padding-left: 6px; padding-right: 3px; vertical-align:top; background: url(/images/tablebackground.jpg); background-repeat: repeat; }
.texttd { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #000000; padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 3px; vertical-align:top; }
.texttd2 { font-family: Tahoma, Verdana, sans-serif; font-size: 13px; color: #000000; padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 3px; vertical-align:top; }
.texttdb { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000000; padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 3px; vertical-align:top; }
.texttd2b { font-family: Tahoma, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #000000; padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 3px; vertical-align:top; }
.texttds { font-family: Tahoma, Verdana, sans-serif; font-size: 9px; color: #000000; vertical-align:top; text-align: left;}
.tablogolinks { padding: 0 0 0 15px;}
.tablogomitte { padding: 0 0 0 50px; text-align: center;}
.tablogorechts { padding: 0 0 0 50px;}

em.red { color: red; padding: 0 2px 0 2px; font-style: normal;}

input.textfeld { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #f0f0f0 1px solid; text-align: left }
input.textro { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; background-color: #e8e8e8; color: #000000; border: #e8e8e8 1px solid; text-align: left }
select.textfeld { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #f0f0f0 1px solid; text-align: left }
textarea.textfeld { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #f0f0f0 1px solid; text-align: left }

input.textfeldrand { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #bbb 1px solid; text-align: left }
input.textrorand { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; background-color: #e8e8e8; color: #000000; border: #bbb 1px solid; text-align: left }
select.textfeldrand { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #bbb 1px solid; text-align: left }
textarea.textfeldrand { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: #bbb 1px solid; text-align: left }

input.readonly { font-family: Tahoma, Verdana, sans-serif; font-size: 13px; font-weight: normal; background-color: #dddddd; border: 0px; text-align: left; }
input.but1 { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #ffa050; }
input.but2 { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #e0e0e0; }
.c100 { width:570px; text-align:left; margin-left:auto; margin-right:auto;}

.pfeil1 {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeil1.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeil2 {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeil2.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeil3 {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeil3.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeil4 {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeil4.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeilohne {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeilohne.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeilohnelang {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeilohnelang.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.druckersymbol {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/drucken.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 32px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.pfeilback {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/pfeilback.png) top left;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 30px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.astsheetback {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/astsheetback.png) top left;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 120px;
	height: 26px;
	padding-top: 4px;
	padding-bottom: 14px;
	padding-left: 30px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}
.tonne {
	border : solid 1px #cccccc;
	background-color: #ffffff;
	background: url(/images/tonne.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 10px;
	text-align: center;
	vertical-align: center;
         cursor: hand;
}

li.buchstaben {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li.buchstaben a {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0px 3px 0px 3px;
}

li.produkte {
	list-style-type: none;
	font-size: 11px;
	white-space: nowrap;
	margin: 2px 0 0 0;
	list-style-position: outside;
	line-height: 1.1em;
}
li.produkte a {
	font-size: 11px;
}
li.neuer {
	list-style-type: none;
	line-height: 1em;
	padding: 0;
	margin: 15px 0px 0px 0px;
	background-color: red;
	background-image: url(/pics/top2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

li.neuer a {
	padding: 2px 2px 4px 4px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 2px 4px 4px;
}

li.neuer a:link, li.neuer a:hover, li.neuer a:visited, li.neuer a:active, li.neuer a:focus {
	color: #ffffff;
}

ul.vorteile {
	padding-left: 2em;
}
ul.vorteile li {
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
ul.vorteile a {
         font-size: 12px !important;
         text-decoration: underline !important;
}
ul.begruessung li {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

/* Artikeldarstellung */

table.artikellist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
        font-family: verdana, tahoma, arial, helvetica, sans-serif !important;

}

table.artikellist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background: url(/images/tablebackground.jpg);
	background-repeat: repeat;
	font-size: 11px;
	color: #000;
}
table.artikellist th.title {
	text-align: left;
}

table.artikellist th a:link, table.adminlist th a:visited {
	color: #c64934;
	text-decoration: none;
}

table.artikellist th a:hover {
	text-decoration: underline;
}

table.artikellist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
	vertical-align:top;
}

.artikel {
	width: 100%;
	font-size: 10px;
}
.artikelxxx:hover, .beschreibungxxx:hover {
       background-color: #ffffd0 !important;
}

.artikel td.bild {
	width: 80px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}
.artikel td.beschreibung {
	position: relative;
	width: 600px;
	text-align: left;
	vertical-align: top;
	background-color: #e6e6e6;
}
.artikel td.beschreibung h4 {
	clear: both;
	font-size: 10px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.artikel td.beschreibung h4 a {
	color: navy;
	font-size: 10px;
}
.artikel td.beschreibung h4 a:hover {
	color: red;
	font-size: 10px;
}
.artikel td.beschreibung h5 {
	clear: both;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.artikel td.beschreibung h5 a {
	font-size: 12px;
}
.artikel td.beschreibung h5 a:hover {
	color: red;
	font-size: 12px;
}
.artikel td.beschreibung h6 {
	clear: both;
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
}
.artikel td.beschreibung h6 a {
	font-size: 10px;
	color: green;
}
.artikel td.beschreibung h6 a:hover {
	color: red;
}
.artikel td.beschreibung dl {
	clear: both;
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
	width: 99%;
}
.artikel td.beschreibung dl dt{
	float: left;
	width: 33%;
	text-align: left;
	color: blue;
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 10px;
}
.artikel td.beschreibung dl dd{
	float: right;
	width: 66%;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 10px;
}
.artikel td.beschreibung dl dd select{
	float: right;
	width: 100%;
	font-size: 10px;
	color: blue;
	position: relative;
}
.artinput{
	float: right;
	width: 98%;
	font-size: 10px;
	color: blue;
	position: relative;
}
dl dd input{
	float: right;
	font-size: 10px;
	width:40px;
}
.dslider { 
	float: right;
	padding: 0;
	margin:  4px 4px 0 10px;
	width:   80px;
}
.artikel td.beschreibung ul{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
}
.artikel td.beschreibung ul li{
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
}
.artikel td.beschreibung span.vpe {
	clear: both;
	float: left;
	font-size: 10px;
	color: blue;
	margin-top: 6px;
	width: 49%;
	vertical-align: bottom;
}
.artikel td.beschreibung span.ple {
	float: right;
	text-align: right;
	font-size: 10px;
	color: blue;
	width: 49%;
	margin-top: 6px;
	vertical-align: bottom;
}
.artikel td.beschreibung span.serie {
	clear: both;
	display: block;
	font-size: 10px;
	color: #888;
	margin-top: 20px;
	width: 99%;
	vertical-align: bottom;
}
.markelink {
        color: #888 !important;
        background: url(/images/pfadrot.gif) no-repeat 0px;
        padding: 0 0 0 10px;
}
.markelink:hover {
        color: red !important;
        background: url(/images/pfadschwarz.gif) no-repeat 0px;
}

.artikel td.preis {
	width: 175px;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
}
.preisb {
	width: 125px;
	text-align: right;
	vertical-align: top;
	font-size: 9px !important;
}
.artikel td.aktion {
	width: 200px;
	vertical-align: top;
	background-color: #e6e6e6;
}

.artikel td.aktion a {
	margin: 3px 0 0 0;
         padding: 0;
}

.pgreen {
	display:block;
         color: green;
         font-size: 10px !important;
         margin:5px 0 0 0;
         padding: 0;
}
.pblue {
	display:block;
         color: blue;
         font-size: 10px;
         margin:5px 0 0 0;
         padding: 0;
}

.amge {
	font-size: 9px;
	border: 1px solid #bbb;
	height: 12px;
	margin: 2px 5px 0 0;
	width: 30px;
	padding: 0px 3px 3px 2px;
         vertical-align: top;
	}
* html .amge { /* Anpassung für IE bis v6 */
	margin: 2px 5px 0 0;
         padding: 1px 2px 0px 2px;
	height: 16px;
         vertical-align: top;
	}


div.moreinfo {
	width: 90px;
	float: right;
	background-color: #FFEEEE;
	border: 1px #aaa dashed;
        margin: 0 0 0 10px;
}
div.moreinfo a{
	display: block;
	padding: 0;
	text-align: center;
}

.artikeldetails {
	width: 100%;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 1px #aaa solid;
}
.artikeldetails td {
	vertical-align: top;
}

.artikeldetails h4 {
	font-size: 12px;
	font-weight: bold;
}

.artikeldetails h5 {
	font-size: 12px;
	text-align: left;
}

.artikeldetails ul{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
	border-top: 1px #aaa solid;
}
.artikeldetails ul li{
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
}

.artlizeile{
	float: left;
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
	border: 1px solid; 
	text-align: center; 
	padding: 2px 0 0 0;
	margin: 0 4px 4px 0;
	color: gray;
	background: #d6d6d6; 
}

* html .artlizeile{ /* Anpassung für IE bis v6 */
	width: 400px;
}

.artli{
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
	width: 300px;
	text-align: center; 
	padding: 2px 0 0 0;
	margin: 0 4px 4px 0;
	color: #ffffff;
	background: #555555;
	-moz-border-radius:4px;
}

.artligross{
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
	width: 300px;
	text-align: center; 
	padding: 2px 0 0 0;
	margin: 0 4px 4px 0;
	color: #ffffff;
	background: #555555;
	-moz-border-radius:4px;	
}

.artlizeile a, .artli a, .artligross a{
	display: block;
	height: 100%;
}

.artlizeile:hover { 
	color : gray;
	background: #777777 url(/templates/ig_2006/css/kkb/images/ui-bg_highlight-hard_70_999999_1x100.png) 50% 50% repeat-x;
}
.artli:hover { 
	color : gray;
	background: #d6d6d6 url(/templates/ig_2006/css/theme/images/ui-bg_glass_40_d6d6d6_1x400.png) 50% 50% repeat-x; 
}
.artligross:hover { 
	color : gray;
	background: #d6d6d6 url(/templates/ig_2006/css/theme/images/ui-bg_glass_40_d6d6d6_1x400.png) 50% 50% repeat-x; 
}

.artli a:link	, .artligross a:link    {  color : white;  }
.artli a:active	, .artligross a:active  {  color : white;  }
.artli a:visited, .artligross a:visited {  color : white;  }
.artli a:hover	, .artligross a:hover   {  color : black;   }

.artlizeile a:link   {  color : #555;  }
.artlizeile a:active {  color : #555;  }
.artlizeile a:visited{  color : #555;  }
.artlizeile a:hover  {  color : white; }

.artikelgruppe {
	width: 100%;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
.artikelgruppe td {
	vertical-align: top;
}

.artikelgruppe h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 2px 0;
}

.artikelgruppe h5 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 2px 0;
}

.artikelgruppe span {
	font-size: 12px;
	text-align: left;
	margin: 0 0 2px 0;
}

.artikelgruppe span.sp300 {
	font-size: 10px;
	text-align: left;
}

.artikelgruppe ul{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
}
.artikelgruppe ul li{
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
}

.mastergruppe {
	width: 100%;
	font-size: 12px;
        font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 5px 0 5px 0;
        border: 1px solid #aaaaaa;
}
.mastergruppe td {
	vertical-align: top;
}

.h4mastergr {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 2px 0;
}

.h5mastergr {
	font-size: 15px !important;
	font-weight: bold !important;
	text-align: left;
	margin: 0 0 2px 0;
}

.h4pgb {
	font-size: 14px !important;
	font-weight: bold !important;
	margin: 10px 0 2px 0;
}

.h5pgb {
	font-size: 13px !important;
	font-weight: bold !important;
	text-align: left !important;
	margin: 0 0 2px 0;
}


.artheader {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 2px 0;
}

h2.indexverweis {
	text-align: right;
}

h2.indexverweis a {
	background: url(/e5/pics/pfeil.gif) no-repeat 2px 2px;
	margin: 0;
	padding: 0 0 0 13px;
}

h2.indexverweis a:hover {
	background: url(/e5/pics/pfeil_mo.gif) no-repeat 4px 2px;
}

td.picsize {
	text-align: left;
	font-size: 9px;
}

td.picsize a {
	/* background: url(/e5/pics/pfeil.gif) no-repeat 2px 2px; */
	margin: 0;
	padding: 0 0 0 13px;
}

td.picsize a:hover {
	/* background: url(/e5/pics/pfeil_mo.gif) no-repeat 4px 2px; */
}

.zubueberschrift {
	font-size: 14px;
	font-weight: bold;
}

/* Sortimenttabelle */
table.sortlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
}


/* Slider */

.artikel td.beschreibung dl.slider {
	clear: both;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	width: 99%;
}
.artikel td.beschreibung dl.slider dt{
	float: left;
	width: 99%;
	text-align: left;
	color: blue;
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 10px;
}
.artikel td.beschreibung dl.slider dd{
	float: right;
	width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 10px;
}
.artikel td.beschreibung dl.slider dd select{
	float: right;
	width: 100%;
	font-size: 10px;
	color: blue;
	position: relative;
}
.artikel td.beschreibung dl.slider dd span{
	float: right;
	font-size: 10px;
	margin: 2px 6px 0 0;
}
.artikel td.beschreibung dl.slider dd input{
	float: right;
	font-size: 10px;
	width:30px;
}


.dslider { 
	float: right;
	padding: 0;
	margin:  4px 4px 0 10px;
	width:   150px;
}

.spspan {
	float: right;
	padding: 0;
	margin:  4px 4px 0 10px;
	width:   150px;
}

#Leasing {
	font-size: 10px;
         text-decoration: none;
	background-color: #FFEEEE;
	border: 1px #aaa dashed;
         margin: 0;
         padding: 0;
}

.height1 {
	height: 3px !important;
         margin: 0 !important;
         padding: 0 !important;
}
.height1 td {
	height: 3px !important;
         margin: 0 !important;
         padding: 0 !important;
}

div.tmitbild {
	width: 100%;
	display: block;
	}

div.tmitbild img {
	margin: 5px;
	float: right;
	}
	
.ubhinweis {	
	background-color:#ffff90;
}

.ubhinweis h2 {	
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 6px;
}

/* Bewertung */

.starsprite {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
}

.stars0 {
	/* background-color:#FFFFFF; */
	/* border:1px solid #CCCCCC; */
	float:left;
	height:18px;
	position:relative;
	z-index:50;
}

.stars1 {
	background-color:#FFFFFF;
	/* border:1px solid #CCCCCC; */
	float:left;
	height:18px;
	position:relative;
	z-index:50;
        margin: 4px 0 0 0;
}
		
.stars1grau {
	background-position:-80px 0;
	height:15px;
	width:80px;
	margin: 1px 1px 1px 1px;
}

.stars1gelb {
	background-position:0 0;
	height:15px;
	width:80px;
}

.stars2 {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	height:14px;
	position:relative;
	z-index:50;
}
		
.stars2grau {
	background-position:-60px -19px;
	height:13px;
	width:60px;
}

.stars2gelb {
	background-position:0 -19px;
	height:13px;
	width:60px;
}

.stars3 {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	height:27px;
	position:relative;
	z-index:50;
}
		
.stars3grau {
	background-position:-115px -34px;
	height:24px;
	width:115px;
	margin: 1px;
}

.stars3gelb {
	background-position:0 -34px;
	height:24px;
	width:115px;
}

.artbew {
       border: 1px solid #D3D3D3;
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 4px 0 0 0;
       padding: 0 0 0 10px;
       float: left;
       width: 300px;
       display: block;

       height: 28px;
       border-radius: 4px 4px 4px 4px;
       -webkit-box-shadow: 5px 5px 10px #ddd;
       -moz-box-shadow: 5px 5px 10px #ddd;
       box-shadow: 5px 5px 10px #ddd;        
}
.artbew:hover {
       border: 1px solid black;
}

.artbewlink {
	display: block;
	padding-top: 3px;
        color: #555;
}

.artbewlink:hover { 
	color : black;
}

.artbewhr {
	background-color:#AAAAAA;
	border:1px none;
	height:1px;	
}

.artbwtext {
	position: relative;
	width: 600px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border-bottom: 1px solid #E5E5E5;
}

.whitebut { 
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 4px 8px;
}

.whitebut:hover {
	background-color: #aaaaaa;
	color: #ffffff;
	border: 1px solid black;
}

.graybut12 {
	background-color:#DDDDDD;
	border:1px solid #666666;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	-moz-border-radius:4px;
}
.graybut12:hover {
	background-color: #aaaaaa;
	color: #ffffff;
	border: 1px solid black;
}

.hilfrbut { 
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 4px 8px;
	margin: 0 2px 0 2px;
}

.hilfrbut:hover {
	background-color: #aaaaaa;
	color: #ffffff;
	border: 1px solid black;
}

#starrating, #starrating1, #starrating2, #starrating3, #starrating4, #starrating5 {
	border: none;
	padding: 0;
}
#starrating li{ float:left; }
#starrating1 li{ float:left; }
#starrating2 li{ float:left; }
#starrating3 li{ float:left; }
#starrating4 li{ float:left; }
#starrating5 li{ float:left; }

#starrating li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

#starrating1 li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating1 li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating1 li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating1 a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

#starrating2 li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating2 li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating2 li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating2 a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

#starrating3 li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating3 li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating3 li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating3 a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

#starrating4 li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating4 li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating4 li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating4 a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

#starrating5 li.star_off {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:-115px -34px;
	height:27px;
	position:relative;
}
#starrating5 li.star_on {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating5 li.star_on_perm {
	background-image: url(/images/starsprite.png);
	background-repeat:no-repeat;
	background-position:0 -34px;
	height:27px;
	position:relative;
}
#starrating5 a {
  display:block;
  font-size:0px;
  width:23px;
  height:27px;
}

/* Warenkorb2 */

.selexpr {
	font-size: 10px;
	font-weight: bold;
}

/* Meldung "in den Warenkorb" */

.wkmeld {
	font-size: 10px;
	font-weight: bold;
	padding-top: 6px;
}

.mzmeld {
	font-size: 10px;
	font-weight: bold;
	padding-top: 6px;
}

/* Progressbar */

.nft {
	position: absolute;
	top: 68px;
	left: 270px;
	font-size: 12px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
}

.nf1 {
	position: absolute;
	top: 25px;
	left: 240px;
	width: 250px;
	height: 30px;

	font-size: 16px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center;

	padding: 8px 0 0 0;
}

#nf0 {
	background: url(/pics/progress0b.jpg) top left no-repeat;
}
#nf25 {
	background: url(/pics/progress25b.jpg) top left no-repeat;
}
#nf50 {
	background: url(/pics/progress50b.jpg) top left no-repeat;
}
#nf75 {
	background: url(/pics/progress75b.jpg) top left no-repeat;
}
#nf100 {
	background: url(/pics/progress100b.jpg) top left no-repeat;
}


div#aohne {
	width: 200px;
	height: 10px;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	font-size: 10px;
	text-align: right;
}

#aohne a{
	padding: 0 0 0 13px;
	margin: 0;
	background: url(/e5/pics/pfeil_klein.gif) 4px 2px no-repeat;
}
#aohne a:hover {
	background: url(/e5/pics/pfeil_klein.gif) 5px 2px no-repeat;
}

/* Instant-Suche */
div#results{
       padding:0;
       border: 1px solid black;
       font-size: 14px;
       width: 300px;
       font-family: verdana,tahoma,arial,helvetica,sans-serif;
       background: white;
       position: absolute;
       left: 142px;
       top: 137px;
       display: none;
       z-index: 1000;
       -webkit-box-shadow: 5px 5px 10px #ddd;
       -moz-box-shadow: 5px 5px 10px #ddd;
       box-shadow: 5px 5px 10px #ddd;
}

div#results div.result{
       padding:0px 0px;
       margin:0px;
}

div#results div.result a.readMore{color:green;}

div#results div.result h2{
       font-size:19px;
       margin:0px 0px 5px;
       padding:0px;
       color:#1111CC;
       font-weight:normal;
}

div#results div.result h2 a{
       text-decoration:none;
       border-bottom:1px solid #1111cc;
}

div#results div.result a{
       margin:0;
       padding:2px;
       display: block;
       color: black;
       text-decoration:none;
}
      
div#results div.result a:hover{
       background: #F1F1F1;
       color: red;
}

span.highlight{
       padding:0;
       font-weight:bold;
} 
span.highlight:hover{
}

/* Neue Styles für Details */
#detleft {
       float: left;
       width: 50%;
}
#detright {
       float: right;
       width: 50%;
}
.detspacer {
       display: block;
       height: 0;
       width: 410px;
}
#detueber {
       width: 100%;
       border: 1px solid #AAAAAA;
       border-radius: 4px 4px 4px 4px;
       -webkit-box-shadow: 5px 5px 10px #ddd;
       -moz-box-shadow: 5px 5px 10px #ddd;
       box-shadow: 5px 5px 10px #ddd;       
       padding: 5px;
}
#detinfo td {
       /* border: 1px solid #AAAAAA;
       border-radius: 4px 4px 4px 4px; */
       padding: 5px;
       margin: 0 0 auto 0;
}
#detaktion {
       border: 1px solid #AAAAAA;
       border-radius: 4px 4px 4px 4px;
       background-color: #E6EBED;
}

#detbild div {
       /* text-align: center; */
}

#detname h5 {
       font: 22px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 2px 0 2px 2px;
       display: block;
       width: 100%;
       clear: both;
}

#detnr {
       font: 14px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 0 0 10px 0;
       padding: 10px 0 0 0;
       display: block;
       /* background-color: #ddd; */
       float: right;
       width: 200px;
}
#detnr h4 {
       font: 18px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 0;
       padding: 0;
       float: left;
}
#detnr span {
       float: right;
       display: block;
       width: 100%;
}
}
#detauswahl {
       font: 12px baskerville,'times new roman',Cambria,Georgia,serif;
       display: block;
       width: 100%
       float: left;
       margin: 0;
       padding: 0;
}
#detauswahl dl {
       display: block;
       margin: 0;
       padding: 0;
       width: 100%;
       float: left;
       padding: 5px 0 0 0;
}
#detauswahl dt {
       display: inline;
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       width: 33%;
       float: left;
       margin: 0;
       padding: 0;       
}
#detauswahl dd {
       display: inline;
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       width: 66%;
       float: right;
       margin: 0;
       padding: 0;       
}
#detauswahl select {
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       width: 100%;
}

#detpreis {
       font: 12px baskerville,'times new roman',Cambria,Georgia,serif;
       display: block;
       /* background-color: #aaa; */
       float: left;
       width: 50%;
       padding: 10px 0 0 0;
}
#detpreis b {
       font: 30px baskerville,'times new roman',Cambria,Georgia,serif !important;
       font-weight: bold;
       text-shadow: 0 0 5px #fff, 1px 1px #fff;
}
#detpreis span {
       font: 12px baskerville,'times new roman',Cambria,Georgia,serif !important;
       display: block;       
}
#detnetto {
       padding: 0;
       float: left;
       width: 200px;
       text-align: right;
}
#detnetto font {
       display: block;
       width: 100%;
}
#detbrutto {
       padding: 0 10px;
       float: left;
       width: 80px;
       text-align: right;
}
#detuvp {
       clear: both;
       text-align: right;
       display: block;
       width: 200px;
       padding: 10px 0 0 0;
}
#detuvp font {
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif !important;     
}
#detuvp b {
       font: 12px baskerville,'times new roman',Cambria,Georgia,serif !important;
       font-weight: bold !important;
       text-shadow: none;
}
#detuvp .moreinfo {
       clear: both !important;
       float: left;
       margin: 5px 0 0 0;
       display: block;
}

#detbuy {
       display: block;
       float: right;
       padding: 10px 0 0 0;
}
#detbuy div {
       display: block;
       text-align: right;
}
#detbuy span {
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       margin: 0 10px 0 0;
}
#detbuy input {
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       width: 50px;
}
#detbuy button {
       /* background: url(/pics/addtowk.png) 10px 6px no-repeat lightgreen; */
       /* background: url(/pics/greenbutton.png) no-repeat lightgreen; */
       background: url(/pics/addcart.png) 0px 0px no-repeat;
       border: 0px;
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 4px 0 0 0;
       padding: 0 0 0 35px;
       width: 200px;
       height: 48px;
       cursor: pointer;
       /* border-radius: 4px 4px 4px 4px;
       -webkit-box-shadow: 5px 5px 10px #ddd;
       -moz-box-shadow: 5px 5px 10px #ddd;
       box-shadow: 5px 5px 10px #ddd; */
}
#detbuy button:hover {
       background: url(/pics/addcart.png) 0px -48px no-repeat;
       color: #333;
}
#detbuy button:active {
       background: url(/pics/addcart.png) 0px -96px no-repeat;
       padding-bottom: 1px;
}

#detlz {
       display: block;
       width: 200px;
       float: right;
       text-align: right;
       margin: 5px 0 0 0;
}

#detvpe {
       position: relative;
       display: block;
       text-align: right;
       margin: 10px 0 0 0;
       /* background-color: #99dddd; */
       width: 200px;
       float: right;
}
#detvpe span {
       font-size: 10px; /* baskerville,'times new roman',Cambria,Georgia,serif; */
       float: left;
}
#detvpe p {
       font-size: 10px; /* baskerville,'times new roman',Cambria,Georgia,serif; */
       float: right;
}

#detschalter {
       height: 40px;
       vertical-align: bottom;
       margin: auto 0 0 0;
}
#dettext {
       display: block;
       clear: both;
       width: 100%;
       margin: 0;
       padding: 0;
}

#detnote {
       background: url("/pics/addnote.png") no-repeat scroll 6px 0 transparent;
       float: right;
       width: 132px;
       height: 23px;
       display: block;
       
       border: 1px solid #D3D3D3;
       font: 12px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
       margin: 4px 0 0 0;
       padding: 5px 0 0 22px;

       border-radius: 4px 4px 4px 4px;
       -webkit-box-shadow: 5px 5px 10px #ddd;
       -moz-box-shadow: 5px 5px 10px #ddd;
       box-shadow: 5px 5px 10px #ddd;        
}
#detnote:hover {
       border: 1px solid black;
       background: url("/pics/addnote2.png") no-repeat scroll 6px 0 transparent;
}
#detnote a {
       color: #555;
       display: block;
       padding: 0 0 0 10px;
       height: 28px;
       width: 100%;
}
#detnote a:hover {
       color: black;
}

#detlike {
       padding: 5px 0 0 0;
       width:100%;
       display: block;
       clear: both;
}

#tabs {
       font: 18px baskerville,'times new roman',Cambria,Georgia,serif;
       font-weight: bold;
}
#details {
       font: 16px baskerville,'times new roman',Cambria,Georgia,serif;
}

.pdf_link {
       background: url(/pics/pdf_big.jpg) top left no-repeat #fff;
       height: 204px;
       width: 204px;
       display: block;
       color: #fff !important;
       font-size: 0px;
}

/* Logo nur für Ausdrucken, sonst unterdrücken */
@media all {
         div#logodrucken {
         	display: none;
                 text-align: center;
 	}
         div#logospacer {
         	display: none;
         }
}
/* Bei Ausdruck diverse Elemente unterdrücken */
@media print {
	#RechteTD {
		display: none;
		width: 0px;
	}
	.RechteTD {
		display: none;
		width: 0px;
	}
	#AktionTD {
		display: none;
		width: 0px;
	}
	.AktionTD {
		display: none;
		width: 0px;
	}
	#NichtDrucken {
		display: none;
	}
	.NichtDrucken {
		display: none;
	}
         div#logodrucken {
         	display: block;
                 height: 80px;
                 width: 100%;
                 position: absolute;
                 top: 0;
                 left: 0;
        	}
         div#logospacer {
                 height: 80px;
                 display: block;
	}
}

/* CSS für jquery */
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

