/* OXID CSS */
/*#################################################################*/
/* Version GN2 */

/* Base */
html {/* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid #574A44; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */}

body,table,input,select,textarea,tt {font:100.1% Arial,sans-serif;}
body {margin:0;color:#362b26; background: #574a44 url(bg/body-bg.gif) center top no-repeat;}



/* Typography, Images */

h1, h2 {font-size: 1.4em; margin: 0 0 10px 0; clear: both;}
h3 {font-size: 1.2em; margin: 0 0 10px 0;}
h4 {font-size: 1em; margin: 0 0 10px 0;}
h5 {font-size: 0.9em; margin: 0 0 10px 0;}
h6 {font-size: 0.85em; margin: 0 0 10px 0; font-weight: normal;}

p {margin: 0 0 10px 0; line-height: 1.4em;}

ul, ol, li { margin: 0; padding: 0;}

hr { height: 0; background-color: #C7C0BD; color: #C7C0BD; border: none; margin: 3px 0 15px 0; width: 100%; clear:both; border-top:1px dotted #362b26;}

a {color:#574a44; text-decoration: none;}
a:hover { color: #ed7913 /* WARMGRAU hell #7a5c4e*/; text-decoration: none;}
#maincontent a {color:#362b26;text-decoration: underline;}
#maincontent a:hover {text-decoration: none;}

dl, dt, dd {margin:0;}


img  {border:none;}

.right {float:right;}
.left  {float:left;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both, .clear {clear: both;}

.err {color:#487f00;font-weight:bold;} /* Fehlermeldungen */
.errorbox {color: #487f00; font-weight:bold; float: left; clear: both; width: 100%; margin-bottom: 13px;} /* Fehlermeldungen */
#maincontent .mini-dellink, .mini-dellink {text-decoration: none;} /* Sternchen verlinkt zur Steuer- und Versandkosten-Info */
.more {} /* Weiterlesen- oder MehrInfo-Links */
.req_note {font-size: 0.85em; line-height: 1.15em;} /* in Formularen */
.note {font-style: italic;} /* in Formularen */
.note.birthday {margin-left: 155px; width: auto;}
.msg {font-weight:bold; float: left; clear: both; width: 100%; margin-bottom: 13px;} /*Nachricht z.B. Warenkorbmeldung */

.invsbl { position:absolute; top:-5000em; left:-5000em; overflow:hidden; text-indent:-5000em; margin: 0;} /* unsichtbare Inhalte */



/* Forms */

form {margin: 0; padding: 0; font-size:1em; float:left; clear: both; }
form p {margin:0; padding: 0 0 5px 0; float:left; clear:both; width:100%;}
fieldset {border: none; padding: 0; margin: 0;}
label {margin:0 5px 0 0; float:left;}
input, select, textarea {float:left;margin: 0 5px 0 0;border:2px solid #ECEAE5;background-color:#d3cdca;padding:1px 2px;}
select {padding:1px;}

input.btn {float:left; background-color: #ECEAE5; border:none;padding:2px 5px; color:#ED7913;font-weight: bold; width:auto; cursor: pointer;}
p.btn, span.btn {/*background: transparent url(bg/buttons_ce_.gif) right -150px no-repeat;*/}
p.btn input, span.btn input {/*background: transparent url(bg/buttons_ce_.gif) no-repeat left -150px;*/}

input.chbox, input.chk, input.radio {vertical-align:middle; width: auto !important; background: transparent !important; border: none !important;}
input.openid {/*background: #FFFFFF url(bg/openid-icon-small.gif) no-repeat 0pt 50%;*/}

p.amount {margin-right: 5px;}
p.amount,p.tocart {width: auto; float: left; clear: none; padding: 0;}
p.amount label {margin:0.35em 0.4em 0 0;}
p.tocart input {height: 2.1em; background: #eceae5 url(bg/tocart-bg.gif) right center no-repeat; color: #ed7913; border: none; padding:0 35px 0 10px;}

/* Tables .....*/

table {float:left; clear:both; border-collapse: collapse; margin-bottom: 15px; line-height: 1.15em; width: 100%;}
th {border-top: 1px dotted #53433b; border-bottom: 1px dotted #53433b; text-align: left; vertical-align: top; padding: 4px 2px;}
td {border-top: 1px dotted #53433b; border-bottom: 1px dotted #53433b; text-align: left; vertical-align: top; padding: 4px 2px;}


/* layout Container Grundstruktur  */
#page    	{width:956px;margin: 0 auto; position: relative;}
#branding	{width: 878px;float:left; clear: both; position:relative; font-size: 0.7em; min-height: 80px;background: transparent url(bg/branding-bg.png) left top no-repeat; padding: 50px 40px 0 38px; margin-top: 40px;}

#branding .lang_curr {position: absolute; width:300px; height:38px; right:28px; top:-39px; float: right; }
#branding .lang_curr ul {float: right;margin:10px 0 0 13px;}
#branding .lang_curr li {display: inline; list-style: none;margin-left:6px;line-height: 0px;}
#branding .lang li a {opacity: 0.6; -moz-opacity: 0.6;filter: Alpha(opacity=60);}
#branding .lang li a.act, #branding .lang li a:hover {opacity: 1; -moz-opacity: 1;filter: Alpha(opacity=100);}
#branding .lang li a.act {cursor: default;}
p.social {/*position: absolute; right:35px; top:20px;*/ float:right; height: 38px; margin:0;}

#metanavigation,
#categorynavigation-top	{width: 956px;float:left; clear: both; font-size: 0.75em; border-top:1px solid #ccc; padding: 5px 0;}
#categorynavigation-top	{border-bottom: 1px dotted #53433b;}


#path {float:left;clear:both;font-size:0.9em;margin: 0 19px 17px 0;width:711px;border-bottom:1px dotted #53433B;}
#mainbody #path a {color:#574a44; text-decoration: none;}
#mainbody #path a:hover { color: #7a5c4e;}

.pathnav {margin: 5px 0; font-weight: bold;}


#mainbody	{float:left; clear: both; font-size: 0.8em; padding: 0 19px 45px 19px; width: 918px; background-color: #c7c0bd;}
#content 	{width: 100%; float:left;}
#maincontent {width: 700px;float:left;margin:20px 15px 0 15px;}
div.start #maincontent,
div.list #maincontent,
div.details #maincontent {width: 730px;margin:0;}
div.start #maincontent {width:100%;}
div.basket #maincontent,
div.payment #maincontent,
div.order #maincontent,
div.user #maincontent,
div.thankyou #maincontent {width: 730px;margin:15px 0 0 0;}
.subcontent {width: 188px;float:right;margin-top:23px;}
#siteinfo  	{ min-height: 45px; float: left; clear:both; font-size: 0.7em; padding: 0 19px 20px 19px; width:918px; background: transparent url(bg/siteinfo-bg.gif) left bottom no-repeat;margin-bottom:45px; position: relative;}

#siteinfo-content {border-top: 1px dotted #53433b; padding-top: 10px;float: left; width: 100%;}


.submenu-footer { display: block; height: 20px; width: 100%; background: transparent url(bg/subcontent-bg.gif) left bottom no-repeat;}
.submenu {display: block; background-color: #fcfaf6; }
div.start .submenu-content {min-height:339px;}
.submenu ul {padding: 10px 21px 10px 19px; width: 148px;}
.submenu li {line-height: 20px;}
.submenu li a {display: block;}
.submenu li a:hover {color:#ed7913;}

#groessenempfehlungen {padding:0 21px 0 19px; width:148px; height: 273px; float: left; clear: both; margin-top: 2px; background: transparent url(bg/groessenempfehlungen.gif) left top no-repeat;}

#groessenempfehlungen p {color: #fff; font-weight: bold; line-height:1.2em; margin: 12px 0 0 0;}

/* deaktiviert 25.01.2011
.kidtested {float: left; clear: both; margin-top: 2px; padding-top: 15px; background: transparent url(bg/kidtested-top.gif) left top no-repeat;}
.kidtested-content {float: left; clear: both; background: #574a44 url(bg/testsiegel.gif) right bottom no-repeat; padding: 0 21px 0 19px; width: 148px; min-height: 170px;}
.kidtested-footer {width: 188px; float: left; clear: both; height: 15px; background: transparent url(bg/kidtested-bottom.gif) left bottom no-repeat;}
.startpage .kidtested-content {min-height: 170px;}
.kidtested h3, .kidtested p, .kidtested a {color: #ffffff;}
.kidtested p {font-size: 0.85em; float: left;}
.kidtested p.kidtested-img {float: right; width: 44px;margin:5px -5px 0 5px;}
.kidtested a {float: left; clear: both; text-decoration: underline; width: 100%;}
.kidtested a:hover {text-decoration: none; color: #ffffff;}
*/

/* Blank pages, popups */
body.plain {background:#C7C0BD;}
body.plain #page {margin: 20px; padding: 0; width: auto; font-size: 0.8em;}
body.plain ul,
body.plain ol {margin: 0 0 18px 16px;padding: 0;}
body.plain ol {margin: 0 0 18px 26px;}
body.plain li {margin: 0 0 4px 0;line-height: 1.4em;}

/* Startseite */
div#body.startpage {}

div.start h3 {font-size: 1em;} 
#startpage-img {width:100%; height: 445px; float: left;clear:both; margin-bottom: 2px; overflow: hidden;}
#startpage-img img {display: block;}

/* deaktiviert 25.01.2011
#startpage-news {width: 212px; min-height: 167px; float: left; margin-right: 2px; padding-top: 20px; background: transparent url(bg/startpage-news-top.gif) left top no-repeat; }
.news-content {float: left; padding: 0 19px; width: 174px; color: #fff; background-color: #ed7913; min-height: 160px;}
#maincontent .news-content a {color: #fff;}
#startpage-news p {font-size:0.95em; line-height:1.3em; margin:0 0 5px;}
.news-footer {float: left; width: 100%; background: transparent url(bg/startpage-news-bottom.gif) left bottom no-repeat; height: 20px;}
*/

#startpage-welcome {float:left; width: 363px; min-height: 184px; padding-top: 16px; background: transparent url(bg/bg-infobox_363_green.png) right -184px no-repeat; position: relative;margin-right: 2px;}
.welcome-content {min-height: 179px; float: left; padding: 0 25px 5px 25px; width: 313px; color: #f5f3ef; background: #71a42e url(bg/bg-infobox_363_green.png) left bottom no-repeat;}
#maincontent .welcome-content a {color: #f5f3ef;}
#startpage-welcome p, #maincontent #startpage-welcome li {font-size:1.1em; line-height:1.2em; margin:0 0 5px 0; text-shadow:#417014 1px 2px 2px; letter-spacing: 0.05em;}
#maincontent #startpage-welcome ul {margin:0;}
#maincontent #startpage-welcome li {margin: 0 0 3px 0; list-style: none; background: transparent url(bg/list-bullet.png) left center no-repeat; padding-left:25px;}
#startpage-welcome h3 {text-shadow: #417014 1px 2px 2px; font-size: 1.5em; margin: 0 0 12px 0;letter-spacing: 0.05em;}
/*.welcome-footer {float: left; width: 100%; background: transparent url(bg/startpage-welcome-bottom.gif) left bottom no-repeat; height: 20px;}*/


#startpage-siegel {width:363px;height: 200px; float:left;}


/* news ab 28.02.2011 in #content (statt rechte Spalte) */
#news {width: 188px; min-height: 184px; padding-top: 16px; margin-left:2px; background: transparent url(bg/bg-infobox_188.png) right -172px no-repeat; position: relative; float:left;}
.news-content {min-height: 179px; float: left; padding: 0 19px 5px 19px; width: 150px; color: #f5f3ef; background: #f37e18 url(bg/bg-infobox_188.png) left bottom no-repeat;}
#maincontent .news-content a {color: #f5f3ef;}
#news p {font-size:1.05em; line-height:1.3em; margin:0 0 5px; text-shadow:#c44a0a 1px 1px 1px; letter-spacing: 0.05em;}
#news h3 {text-shadow:#c44a0a 1px 2px 1px; font-size: 1.25em; margin: 0 0 7px 0;letter-spacing: 0.02em;}

#news a.arrow, #startpage-welcome a.arrow {width: 44px; height: 44px; display: block; position: absolute; right: 20px; bottom: 8px; background: transparent url(bg/arrow_44.png) 0 0 no-repeat;}
#news a.arrow {right: 20px;}

/* Bewertungen eKomi */
.ekomi {float: left; clear: both; margin-top: 2px; padding-top: 15px; background: transparent url(bg/kidtested-top.gif) left top no-repeat;}
.ekomi-footer {width: 188px; float: left; clear: both; height: 15px; background: transparent url(bg/kidtested-bottom.gif) left bottom no-repeat;}
.ekomi-content {float: left; clear: both; background: #574a44; padding: 0 19px 0 19px; width: 150px; min-height: 170px;}
.ekomi-content a {display: block;line-height: 1px;}

/* Prüfsiegel */
.siegel {padding-top:2px; clear: both;}
.siegel a {display: block; line-height: 1px;}


/*bg: Dropdowns */
.dropdown { visibility: hidden; display:block; position:absolute; left:0;top:100%;padding:0;margin:0;z-index:1000;}
.open .dropdown { visibility: visible; }


/* layout Kopfbereich */
#branding h1 {position: absolute;}
p.logo, p.logo a {width: 287px; height: 50px; display: block; float: left; margin: 0;outline:none;}
p.logo-print {display: none;}
p.special {position: absolute; top:44px; left:299px;width:80px;height: 88px; margin:0;} /*08.12.2011 Weihnachtshund neben Logo */
/*p.interzoo {position: absolute; top:50px; right:40px;width:468px;height: 60px;}*/

/* Minibasket, Miniaccount Top, Versandkosten-Info */

#metacontent, #top-account, #deliver-info {float: right; border-left: 1px dotted #c8c0b5; min-height: 70px;}

#metacontent {width: 107px; background: transparent url(bg/top-basket-bg.gif) 9px 0 no-repeat; padding: 0 10px 0 48px;}
#top-account {width: 140px; background: transparent url(bg/top-account-bg.gif) 9px 0 no-repeat; padding: 0 10px 0 35px;}
#top-account p,
#metacontent p {margin: 0; line-height: 1.05em;}

#top-account ul {list-style-type: none; margin-top: 4px;}
#top-account li {line-height: 1.15em;}
/*#top-account li a {text-decoration: underline;}
#top-account li a:hover {text-decoration: none;}*/

#deliver-info {width:208px;}

#top-basket-acc {float:right; width: 300px;margin:20px 0; }
#top-basket-acc p {margin:0;line-height: 1.2em;}
.minibasket-top	{width: 100%; float:right;}
.miniaccount-top {width:100%; float:left;}

#branding h4 {margin: 0 0 2px 0;}
#branding h4 a {text-transform: uppercase; font-size: 12px;}


/* Navigation Top - Service-/Infonavigation, Sprach-/Waehrungswahl, Kategorienavigation horizontal */
#metanavigation li, #categorynavigation-top li {list-style: none; display: inline; margin: 5px;} 

.service-nav, .info-nav {}
.service-nav {}
.lang_curr {}
.home-wish {}
/*.submenu .lang {padding-bottom: 5px;}
.submenu .lang li, .submenu .lang li a {display: inline;}
.submenu .lang li a, .submenu .lang li a:hover {opacity: 1; -moz-opacity: 1;filter: Alpha(opacity=100);}
.submenu .lang li a.act {opacity: 0.5; -moz-opacity: 0,5;filter: Alpha(opacity=50);}
.submenu .lang li {display: inline;margin-right: 3px;line-height: 0px;}*/
.currency {}

.startpage #categorynavigation li.cat_home a {color: #ed7913;}


#categorynavigation {width: 100%; overflow: hidden; background-color: #C7C0BD; float: left; clear: both;}
#categorynavigation ul {display: block; height: 40px; width: 918px; margin: 0 19px; background-color: #574a44; border-bottom: 1px dotted #a29a95;}
#categorynavigation li {display: block; float: left; height: 30px; border-right: 1px dotted #a29a95; height: 40px;}
#categorynavigation a {color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; text-align: center; padding: 12px 0;}
#categorynavigation-top a {font-weight: bold; font-size: 1.2em; color:#333;}
#categorynavigation a.exp{ color:#ed7913;}
#categorynavigation a:hover {color: #ed7913;}
a#HeaderHome {}

/* de */
#categorynavigation li.cat_home, #categorynavigation li.cat_home a {width: 144px;}
#categorynavigation li.cat1, #categorynavigation li.cat1 a {width: 244px;}
#categorynavigation li.cat2, #categorynavigation li.cat2 a {width: 181px;}
#categorynavigation li.cat3, #categorynavigation li.cat3 a {width: 173px;}
/*#categorynavigation li.cat4, #categorynavigation li.cat4 a {width: 212px; border-right: none;} */
#categorynavigation li.cat_partner, #categorynavigation li.cat_partner a {width: 171px; border-right: none;}
/* en */
#en #categorynavigation li.cat_home, #en #categorynavigation li.cat_home a {width: 154px;}
#en #categorynavigation li.cat1, #en #categorynavigation li.cat1 a {width: 250px;}
#en #categorynavigation li.cat2, #en #categorynavigation li.cat2 a {width: 135px;}
#en #categorynavigation li.cat3, #en #categorynavigation li.cat3 a {width: 203px;}


/* layout Siteinfo (Standard: Footer) */
#siteinfo a {color: #4e4643; }
#siteinfo a:hover {color: #71655f;}
#siteinfo .active a, #siteinfo .active a:hover {color: #d1670a;}
#siteinfo li {list-style-type: none; }
#siteinfo p.cc {margin:10px 0; text-align: center;}
#siteinfo .infotext {text-align: center;}

#siteinfo p#delivery_link {text-align: right; float: right; width: 25%; /*padding-right: 15px;padding-top: 5px;*/ position: absolute; right:30px; bottom:5px; height: 30px;}


/* alte Version bis 28.02.2011
#siteinfo .infonavigation ul {text-align: center; padding: 10px 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#siteinfo #footer-nav {width: 70%; float: left; padding-left: 11px;}
#siteinfo #footer-nav a {font-weight: bold; text-transform: uppercase;}
#siteinfo #footer-nav li {display: inline; padding: 0 8px 0 9px; border-right: 1px solid #776b65;}
#siteinfo footer-nav li.last {border-right: none;}
*/

#siteinfo ul.col {float:left; width:23%; margin-right: 2%; font-weight: bold; font-size: 1.2em; padding-top: 5px;}
#siteinfo ul.col.last {margin-right: 0;}
#siteinfo ul.col.first {margin-left:1.6%; width:21.4%;}
#siteinfo ul.col li {display: block; margin-bottom: 12px;}



/* layout Subcontent (Standard: linke + rechte Spalte) 
***********************************************************************************/
.subcontent h3 {font-size: 1.1em; margin-bottom: 5px;}
.subcontent h3 a {}
.subcontent li {list-style-type: none;}
.subcontent li.active a {color: #ed7913;font-weight:bold;}

.subcontent .box {}


/* Produktlisten Topseller, Schaeppchen, Lieblingslisten, Miniwarenkorb */
.listitem {float:left; clear: both; width: 100%; margin-bottom: 5px;}
.listitem .artpic {float:left;margin:0 5px 5px 0; width:56px; overflow: hidden;}
.listitem .arttxt {float:right; width:107px;}
.listitem .arttitle {font-size: 0.88em; line-height: 1.3em; margin-bottom: 4px;}
.listitem .artprice {display:block; font-weight: bold; font-size: 1.1em;}
.listitem .artorder {display:block; font-weight: bold;}
.arttitle.recomm-search {font-size: 0.9em; clear: both; margin-bottom: 0px;}
.recommlistauthor span {display:block;}


/* Produkte Zubehoer, aehnliche Produkte, Cross selling, Andere kauften auch ... 
mit Icon, Titel, Preis bzw. Anzahl 
abhaengig von Klasse .product, die auch im #maincontent verwendet wird */
/*.product.mini {float:left; clear: both; width: 100%; padding-bottom: 0; border-bottom: none; min-height: 50px;}
.product.mini .artpic {float:left;margin:0 5px 5px 0; width:56px; height: 42px; overflow: hidden;}
.product.mini .arttxt {float:right; width:107px;}
.product.mini .arttitle a {}
.product.mini .artamount,
.product.mini .artprice {display:block; font-weight: bold; font-size: 1.1em;}
.product.mini .artnum {display: block;padding-top:2px;}
.product.mini .artactions {font-size: 0.9em;}
.product.mini .mini-tocart {float:right;padding-top: 4px;}
.product.mini .mini-tocart input.btn {background: #fff url(bg/buttons_ce_.gif) no-repeat scroll 0 0; width:21px;height: 19px; border:none;}*/

.details  #maincontent .moredetails .crosssell,
.details  #maincontent .moredetails .media { /*border-bottom:1px dotted #53433B;*/ margin-bottom: 0; border-top: 1px dotted #53433B; padding-top: 20px;}
.crosssell .product.mini.last {margin-right: 0;}
.crosssell .product.mini {float:left;margin:0 17px 17px 0;min-height:200px;width:165px;clear: none;}
.crosssell .product.mini .artpic {float:left;height:auto;margin:0 0 5px 0;width:165px;height: 165px;overflow: hidden;}
.crosssell .product.mini .arttxt {clear:both;float:left;position:relative;width:100%;}
.crosssell .product.mini h4.arttitle {font-size:1.1em;color:#362B26;line-height: 1em;margin:0;}
.crosssell .product.mini h4.arttitle a {color:#362B26;text-decoration: underline;}
.crosssell .product.mini h4.arttitle a:hover {text-decoration: none;}


/* Aktivzustaende Navigationen */
li a {}
li a.has{}
li a.root{}
li a.exp{ color:#ed7913;}
li a.act{}
li a.exp.act{}


/* Nachrichten */
.news {}
.news dd.more {}

/* Partner TrustedShops und co.*/
.partners {}



/* layout Maincontent 
*******************************************************************/

/* Typografie */
#maincontent h2 {width: 100%; font-size:1.6em;}
#maincontent ul,
#maincontent ol {margin: 0 0 18px 16px;padding: 0;}
#maincontent ol {margin: 0 0 18px 26px;}
#maincontent li {margin: 0 0 4px 0;line-height: 1.4em;}

#maincontent .box {float:left; clear: both; width: 100%; margin-bottom: 13px;}

/* RSS */
a.rss {background: transparent url(bg/rss.gif) 0 0 no-repeat;}


/* Startseite */
.welcome {margin-bottom: 20px;padding-bottom:10px; border-bottom: 1px dotted #ccc;}

/* CMS-Seiten Bilder */
.news-pic {line-height: 0;}
.news-pic img {margin:0 10px 10px 0;}

/* Listenansicht Kategorie */

span.artcount {font-weight: normal; font-size: 0.8em;}

.catpic {width:530px; overflow: hidden;}
.subcats {background: #eee; padding:4px 6px; margin-bottom: 10px;}
.subcattxt {margin-bottom: 0;}
span.act-cat {font-weight: bold;}
.subcatlist {}
.subcatlist li {display: inline; list-style-type: none; margin-right: 10px; margin-bottom: 4px;}

.locator { border-bottom:1px dotted #53433b; float:left; clear:both; width: 711px; margin-right: 19px; font-size: 0.9em;}
.locator.Top {margin-bottom: 20px;}
.locator.Bottom {margin-top: 20px;}
.locator p {margin: 5px 0;}
.pageloc, .artperpage {float:left; width: 45%;}
.pagenav, .artsort {float:right; width: 45%; text-align: right;}
.sort {clear: both; border-top:1px dotted #ccc;}
.pagenr {padding:2px 4px;}
.nextpage {margin-left:5px;}
.prevpage {margin-right: 5px;}
.perpagenum {padding:2px;}
.artsort .sortname {margin-left:5px;}
.artsort a.none {background:url(bg/oxid_ce_.gif) no-repeat right -750px; padding-right: 20px;}
.artsort a.asc  {background:url(bg/oxid_ce_.gif) no-repeat right -775px; padding-right: 20px;}
.artsort a.desc {background:url(bg/oxid_ce_.gif) no-repeat right -800px; padding-right: 20px;}



/* Products */

.product {width: 255px; min-height: 190px; margin: 0 10px 10px 0; padding-bottom: 10px; float: left;}
.product .artpic {float:left; width: 110px; height: 110px; overflow: hidden; margin: 0 5px 5px 0; text-align: center;}
.product .arttxt {float:right; width:140px;font-size: 0.9em;line-height: 1.15em;}
.product h3 {font-size: 1em; margin-bottom: 5px;} 
.product h3 a {color:#493f3a;}
.product p {margin-bottom: 0; line-height: 1.15em;}
.product .artnum {}
.product .artactions {margin-top:5px;}
.product .artprice {margin-top:5px;}
.product .artprice .price {font-size: 1.15em; font-weight: normal;}
.product .artprice .price-old {font-size: 0.9em; color:#666; font-style: italic;padding-bottom: 4px;}
.product .artprice .price-act {display: block;}
.product .artprice span.desc {font-style: italic;}
.product .artprice span.only {font-size: 0.9em; color:#666; font-style: italic;}
.product .artvariants label {margin-top: 5px;font-size: 0.9em;}
.product .flag {width:5px; height: 5px; background-color: #ccc;}
.product .flag.red {width:5px; height: 5px; background-color: red;}
.product .flag.orange {width:5px; height: 5px; background-color: #ed7913;}
.product .flag.green {width:5px; height: 5px; background-color: #64902b;}
.product .artshortdesc {margin-top:5px;}
.product .artamount label {margin-right: 3px;}

.product.head {}
.product.head h3.head {margin-bottom: 10px;}

.product.big {width:530px; margin-right: 0; clear: both;}
.product.big .artpic {width: 250px;height:250px;  margin: 0 10px 0 0;}
.product.big .arttxt {width:270px; font-size: 1em;}
.product.big h3 {font-size: 1.2em; margin-bottom: 10px;}

.product.small {width:120px; min-height: 230px;margin-right: 12px;}
.product.small .artpic {float:none; margin: 0 0 5px 0; }
.product.small .arttxt {float:none; width:auto;}


.product.thin {width:165px; min-height:214px; margin: 0 17px 17px 0; float: left; padding-bottom: 0; border-bottom: 1px dotted #53433b;}
.product.thin .artpic {width: 100%; margin: 0 0 5px; float: left; height: auto;}
.product.thin .arttxt {width: 100%; float:left; position: relative;clear: both; height: 52px;}
.product.thin .arttobasket {width: 100%; float: left; clear: both;}
.product.thin .artshortdesc,
.product.thin h3 {width: 100%;}


.product.thinest {width:530px; min-height:65px; margin-right: 0; clear: both;}
.product.thinest .artpic {width: 56px; height: 42px; margin: 0 50px 0 0;}
.product.thinest .arttxt {width:424px; float:left;position: relative;}
.product.thinest .arttobasket {position: absolute; right: 0; top:0; width: 140px;}
.product.thinest .artshortdesc,
.product.thinest h3 {width:220px;}

.katlist .product h3, .katlist .artprice .price {font-size: 12px; margin-top: 0; color:#493f3a; }
.katlist .product h3 a {text-decoration: underline;}
.katlist .product h3 a:hover {text-decoration: none;}


.katlist .product p.artpic {width: 165px; height: 165px; overflow: hidden; background-color: #fff;}
.katlist .artprice {margin-top: 0;}

.locator .overview {float:left; margin-right: 25px;}
#maincontent p.overview a {color: #53433B; text-decoration: none;}
 #maincontent p.overview a:hover {text-decoration: underline;}

.locator .artnav {float:right; margin-right: 0;}
.artnav a, .locator .artloc {float: right;}

.nextart {display: block; width: 6px; height: 11px; padding-left: 4px; margin: 3px 0 0 8px; background: transparent url(bg/arrow-right.gif) right top no-repeat;overflow: hidden; text-indent: -5000em; color: transparent;}
.prevart {display: block; width: 6px; height: 11px; padding-right:4px; margin: 3px 8px 0 0; background: transparent url(bg/arrow-left.gif) left top no-repeat;overflow: hidden; text-indent: -5000em; color: transparent;}

.artloc {color: #53433b; margin-top: 1px;}


.product-details {width:711px; float:left; clear: both; margin-bottom: 15px; /*border-bottom: 1px dotted #53433B; padding-bottom: 20px;*/}
.moredetails {width:711px; float:left; clear: both;}
.product-details label,
.moredetails label {margin-right: 3px;}
.product-details .artvariants label,
.product-details .amount label {width:50px; margin:0.35em 0.4em 0 0}
.product-details .artvariants label {margin:0.25em 0.4em 0 0}
.product-details .artvariants select {}
.product-details .amount input {height:1.6em; min-width:3em;}

.product-details .artnum {font-size: 0.9em; }
.product-details .pics {float:left; width: 347px;}
.product-details .artpic {width: 250px;height:280px; overflow: hidden; margin: 0 10px 13px 0;}
.product-details .morepics p {float:left; margin:0 13px 13px 0; line-height: 0;}
.product-details .morepics #MorePics_4,
.product-details .morepics #MorePics_8,
.product-details .morepics #MorePics_12 {margin-right:0;}
.product-details .morepics p,
.product-details .morepics a {display:block;width:76px; height: 76px; overflow: hidden;}
.product-details .desc {float:right; width: 347px;}
.product-details .shortdesc {margin-bottom: 10px;}
.product-details .status {font-size: 0.9em; margin: 0 0 20px 0;}
.product-details .flag {margin:4px 5px 0 0;width:8px; height: 8px; background-color: #ccc; display: block; float: left; overflow: hidden;}
.product-details .flag.red {background-color: red;}
.product-details .flag.orange {background-color: yellow;}
.product-details .flag.green {background-color: green;}
p.picture {position: relative; float: left;margin:0 0 13px 0;line-height: 0;width: 347px; height: 347px; overflow: hidden;background-color: #fff;}
.zoomlink a {position: absolute; left:0; top:0; width: 347px; height: 347px; display: block; overflow: hidden; text-indent: -5000em; background: transparent url(bg/magnifier.png) right bottom no-repeat;}




#pricebox {float: left; clear: both; width: 100%;}
#pricebox p {float: left;}
.product-details .price {font-weight: bold; font-size: 1.4em;}
.product-details .price-old {font-style: italic; color: #666;}
.product-details .amprice {float:left; clear:both; padding-bottom: 10px;}
.product-details .amprice p {line-height: 1.1em;}
.product-details .amprice span.pr {font-weight: bold;}
.product-details .dinfo a {font-size: 0.8em; color:#362b26; margin:5px 0 0 7px; text-decoration: underline;}
.product-details .dinfo a:hover { text-decoration: none;}


.product-details .form-tocart {width:100%; margin: 0 0 20px 0; border-bottom:1px dotted #53433B; padding: 0 0 25px 0;}
.product-details .extrainfo {margin:10px 0;}
.product-details .extrainfo p {margin-bottom:0;}

#maincontent .moredetails .box {}

div.longdesc {padding:0;/*border-bottom: 1px dotted #53433B;*/}
#maincontent div.icons {margin:0 0 0 0;padding:13px 0 0 0;border-top: 1px dotted #53433B;}
div.icons p {margin:0 13px 13px 0; float:left; width:76px; line-height: 0;}
div.icons p.MajorDogIcon_4,
div.icons p.MajorDogIcon_8,
div.icons p.MajorDogIcon_12 {margin-right: 0;}

.attributes p {margin:0; text-align: right;line-height: 0;}


/* Video */
.videos {float:left; clear: left;}
.videos p {float:left; width:auto;line-height:0;margin:0 13px 13px 0;}
.videos p a {display:block;height:76px;overflow:hidden;width:76px;}
.te_scrollable div {overflow:hidden;}


/* Rating - Bewertung */

#starrating,
.review {border-top: 1px dotted #53433B;padding-top:5px;}
.reviewlist {clear:left;}
#starrating {float:left; clear: both; width: 96%;margin:10px 0 0 0; padding:5px 2% 0 2%;background-color: #FFFFFF;}

#write_review {display: none;}

dl.ratingstars dt,
dl.ratingstars dd {width:20px; height:16px; float:left; padding-bottom: 5px;}
dl.ratingstars dd {width:510px; float: right;}
dl.ratingstars input.radio {float:none;}
dd.rating {background:transparent url(bg/stars.jpg) no-repeat 0 0; height:16px; margin:0; padding:0; width:89px;}
dd.rating.s5 {background-position:0 -38px;}
dd.rating.s4 {background-position:-18px -38px;}
dd.rating.s3 {background-position:-36px -38px;}
dd.rating.s2 {background-position:-54px -38px;}
dd.rating.s1 {background-position:-72px -38px;}

#maincontent ul.rating {width:89px; height:16px; margin:0 10px 3px 0; padding:0; border:3px solid #fff;border-bottom: 4px solid #fff; list-style:none; float: left; position:relative; background: #fff url(bg/stars.jpg) no-repeat left top;}
#maincontent ul.rating li {cursor: pointer; float:left;}
ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
ul.rating li a b {display: none;}
ul.rating li.s1 a {left:0;}
ul.rating li.s2 a {left:17px;}
ul.rating li.s3 a {left:34px;}
ul.rating li.s4 a {left:51px;}
ul.rating li.s5 a {left:68px;}
ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars.jpg) no-repeat 0 -18px;}
ul.rating li.s1 a:hover {background-position: -72px -18px;}
ul.rating li.s2 a:hover {background-position: -54px -18px;}
ul.rating li.s3 a:hover {background-position: -36px -18px;}
ul.rating li.s4 a:hover {background-position: -18px -18px;}
ul.rating li.s5 a:hover {background-position: 0 -18px;}
.rating li.current_rate {background: url(bg/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1;}
.noreview {clear:left; }

#starrating p {float: left;margin:5px 0 10px 0;}

.moredetails .reviewlist p {margin-bottom: 0; }
.moredetails .reviewlist span.revdates {display: block; font-size: 0.9em; color: #666;}
.moredetails .reviewlist span.revdates span {margin-right: 15px;}
.moredetails .reviewlist span.revrate {font-weight: bold;}
.moredetails .reviewlist span.revname {font-style: italic;}
.moredetails .reviewlist .review {clear:left; float:left; border-top: 1px dotted #53433B;padding:10px; width: 691px; margin: 10px 0 10px 0;background-color:#FFFFFF;}
#maincontent .moredetails .reviewlist .rating {float:right;margin:0;} 

/* Basket, Order-Steps */

/* Step-Anzeige */
.ordersteps {float:left; clear: both; width: 100%; margin-bottom: 30px;}
.ordersteps dl {color: #766862; width:126px; height:85px; padding: 8px 0 0 14px; margin: 0 3px 0 0; float:left; background: transparent url(bg/orderstep-inactive.gif) left top no-repeat;}
.ordersteps dl.last {margin-right: 0;}
.ordersteps dl dt {font-size: 1em; font-weight:bold;margin-bottom: 4px; float:left; clear: both; width: 100%; min-height: 38px;}
.ordersteps dl dt span.num {font-size: 2.7em; margin: 0 5px 0 0;}
.ordersteps dl dt span {margin-top: 6px; float:left; cursor: pointer;}
.ordersteps dl dd {font-size: 0.78em; float: left;}
.ordersteps dl.active {background: transparent url(bg/orderstep-active.gif) left top no-repeat; color: #ffffff;}
#maincontent .ordersteps a {color:#574A44;text-decoration: underline;}
#maincontent .ordersteps a:hover {color:#574A44;text-decoration: none;}
#maincontent .ordersteps a span.num {text-decoration: none;}
#maincontent .ordersteps dl.active dt, 
#maincontent .ordersteps dl.active dt a, #maincontent .ordersteps dl.active dt a:hover, #maincontent .ordersteps dl.active dt a:hover span {color: #ffffff;}
#maincontent .ordersteps a:hover, #maincontent .ordersteps a:hover span {color: #413733;}


/* Navigationsbar Bestellprozess */
.bar {float:left; clear: both; width: 711px; margin:0 0 8px 0;}
.bar.bottom {border-top:1px dotted #53433B; padding-top: 13px; margin-top:10px; width: 100%;}

.bar .next {float:right; width:auto;}
.next input {color: #ffffff; margin-right:0; background: #584b45 url(bg/arrow-next-white.gif) right center no-repeat; padding: 6px 25px 5px 10px; text-align: center; }


/* Step 1 Tabelle Warenkorb */
table.basket {width:711px; margin-bottom: 25px;}
table.basket th {font-size: 0.95em; color: #574a44;}
table.basket p {padding:0; margin-bottom: 2px; font-size:1.05em;}
table.basket .articlerow td,
table.basket .changerow td {padding:10px 2px;}
table.basket .brd {width:27px; vertical-align: middle;}
table.basket .pic {width: 90px;}
table.basket .title {width: 270px;}
table.basket .totalprice, table.basket .articlerow .totalprice {padding-right: 10px;}
table.basket p.art_num {font-size: 0.9em;}

table.basket .price,
table.basket .vat,
table.basket .totalprice,
table.basket .sum,
table.basket .sumdesc {text-align: right;}

table.basket td.price,
table.basket td.vat,
table.basket td.totalprice {font-size:1.05em;}

table.basket td.price,
table.basket td.totalprice {font-weight: bold;}

table.basket .title a {color: #362b26; font-weight: bold;}
table.basket .title a:hover {color: #574A44;}
table.basket #basketGrandTotal {font-weight: bold;}
table.basket tr.total,
table.basket tr.first {border-top: 1px dotted #53433B;}
table.basket tr.total {font-weight: bold;}
table.basket .change p {margin:0 6px 0 0; padding: 0; float:left; clear: none; width:auto;}
table.basket .amount {text-align: right; width: 60px;}
table.basket .amount input {float: right; margin: 0;background-color:#d3cdca; border:2px solid #ECEAE5; height:1.6em; width:3em;}

table.basket .sumrow.first td {padding-top: 8px;}
.sumrow td {border: none;}
tr.total td {border-bottom:1px dotted #53433B; font-size:  1.05em;}
.sumrow .sum {padding-right: 10px;}

#maincontent .box.voucher {padding: 0; margin: 0 0 15px 0; width:100%;}
.voucher input {background-color:#d3cdca; border:2px solid #ECEAE5; height:1.6em; margin:0; width:12em;}
.voucher input.btn {background-color:#ECEAE5; border:medium none; color:#ED7913; cursor:pointer; float:left; font-weight:bold; width:auto; height:2.05em; margin-left: 10px;}

table.basket .changerow td {padding-top: 14px; padding-bottom: 14px;}
.basket .changerow input.btn {height:2.05em;padding-bottom:0.2em;}

/* Step 2 Userdaten - ist auch fuer Account und Registrierung zustaendig */
.registerform {float:left; clear: both;width:100%;}
.userform .newsletterabo {margin: 10px 0 10px 155px;width:auto;}
.userform label {width: 150px; text-align: right; margin-right: 5px;}
.userform input,
.userform textarea {width: 350px;}
.registerform input {}
.userform input.street {width:300px;}
.userform input.streetnr {width:37px;}
.userform input.zip {width:47px;}
.userform input.city {width:290px;}
.userform input.bday,
.userform input.bmonth {width:20px;}
.userform input.byear {width:40px;}
fieldset.reg_address {margin-bottom: 20px;}
fieldset.shipping {margin-top:20px;}
.userform input.btn {width:auto;}
.userform p.save input {margin-left:155px;}
.userform .newsletterabo label {width:389px; margin: 0; text-align: left;}
.userform .newsletterabo input {margin:2px 5px 0 0;}

.userform fieldset {margin-bottom: 25px;}

.reg_accountinfo .note {margin-left:155px; width: auto;}


/* Step 2 Login, Registrierung */

.useroptbox .loginform p.btn {margin: 15px 0 0 0;}
.useroptbox p.btn input {padding:3px 30px;}
.useroptbox .loginform p.lostpwd {margin: 0;}

.useroptbox .loginform input.text {width:14em;}


/* ohne Registrierung kaufen */

.userbody {float: left; clear: both; width: 711px;}
.userbody form {width: 100%;}
.userbody fieldset.top {border-bottom: 1px dotted #53433B; padding-bottom: 8px;}

/* vorübergehend letzte Spalte verschmältert, weil ungenutzt 13.04.2011 
.col30 {width: 32%;margin-right: 2%;}
.col30.last {margin-right: 0;}*/
.col30 {width: 36%;margin-right: 2%;}
.col30.last {margin-right: 0; width: 24%;}

/* nur mit Registrierung kaufen */
.col50 {width: 48%;}
.right.col50 {margin-right: 0;}
.useroptboxbig .loginform input.text {width:230px;}

/* Step 3 Bezahlung */
.shippingform {}
.paymentbody {width: 711px; float: left; clear: both;}
.paymentform label {width: 100px; margin-right: 5px;}
.paymentform label.lblradio {width: auto; font-weight: bold;}
.paymentform input {width:200px;}
.paymentform input.sec-code {width:40px;}
.shippingset {padding-bottom: 5px; border-bottom: 1px dotted #53433B;}
.paymentform p.paypal-pay {margin-top:18px;position:relative;}
.paymentform p.paypal-pay a.paypal-info {left:115px;position:absolute;top:-16px;}


/* Step 4 Bestellung und Eingaben pruefen */
.form-terms {width:100%;}
table.basket td.gift {font-size: 0.9em;}
.paymentform {width: 711px;}
.paymentspacer {height:1px; width: 100%; margin-bottom: 9px; clear: both; float: left;}

.check-address p {margin:0; clear: both;}
.check-address formÊ{width:100%; margin-bottom: 10px;}
.check-address .ordermessage {padding:10px 0;}
.check-address .ordermessage span {font-weight: bold;}

.check-shipping-payment p {float:left; clear: none; width:auto;}
.check-shipping-payment p.btn {margin-left: 5px;}

.withdrawal p {font-size: 0.95em; line-height: 1.3em;}

#maincontent .check-address, #maincontent .check-shipping-payment, #maincontent .withdrawal {width: 711px;}

.termsconfirm {float: left; width: 350px;}
.termsconfirm input {margin-bottom: 20px;}

/* Step 4 Geschenkverpackung */
table.wrapping_items td {border:none;}
.greetingcard textarea {width:526px;}
.greetingcard .col30 {width:30%;}

/* Step 5 Danke */

/* Anmeldung */

.loginform label {width: 6em; margin: 0;}
.loginform input {width: 16em;}
.loginform .btn input {width: 10em;}
.loginform p.btn {margin: 10px 0;}
.loginform .keeplogedin, .loginform p.btn, .loginform p.lostpwd { width: 100%;}
.loginform .keeplogedin input, .loginform p.btn input, .loginform p.lostpwd a {margin-left: 6em;}
.useroptbox p.btn input {margin: 0;}
.useroptbox p.lostpwd a {margin: 0;}

.account_login #maincontent a { text-decoration: underline; font-weight: bold;}
.account_login #maincontent a:hover { text-decoration: none;}


/* Benutzerkonto */
.account_header, .account-item {float: left; clear: both; width: 100%; margin-bottom: 25px;}
#maincontent .account_header h2.account {margin-bottom: 17px;}
#maincontent .account_header span.account-loginmail {font-size: 0.8em; font-weight: normal;}

.account-nav dt {font-weight: bold;}
.account-nav dd {margin-bottom:10px;}

.passwordchange label {width:150px; margin: 0 5px 0 0;text-align: right;}
.passwordchange input {width:16em;}
.passwordchange p.btn { width: 100%;}
.passwordchange p.btn input {width:auto; margin: 10px 0 0 155px;}

/* Bestellhistorie */
table.orderhistory td,
table.orderhistory th {border:none;}
table.orderhistory table {border-top: 1px dotted #53433B;}
table.orderhistory-cart td,
table.orderhistory-cart th {padding-left:10px;}
table.orderhistory-status td {padding-right:10px;}

/* Produktvergleiche */
table.cmp_tbl td,
table.cmp_tbl th {border:none;}

/* Passwort vergessen */
.forgotpwdform {margin-bottom: 13px;}
.forgotpwdform.newpwd  label {width:150px; margin: 0 5px 0 0;text-align: right;}
.forgotpwdform.newpwd  input {width:16em;}
.forgotpwdform.newpwd  p.btn { width: 100%;}
.forgotpwdform.newpwd  p.btn input {width:auto;margin: 10px 0 0 155px;}

/* Newsletter */
.nl-form label {width:100px;margin-right: 5px;text-align: right;}
.nl-form label.lblradio {width:auto;}
.nl-form .subscribe {margin:5px 0 5px 105px; width: auto;}
.nl-form input.btn {margin-left:105px;}

/* Kontakt */
.contact-form label {width: 150px; text-align: right;}
.contact-form .req_note {margin-bottom: 15px;}
.contact-form input.btn {margin-left: 155px;}
span.captchaimg {float: left; margin-right: 5px;}


/*--- oxid basic ---*/

/* Basket popup */
#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000; z-index: 1500;}

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0;}
div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:250px;height: 150px;background: white;z-index: 2000;margin-top:-75px;margin-left:-125px;padding:10px;font-size:0.8em;}
div.on.popup table {font-size:0.95em;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {font-weight: bold;padding:2px;width:120px;}
div.on.popup input.disabled {font-weight: bold;padding:2px;width:120px;}
div.on.popup input.bl{position:absolute;bottom:10px;left:10px;}
div.on.popup input.br{position:absolute;bottom:10px;right:10px;}

#zoom {padding:0;overflow:hidden/*auto*/;min-width:250px;min-height: 150px;}
#zoom ul.tabs{padding:0;margin:0;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;width:20px;text-align: center;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}