h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #509900}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #509900}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #509900;
	border-bottom-width: 5px;
}
.textsmall {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.author { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.sub_common { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.sub_latin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; color: #509900}
.body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold}
.commentauthor {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic}
.quoteauthor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic}
.dropdown {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.textbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.code {  font-family: "Courier New", Courier, mono; font-size: 11px; color: #000000}
.scroll {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.grey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.qty {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.inputgrey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #E5E5E5; border: 0px none; font-weight: bold}
.dropdownbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.subhead {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #509900
}

a:hover {
	color: #0099CC;
}

.preview {
      position:absolute; 
      border-style: solid; 
      border-color: #CCC; 
      border-width: 1px; 
      background-color: white; 
      padding: 7px;
	  box-shadow: 2px 3px 12px rgba(0,0,0,.5);
	  -webkit-box-shadow: 2px 3px 12px rgba(0,0,0,.5);
      -moz-box-shadow: 2px 3px 12px rgba(0,0,0,.5);

}
.previewimage {
	position:relative;
	float: left;
	padding-right: 10px;
}
.previewtext {
	position:relative;
	float: left;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px;
}
.previewtext h4 {
	font-weight: bold;
	margin: 0px;
	font-size: 10px;
	color: #000;
}
.previewtext p {
	font-weight: normal;
	margin: 0px;
	font-size: 10px;
}
.greycounter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 56px;
	font-weight: bold;
	color: #CCCCCC;
	letter-spacing: -2px;
	line-height: 54px;
	text-align: center;
}
.instock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	text-align: center;
	line-height: 24px;
}

/* Small Packets und Wholesale Listen */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
	color: 509900;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 18px;
}
#list {
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
	border: none;
}
#list tr:hover th { /* verhindert, dass die Kopfzeile bei MouseOver grau wird */
	background-color: #FFF
}
#list tr:hover { /* Tabellenzeilen werden bei MouseOver grau */
	background-color: #F1F1F1;
}
#list th { /* graue Linie für Kopfzeile */
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
}
#list a:link, #list a:visited { /* Botanische Namen */
	font-weight: bold;
	margin-left: 18px;
}
#list input { /* QTY-Feld */
	font-weight: bold;
	text-align: center;
	height: 1.7em;
	width: 2em;
	border-width: 1px;
	border-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
}
#list td { /* graue Linie zwischen Tabellenzeilen */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
}
.listfirstth { /* Reste Zelle in Kopfzeile einrücken */
	padding-left: 18px;
}
#new {
	margin-left: 18px;
	margin-right: -14px;
}