@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 15px; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
	font-family: 'Cardo', serif;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
	font-family: 'Cardo', serif;
    font-size: 100.00%;
    color: #6d5f27;
	font-weight:normal;
	line-height:1.2; 
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
	/*font-family: 'Fira Sans', sans-serif;*/
	font-family: 'Cardo', serif;
    font-weight:normal;
    color:#56540b;
   /* margin: 0 0 0.25em 0;*/
    margin: 0;
  }

  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 133%; color: #585200;}                       /* 24px */
  h2 {
  /*background:transparent url(images/stagona.png) no-repeat scroll left center;*/
color:#56540b;
font-size:133%;
font-weight:normal;
/*padding:5px 0 9px 25px;*/
  }
.home_teaser h2 { color:#000000; font-size:20px; text-transform:uppercase; text-align:center; margin-top:10px; font-weight:bold; }  
.home_teaser h2 a { color:#000000; font-size:20px; text-transform:uppercase; text-align:center; margin-top:10px; font-weight:bold;}  
.home_teaser h2 a:hover, home_teaser h2  a:focus, home_teaser h2 a:active{ text-decoration:underline; color:#981b45; }  
  
.mpez_bgr h2 {
margin:0px;
padding-left:10px;
padding-top:10px;
font-size:128%;
/*padding:5px 0 9px 25px;*/
  }
.green_bgr h2 {
margin:0px;
padding-left:10px;
padding-top:10px;
font-size:128%;
/*padding:5px 0 9px 25px;*/
  }
 
  
  h3 { font-size: 130%;  color: #56540b; }                       /* 18px */
  h4 { font-size: 107%; color: #56540b;}                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

#bottom ul, li{
	list-style:square;
	list-style-type:square;
	/*border-bottom-style: dotted;
	bottom: auto;
	border-bottom-color: #585200;
	border-bottom-width: 2px; */
}

  blockquote, cite,q {
	font-family: 'Cardo', serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong { font-weight: normal; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #E1D39C solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #981b45; background:transparent; text-decoration:none; }
  a:visited  { color: #981b45; }

  a:focus,
  a:hover,
  a:active { color:#981b45; text-decoration:underline; }

  #bottom_2 a { color: #f27474; font-weight: normal; background:transparent; text-decoration:none; }
  #bottom_2 a:focus, 
  #bottom_2 a:hover,
  #bottom_2 a:active { color: #d43737; text-decoration:underline; background-color: transparent;}
  #bottom_2 p { line-height: 1.5em; margin: 0 0 1em 0; color: #f27474; }

  #bottom a { color: #f27474; font-weight: normal; background:transparent; text-decoration:none; }
  #bottom a:focus, 
  #bottom a:hover,
  #bottom a:active { color: #d43737; text-decoration:underline; background-color: transparent;}
  #bottom p { line-height: 1.5em; margin: 0 0 1em 0; color: #f27474; }
 
  #header { line-height:2.2;}
  #header a { color: #56540b; /*font-weight:bold;*/ background:transparent; text-decoration:none; font-size:12px; }
  #header a:focus, 
  #header a:hover,
  #header a:active { color: #56540b; text-decoration:underline; background-color: transparent;}

  #search a { color: #FFF; font-weight: normal; background:transparent; text-decoration:none; }
  #search a:focus, 
  #search a:hover,
  #search a:active { color: #FFF; text-decoration:underline; background-color: transparent;}
  #search p { line-height: 1.5em; margin: 0 0 1em 0; color: #FFF; }
 
  #main_bgr a { color: #F58220; font-weight: normal; background:transparent; text-decoration:none; }
  #main_bgr a:focus, 
  #main_bgr a:hover,
  #main_bgr a:active { color: #F58220; text-decoration:underline; background-color: transparent;}

  .left_cat_bgr a { color: #56540b; font-weight: normal; background:transparent; text-decoration:none;}
  .left_cat_bgr a:focus, 
  .left_cat_bgr a:hover,
  .left_cat_bgr a:active { color: #56540b; text-decoration:underline; background-color: transparent;}

  .green_bgr a { color: #56540b; font-weight: normal; background:transparent; text-decoration:none;}
  .green_bgr a:focus, 
  .green_bgr a:hover,
  .green_bgr a:active { color: #56540b; text-decoration:underline; background-color: transparent;}

  .mpez_bgr a { color: #585200; font-weight: normal; background:transparent; text-decoration:none;}
  .mpez_bgr a:focus, 
  .mpez_bgr a:hover,
  .mpez_bgr a:active { color: #585200; text-decoration:underline; background-color: transparent;}


  .left_cat_bgr_green a { color: #789627; font-weight: normal; background:transparent; text-decoration:none;}
  .left_cat_bgr_green a:focus, 
  .left_cat_bgr_green a:hover,
  .left_cat_bgr_green a:active { color: #789627; text-decoration:underline; background-color: transparent;}
  .left_cat_bgr_green p { line-height: 1.5em; margin: 0 0 1em 0; color: #789627; }

  #right_link_ex a { color: #000000; font-weight: normal; background:transparent; text-decoration:none;}
  #right_link_ex a:focus, 
  #right_link_ex a:hover,
  #right_link_ex a:active { color: #000000; text-decoration:underline; background-color: transparent;}

  #lang_layer a { color: #585200; /*font-weight: bold;*/ background:transparent; text-decoration:none; font-size:11px;}
  #lang_layer a:focus, 
  #lang_layer a:hover,
  #lang_layer a:active { color: #585200; /*font-weight: bold; */text-decoration:underline; background-color: transparent;}

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; color: #56540b; }
  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #fff; color: #981b45; border-top: 1px #981b45 solid; border-bottom: 1px #981b45 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #fff; color: #981b45; border: 2px #981b45 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fff; color: #981b45; border-top: 1px #981b45 solid;border-bottom: 1px #981b45 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  .cart_msg { background: #FFF; color: #769627; border-top: 1px #769627 solid;border-bottom: 1px #769627 solid; padding: 10px; margin-bottom: 1em; }

/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

#cart_tbl table {
	width: auto;
	border-collapse:collapse;
	margin-bottom: 0.5em;
	border-top: 2px #56540b solid;
	border-bottom: 2px #56540b solid;
}
#cart_tbl table caption { font-variant:small-caps; }
#cart_tbl table.full { width: 100%; }
#cart_tbl table.fixed { table-layout:fixed; }
#cart_tbl th,#cart_tbl td { padding: 0.5em; }
#cart_tbl thead th {
	border-bottom:1px solid #56540b;
	color:#F48653;
	font-style:normal;
}
#cart_tbl tbody th {
	background: #d3d3d3;
	color: #56540b;
}
#cart_tbl tbody th[scope="row"],#cart_tbl tbody th.sub { background: #d3d3d3; }
#cart_tbl tbody th {
	border-bottom: 1px solid #56540b;
	text-align: left;
}
#cart_tbl tbody td { border-bottom: 1px solid #56540b; }
#cart_tbl tbody tr:hover th[scope="row"],#cart_tbl tbody tr:hover tbody th.sub { background: #F5E3D1; }
#cart_tbl tbody tr:hover td { background: #f3f3f3; }
/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
.pagination { padding-top: 10px; padding-bottom:10px;  }
	.pagination a, .pagination b {
	 background: #fffffff;
	 padding: 4px 7px;
	 text-decoration: none;
	border: 1px solid #d3d3d3;
	color: #56540b;
	font-size: 14px;
	}

	.pagination b, .pagination a:hover {
	 font-weight: normal;
	 background: #E8F7C1;
	border: 1px solid #789627;
	color: #789627;
	}		
    /* BUTTONS
.buttons{float:right;} */
.buttons{
	padding:0px;
	border:0px solid;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    /*margin:0 7px 0 0;*/
	margin:0px;
    background-color:#ffe;
    border:1px solid #F27036;
/*    border-top:1px solid #eee;
    border-left:1px solid #eee;
*/
	font-family: 'Cardo', serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
   /* font-weight:bold;*/
    color:#F27036;
    cursor:pointer;
    padding:5px 10px 5px 10px; /* Links */
}
#home_products .buttons a, .buttons button{
    float:none;
}
#product_view_btn .buttons a, .buttons button{
    float:right;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    /*background-color:#E1D39C;*/
    background-color:#981b45;
    border:1px solid #d3d3d3;
    color:#ffffff;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#6d5f27;
    border:1px solid #d3d3d3;
    color:#ffffff;
}
.buttons a.positive:active{
    background-color:#6d5f27;
    border:1px solid #d3d3d3;
    color:#ffffff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#contact form.yform, #orderForm form.yform{
	background:transparent none repeat scroll 0 0;
	border:0px solid #DDDDDD;
	
}
#contact form.yform fieldset,#orderForm form.yform fieldset {
	/*background:#E1D39C none repeat scroll 0 0;*/
	background:none;
	border:1px solid #d3d3d3;
}
#contact form.yform legend,#orderForm form.yform legend {
    color:#585200;
}
#contact form.yform label,#orderForm form.yform label {
color:#585200;
}
.left_cat_bgr_green form.yform .type-text input, .left_cat_bgr_green form.yform .type-text textarea {
width:88.5%;
}
.left_cat_bgr_green form.yform {
background:transparent none repeat scroll 0 0;
border:0px solid #DDDDDD;
}
.left_cat_bgr_green form.yform label {
color:#769627;
}
#left_title_cart a {
color:#585200;
}
#left_title_cart a:focus,#left_title_cart a:hover,#left_title_cart a:active {
color:#585200;
text-decoration:underline;
}


}
