@charset "utf-8";
body {
	font-size: 13px;
	margin: 0px;
	background-color: #fbf2d6;
	background-repeat: repeat-y;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.2em;
	padding: 0px;
	background-image: url(/images/hg_body.gif);
}
.green {
	color: #57ab27;
}
.fieldWithErrors textarea {
	border: solid 2px #FF0000;
}
.fieldWithErrors select {
	border: solid 2px #FF0000;
}
.fieldWithErrors input {
	border: solid 2px #FF0000;
}

#errorExplanation {
	margin-bottom: 20px;
	background-color: #f0f0f0;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	width: 400px;
}
#errorExplanation p {
	color: #7c221f;
	padding: 5px;
}
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}
#errorExplanation h2 {
	font-weight: bold;
	font-size: 12px;
	margin: -7px;
	background-color: #5E1715;
	color: #fff;
	padding: 5px 5px 5px 10px;
	text-align: left;
}
div.uploadStatus {
	margin: 5px;
}
div.progressBar {
	margin: 5px;
}
div.progressBar div.background {
	background-color: #333;
	height: 18px;
	width: 0%;
}
div.progressBar div.border {
	background-color: #fff;
	border: 1px solid #808080;
	width: 100%;
}
img {
	border: 0px;
}
img.navi_button {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c3957b;
}
div {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
	margin: 0px;
	padding: 0px;
}
a:link {
	padding-right: 15px;
	border-bottom: 1px dotted #7c221f;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #7c221f;
	background-image: url(/images/link.gif);
	background-position: right;
}
a:visited {
	padding-right: 15px;
	border-bottom: 1px dotted #7c221f;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #7c221f;
	background-image: url(/images/link.gif);
	background-position: right;
}
a:hover {
	border-bottom: 1px solid #7c221f;
	text-decoration: none;
}
a.submenu {
	color: #7c221f;
	border: none;
	display: block;
	padding-left: 38px;
	background-image:url(/images/subnavi.gif);
	background-position:17px top;
	margin-bottom:5px;
	min-height:17px;
	padding-right: 0;
}
a.submenu:visited {
	color: #7c221f;
	border: none;
	display: block;
	padding-left: 38px;
	background-image:url(/images/subnavi.gif);
	background-position:17px top;
	margin-bottom:5px;
	min-height:17px;
	padding-right: 0;
}
a.submenu:hover {
	background-color: #7c221f;
	color: #ffffff;
	text-decoration: none;
	border: none;
	padding-left: 38px;
	background-image:url(/images/subnavi.gif);
	background-position:17px top;
	margin-bottom:5px;
	min-height:17px;
	padding-right: 0;
}
a.submenu_on {
	text-decoration: none;
	background-color: #7c221f;
	color: #ffffff;
	border: none;
	display: block;
	min-height:17px;
	padding-right: 0;
	padding-left: 38px;
	background-image:url(/images/subnavi.gif);
	background-position:17px top;
	margin-bottom:5px;
}
a.submenu_on:visited {
	background-color: #7c221f;
	color: #CCCCCC;
	text-decoration: none;
	border: none;
	display: block;
	min-height:17px;
	padding-right: 0;
	padding-left: 38px;
	background-image:url(/images/subnavi.gif);
	background-position:17px top;
	margin-bottom:5px;
}
a.submenu.inactive {
	background-image:url(/images/subnavi_inactive.gif) !important;
}
a.submenu_on.inactive {
	background-image:url(/images/subnavi_inactive.gif) !important;
}
a.white-border {
	padding-right: 15px;
	border-bottom: 1px dotted #ffffff;
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/images/link2.gif);
	background-position: right;
}
a:hover.white-border {
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	color:#FFF;
}
a:visited.white-border {
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	color:#FFF;
}
a.no-border, a.no-border:visited, a.no-border:active, a.no-border:hover, .ssl-info a, .ssl-info a:visited, .ssl-info a:active, .ssl-info a:hover {
	padding-right: 0;
	border: none;
	background-image: none;
}

.ssl-info { position:relative; padding-right:150px; height:55px; }
.ssl-info img { position:absolute; right:0; top:0; }

input {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.text {
	margin-bottom: 10px;
	height: 18px;
}
input.suche {
	height: 13px;
	margin-right: 4px;
	width: 105px;
}
input.suche_button {
	font-weight: bold;
	width: 40px;
}
input#user_uid_land { text-align:center; }

.indent {
	margin-left: 15px;
}
#Header_ganz {
	position: absolute;
	left: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	padding: 0px;
	height: 150px;
	background-image: url(/images/banner_mitte.jpg);
	z-index: 2;
	top: 0px;
	width: 100%;
}
#Header_links {
	position: absolute;
	left: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	padding: 0px;
	height: 150px;
	background-image: url(/images/banner_links.jpg);
	width: 559px;
	top: 0px;
}
#Header_rechts {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 150px;
	right: 0px;
	width: 248px;
	top: 0px;
}
#navigation {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	top: 150px;
	width: 199px;
}
#navigation li { position:relative; }

#navigation li.admin {
	height: auto;
	margin-left:17px;
	list-style-type:none;
	margin-bottom:5px;
}
#navigation li.admin a {
	background-image:none;
	padding-right:0;
}

#navigation img.neu-label { position:absolute; right:-13px; top:-10px; }

#versand, #presse, #newsletter, #links {
	margin-bottom: 10px;
}

#shop-tools { position:absolute; top:138px; left:219px; background:url(/images/hg_tools.jpg) no-repeat; width:750px; height:37px; z-index:40; }

#login-logout {
	position: absolute;
	font-size: 11px;
	left:20px;
	z-index: 50;
	top:3px;
}
#shopping_cart {
	position: absolute;
	left:275px;
	font-size: 11px;
	z-index: 50;
	top:3px;
}
#shopping_cart_item_amount {
	margin: 3px 3px 8px 3px;
}
#shopping_cart img.waren-napf { position:absolute; top:-21px; left:96px; z-index:1; }
#shopping_cart span { position:relative; z-index:100; }

#suche {
	position: absolute;
	left: 553px;
	top: 15px;
	width:170px;
	z-index: 50;
}
#suche label { display:none; }

.zum-warenkorb {
	padding-right: 9px;
	text-align: right;
	padding-bottom: 6px;
}
.zum-warenkorb a {
	padding-right: 0;
	border: none;
	background-image: none;
}
.zum-warenkorb input {
	margin-bottom: -7px;
	margin-top: 7px;
}

#Headline {
	position: absolute;
	margin: -45px -20px 0px -20px;
	background-color: #7c221f;
	height: 25px;
	width: 750px;
}
#content {
	position: absolute;
	left: 219px;
	background-color: #e0ccab;
	color: #7c221f;
	top: 175px;
	width: 750px;
}
#content h2 {
	font-size: 15px;
	margin: 0;
	background-color: #af2725;
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	padding: 12px 0 4px 20px;
	background-image: url(/images/hg_headline.gif);
}
#products {
	padding: 20px;
}
#products .admin_icons img {
	background-color: #ffffff;
	padding: 1px;
}
#products h3 {
	margin-bottom: 0;
	font-size: 14px;
	margin-top: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-repeat: no-repeat;
	background-color: #7e2220;
	color: #ffffff;
	padding: 4px 4px 4px 20px;
	background-image: url(/images/hg_headline3.gif);
}
#products .image {
	background-color: #ffffff;
	height: 224px;
	text-align: center;
	width: 156px;
	float: left;
}
#discount_shop {
	float: right;
	width:350px;
}
#products .new {
	font-size: 15px;
	color: #f4a028;
}

#product_show {
	padding: 10px; background-color:#FFF;
}
#product_show .image {
	margin: -10px 0 0 -10px;
	background-color: #ffffff;
	text-align: center;
	float: left;
	width: 336px;
}
#product_show .text {
	font-size: 11px;
	margin-left: 346px;
}
#product_show .prozente {
	margin-top: -10px;
	margin-right: 5px;
	float: right;
}
#zubehoer {
	width: 350px;
	float: left;
}
#Hund_Katze {
	margin: -20px -20px 0 -20px;
}
#linie {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	height: 1px;
	background-image: url(/images/hg_linie.gif);
}
#Footer_rechts {
	position: absolute;
	left: 0px;
	bottom: -38px;
	color: #7c221f;
	z-index: 3;
	width: 750px;
}

div.article { position:relative; }

.preistabelle_head {
	background-color: #7c221f;
	color: #ffffff;
}
.preistabelle_head td {
	padding: 2px 4px;
}
.preistabelle {
	background-color: #fbf2d6;
}
.preistabelle td {
	padding: 2px 4px;
}
.align-right {
	text-align: right;
}
.add_version a {
	color: #ffffff;
}
.menu-edit {
	margin-left: 20px;
}
.flash_info {
  font-weight: bold;
  margin: 0px;
  color: #7c221f;
  padding: 15px;
  padding-left: 50px;
  background: url(/images/flash_info.gif) no-repeat 20px 5px #ffd500;
	min-height:30px;
}
.flash_notice {
	font-weight: bold;
	margin: 0px;
	background-color: #D8FFC3;
	background-repeat: no-repeat;
	color: #006600;
	border: solid 1px #006600;
	padding: 15px;
	padding-left: 40px;
	background-image: url(/images/ok.gif);
}
.flash_warning {
	font-weight: bold;
	margin: 0px;
	background-color: #ffcccc;
	color: #FF0000;
	border: solid 2px #FF0000;
	padding: 15px;
}
div.flash_warning {
	margin-bottom:15px;
	padding:8px;
}
div.flash_warning p {
	font-weight:normal;
	margin-top:0;
	margin-bottom:5px;
}
#product_lines_letters {
	margin: 0;
	list-style: none;
	white-space: nowrap;
	padding: 0;
}
#product_lines_letters li:hover dl {
	display: block;
}
#product_lines_letters dd a:hover {
	border-bottom: none;
	background-color: #7c221f;
	color: #ffffff;
	text-decoration: none;
}
#product_lines_letters li {
	position: relative;
	margin-bottom: -3px;
	display: block;
	z-index: 100;
	margin-right: 6px;
	padding-bottom: 3px;
	float: left;
}
#product_lines_letters dl {
	position: absolute;
	margin: 0;
	background-color: #fbf2d6;
	padding: 0;
	display: none;
	z-index: 100;
}
#product_lines_letters dl dd {
	clear: left;
	margin: 0;
	white-space: nowrap;
	padding: 0;
}
#product_lines_letters dl a {
	display: block;
	padding: 2px 4px;
}
#product_lines_letters a:hover dl {
	display: block;
}
#gesamtpreis {
	margin-top: 10px;
	margin-right:32px;
	text-align: right;
	float: right;
}
#gesamtpreis span { font-size:1.8em; }
#gesamtpreis.overview { margin-right:5px; }
#kassa {
	font-weight: bold;
	clear: right;
	margin-top: 10px;
	margin-right:25px;
	text-align: right;
}
div.radio-payment {
	margin-bottom: 10px;
	background-repeat: repeat-x;
	border: solid 1px #7c221f;
	padding: 7px;
	background-image: url(../images/hg_r-p.gif);
	font-weight:bold;
}
#rechnungs-adresse {
	float: left;
	width: 336px;
}
#liefer-adresse {
	margin-left: 360px;
	width: 336px;
}
#articles {
	padding: 20px 20px 3px 20px; min-height:400px;
}
#articles h3 {
	margin-bottom:0;
	font-size: 14px;
	margin-top: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-repeat: no-repeat;
	background-color: #7e2220;
	color: #ffffff;
	padding: 4px 4px 4px 20px;
	background-image: url(/images/hg_headline3.gif);
}
#articles h4 {
	margin-bottom: 5px;
	font-size: 14px;
	margin-top: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #7c221f;
}
#articles .image {
  margin-left:10px;
	margin-bottom:10px;
  float: right;
}
#articles .article_pictures {
	margin-left:10px;
	width:200px;
	float: right;
}

#articles .article_pictures img { margin-bottom:10px; float:none; margin-left:0; }

.newsletter_article div.images {
  width:200px;
  margin:0 0 10px 10px;
  float:right;
}
.newsletter_article div.images img { margin-bottom:10px; }

#quick_selector {
	position: fixed;
	left: 50%;
	background-color: #e0ccab;
	padding: 20px;
	text-align: right;
	margin-left: -300px;
	z-index: 101;
	width: 600px;
}
#quick_selector table {
	width: 100%;
}
#quick_cart {
	margin-bottom: 20px;
	background-color: #7c221f;
	color: #ffffff;
	border: solid 1px #ffffff;
	padding: 5px;
	text-align: left;
}
#quick_cart a {
	padding-right: 15px;
	border-bottom: 1px dotted #ffffff;
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/images/link2.gif);
	background-position: right;
}
#quick_cart a:hover {
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}
#quick_cart img.waren-napf { position:absolute; top:7px; right:23px; }

#amount-not-available {
	position: fixed;
	left: 50%;
	background-color: #ffffff;
	border: solid 2px #FF0000;
	padding: 5px;
	margin-left: -125px;
	z-index: 150;
	top: 27px;
}

.neue-produkte-hersteller {
	overflow: auto;
	background-color: #fbf2d6;
	padding: 10px;
}
.neue-produkte-hersteller .produkt {
	margin: 2px;
	background-color: #ffffff;
	padding: 5px;
	text-align: center;
	float: left;
	width: 31%;
}
.neue-produkte-hersteller .produkt h4 {
	margin: -5px;
	background-color: #e0ccab;
	padding: 5px;
}
.neue-produkte-hersteller .produkt .prozente {
	margin-top: 5px;
	float: right;
}
div.pagination a {
	padding-right: inherit;
	background-image: none;
}
div.pagination .current {
	font-weight: bold;
}
div.pagination .next_page {
	margin-left: 15px;
}
div.pagination .prev_page {
	margin-right: 15px;
}

/* Ab hier gehört es noch in die less Datei eingepflegt. Gehört wahrscheinlich weiter oben hin!? */

.mini-picture {
	float:left;
	width:80px;
	height:80px;
	margin-top:5px;
	padding:1px;
}
.mini-picture img { cursor:pointer; }

/*#articles { min-height:400px; }*/

#versand_flash { margin:-20px -20px 0 -20px; height:420px; position:absolute; z-index:20; }

.land { width:260px; margin-top:60px; z-index:50; position:relative; }
.land h3 { padding-left:0 !important; background:none !important; color:#7c221f !important; }

/*Schön langsam das CSS bei den Products Containern aufräumen.*/
.product_container {
	position:relative;
	margin-bottom: 10px;
	background-color: #fff;
	width:350px;
	min-height:247px;
}
.product_container .admin_icons {
	position: absolute;
	right: 3px;
	top: 3px;
}
.product_container .admin_icons img {
	background-color: #ffffff;
	padding: 1px;
}

.product_container .prozente {
	margin-right: 0;
	float: right;
}

.product_container h3 {
	margin-bottom: 0;
	font-size: 14px;
	margin-top: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-repeat: no-repeat;
	background-color: #af2725;
	color: #ffffff;
	padding: 4px 4px 4px 20px;
	background-image: url(/images/hg_headline2.gif);
}
.product_container .aktions_preis {
	font-size: 22px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
.product_container img.tn_image { }
.product_container p {
	font-size: 11px;
	margin-top: 0;
	padding: 10px 10px 10px 0;
	text-align: right;
	position:absolute;
	bottom:-5px;;
	right:5px;
}

.product_container p strong { position:absolute; left:0; top:0; }

.product_container .warenkorb-link img {
  margin-bottom:8px;
	margin-top:8px;
}

.product_container .question, #product_show .question {
	line-height:2em;
}

.product_container .bestellinfo {
	font-size:0.8em; padding:10px 5px 10px 10px;
  position:absolute; bottom:85px; left:128px; background:url(/images/sperrgut_bestellinfo_hg-trans.png) no-repeat; width:315px; height:178px; z-index:100; }

.product_container.gutschein { height:auto; min-height:0; }
.product_container.gutschein form { position:absolute; bottom:17px; left:170px; }
.product_container.gutschein p { bottom:40px; }

#new_shop {
	width: 350px;
}

.product_links {
	height: 268px;
	float: left;
}
.product_rechts {
	height: 268px;
	margin-left: 360px;
}

p.botr { display:none; }

h3.inactive { background-image:url(/images/hg_headline3_inactive.jpg) !important; }

img.neuheit { position:absolute; bottom:-10px; left:-10px;  }

.plus_rebate {
	position:absolute;
	bottom:110px;
	left:158px;
	width:74px;
	height:54px;
	background-image:url(/images/prozente/plus_rebate.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	padding:13px 0 0 10px;
	text-align:center;
}

#product_show img.neuheit { bottom:auto; top:17px; left:285px;  }

#product_show .plus_rebate { top:25px; left:515px; }

#promo { position:absolute; top:0; left:50%; margin-left:-60px; z-index:60; width:325px; height:140px; }

tr.trenner td { border-top:3px solid #7c221f; }

#bestellung-abschicken { float:right; margin-bottom:20px; }

div#banners { text-align:center; padding:10px 0; }

.newsletter_article { position:relative; }

.head {
background-color:#802320;
color:#FFFFFF;
font-weight:bold;
}

.head td {
padding:4px;
}

.row-eins {
background-color:#fbf2d6;
}

.row-zwei {
/*background-color:#e0ccab;*/
}

.row-eins td {
padding:4px;
}

.row-zwei td {
padding:4px;
}

.youtube_video {
	position:absolute;
	top:25px;
	left:70px;
	z-index:300;
}
.own_video {
  position:absolute;
  top:25px;
  left:0;
  z-index:300;
}
.youtube_video .close, .own_video .close { position: absolute; top: -20px; right: 0; padding: 2px; background: #ffffff; }
.video_preview { position:relative; }
.video_preview .play_button { position: absolute; top: 55px; left:80px; height:40px; width:40px; }

div.press_release { position:relative; clear:right; }

li.facebook { padding-left:15px; padding-bottom:8px; }

p.share_newsletter_article { margin:0 0 15px 20px; border:1px solid #cad4e7; background:#eceef5; padding:3px; padding-top:0; font-size:10px; width:370px; }
p.share_newsletter_article img { position:relative; top:3px; }
p.share_newsletter_article a { color:#3b5998; }