/**
 *
 * @copyright       SinnerSchrader
 * @version         0.9
 * @lastmodified    $Date: 2010-04-12 $
 * @site			UKBS
 */

 /**
  * @section browser reset
  * @see     http://www.yaml.de/de/dokumentation/css-bausteine/basis-stylesheet.html
  * @see     http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
  * @todo	 nehmen wir 62.5% oder 100.01% ?
  * @see	 elastische Version am Ende des CSS
*/


	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Hoehe des Browserfensters. */
	html { overflow-y: scroll; font-size: 100.01%; } /* line-height: 21px; */

	body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: normal;
		font-style: normal;
		vertical-align: baseline;
		}

	strong, strong a, b, b a, dt { font-weight: bold; }
	em, em a, i, i a { font-style: italic; }

	/* Tabellen benoetigen leider noch immer 'cellspacing="0"' im Markup */
	table { border-collapse: separate;	border-spacing: 0;}
	caption, th, td {	text-align: left;	font-weight: normal;}

	/* Standardrahmen zuruecksetzen */
	fieldset, img { border:0; }

	/* Im FF die gestrichelte Linie um angeklickte Links unterdrücken */
	a { outline:none; }
	a:focus{}

/**
  * @section Clearing Methoden
  * @see     http://www.yaml.de/de/dokumentation/grundlagen/allgemeines.html
  */

  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

 /* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
 /* End hide from IE-mac */

  /* Diese Angabe benoetigt Safari zwingend !! */
  .clearfix { display: block }

  /* Diese Angabe ist für IE7 und IE8 beta 2!! */
  /* @todo vielleicht doch in CCs auslagern? */
	*+html .clearfix { display: inline-block }

  /* Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* Wenn ich doch mal traditionell clearen will */
  .clearing { clear: both; line-height: 0px; font-size: 1px; height: 0px; }

 /**
  * @section Versteckte Elemente | Skip-Links und versteckte Inhalte
  * @see     http://www.yaml.de/de/dokumentation/grundlagen/skip-links.html
  */

  /* Klassen fuer unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print{position: absolute !important; top: -1000em !important; left: -1000em !important; height: 1px !important; width: 1px !important; }
  .no-display {display:none;}

  /* Skip-Links fuer Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto;}

 /**
  * @section Objekt-Positionierung
  * nicht fuer das eigentliche Grundgeruest verwenden
  */

	.float_left { float: left; display: inline; margin: 0 10px 10px 0;  }
	.float_right { float: right; display: inline; margin: 0 0 10px 10px;  }
	.center { text-align:center; margin-left: auto; margin-right: auto}

 /*  Sonderklasse für abgeschwächte Texte*/
	p.weaken { color: #666 !important;}

/* =========================================================================  */
/* =========================================================================  */


	body {
		background: #75aec4 url(../img/hintergrund_streifen.jpg) repeat-x 0 -130px;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 0.875em;
		color: #333;
		}
	body.cms-index-index { 	background: #75aec4 url(../img/hintergrund_streifen.jpg) repeat-x 0 -62px;	}

	p {	margin-bottom: 10px;	}
	#article p {	line-height: 24px;	}
	#article li {	line-height: 24px;	margin: 0 0 10px 10px;	padding-left: 10px;	}
    #article ul.item-options li,ul.item-options li{list-style-type:none; line-height:1;margin-left:0;padding:0;color:#666;}
	#article fieldset li {	line-height: 1.2;	margin: 0;	padding-left: 0;	}

	h4 {	font-weight: bold;}
	form * {	font-family: "Trebuchet MS", Arial, sans-serif;	font-size: 1em;	}
	#container {
		position: relative;
		width: auto;
		min-width: 980px;
		max-width: 1200px;
		}
	.textfield, .input-text, select {
		display: block;
		margin-bottom: 10px;
		width: 213px;
		padding: 5px 0 5px 10px !important;
		border: 1px solid #ccc;
	}
	label, input , select, textarea{ color: #333;}
	label {	width: 213px;	padding: 5px 0 5px 10px !important;	}

/**
  * @section Header
  *
  */

	#header { float: left;  display: inline;  position: relative;  z-index: 10; height: 330px; margin-top: 10px; width: 100%;	}

	#shoplogo {  position: absolute;  top: 80px; right: 740px; z-index: 200; }
	#stoerer { position: absolute; top:245px; right: 780px; width:200px; height:78px; z-index: 200;}
	#stoerer span{visibility:hidden;}

/**
  * @subsection Headervarianten
  *
  */

   body.cms-index-index #header { height: 397px;	background: url(../img/header/header_startseite.jpg) no-repeat top right;}
   body.cms-aktuelles #header, .blog-post-view #header {	background: url(../img/header/header_allgemein.jpg) no-repeat top right;}

   body #header {  background: url(../img/header/header_allgemein.jpg) no-repeat top right; }
   body.category-living #header { background: url(../img/header/header_moebel.jpg) no-repeat top right; }
   body.category-agriculture #header { background: url(../img/header/header_landwirtschaft.jpg) no-repeat top right; }
   body.category-food #header { background: url(../img/header/header_essen.jpg) no-repeat top right; }
   body.category-education #header {	background: url(../img/header/header_ausbildung.jpg) no-repeat top right; }
   body.category-clothing #header {	background: url(../img/header/header_kleidung.jpg) no-repeat top right; }
   body.category-medicine #header { background: url(../img/header/header_medizin.jpg) no-repeat top right; }

   body.landingpage #header { height:500px;background: none; }
   body.landingpage #header .intro{width:350px; position:absolute; top:160px; right: 80px;}
   body.landingpage #header .intro h2{margin-bottom:5px;}
   body.landingpage #header .intro p{line-height:1.6;}

/**
  * @subsection Metanavigation
  *
  */
	#metanavigation { position: relative; float:right; width:540px; top: 14px; margin-left:-20px; z-index: 1000;}
	#metanavigation li { float: left; display: inline; padding: 0 12px; line-height: 1; height: 20px;	}
	#metanavigation a {	text-decoration: none; color: #069;font-size:16px;}
	#metanavigation a:hover {	text-decoration: underline;	color: #84b02c;}

	#metaelements{float:right;width:445px;margin:5px 8px 0 0;}

	#metasearch{float:right;padding-top:10px;}
	#metasearch .textfield {width: 158px; height: 18px; border: 1px solid #7ab1c6; padding: 3px 0 3px 2px !important;}
	#metasearch input {position:relative; top: -4px; display: inline; float:left;}
    	#metasearch input#search{margin-right:5px;}
	.labelposition {position: absolute;top: 0 !important;	left: 0; }

	.language-switcher{position: relative; float:left; margin: 5px 8px 0 0; z-index:202;}
	.language-switcher ul {list-style:none; margin: 0; padding:0; width:150px;}
	.language-switcher ul li span{display: block; background: transparent url(../img/buttons/bt_lang_select.jpg) no-repeat; padding: 4px 0 6px 12px;}
    	.language-switcher ul li span span{display: block; background-position: 0 2px; padding: 0 0 0 26px;}
	.language-switcher ul li {zoom:1;}
	.language-switcher ul li ul {display:none;background-color: #fff; border: 1px solid #eee; width:146px; margin-left:1px;}
	.language-switcher ul li:hover ul, .language-switcher ul li.sfhover ul {display:block;}
	.language-switcher li a{ display:block;padding: 5px 0 5px 37px; background: no-repeat 10px 6px; text-decoration: none; color: #000;zoom:1;}
	.language-switcher ul li ul li:hover, .language-switcher ul li ul li.sfhover{background: url(../img/htg_lang_hover.jpg) top left repeat-x;}
	.language-switcher ul li ul li.selected{background: url(../img/htg_lang_selected.jpg) top right no-repeat;}

    .currency-switcher{position: relative; float:left; margin: 5px 7px 0 0; z-index:202;}
    .currency-switcher ul {list-style:none; margin: 0; padding:0; width:71px;}
    .currency-switcher ul li span{display: block; background: transparent url(../img/buttons/bt_cur_select.jpg) no-repeat; padding: 4px 0 6px 12px;}
    .currency-switcher ul li span span{display: block; background-position: 0 2px; padding: 0 0 0 6px;}
    .currency-switcher ul li {zoom:1;}
    .currency-switcher ul li ul {display:none;background-color: #fff; border: 1px solid #eee; width:66px; margin-left:1px;}
    .currency-switcher ul li:hover ul, .currency-switcher ul li.sfhover ul {display:block;}
    .currency-switcher li a{ display:block;padding: 5px 0 5px 7px; text-decoration: none; color: #000;zoom:1;}
    .currency-switcher ul li ul li:hover, .currency-switcher ul li ul li.sfhover{background: url(../img/htg_lang_hover.jpg) top left repeat-x;}
    .currency-switcher ul li ul li.selected{background: url(../img/htg_lang_selected.jpg) top right no-repeat;}
/**
  * @subsection Flash
  *
  */

	#flash {position: absolute;	right: 16px;	bottom: 14px;	z-index: 100;}

/**
  * @subsection Headteaser
  *
  * liegt unter dem Flash
  *
  */
#headteaser{ position:absolute; top:105px; right:0; width:280px; height:257px; z-index:10;}
#headteaser h2 {margin:0; color:#000; font-weight:bold;font-size:22px;}
#headteaser ul{ list-style-type:none; margin:20px 0; padding:0;}
#headteaser li{ background:url(../img/li_headteaser.png) no-repeat 0 5px; padding-left:18px; margin-bottom:14px; color:#fff;font-weight:bold;font-size:16px;}

/**
  * @section Footer
  *
  */

  	#footer {
		float: left;
		display: inline;
		position: relative;
		z-index: 10;
		height: 257px;
		width: 100%;
		margin-top: -150px;
		background: transparent url(../img/footer_back.png) no-repeat top left;
		}
		#footer * {			color: #fff;		}
		#footer a {			text-decoration: none;		}
		#footer a:hover {			text-decoration: underline;		}
	#footer1 {
		float: left;
		display: inline;
		margin: 140px  0 0 10px;
	}
	#footer2 {
		float: right;
		display: inline;
		margin: 140px  10px 0 0;
		text-transform: uppercase;
/*
		font-size: 0.857143em;
		font-family: "Times New Roman", Times, serif;
*/
		}

/**
  * @section Inhalt - Aufbau
  *
  */

	#content {
		float: right;
		display: inline;
		width: 980px;
		position: relative;
		margin: -30px 0px 0 0;
		color: #333;
	}

	#inner {
		float: right;
		display: inline;
		position: relative;
		background: url(../img/hintergrund_zettel2.jpg) no-repeat top right;
		margin: 0 0 0 0;
		width: 100%;
		z-index: 1;
		padding: 40px 0 180px 0;
		}

	#contentcol { float: left;	display: inline; width: 690px;	}

	#maincontent {
		float: right;
		display: inline;
		position: relative; /* Damit die Logos aus diesem Container herausgeschoben werden können! */
		width: 690px;
		padding-top: 0;
		margin-right: 30px;
		height: 600px;
		min-height: 600px;
	}
	#contentcol > #maincontent {  height: auto;	}

	.category-description{margin: -10px 0px 40px 0px; width: 630px;}

    body.landingpage #metanavigation{right:20px;}
    body.landingpage #inner{background: url(../img/hintergrund_zettel2_weiss.jpg) no-repeat right 0;}
    body.landingpage #content{width:990px;}
    body.landingpage #contentcol{width:990px;}
    body.landingpage #maincontent{float:left;width:940px;margin-right: 50px;}
    body.landingpage #maincontent .contentleft{width:540px;float:left;}
    body.landingpage #maincontent .contentright{width:380px;float:right;}
    body.landingpage #maincontent h2{margin-bottom:10px;}
    body.landingpage #maincontent p{line-height:1.6;}
    body.landingpage #maincontent .input-text{width:280px;}
    body.landingpage #maincontent form.contentforms .checkbox label{float:right; font-size:12px; width:285px;margin-right:60px;}
    body.landingpage #maincontent form.contentforms .checkbox{margin-bottom:10px;}
    body.landingpage #maincontent .btn-xl{height:48px;width:198px;color:#fff !important;background-image: url(../img/buttons/bt_highlight.jpg);}
    body.landingpage #maincontent .btn-xl:hover{background-image: url(../img/buttons/bt_highlight_hi.jpg);}

    body.landingpage #maincontent ul.categorylinks{list-style:none;}
    body.landingpage #maincontent ul.categorylinks li{padding: 0 10px; display:inline;}
    body.landingpage #maincontent ul.categorylinks li a{font-size:18px; text-decoration:none; color:#2e82ab;}
    body.landingpage #maincontent ul.categorylinks li a:hover{color:#769d27;}

    body.landingpage a{color: #006699;}
    body.landingpage a:hover{color: #769d27;}

    body.landingpage .validation-advice{display:block; float:none; clear:both;}


/**
  * @subsection more-Links
  *
  * Allgemeine Definition der weiterführenden Links.
  *
  */
	p.more a, p.more a:link, p.more a:visited, #pages li a, #pages li a:link, #pages li a:visited   { 	color: #069;}
	p.more a:hover, p.more a:active, #pages li a:hover, #pages li a:active   {	color: #84b02c;	}

/**
 * @section  Hauptnavigation
 *
 */

	h4.category{font-size:16px;color:#6da120;margin:0 0 6px 0;}
	#mainnavigation { position: relative;  width: 668px; margin: 0 0 20px 0; padding-bottom: 10px;}
	#mainnavigation li {float: left;  display: inline;}
	#mainnavigation a { display: block; height: 100px; background: url(../img/navigation/first_level_navi_en.png) no-repeat 0 0;}
	body.lang-de #mainnavigation a{background-image:url(../img/navigation/first_level_navi_de.png);}
	body.lang-es #mainnavigation a{background-image:url(../img/navigation/first_level_navi_es.png);}
	#mainnavigation a span { position: absolute; top: -3000px; left: -3000px;}

	#mainnavigation li.nav-living a { background-position:0 -200px; width: 60px; }
	#mainnavigation li.nav-living a:hover { background-position:0 0;}
	#mainnavigation li.nav-living.active a { background-position:0 -100px;}
	body.lang-es #mainnavigation li.nav-living a { background-position:0 -200px; width: 65px; }
	body.lang-es #mainnavigation li.nav-living a:hover { background-position:0 0;}
	body.lang-es #mainnavigation li.nav-living.active a { background-position:0 -100px;}

	#mainnavigation li.nav-agriculture a { background-position:-60px -200px; width: 148px; }
	#mainnavigation li.nav-agriculture a:hover { background-position:-60px 0;}
	#mainnavigation li.nav-agriculture.active a { background-position:-60px -100px;}
	body.lang-es #mainnavigation li.nav-agriculture a { background-position:-65px -200px; width: 148px; }
	body.lang-es #mainnavigation li.nav-agriculture a:hover { background-position:-65px 0;}
	body.lang-es #mainnavigation li.nav-agriculture.active a { background-position:-65px -100px;}

	#mainnavigation li.nav-food a { background-position:-208px -200px; width: 114px; }
	#mainnavigation li.nav-food a:hover { background-position:-208px 0;}
	#mainnavigation li.nav-food.active a { background-position:-208px -100px;}

	#mainnavigation li.nav-education a {background-position:-322px -200px; width: 119px; }
	#mainnavigation li.nav-education a:hover {background-position:-322px 0;}
	#mainnavigation li.nav-education.active a {background-position:-322px -100px;}

	#mainnavigation li.nav-clothing a {background-position:-441px -200px; width: 116px; }
	#mainnavigation li.nav-clothing a:hover {background-position:-441px 0;}
	#mainnavigation li.nav-clothing.active a{background-position:-441px -100px;}

	#mainnavigation li.nav-medicine a {background-position:-557px -200px; width: 85px; }
	#mainnavigation li.nav-medicine a:hover {background-position:-557px 0;}
	#mainnavigation li.nav-medicine.active a {background-position:-557px -100px;}


/**
  * @section Subnavigation
  *
  *
  */

	#subnavigation { float: left; display: inline; width: 190px; margin-top: 5px;}
	#subnavigation ul { float: left; width: 190px; list-style-type: none; }
	#subnavigation a {	font-size: 1.142857em;	font-weight: bold; color: #2e82ab;	display: block;	padding: 0 0 16px 20px;	text-decoration: none;	line-height: 16px;	}
	#subnavigation a:hover { color: #769d27; }
	#subnavigation li.active {	background: url(../img/navigation/pfeil_2nd_levelnavi.png) no-repeat 0 2px;	}
	#subnavigation li.active a { color: #769d27;	}


/**
  * @section layered navigation
  *
  *
  */
    #subnavigation .layered-nav ul {float:none;clear:both;list-style-type: none; position:relative; zoom:1; margin-bottom:30px;width:160px;}
    #subnavigation .layered-nav ul li a {position:relative;font-size: 14px; font-weight:normal; padding: 7px 0 0 0; display: block;}
    * html .layered-nav ul li a {height:1%;}
    #subnavigation .layered-nav ul li a img {position:absolute;}
    #subnavigation .layered-nav ul li a span.label-kinderdorf{display:block;padding-left:30px;width:110px;text-decoration:underline;margin-bottom:5px;}
    #subnavigation .layered-nav ul li a span.label-price{display:block;text-decoration:underline;}
    #subnavigation .layered-nav ul li a span.cnt{position:absolute;top:7px;right:4px;text-decoration:none;color:#000;}
    #subnavigation .layered-nav ul li a:hover {color:#6DA120;}
    #subnavigation .box{background:none; padding:0;width:160px;}
    #subnavigation .box h3{margin-bottom:0;}
    #subnavigation .box .actions{float:none;clear:both;margin:-20px 0 30px; }
    #subnavigation .box .actions a{font-size:14px;font-weight:normal;padding:0 0 0 12px;background: url(../img/lnk_blue.gif) no-repeat 0 2px;}

/**
  * @section Kategorie-Seite
  *
  */

	#categoryteaser {
		position: relative;
		width: 690px;
		min-height: 260px;
		margin: 20px 0 -40px 0px;
		background: url(../img/teaser/std_teaser.jpg) no-repeat top left;
	}
	.category-living #categoryteaser{background: url(../../../../../media/files/teaser/teaser_moebel.jpg) no-repeat top left;}
	.category-agriculture #categoryteaser{background: url(../../../../../media/files/teaser/teaser_landwirtschaft.jpg) no-repeat top left;}
	.category-food #categoryteaser{background: url(../../../../../media/files/teaser/teaser_essen.jpg) no-repeat top left;}
	.category-education #categoryteaser{background: url(../../../../../media/files/teaser/teaser_ausbildung.jpg) no-repeat top left;}
	.category-clothing #categoryteaser{background: url(../../../../../media/files/teaser/teaser_kleidung.jpg) no-repeat top left;}
	.category-medicine #categoryteaser{background: url(../../../../../media/files/teaser/teaser_medizin.jpg) no-repeat top left;}

	#categoryteaser h2, #categoryteaser h3, #categoryteaser p, #categoryteaser ul {	margin-left: 275px;	width: 325px;}

	#categoryteaser h2 {	margin: 0 0 5px 275px;	padding-top: 30px;}
	#categoryteaser h2 a {	color: #000;	text-decoration: none;	font-weight: bold;}
	#categoryteaser h2 a:hover {	color: #769D27;}

	#imagemap {	position: absolute;	top: 33px;	left: 70px;	width: 167px;	height: 133px;	}
	#imagemap a { display: block; width: 100%; height: 100%;}
	#categoryteaser ul {list-style-type: none;}
	#categoryteaser li a { color: #069; margin-top: 5px;}
	#categoryteaser li a:hover { color: #769D27;}

	#categoryteaser #pricelabel {
		position: absolute;
		bottom: 70px;
		left: 130px;
		width: 110px;
		height: 49px;
	}
	#pricelabel .price {font-weight: bold;}
	#categoryteaser .price {
		display: block;
		width: 110px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		background: url(../img/artikeldetail/preisschild.png) no-repeat top left;
		text-decoration: none;
		font-size: 1.428571em;
		color: #333;
	}
	#categoryteaser .out-of-stock{width: 630px; margin-top: 40px;}

/**
  * @subsection Produktliste
  *
  */
	 	#pages { float: left; display: inline; list-style-type: none; width: auto; margin: 20px 0 0 310px; line-height: 22px;	}
		#pages li { float: left; display: inline; margin: 0 5px; }


		#productlist {	float: left; display: inline; width: 450px; list-style-type: none; position: relative; left: -5px;	}
		#productlist li {	float: left; display: inline; width: 450px; position: relative; margin-bottom: 35px;  }

		.producttop { float: left; width: 100%; margin-bottom: 10px; }
		.productimg { float: left; width: 70px; height: 70px; margin: 0 20px 0 0; }
		.producttxt { float: right; width: 360px; margin-bottom: 6px;}
		.producttxt h3{ margin-bottom: 6px; }
		.producttxt p{ margin-bottom: 6px; }
		.producttxt a { color: #069; }
		.producttxt a:hover { color: #769D27; }
		.productbottom { float: left; width: 100%; position: relative; height: 40px; }
		.productbottom .price {
			position: absolute;
			left: 85px;
			bottom: 0;
			width: 90px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: url(../img/artikeldetail/preisschild_klein.jpg) no-repeat top left;
			text-decoration: none;
			font-size: 1.142857em;
			color: #333;
			font-weight: bold;
			white-space: nowrap;
		}

		#product-list-sorting{position:relative;float:none;clear:both;/*position:absolute;top:66px;*/z-index:20;background: transparent url('../img/bg_sorting.png') no-repeat 0 0;width:614px;height:65px;padding:20px;margin-bottom:26px;}
        #product-list-sorting div{float:right;}
		#product-list-sorting h6 {float:left;font-size:16px;font-weight:bold; padding-right:14px;margin:14px 0 0 20px;}
		#product-list-sorting ul {float:left;list-style:none;margin-top:17px;}
		#product-list-sorting ul li{float:left;position:relative;padding:0 32px 0 0!important;margin-right:20px;background: url('../img/bg_sorting_li.gif') no-repeat 100% 0;}
		#product-list-sorting ul li:hover{color:#84b02c}
		#product-list-sorting ul li.qty{background:none;}
		#product-list-sorting ul li a{position:absolute;right:14px;background:url('../img/ic_sorting.gif') no-repeat 0 0;width:10px;height:5px;text-indent:-2000px;top:3px;}
		#product-list-sorting ul li a.sort-desc{background-position: 0 100%;top:12px;}

		#product-list-sorting ul li a.sort-asc.selected{background-position: -14px 0;}
		#product-list-sorting ul li a.sort-desc.selected{background-position: -14px 100%;}


		#product-list-sorting ul li a.sort-asc:hover{background-position: -28px 0;}
		#product-list-sorting ul li a.sort-desc:hover{background-position: -28px 100%;}

/**
  * @section Produktdetail-Seite
  * Artikeldarstellung im Shop
  *
  * @note		Die Inhaltsdarstellung ist breiter, es fehlen die Subnavigation  und die Logos.
  */

	#detail {
		position: relative;
		margin-left: -35px;
		width: 690px;
		height: 530px;
		background: url(../img/artikeldetail/gelber_zettel_detailansicht.jpg) no-repeat top left;
	}

  @-moz-document url-prefix() {
    /* Reiner Firefox-content */
    #detail {  margin-left: -10px;  }
  }

	#detailimg {
		position: relative;
		float: left;
		display: inline;
		left: 60px;
		top: 75px;
		width: 220px;
		height: 330px;
		text-align: right;
	}
	#detailimg .product-image-zoom{ margin-bottom:20px; padding-right: 10px;}
	#detailimg a {display: block; margin: 20px 0; color: #069;}
	#detailimg a:hover { color: #84b02c;}
	#detailimg .thumbnails{float: none; clear: both;}
	#detailimg .thumbnails a { display: inline; margin-left: 0;}
/*
	#detailimg .thumbnails { width: 280px; margin: 20px 0 0 0;}
	#detailimg .thumbnails img { margin-right: 10px;}
*/
	#detailtxt { float: right; display: inline; margin: 0 50px 0 0; width: 300px; min-height: 350px; padding-top: 40px; }
	#detailtxt .short-description{min-height:200px;}
	#detailtxt h2 {	color: #000; font-weight: bold;	margin: 0 0 15px 3px !important;	}
	#detailtxt p {	margin-bottom: 26px; }
	#detailtxt p span.needed{display: block; font-size: 1.1em; font-weight: bold; margin-top: 2em; padding-bottom: 4px;}
	#detailtxt p span.counter1, #detailtxt p span.counter2, #detailtxt p span.counter3{font-weight: bold; padding-left: 4px; color: #6da120;}

	#detailbottom {	position: relative; width: 300px;}
	#detailbottom #priceaction { float: right; display: inline;	width: 300px; margin: 5px 0 0 0; }



 	#priceaction .price {
		float: left;
		display: inline;
		width: 110px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		background: url(../img/artikeldetail/preisschild.png) no-repeat top left;
		text-decoration: none;
		font-size: 1.428571em;
		color: #000;
	}
	#linksbottom { position: relative; float: none; clear: both; top: 40px; left: 40px; width: 640px; height: 30px;}
 	#linksbottom .back { position: absolute; top: 0; left: 0; height: 26px; width: 250px;}
 	#linksbottom .back a { display: block;	padding-left: 40px;	background: url(../img/bt_pfeil_links_lo.png) no-repeat 0 0; line-height: 26px;	}
	#linksbottom .back a:hover { background: url(../img/bt_pfeil_links_hi.png) no-repeat 0 0;}
	#linksbottom #actionlinks {	position: absolute;	right: 46px; top: 0;	width: 350px;	}
	#wishlist {	float: right; display: inline;	margin-left: 20px;}
	#recommend { float: right; display: inline;}
	#wishlist, #recommend, #linksbottom .back a { color: #069;}
	#wishlist:hover, #recommend:hover, #linksbottom .back a:hover {	color: #769d27;	}

	#recommendations {	margin: 20px auto 0 auto;	width: 502px;	text-align: center;	}
	#recommendations ul {list-style-type: none;}
	#recommendations li {	float: left; display: inline; text-align: left; margin-right: 40px; width: 120px;}
	#recommendations li a {	color: #069;}
	#recommendations .back, #recommendations .forward {	line-height: 95px;}

	#product-options-wrapper select{display:none;}
	#kinderdorf-selector{position:absolute; top:-16px; left:-310px; z-index:303;}
	#kinderdorf-selector ul {list-style:none; margin: 0; padding:0; width:280px;}
	#kinderdorf-selector ul li span{display: block; background: transparent url(../img/buttons/bt_country_select.png) no-repeat top left; padding: 15px 0 15px 24px;}
	#kinderdorf-selector ul li:hover span, #kinderdorf-selector ul li.sfhover span{background-image: url(../img/buttons/bt_country_hover.png); height:26px;}
	#kinderdorf-selector ul li {zoom:1;}
	#kinderdorf-selector ul li ul {display:none; width:235px; padding:0 20px 68px; background: transparent url(../img/buttons/bt_country_hover.png) no-repeat bottom;}
	#kinderdorf-selector ul li:hover ul, #kinderdorf-selector ul li.sfhover ul {display:block;}
	#kinderdorf-selector li a{ display:block;padding: 5px 0 5px 30px; background: no-repeat 5px 6px; text-decoration: none; color: #000;zoom:1;}
	#kinderdorf-selector ul li ul li{padding:5px 0;background:none;}
	#kinderdorf-selector ul li ul li:hover, #kinderdorf-selector ul li ul li.sfhover{background: url(../img/htg_lang_hover.jpg) top left repeat-x;}
	#kinderdorf-selector ul li ul li.selected{background: url(../img/htg_lang_selected.jpg) top right no-repeat;}

/**
  * @subsection Contentheadline
  *
  */

	h2 {	color: #6da120; font-size: 16px; font-weight:bold;margin-bottom: 14px;}

/**
  * @subsection 50/50
  *
  */
.cms-page-view .col-1, .cms-index-index .col-1, .cms-page-view .col-2, .cms-index-index .col-2{ float:left; display:inline; width:50%;}
.cms-page-view .col2-set, .cms-index-index .col2-set{ float:none; clear:both;}

.cms-index-index .col-1{ float:left; display:inline; width:45%; padding-right:3%;}
/**
  * @subsection News
  * @note		Bei #article darf auf keinen Fall position: relative stehen.
  * 			Ansonsten muss die Positionierung von #logos und #subnavigation angepaßt werden.
  *
  */
	#article {	float: right;	display: inline;	width: 450px;	margin-right: 35px;	}
  @-moz-document url-prefix() {
    /* Reiner Firefox-content */
    #article {  margin-right: 20px;  }
  }
	#article a, #articlewide a {color: #2e82ab;}
	#article a:hover, #articlewide a:hover {	color: #84b02c;	}

    h3 {font-size: 16px; font-weight: bold;	margin-bottom: 10px;	}
	.news {	position: relative;	margin-bottom: 10px;	clear: both;}
	.news p {	margin-bottom: 10px;	}
	.news p.more {	margin-bottom: 40px;	}
	.news h3 a {	color: #000;	text-decoration: none;	font-weight: bold;}
	.news h3 a:hover {	color: #84b02c;	text-decoration: underline;	font-weight: bold;	}


/**
 * @subsection 	Logos
 *
 */

	#logos {	position: absolute;	left: 10px;	bottom: 0; }
	#logos li {	list-style-type: none;	margin-top: 20px;	}

/**
  * @section Rechte Spalte
  *
  */

	#supportcol { float: right; display: inline; width: 225px; margin-right: 50px; line-height: 1.4em; }
	.box {	position: relative;	padding: 0 0 30px 0;	background: url(../img/linien/trennstrich.gif) no-repeat bottom left;	margin-bottom: 10px;	}
	.box h3 {	margin-bottom: 20px;}
	.box .more {	margin-top: 10px;}
	.box a {	color: #2e82ab;	}
	.box a:hover, .box a:active  {	color: #6da120;	}
	form div {	position: relative;	margin: 0;}

	.socialmedia ul{list-style: none}
	.socialmedia ul li{float:left;margin-right:18px;}

/**
  * @subsection Abwandlungen der Unterstriche
  *
  */

	#anmeldung {	background-image: url(../img/linien/linie_1.gif);}
	#warenkorb {	background-image: url(../img/linien/linie_2.gif);	}
	#sofortspende {	background-image: url(../img/linien/linie_3.gif);	}
	#newsletterbox {	background-image: url(../img/linien/linie_4.gif);	}

/**
  * @subsection Loginformular
  *
  */
  .mini-login p{margin-bottom:0}
  .mini-login ul{list-style: none;}
  .mini-login ul li a{padding: 0 0 2px 12px; background: url(../img/lnk_blue.gif) no-repeat 0 4px;}

  #loginform .textfield { margin-bottom: 0;}
  #loginform div { margin-bottom: 10px; }

	#loginform p {	margin-bottom: 10px;	color: #2e82ab;	}
	#loginform p a, #loginform p a:link, #loginform p a:visited {	color: #2e82ab;	}
	#loginform p a:hover, #loginform p a:active {	color: #84b02c;	}


/**
  * @subsection Nummer mit rundem Hintergrund
  *
  */

	.number1, .number {
		background: url(../img/buttons/gruener_kreis.png) no-repeat 1px 1px;
		padding: 3px 12px 4px 8px; /*  einstellige Zahl */
	}
	.number2 {
		background: url(../img/buttons/gruener_kreis.png) no-repeat 1px 1px;
		padding: 3px 4px 4px 4px; /* zweistellige Zahl */
	}

	.number1 a, .number2 a, .number a {  color: #fff; text-decoration: none; }
	.number1 a:hover, .number2 a:hover, .number a:hover { text-decoration: underline; color: #fff;	}


/**
  * @subsection Sofortspende
  *
	#paypallogo { float: left; display: inline; margin-top: 10px;}
	#paypallogo img { display: block; }
	#direct {
		float: right;
		display: inline;
		background: url(../img/buttons/bt_hoch_ohne_lo.png) no-repeat top left;
		width: 126px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
	#direct:hover {  background: url(../img/buttons/bt_hoch_ohne_hi.png) no-repeat top left; color: #fff; }
  */
/**
  * @subsection Ich möchte helfen
  *


	#help a {
		float: right;
		display: inline;
		background: url(../img/buttons/bt_hoch_ohne_lo.png) no-repeat top left;
		width: 126px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
  */
/**
  * @subsection Newsletterformular
  *
  */

	#newsletter { margin-top: 10px;	}


/**
  * @subsection Warenkorb
  *
  */
	.mini-cart p{margin:0;}
	.mini-cart .actions a{display:block;margin:8px 0;color:#2e82ab;font-size:14px;font-weight:bold; padding-left: 12px; background: url(../img/lnk_blue.gif) no-repeat 0 4px;}
	.mini-cart .actions a:hover{color:#6da120;}
	.mini-cart p.noitemsincart{margin-bottom:12px;}
	.mini-cart ul {padding: 0 0 2px 18px;}
	span.price {white-space: nowrap;}

	#shoplnk {float: right;display: inline;position: relative;margin: 0;}
	#shoplnk img {display: block;position: relative;}
	#shoplnk:hover img{ bottom: -1px; right: -1px;	}

/**
 * @subsection Spendenkonto
 */
 #spendenkonto a{display:block;margin:8px 0;color:#2e82ab;font-size:14px; padding-left: 12px; background: url(../img/lnk_blue.gif) no-repeat 0 4px;}


/**
  * @subsection Promi
  *
  * Das Hintergrundbild unterscheidet sich hier von allen anderen.
  * Es ist breiter. Kann sein, daß das ein Problem wird.
  *
  */

	#promi, #promi2 {
		width: 235px;
		padding: 10px 0 20px 0;
		position: relative;
	}
	#promi{ background: url(../img/linien/alisa_jung.png) no-repeat bottom left;}
	#promi p { margin-right: 100px;}

    #orphanagecontact p{background: url(../img/brief.gif) no-repeat bottom right;}
/**
  * @subsection Zuletzt angesehene Seiten
  *
  */

	.lastseen {	list-style-type: none;}
	.lastseen a {	color: #2e82ab;}
	.lastseen a:hover, .lastseen a:active  {	color: #6da120;	}

/**
 * @section		Wunschliste
 *
 */

	#wishlist-table { width: 460px;	margin-left: 0;}
	#wishlist-table textarea {	width: 170px;	height: 100px;	border: 1px solid #ccc;	padding: 5px;	}
	#wishlist-table a {	color: #2e82ab;}
	#wishlist-table a:hover {	color: #6da120;	}
    #wishlist-table td{ vertical-align: bottom;}

/**
 * @subsection		Formatierung der Hinweistexte
 *
 */
	.messages, .messages ul { list-style-type: none;}
	.messages{ margin-bottom: 20px;}
	.messages li.success-msg {border: 1px solid #6da120; padding: 10px;}
	.messages li.error-msg{ border: 1px solid red; padding: 10px;}
	#article .messages li{margin:0!important;}

	.messages a { color: #2e82ab; }
	.messages a:hover { color: #6da120;	}

/**
  * @section Checkout
  *
  */


.required{color: #6da120;}

	ul.checkout-types {	list-style-type: none;	margin-bottom: 20px;}
	ul.checkout-types a { color: #2e82ab; }
	ul.checkout-types a:hover { color: #6da120;	}
	#shopping-cart-table tbody td, #shopping-cart-table tfoot td {	text-align: center;	vertical-align: middle;	}
	#shopping-cart-table a { color: #2e82ab;	}
    #shopping-cart-table thead th {	text-align: center;	}
	#shopping-cart-table a:hover {	color: #6da120;	}
	#shopping-cart-table td strong { padding-right: 40px; }
	#shopping-cart-table tfoot td {	text-align: right;	}
	#shopping-cart-table td .input-text {	width: 30px; text-align: center; margin: 0 auto; padding: 0 !important;	}
	#shopping-cart-table .continue-shopping {	margin-bottom: 10px; }
	#shopping-cart-table tfoot .price {	font-size: 1.5em; font-weight: bold; }
	#shopping-cart-table .attributes-col dt{font-weight:normal;}
    #shopping-cart-table td .price{white-space:nowrap;}

  /* Benutzerkonto anlegen */
  .new-users, .registered-users { margin-bottom: 20px;}

/**
 * @section		Meist umfangreichere Formulare im Content
 *
 */
	form.contentforms { float: left; width: 100%;}
	form.contentforms br {	display: none;	}
	form.contentforms legend {	font-size: 1.285714em;	font-weight: bold;	margin-bottom: 10px;}
	form.contentforms input.textinput {	display: inline;}
	form.contentforms p {	margin: 10px 0;	}
	form.contentforms label {	display: block;	padding-left: 0 !important;	}

	body.sendfriend-product-send #content a{color: #2e82ab;}
	form#product_sendtofriend_form ul {	list-style-type: none;	}
	form#product_sendtofriend_form textarea {
		width: 472px;
		height: 74px;
		border: 1px solid #ccc;
		padding: 5px;
	}
	form#product_sendtofriend_form .left, .contentforms .left {	float: left; display: inline; width: 220px;	}
	form#product_sendtofriend_form .right, .contentforms .right {	float: right; display: inline;	width: 220px; margin-right: 180px;	}
	.validation-advice { color: red; font-weight: bold; margin: -10px 0 20px 0 !important;	}
	.label_modification {margin-bottom: 20px;}
	.label_modification input, .label_modification label { display: inline !important;	padding-right: 10px !important;	}

	.customer-account-forgotpassword .button-set { width: 100%;	}
	.customer-account-forgotpassword .button-set .right { float:right;	margin-right: 20px;	}

	fieldset.group-select ul { 	list-style-type: none;	}
	fieldset.group-select legend {	display: none; }

	.left {	float: left; display: inline; }
	.right { float:right; display: inline;	margin-right: 20px;	}
	#article .input-text {	width: 193px; }
/**
 * @section		Breiter Inhalt
 *
 */

	#articlewide {	position: relative;	width: 660px; margin: 0 0 30px 30px;}
    .cms-page-view #articlewide ul{margin-left:18px;}
    .cms-page-view #articlewide ul li{padding: 0 0 5px 0;}

/**
 * @section		Checkout
 *
 */

#checkoutSteps h3{font-weight: normal;}
#checkoutSteps .step-title{color: #2e82ab; padding-left: 30px;}
#checkoutSteps .active .step-title{color: #6da120; font-size:18px;}

#checkoutSteps #opc-login .step-title{}
#checkoutSteps #opc-billing .step-title, #steps ul li.opc-billing{background: url(../img/checkout_step_1.gif) no-repeat top left;}
#checkoutSteps #opc-payment .step-title, #steps ul li.opc-payment{background: url(../img/checkout_step_2.gif) no-repeat top left;}
#checkoutSteps #opc-review .step-title, #steps ul li.opc-review{background: url(../img/checkout_step_3.gif) no-repeat top left;}

#checkoutSteps .allow .step-title{background: url(../img/checkout_step_complete.gif) no-repeat top left !important;}
#checkoutSteps .active .step-title{background: url(../img/checkout_step_active.gif) no-repeat top left !important;}

#steps h4{color: #000; font-weight: normal;}
#steps ul{list-style:none;}
#steps ul li{padding: 3px 0 5px 30px;}
#steps ul li.complete{background: url(../img/checkout_step_complete.gif) no-repeat top left !important;}
#steps ul li.complete h4{color: #6da120; font-weight: bold;}

#checkoutSteps #opc-payment .form-list{ padding-left: 25px;}
#payment_form_bankpayment table{width: 80%;}
#payment_form_bankpayment td{width: 50%;}

#checkout-review-table{ width: 100%;}
#checkout-review-table th{font-weight: bold;}
#checkout-review-table .a-right{text-align:right;}
#checkout-review-table .a-center{text-align:center;}
#checkoutSteps .steps #checkout-review-table h4{font-weight: normal !important;}
#checkout-review-table tfoot{ width: 100%; text-align: right;}
#checkout-review-table tfoot strong{display: none;}
#checkout-review-table tfoot .price{float: right; display: inline; font-weight: bold; font-size: 20px; padding: 10px 0; text-decoration: underline;}

#checkoutSteps select#billing-address-select{width: 450px;}
#checkoutSteps .input-box .validation-advice {width:200px;}

#checkout-step-login .col-1 ul  { list-style-type: square; margin-left: 10px; padding-left: 10px; margin-bottom: 10px; }
#checkout-step-login .col-1 ul.form-list  { list-style-type: none; margin-left: 0; padding-left: 0; }
.one-page-checkout, .one-page-checkout ul.form-list, .step form ul { list-style-type: none; margin-left: 0; padding-left: 0;}
.one-page-checkout li { margin: 0 !important;}
#payment_form_ccsave { margin-top: 20px;}

#checkoutSteps label {padding-left: 0 !important; }
#checkoutSteps legend {font-weight: bold; margin-bottom: 10px; }

#checkoutSteps .step p,  #checkoutSteps .step .form-list {	margin-bottom: 10px;}
#checkoutSteps .step h4 { margin-top: 20px; line-height:1.2; font-weight: bold;}
#checkoutSteps .step .col-2 { margin-top: 10px;}
#checkoutSteps p.required { margin: 10px 0;}
#checkoutSteps .textfield, #checkoutSteps .input-text {	width: 185px;}
#checkoutSteps select { width: 195px; }
#checkoutSteps .step .buttons-set { font-weight: bold;}
#checkoutSteps li.section {	padding: 5px 0 20px 0;	background: url(../img/linien/breite_linie.gif) no-repeat bottom left;	}
.form-list li {	margin: 0 !important;	line-height: 18px;}

/* Clearfix */
	#checkoutSteps .step .buttons-set:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 /* Hides from IE-mac \*/
	* html #checkoutSteps .step .buttons-set {height: 1%;}
 /* End hide from IE-mac */
 	#checkoutSteps .step .buttons-set { display: block }
	*+html #checkoutSteps .step .buttons-set { display: inline-block }

#opc-review ol.checkout-agreements { list-style-type: none;}
#opc-review ol.checkout-agreements .agreement-content { height: 300px; overflow-y: scroll; margin-bottom: 30px;}




/**
 *  @section  Userbackend
 */

.account-box{padding-top: 36px; background: url(../img/linien/wishlist_line.gif) no-repeat top left;}
.account-box h3{ color: #2e82ab; display: block; float: none; clear: both;}
.account-box a.submitbtn { float: right; clear: both; display: inline; margin: 10px 10px 0 0; text-decoration: none; text-align: center; line-height: 30px;}
.account-box input.btn{padding-top:0;}

#my-orders-table{ width: 100%;}
#my-orders-table th{ font-weight: bold;}
#my-orders-table th,
#my-orders-table td{ padding: 4px 10px 3px 0px; }
#my-orders-table td.price{ text-align:right; padding-right:30px; }

td.a-center{ text-align: center;}

.account-box .col-1, .account-box .col-2, .col{ width: 50%; float: left; display: inline;}

body.sales-order-history #pages{margin-left: 110px !important;}

.primary-address-list{ width:50%; display: inline; float: left;}
.customer-address-index ul{ list-style: none; margin-left: 0; padding-left: 0;}
.customer-address-index #article div ul li, .customer-address-index #content ul li address{padding-left: 0; margin-left: 0;}

/*
	@section Order Overview
*/
.sales-order-view h5{font-size: 14px;}
.sales-order-view h4{font-size: 18px;}
.sales-order-view address{ line-height: 24px;}
.sales-order-view .col-1{ float:left; display:inline; width:50%;}
.sales-order-view .col-2{ float:left; display:inline; width:50%;}
.sales-order-view .col2-set{ float:none; clear:both; margin-bottom: 20px;}
.sales-order-view .col2-set h4{ font-size: 14px;}
.sales-order-view #my-orders-table{ margin-bottom: 20px;}
.sales-order-view #my-orders-table tfoot{ font-size: 18px; font-weight: bold;}
.sales-order-view #my-orders-table .a-right{text-align: right;}
.sales-order-view #my-orders-table .a-center{text-align: center;}

/**
 *    @section    Buttons
 *
 */

.btn {	color: #036 !important;	font-weight: bold;	text-align: center;	text-decoration: none;	padding: 0;	margin: 0;	border: 0;}
.btn.donate{color: #000!important;}
.btn:hover {cursor:pointer;color:#fff !important;}

.btn-s { display: block; font-size: 14px; width: 72px; height: 35px; background: url(../img/buttons/bt_schmal_klein_lo.png) no-repeat top left;}
.btn-s:hover { background: url(../img/buttons/bt_schmal_klein_hi.png) no-repeat top left;}

.btn-m { display: block; font-size: 14px; width: 126px; height: 35px; line-height: 30px; background: url(../img/buttons/bt_schmal_ohne_lo.png) no-repeat top left;}
input.btn-m {padding-bottom:5px;}
.btn-m:hover {background: url(../img/buttons/bt_schmal_ohne_hi.png) no-repeat top left;}
.btn-m.donate {	height: 40px;	line-height: 40px;	background: url(../img/buttons/bt_hoch_ohne_lo.png) no-repeat top left;}
.btn-m.donate:hover {background: url(../img/buttons/bt_hoch_ohne_hi.png) no-repeat top left;}

.btn-l {display: block;	font-size: 14px; width: 195px; height: 35px;	line-height: 30px;	background: url(../img/buttons/bt_blau_schmal_lang_lo.png) no-repeat top left;}
input.btn-l {padding-top:7px;}
.btn-l.donate {background: url(../img/buttons/bt_schmal_lang_lo.png) no-repeat top left;}
.btn-l:hover {background: url(../img/buttons/bt_schmal_lang_hi.png) no-repeat top left;}

.btn-xl { display: block; font-size: 18px; width: 180px; height: 50px;	line-height: 45px; color: #000 !important;	background: url(../img/buttons/bt_gross_lo.png) no-repeat top left;}
.btn-xl:hover { background: url(../img/buttons/bt_gross_hi.png) no-repeat top left;}

.btn-headteaser {display: block; font-size: 14px; width: 174px; height: 40px; line-height: 40px; background: url(../img/buttons/bt_headteaser.png) no-repeat top left; float:right; margin-right: 55px; color: #000 !important;}
.btn-headteaser:hover {display: block; font-size: 14px; width: 174px; height: 40px; line-height: 40px; background: url(../img/buttons/bt_headteaser_hi.png) no-repeat top left; float:right; margin-right: 55px;}

/*	@subsection Metanav */
#metanavigation .btn-s { position: relative; padding-bottom: 10px; }

/* @subsection MPA boxes */
.box .btn { margin-top: 10px; margin-left: 99px; padding-bottom: 5px;}

/* @subsection Catalog */
#productlist .btn {	position: absolute;	right: 0;	bottom: 0;}
#detail .btn { 	float: right; display: inline;	color: #000;}

/* @subsection User Backend */
.account-box .btn { float: right; display: inline; margin-top:10px;}
.customer-address-form #maincontent .btn {float: right; display: inline; margin-right:30px;}

.button-set { width: 460px;}
.customer-account-create #maincontent button-set { width: 496px;}

/* @subsection Cart + Checkout */
#shopping-cart-table tfoot td { text-align: left !important; padding-top:12px;}
#shopping-cart-table tfoot td.text-right { text-align: right !important; padding: 0 10px 0 0;}
#shopping-cart-table tfoot td.text-right .btn-xl{ float: right; display: inline; margin-top: 10px;}
#shopping-cart-table tbody td .error{text-align:left; color: red;}
#checkoutSteps .step .btn { float: right; display: inline; padding-top:0;padding-bottom:5px;}
.wishlist-index-index #maincontent .btn-xl{ float: right; display: inline;}


#shopping-cart-table input.btn,.customer-address-form input.btn, .wishlist-index-index input.btn{padding: 0 0 7px 0;}

.out-of-stock{ text-align:right; font-weight: bold;}

.popupcontent{margin: 20px; padding: 20px; background: #fff;}
.jserror{margin: 10px; padding: 10px; border: 2px solid red; position: absolute; font-weight: bold; z-index: 2000;}

  @-moz-document url-prefix() {
    /* Reiner Firefox-content */
		input, textarea{
			overflow: auto;
		}
  }

.block-content{background: url(../img/trenner_bloglines.gif) no-repeat 0 100%; padding-bottom:60px; margin-bottom:32px;}
.block-content ul, #linksection ul{list-style:none;}
.block-content ul{margin-bottom:8px;}
.block-content ul li {padding-bottom:10px;}
.block-content ul li span.date{padding-right:6px;}

#linksection div{float:left;width:175px;padding-right:10px;}
#linksection h4{font-size:16px;margin-bottom:6px;}
#linksection ul li{padding-bottom:6px;line-height:inherit;margin:0;padding-left:0;}

#aktionen{background: url(../img/htg_homepage_actions.jpg) no-repeat 0 0;padding:24px 10px 20px;}
#aktionen .aktion{padding:10px 0 35px 10px;}
#aktionen .aktion img{float:left;margin-right:15px;margin-left:15px;}
#aktionen .aktion .text{float:left; width: 330px;}
#aktionen .aktion h3{font-size:16px;}
#aktionen .aktion h3 a{font-weight:bold;}
#aktionen .aktion .btn{float:left;margin-top:46px;}

#aktionen .price {
		float: left;
		display: inline;
		width: 110px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		background: url(../img/artikeldetail/preisschild.png) no-repeat top left;
		text-decoration: none;
		font-size: 1.428571em;
		color: #000;
		position:relative;
		right: 225px;
		top: 10px;
	}
#aktionen .bottom{
	float:right;
	height:50px;
	position: relative;
	padding-top: 0px;
}
#aktionen .qty-label label{
	position: relative;
	right: 220px;
	top: 23px;
}
#aktionen .qty-box input{
	position: relative;
	right: 160px;
}
#aktionen .qty-donate input{
	position:relative;
	right: 0px;
	top: -90px;
}
#aktionen input.qty{
	width: 25px;
}

/* Payment-options for cart-sidebar */
#payment-options{
	margin-top: -4px;
}
#payment-options ul{
	padding: 0 0 2px 18px;
	list-style:disc;
}

.category-description{font-weight:bold; color:#6da120; line-height:24px;}

/* Qty box for list and product view*/
input.qty{
	width: 35px;
}
.productbottom span.qty-box{
	position: absolute;
	right: 150px;
	top: 7px;
}
.productbottom span.qty-label{
	position: absolute;
	right: 200px;
	top: 13px;
}
#categoryteaser .qty-box input{
	position: relative;
	right: -50px;
}
#categoryteaser .qty-label label{
	position: relative;
	right: 10px;
	top: 23px;
}
#categoryteaser .qty-donate input{
	position: relative;
	right: -125px;
	top: -45px;
}

/*Qty box in product detail view*/
.add-to-cart-box #priceaction{
	margin-top: -20px;
	margin-left: -10px;
}
#donate-box{
	margin-top: 60px;
	clear: both;
}
#donate-box span.qty-label{
	position: absolute;
	right: 190px;
	top: 13px;
}
#donate-box span.qty-box{
	position: absolute;
	right: 140px;
	top: 7px;
}