/*

pinx. Buero fuer Mediendesign
fuer gordon-hundeshop.de
in 10 2009

*/

/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul, ol {
list-style: none;
}

fieldset, img {
border: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a:focus {
-moz-outline: 0;
}

/* Fuer Safari - Outline onFocus */
*:focus {outline: 0;}


a {text-decoration: none;}

/*****************************************************
* Typo
*****************************************************/

h2 {
font-size: 30px;
line-height: 30px;
font-family: "Baskerville", Times;
color: #432616;
margin: 0 0 10px 0;
text-indent: -99999px;
}

h2.og {
font-size: 20px;
line-height: 20px;
font-weight: normal;
font-family: "Baskerville", Times;
color: #522a1b;
margin: 0 0 10px 0;
text-indent: 0;
}

h2#gordon {background: transparent url(../i/ly/hl-gordon-hundeshop.png) no-repeat top left;}
h2#bestellung {background: transparent url(../i/ly/hl-bestellung-abschliessen.png) no-repeat top left;}
h2#salon {background: transparent url(../i/ly/hl-gordon-der-gepflegte-hund.png) no-repeat top left;}
h2#impressum {background: transparent url(../i/ly/hl-impressum.png) no-repeat top left;}
h2#kontakt {background: transparent url(../i/ly/hl-kontakt.png) no-repeat top left;}
h2#meinKonto {background: transparent url(../i/ly/hl-mein-konto.png) no-repeat top left;}
h2#suchergebnis {background: transparent url(../i/ly/hl-suchergebnis.png) no-repeat top left;}
h2#danke {background: transparent url(../i/ly/hl-vielen-dank.png) no-repeat top left;}
h2#warenkorb {background: transparent url(../i/ly/hl-warenkorb.png) no-repeat top left;}
h2#adresse {background: transparent url(../i/ly/hl-adresse.png) no-repeat top left;}
h2#agb {background: transparent url(../i/ly/hl-agb.png) no-repeat top left;}
h2#zugangsdaten {background: transparent url(../i/ly/hl-zugangsdaten.png) no-repeat top left;}
h2#shop {background: transparent url(../i/ly/hl-gordon-shop.png) no-repeat top left;}

h3 {
color: #562714;
font-size: 18px;
font-weight: normal;
margin: 0 0 3px 0;
font-family: "Baskerville", Times;
}

#rechteSpalte p, #rechteSpalte ul {
margin: 0 0 15px 0;
}

#rechteSpalte p.trenner {
padding: 0 0 5px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #e7e0c5;
}

#rechteSpalte h3.trenner {
padding: 0 0 5px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #e7e0c5;
font-size: 20px;
}

p.error {
background: transparent url(../i/ly/error.png) no-repeat center left;
padding: 10px 10px 10px 46px;
}

p.ok {
background: transparent url(../i/ly/ok.png) no-repeat center left;
padding: 10px 10px 10px 46px;
}

#rechteSpalte p.trenner2 {
padding: 0 0 15px 0;
border-bottom: 1px solid #D3D0B3;
margin: 0 0 25px 0;
}

/*****************************************************
* Links
*****************************************************/

a {
color: #7e3000;
}

a:hover {
color: #000;
background: #fff;
}

/*****************************************************
* Listen
*****************************************************/
#rechteSpalte li {
padding: 0 0 0 9px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 6px;
}

#rechteSpalte ul.adresse li {
padding: 0;
margin: 0 0 2px 0;
background:none;
}

/*****************************************************
* Layout
*****************************************************/

body {
color: #341D11;
background: #EFECCA url(../i/ly/bg-head.png) repeat-x top left;
font: 11px/1.5 Verdana, sans-serif;
text-align: center;
margin: 0 0 25px 0;
}

.container {
position: relative;
text-align: left;
width: 972px;
margin: 0px auto;
}

#head {
position: relative;
height: 493px;
}

#head h1 {
position: absolute;
top: 0;
left: 0;
width: 334px;
height: 419px;
background: transparent url(../i/ly/logo.png) no-repeat top left;
text-indent: -99999px;
}

#head a#homelink {
position: absolute;
top: 0;
left: 10px;
width: 310px;
height: 360px;
text-indent: -99999px;
border: none;
}

#head a#homelink:hover {
background: none;
border: none;
}

#head h1.salon {
background: transparent url(../i/ly/logo-salon.png) no-repeat top left;
}

#head ul {
position: absolute;
top: 98px;
left: 460px;
width: 502px;
height: 46px;
background: transparent url(../i/ly/bg-topnav.png) no-repeat top left;
}

#head ul li {
display: inline;
}

#head ul a {
position: absolute;
top: 2px;
display: block;
height: 46px;
text-indent: -99999px;
border: none;
}

a#hundeshop {left: 2px; background: transparent url(../i/ly/navTop-shop.png) no-repeat -6px 0; width: 142px;}
a#salon {left: 155px; background: transparent url(../i/ly/navTop-salon.png) no-repeat 1px 0; width: 156px;}
a#kontakt {left: 322px;background: transparent url(../i/ly/navTop-kontakt.png) no-repeat 9px 0; width: 170px;}

a#hundeshop:hover, a#hundeshop.hi {background: transparent url(../i/ly/navTop-shop.png) no-repeat -6px -46px;}
a#salon:hover, a#salon.hi {background: transparent url(../i/ly/navTop-salon.png) no-repeat 1px -46px;}
a#kontakt:hover, a#kontakt.hi {background: transparent url(../i/ly/navTop-kontakt.png) no-repeat 9px -46px;}

#slideshow {
position: absolute;
top: 150px;
left: 341px;
width: 624px;
height: 298px;
background: transparent url(../i/ly/bg-slideshow.png) no-repeat top left;
}

#slideshow img {
margin: 9px 0 0 9px;
}

#minicart {
position: absolute;
top: 0px;
left: 781px;
width: 181px;
height: 68px;
background: transparent url(../i/ly/bg-minicart.png) no-repeat top left;
text-align: center;
}

#minicart a {
display: block;
width: 179px;
height: 32px;
background: transparent url(../i/ly/warenkorb.png) no-repeat 30px 10px;
text-indent: -99999px;
margin: 0 0 10px 0;
border: none;
}

#minicart a:hover {
background: transparent url(../i/ly/warenkorb-hi.png) no-repeat 30px 10px;
}

#minicart p {
color: #fff;
font-size: 12px;
text-shadow: #333 1px 1px 1px;
}

#head form {
position: absolute;
top: 406px;
left: 12px;
width: 310px;
height: 40px;
}

#head input {
width: 308px;
padding: 6px 0 5px 0;
border: 1px solid #D3D0B3;
color: #d1c19f;
text-align: center;
font-family: Times,serif;
font-size: 24px;
font-weight: normal;
background: #fff url(../i/ly/bg-suchfeld.png) repeat-x top left;
-webkit-text-stroke:1px transparent;
}

#inhalt {
background: #F8F7E9 url(../i/ly/bg-inhalt.png) repeat-x top left;
padding: 20px 0;
}

#linkeSpalte {
width: 310px;
float: left;
margin: 0 0 0 13px;
}

ul#nav {
margin: 0 0 20px 0;
}

#nav a {
display: block;
width: 310px;
height: 47px;
text-indent: -99999px;
border: none;
}

a#dogzity {background: url(../i/ly/nav-dogzity.png) no-repeat 0 0;}
a#dogzity:hover, a#dogzity.hi {background: url(../i/ly/nav-dogzity.png) no-repeat 0 -47px;}

a#halsbaender {background: url(../i/ly/nav-halsbaender.png) no-repeat 0 0;}
a#halsbaender:hover, a#halsbaender.hi {background: url(../i/ly/nav-halsbaender.png) no-repeat 0 -47px;}

a#leinen {background: url(../i/ly/nav-leinen.png) no-repeat 0 0;}
a#leinen:hover, a#leinen.hi {background: url(../i/ly/nav-leinen.png) no-repeat 0 -47px;}

a#schlafplaetze {background: url(../i/ly/nav-schlafplaetze.png) no-repeat 0 0;}
a#schlafplaetze:hover, a#schlafplaetze.hi {background: url(../i/ly/nav-schlafplaetze.png) no-repeat 0 -47px;}

a#futter {background: url(../i/ly/nav-futter.png) no-repeat 0 0;}
a#futter:hover, a#futter.hi {background: url(../i/ly/nav-futter.png) no-repeat 0 -47px;}

a#pflege {background: url(../i/ly/nav-pflege.png) no-repeat 0 0;}
a#pflege:hover, a#pflege.hi {background: url(../i/ly/nav-pflege.png) no-repeat 0 -47px;}

a#accessoires {background: url(../i/ly/nav-accessoires.png) no-repeat 0 0;}
a#accessoires:hover, a#accessoires.hi {background: url(../i/ly/nav-accessoires.png) no-repeat 0 -47px;}

a#spielzeug {background: url(../i/ly/nav-spielzeug.png) no-repeat 0 0;}
a#spielzeug:hover, a#spielzeug.hi {background: url(../i/ly/nav-spielzeug.png) no-repeat 0 -47px;}

#rechteSpalte {
position: relative;
width: 619px;
margin: 0 0 0 343px;
}

#umbruch {
clear: both;
}

#footer {
background: #F8F7E9 url(../i/ly/bg-footer.png) repeat-x top left;
height: 84px;
}

#footer ul {
position: absolute;
top: 25px;
left: 13px;
width: 948px;
height: 37px;
border-bottom: 1px solid #D9D7BB;
background: transparent url(../i/ly/footer.png) no-repeat 0 0;
}

#footer li {
position: absolute;
top: 0;
width: 100px;
height: 35px;
}

#twitter {left: 10px; }
#facebook {left: 135px; }
#hundeshop {left: 454px;}
#warenkorb {left: 552px;}
#login {left: 650px;}
#impressum {left: 848px;}
#datenschutz {left: 748px;}
#agb {left: 748px;}

#footer a {
display: block;
background: transparent url(../i/ly/trenner-footer.png) no-repeat top left;
border: none;
line-height: 35px;
text-align: center;
}

#footer a:hover {
color: #85361b;
}

#footer li#login a {
background: transparent url(../i/ly/trenner-footer.png) no-repeat top left;
}

#footer li#twitter a {
width: 145px;
background: transparent url(../i/ly/twitter.png) no-repeat 8px 9px;
}

#footer li#facebook a {
width: 145px;
background: transparent url(../i/ly/facebook-icon.png) no-repeat 8px 9px;
padding: 0 0 0 18px;
}


/*****************************************************
* Artikelliste
*****************************************************/
#artikelvorschau {
width: 632px;
}

#artikelvorschau td.tools {
font-weight: normal;
height: 20px;
padding: 0 0 10px 0;
}

#artikelvorschau td.tools a, #artikelvorschau td.tools span {
color: #fff;
border: 1px solid #341D11;
background: #747159;
padding: 2px 5px;
line-height: 20px;
}

#artikelvorschau td.tools a:hover {
color: #333;
background: #f6f4e3;
border: 1px solid #e3dba0;
}

#artikelvorschau td {
height: 184px;
}

#artikelvorschau td.tdEmpty {
width: 158px;
}

table#artikelvorschau td a {
display: block;
width: 128px;
border: none;
padding: 0;
}

#artikelvorschau td img {
padding: 5px;
background: #E7E3B2;
border: 1px solid #D7D4A7;
}

#artikelvorschau td img:hover {
padding: 5px;
background: #fff;
border: 1px solid #D7D4A7;
}

#artikelvorschau td a.details {
display: block;
width: 138px;
background: #E7E3B2 url(../i/ly/pfeil-detail.png) no-repeat 120px 2px;
padding: 0;
border: 1px solid #D7D4A7;
margin: 2px 0 0 0;
text-align: center;
}

#artikelvorschau td a.details:hover {
background: #fff url(../i/ly/pfeil-detail-hi.png) no-repeat 120px 2px;
}


/*****************************************************
* Artikeldetail
*****************************************************/
ul#detailblock {
position: relative;

}

ul#detailBlock li {
background: none;
padding: 0;
}

#detailBlock img {
padding: 10px;
background: #E7E3B2;
border: 1px solid #D7D4A7;
margin: 0 0 20px 0;
}

ul#detailBlock li#artikelMaterial {
position: absolute;
top: 1px;
left: 396px;
width: 201px;
height: 69px;
background: transparent url(../i/ly/bg-detail-1.png) no-repeat top left;
padding: 8px 10px 0 10px;
}

li#artikelMaterial h2 {
font-size: 20px;
line-height: 22px;
font-family:  "Baskerville", Times, serif;
text-indent: 0;
font-weight: normal;
}

#artikelMaterial select {
width: 200px;
border: 1px solid #cfc994;
background: #fff;
margin: 10px 0 0 0;
}

#artikelMaterial p.kategorie {
margin: 0 0 15px 0;
}

#artikelMaterial p {
margin: 0 0 5px 0;
}

#artikelPreis {
position: absolute; 
top: 275px; 
left: 406px;
font-size: 14px;
}

ul#detailBlock li#artikelTools {
position: absolute;
width: 221px;
height: 76px;
top: 306px;
left: 396px;
background: transparent url(../i/ly/bg-detail-2.png) no-repeat top left;
}

li#artikelTools input {
position: absolute;
top: 33px;
left: 9px;
width: 18px;
padding: 8px 8px 8px 8px;
border: 1px solid #D3D0B3;
background: #fff url(../i/ly/bg-suchfeld.png) repeat-x top left;
font-size: 12px;
text-align: center;
}

li#artikelTools input.submit {
position: absolute;
top: 35px;
left: 58px;
display: block;
width: 140px;
height: 30px;
line-height: 30px;
border: none;
background: transparent url(../i/ly/in-den-warenkorb.png) no-repeat 6px 9px;
padding: 0 0 0 10px;
font-size: 12px;
}

li#artikelTools input.submit:hover {
background: transparent url(../i/ly/in-den-warenkorb-hi.png) no-repeat 6px 9px;
}

/*****************************************************
* Warenkorb
*****************************************************/
table.warenkorb {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0 15px 0;
}

td.wkKopfzeile, td.wkFusszeile {
	border-bottom: 1px solid #cac3a1;
	border-top: 1px solid #cac3a1;
	background: #eeeac7;
	height: 30px;
	padding: 3px 6px;
	font-weight: bold;
}

td.wkArtikel {
	border-bottom: 1px solid #e7e0c5;
	padding: 10px 6px;
}

td.wkZusammenfassung {
	padding: 4px 6px;
}

td.wkLeer {
	padding: 6px 6px;
}

#rechteSpalte input.anzahl {
	width: 30px;
	border: 1px solid #cac3a1;
	margin: 0;
	text-align: center;
}

td a {
	color: #7e3000;
	background: none;
	padding: 0;
	border-bottom: none;
}

td a:hover {
	background: #fff;
}

a.loeschen, a.loeschen:hover {
display: block;
width: 11px;
height: 11px;
background: transparent url(/i/ly/loeschen.png) no-repeat top left;
border: none;
text-indent: -99999px;
}


/*****************************************************
* Formulare
*****************************************************/
form {
margin: 0;
}

fieldset {
padding: 0;
margin: 0 0 20px 0;
}

label {
display: block;
float: left;
clear: left;
width: 120px;
margin: 0 0 10px 0;
height: 16px;
}

#rechteSpalte input {
width: 250px;
border: 1px solid #cac3a1;
margin: 0 0 10px 0;
height: 14px;
}

#rechteSpalte input.checkbox {
width: auto;
border: none;
margin: 0;
height: auto;
}

select {
width: 250px;
border: 1px solid #cac3a1;
background: #fff;
margin: 0 0 10px 0;
}

textarea {
width: 250px;
border: 1px solid #cac3a1;
margin: 0 0 10px 0;
height: 100px;
}

input:focus, textarea:focus {
background: #f1f1f1;
}

/*****************************************************
* Buttons
*****************************************************/
div.buttonsdiv {
position: relative;
height: 50px;
width: 619px;
}

#rechteSpalte input.buttons {
width: 166px;
height: 40px;
text-indent: -99999px;
border: none;
margin: 0 0 10px 0;
}

#rechteSpalte input#weiter {background: transparent url(/i/ly/fb-weiter.png) no-repeat 0 0;}
#rechteSpalte input#weiter:hover {background: transparent url(/i/ly/fb-weiter.png) no-repeat 0 -40px;}

#rechteSpalte input#login {background: transparent url(/i/ly/fb-login.png) no-repeat 0 0;}
#rechteSpalte input#login:hover {background: transparent url(/i/ly/fb-login.png) no-repeat 0 -40px;}

#rechteSpalte input#aktualisieren {background: transparent url(/i/ly/fb-aktualisieren.png) no-repeat 0 0; position: absolute; top: 0; left: 277px;}
#rechteSpalte input#aktualisieren:hover {background: transparent url(/i/ly/fb-aktualisieren.png) no-repeat 0 -40px;}

#rechteSpalte input#bestellungSenden {background: transparent url(/i/ly/fb-bestellung-senden.png) no-repeat 0 0; position: absolute; top: 0; left: 453px;}
#rechteSpalte input#bestellungSenden:hover {background: transparent url(/i/ly/fb-bestellung-senden.png) no-repeat 0 -40px;}

#rechteSpalte input#absenden {background: transparent url(/i/ly/fb-absenden.png) no-repeat 0 0;}
#rechteSpalte input#absenden:hover {background: transparent url(/i/ly/fb-absenden.png) no-repeat 0 -40px;}

#rechteSpalte input#meinKonto {background: transparent url(/i/ly/fb-aktualisieren.png) no-repeat 0 0;}
#rechteSpalte input#meinKonto:hover {background: transparent url(/i/ly/fb-aktualisieren.png) no-repeat 0 -40px;}


#rechteSpalte a.buttons {
display: block;
width: 166px;
height: 40px;
text-indent: -99999px;
border: none;
margin: 0 0 10px 0;
}

#rechteSpalte a#anmelden {background: transparent url(/i/ly/fb-anmelden.png) no-repeat 0 0; margin: 0 0 0 120px;}
#rechteSpalte a#anmelden:hover {background: transparent url(/i/ly/fb-anmelden.png) no-repeat 0 -40px;}

#rechteSpalte a#bestellen {background: transparent url(/i/ly/fb-bestellen.png) no-repeat 0 0; position: absolute; top: 0; left: 453px;}
#rechteSpalte a#bestellen:hover {background: transparent url(/i/ly/fb-bestellen.png) no-repeat 0 -40px;}

#rechteSpalte a#bearbeiten {background: transparent url(/i/ly/fb-bearbeiten.png) no-repeat 0 0; position: absolute; top: 0; left: 453px;}
#rechteSpalte a#bearbeiten:hover {background: transparent url(/i/ly/fb-bearbeiten.png) no-repeat 0 -40px;}

#rechteSpalte a#adresseAendern {background: transparent url(/i/ly/fb-adresse-aendern.png) no-repeat 0 0; position: absolute; top: 0; left: 453px;}
#rechteSpalte a#adresseAendern:hover {background: transparent url(/i/ly/fb-adresse-aendern.png) no-repeat 0 -40px;}




p.logIn {
position: relative;
height: 26px;
}

#text p.logIn a {
position: absolute;
top: 0;
left: 120px;
width: 128px;
height: 26px;
background: transparent url(/i/ly/anmelden.png) no-repeat 0 0;
text-indent: -99999px;
padding: 0;
border: 0;
}

#text p.logIn a:hover {
background: transparent url(/i/ly/anmelden.png) no-repeat 0 -26px;
}


/*****************************************************
* Bestellung abschliessen
*****************************************************/
table.wbg {
border: 1px solid #cac3a1;
background: #eeeac7;
margin: 25px 0 15px 0;
}

table.wbg td {
padding: 10px;
}

table.cbx td {
padding: 5px;
}

#rechteSpalte table.wbg li {
padding: 0;
background: none;
}


/*****************************************************
* Breadcrumbs
*****************************************************/
ul#breadcrumbCheckout {
position: relative;
height: 36px;
width: 619px;
margin: 0 0 25px 0;
}

ul#breadcrumbCheckout  li {
position: absolute;
top: 0;
display: block;
width: 150px;
height: 36px;
line-height: 36px;
padding: 0 0 0 36px;
color: #d0c1b4;
}

ul#breadcrumbCheckout li.hi {
color: #641211;
}

li#bcWarenkorb {
left: 0;
background: transparent url(/i/ly/bc01.png) no-repeat 0 1px;
}

li#bcAdresse {
left: 213px;
background: transparent url(/i/ly/bc02.png) no-repeat 0 1px;
}

li#bcBestellung {
left: 425px;
background: transparent url(/i/ly/bc03.png) no-repeat 0 1px;
}

/*****************************************************
* Suchergebnis
*****************************************************/
.tabliste {
position: relative;
height: 155px;
border-bottom: 1px solid #e7e0c5;
margin: 0 0 15px 0;
width: 619px;
}

#rechteSpalte .tabliste a.thumb {
position: absolute;
top: 0;
left: 0;
display: block;
width: 128px;
height: 128px;
padding: 5px;
background: #E7E3B2;
border: 1px solid #D7D4A7;
}

#rechteSpalte .tabliste li {
background: none;
}

#rechteSpalte .tabliste a.thumb:hover {
background: #fff;
}

#rechteSpalte .tabliste ul {
position: absolute;
top: 0;
left: 150px;
}

#rechteSpalte .tabbeschreibung {
margin: 5px 0 5px 0;
}

/*****************************************************
* Bestell-Historie
*****************************************************/
ul.artikelHistorie {
border-bottom: 1px solid #ece6bb;
background: none;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}

#rechteSpalte ul.artikelHistorie li {
background: none;
padding: 0;
}

#rechteSpalte li.einzelpreis {
margin: 5px 0 0 0;
}

#rechteSpalte li.titel {
margin: 0 0 5px 0;
}

ul.logout {
position: relative;
height: 36px;
line-height: 36px;
background: #eeeac7;
border-top: 1px solid #cac3a1;
border-bottom: 1px solid #cac3a1;
padding: 0;
}

#rechteSpalte ul.logout li {
position: absolute;
top: 0;
text-align: center;
background: none;
padding: 0;
}

#a1 {left: 0;}
#a2 {left: 205px;}
#a3 {left: 413px;}

#rechteSpalte ul.logout a {
display: block;
width: 205px;
height: 36px;
background: #e7e0c5;
border: none;
padding: 0;
}

#rechteSpalte ul.logout li#a2 a {
width: 205px;
border-left: 1px solid #cac3a1;
border-right: 1px solid #cac3a1;
}

#rechteSpalte ul.logout a:hover {
color: #000;
background: transparent;
}


/*****************************************************
* Startseite Shop
*****************************************************/
#startshop td img {
padding: 5px;
background: #E7E3B2;
border: 1px solid #D7D4A7;
margin: 0 19px 19px 0;
}

#startshop td img:hover {
background: #fff;
}

/*****************************************************
* Linke Spalte Startseite
*****************************************************/
#linkeSpalte img {
padding: 12px;
background: #E7E3B2;
border: 1px solid #D7D4A7;
margin: 0 0 10px 0;
}

#newsletter {
position: relative;
width: 310px;
height: 113px;
background: transparent url(/i/ly/bg-newsletter.png) no-repeat top left;
margin: 10px 0;
}

#newsletter input {
position: absolute;
top: 67px;
}

#newsletter input#newstext {
left: 14px;
width: 192px;
padding: 3px 0;
text-align: center;
border: 1px solid #D3D0B3;
color: #d1c19f;
text-align: center;
font-size: 14px;
background: #fff url(../i/ly/bg-suchfeld.png) repeat-x top left;
}

#newsletter input#newssubmit {
left: 214px;
width: 80px;
height: 25px;
background: transparent url(../i/ly/button-newsletter.png) no-repeat top left;
}