/*
Flora Frey
Technik & Programmierung
(c) 2007 agil - mehr Internet KG
*/

/*Elemente*/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(../grafik/seiten-hintergrund.gif);
	background-repeat: repeat-y;
}

h4, li, p {
        font-size: 12px;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

/* Ueberschriften*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #DA2028;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DA2028;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DA2028;
	font-weight: bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#content2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	line-height: 0px;
}

#content h1 {
	font-size: 40px;
}

/*Linkeigenschaften*/
a:link { 
	color: #DA2028;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	color: #DA2028;
	text-decoration: underline;
	font-weight: bold;

}

a:visited {
	color: #DA2028;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #DA2028;
	font-weight: bold;
	text-decoration: underline;
}

img {
	border: none;
	}

/*Classes*/
	
.fett {
	font-weight: bold;
}

.clear {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: both;
}

/* Layer */
#rahmen {
	width: 950px;
	background: white;
	overflow: visible;
	position: absolute;
	z-index: 1;
}

#kopf {
	width: 950px;
	height: 125px;
	background-color: #DA2028;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}

#navigation {
	width: 220px;
	background-color: #DA2028;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 125px;
	z-index: 5;
	list-style: none;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active, #navigation a.active {
        font-weight: bold;
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
        display: block;
        width: 185px;
	text-transform: uppercase;
}

#navigation a:link, #navigation a:visited {
	color: #FFFFFF;
}

#navigation a:hover, #navigation a:active, #navigation a.active {
	color: #DA2028 !important;
	background-color: #FFFFFF;
}

#navigation ul {
   position: relative;
   left: -20px;

}

#navigation ul li {
	list-style: none;
	line-height: 18px;
	margin-left: 0px;
}

#content {
	width: 510px;
	background-color: white;
	overflow: hidden;
	position: absolute;
	left: 220px;
	top: 125px;
	z-index: 5;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 15px;
}

#content1 {
	width: 320px;
	background-color: white;
	overflow: hidden;
	position: absolute;
	left: 220px;
	top: 125px;
	z-index: 5;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content2 {
	width: 175px;
	height: 565px;
	background-color: #E2EDD8;
	overflow: hidden;
	position: absolute;
	left: 560px;
	top: 125px;
	z-index: 5;
	padding-left: 25px;
	padding-top: 15px;
}

#rechte_spalte {
	width: 188px;
	height: 580px;
	background-color: white;
	overflow: hidden;
	position: absolute;
	left: 759px;
	top: 125px;
	z-index: 5;
	list-style-image: url(../grafik/aufzaehlungszeichen.gif);
	line-height: 14px;
	border: 1px solid;
	border-color: #da2028;
}

#rechte_spalte img {
	padding-left: 25px; 
	padding-top: 5px;
}

#rechte_spalte a:link, #rechte_spalte a:visited {
	color: #555555;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#rechte_spalte a:hover, #rechte_spalte a:active {
	color: #DA2028;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

#rechte_spalte ul li {
	padding-right: 5px;
	border-bottom: dashed 1px #DA2028;
	padding-bottom: 5px;
	padding-top: 5px;
}

#warenkorb-inhalt input.button {
    width: 120px;
    
}

#warenkorb {
        width: 190px;
	height: 30px;
	color:#D52027;
background-image: url(../grafik/warenkorb-hintergrund.gif);
}

#warenkorb a {
	position: relative;
        top: 8px;
        color: white !important;
	font-size: 16px;
	padding-left: 80px;
}

#kaufen-preisinfo {
        color: #fff;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #DA2028;
}

#kaufen-button-container {
       clear:both;
       color:#fff;
              }

#kaufen-button {
       padding-left: 0px;
       text-align: left;
       color: #fff; 
       padding-top:0px;    
       color:#fff;
       }       
       
       #kaufen-button-container img {
        float: left;
	color:#fff;
	
	
	}

#merkzettel {
	background-color: #DA2028;
	width: 190px;
	height: 60px;	
}

#merkzettel img {
        padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

.blumen {
	color: #DA2028;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#rahmen #content table p {
	padding-left: 10px;
	font-size: 12px;
	margin-top: 2px;
}

#rahmen #content img {
	margin-right: 10px;
}


.kraeuter {
	color: #542A7A;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.gemuese {
	color: #07794C;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.huelsenfruechte {
	color: #F3BE23;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.rasen {
	color: #479C44;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.blumen {
	color: #E47E23;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.duenger {
	color: #0F819F;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.rot {
	color: #DA2028;
}

#rahmen #content thead {
	color: #FFFFFF;
	background-color: #DA2028;
	font-size: 12px;
}
#rahmen #content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#productLetterFilter .letters {
        text-align: center;
}

#searchbox {
	background-repeat: no-repeat;	
}

#searchbox form {
	position: relative;
	top: 5px;
	left: 0px;
}

#searchbox form button {
	border: 2px solid #DA2028;
	background-color: white;
}

#SearchText {
	border: 2px solid #DA2028;	
	width: 75px;
	margin-right: 2px;	
}

.class-product h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	color: #DA2028;
	font-weight: bold;
	margin-bottom: 1px;
	padding-bottom: 1px;
}

.class-product h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

.class-product h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DA2028;
	font-weight: normal;
	margin-bottom: -10px;
}

.class-product ul, #class-product li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	margin-left: 10px;
	
}

.produktAuszeichnungen {
   padding-top: 8px;
   padding-bottom: 8px;
}

#merkzettel-leiste {
        clear: both;
        height: 66px;
 	color:#fff;
 background-image: url(../grafi1k/merkzettel-strich-bg.png);
}

#merkzettel-img {
	height: 66px;
        width: 106px;
        position: relative;
        float: left;
	background-image: url(../grafik1/merkzettel.png);
}

#merkzettel-button, #kaufen-button {
        border: none;
        background-color: white;
        font-weight: bold;
       //* color: #DA2028;*//
       color:#fff;
}
#merkzettel-button {

color:white;
}


.categoryHeader {
	background-image: url(../grafik/gestrichelte_linien.gif);
}

.categoryHeader, .categoryHeader a, .categoryHeader a:link, .categoryHeader a:visited, .categoryHeader:active a{
	color: white;	
	font-weight: bold;
}

div.categoryBreadcrumb ul li.categoryLevel1 {
	font-size: 14px;	
}

div.categoryBreadcrumb ul li.categoryLevel2 {
	font-size: 12px;	
}

div.categoryBreadcrumb ul li.categoryLevel3 {
	font-size: 10px;	
}

div.categoryBreadcrumb {
        padding: auto;
}

ul.topcategoryList, div.categoryBreadcrumb ul, div.subcategoryList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
        min-height: 64px;
}

ul.topcategoryList li {
	margin: 0;
	padding: 0;
        margin-right: 10px;	
}

div.topCategoryImage, .topCategoryDescription {
	float: left;
	position: relative;
}	

div.topCategoryImage {
	width: 64px;	
}

div.topCategory {
	clear: both;	
}

div.topCategoryDescription a:link, div.topCategoryDescription a:visited {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	line-height: 16px;
}

div.topCategoryDescription a:active, div.topCategoryDescription a:hover {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	line-height: 16px;
}

div.topCategory ul li a:link, div.topCategory ul li a:visited {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 10px;
}

div.topCategory ul li a:active, div.topCategory ul li a:hover {
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-size: 11px;
	line-height: 10px;
}

div.topCategoryDescription {
	line-height: 12px;
}

div.topCategoryDescription ul {
	list-style-type: none;
        margin-left: 0; 
        padding-left: 0;	
}

table.productList {
	width: 100%;	
}

.product-finder-form input {
	float: left;	
	clear: none;
	margin-top: 2px;	
}

.product-finder-form label {
	float :left;
	width: 135px;	
	clear: none;
}

.product-finder-form label.right-small {
	width: 80px;
	font-weight: normal;
}

.product-finder-form label.right-no-width {
	width: auto;
	font-weight: normal;		
}

.product-finder-form .form-row {
        margin-top: 4px;
}

.product-finder-form select {
        width: 200px;
}

#searchAreaSelect {
        width: auto !important;
}

.no-result-info {
	padding: 10px;
	border: 2px solid #DA2028; 
}

.finder-button-bar {
	text-align: right;	
}

.finder-search-detail {
	background-color: #EEEEEE;
	padding: 10px;	
}

.product-finder-form br {
	clear: both;
}

/*
.product-finder-form input {
	float: left;	
	clear: none;
	margin-top: 2px;	
}

.product-finder-form label {
	float :left;
	width: 135px;	
	clear: none;
}

.product-finder-form label.right-small {
	width: 80px;
	font-weight: normal;
}

.product-finder-form label.right-no-width {
	width: auto;
	font-weight: normal;		
}

.finder-button-bar {
	text-align: right;	
}

.finder-search-detail {
	background-color: #EEEEEE;
	padding: 10px;	
}

.product-finder-form br {
	clear: both;
}
*/

#searchbox a:hover {
	background-color: transparent !important;
}

#SearchTextContainer {
        position: relative;
        top: 15px;
}

#daumenContainer {
        position: relative;
        top: -4px;
}



/* Ausgeschaltete Layer der Druckfunktion */

#logo-druck {
    display: none;

}


#kontaktdaten-druck {
   display: none;
	
}

/** Haendlersuche **/

.vendor-search-form {
   background-color: #EEEEEE;
   padding: 10px;
}

.vendor-search-form label {
   float :left;
   width: 275px;
   clear: none;
}

.vendor-search-form br {
   clear: both;
}

.vendor-search-form .form-row {
   margin-top: 4px;
}

.vendor-search-button-bar {
   text-align: right;
}

.vendor-entry {
   border-bottom: 1px solid #DA2028;
   margin-top: 8px;
   margin-bottom: 8px;
}

.vendor-entry div.entry-sonstiges {
   padding: 2px;
}

.vendor-entry table, .vendor-entry table td, .vendor-entry table th {
   border: none;
   background-color: white !important;
   text-align: left;
   font-weight: normal;
}

.vendor-entry table th {
   width: 200px;
}