/*

pinx. Buero fuer Mediendesign
fuer schultz.de
in 04 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: 24px;
font-weight: normal;
color: #FF2F00;
margin: 0 0 20px 0;
text-shadow: #ccc 0px 1px 1px;
-webkit-text-stroke:1px transparent;
}

#produktdetails h3 {
font-size: 20px;
font-weight: normal;
color: #FF2F00;
margin: 0 0 20px 0;
text-shadow: #ccc 0px 1px 1px;
}

#produktdetails .tabCnt h3 {
font-size: 16px;
font-weight: normal;
color: #FF2F00;
margin: 0 0 20px 0;
text-shadow: #ccc 0px 1px 1px;
}


#text h3 {
font-size: 16px;
font-weight: normal;
color: #333;
margin: 0 0 5px 0;
text-shadow: #ccc 0px 1px 1px;
}

h2#startseite {
line-height: 24px;
}

p {
margin: 0 0 15px 0;
}

p.kurzbeschreibung {
font-size: 14px;
margin: 0 0 2px 0;
}

p.artikelnummer {
font-size: 14px;
margin: 0 0 20px 0;
font-weight: bold;
text-shadow: #ccc 0px 1px 1px;
}

p.hinweis {
color: #7e7e7e;
margin: 10px 0 0 0;
}

p.error, p.taberror  {
border: 1px solid #FF2F00;
padding: 10px;
background: #f1f1f1;
margin: 10px 0;
}

p.ok, p.tabok {
border: 1px solid #00cc00;
padding: 10px;
background: #f1f1f1;
margin: 10px 0;
}

.hide {
display: none;
}

#text ul {
margin: 0 0 15px 0;
}

#text ul li {
margin: 0 0 2px 0;
}

span.rabatt {
color: #00cc00;
text-shadow: none;
}


/*****************************************************
* Links im Text
*****************************************************/
#text p a, p.error a, #text table a, #text li a, div.tabCnt a {
color: #6e5f54;
padding: 2px;
border-bottom: 1px solid #6e5f54;
}

#text table.warenkorb a {
border-bottom: 1px solid #fff;
}

#text p a:hover, p.error a:hover, #text table a:hover, #text li a:hover, div.tabCnt a:hover {
color: #6e5f54;
background: #f1f1f1;
padding: 2px;
border-bottom: 1px solid #6e5f54;
}

#text p.error a {
color: #f30;
border-bottom: none;
padding: 0;
}

#text p.ok a {
color: #00cc00;
border-bottom: none;
padding: 0;
}

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

body {
color: #333;
background: #E9E8DE;
font: 11px/1.5 Verdana, sans-serif;
text-align: center;
margin: 0 0 25px 0;
}

#container {
text-align: left;
width: 960px;
margin: 0px auto;
}

#head {
position: relative;
height: 125px;
z-index: 1000;
}

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

#head h1 a {
display: block;
width: 240px;
height: 82px;
}

#inhaltFixed {
background: #fff;
border: 1px solid #ccc;
height: 473px;
position: relative;
}

#inhaltSEO {
background: #fff;
border: 1px solid #ccc;
position: relative;
margin: 25px 0 0 0;
padding: 20px;
}

#inhalt {
background: #fff;
border: 1px solid #ccc;
position: relative;
}


/* Navigation linke Spalte */
#navigation {
position: relative;
width: 250px;
float: left;
}

#navigation ul {
margin: 20px 0 25px 70px;
}

#navigation ul li {
margin: 0 0 12px 0;
}

h3.navUeberschrift {
width: 170px;
height: 14px;
text-indent: -99999px;
margin: 23px 0 30px 70px;
}

h3#produkteNav {background: transparent url(../i/ly/h3-produkte.png) no-repeat top left;}
h3#serviceNav {background: transparent url(../i/ly/h3-service.png) no-repeat top left;}

a#stuehle, a#tische, a#holzschraenke, a#stahlschraenke, a#betten, a#sonderangebote, a#sonstiges, a#bestellung, a#leistungen, a#referenzen, a#sicherheit, a#datenschutz, a#newsletter, a#umwelt, a#broschuere {
display: block;
text-indent: -99999px;
height: 14px;
overflow: hidden;
}

li.hi a#stuehle, li.hi a#tische, li.hi a#holzschraenke, li.hi a#stahlschraenke, li.hi a#betten, li.hi a#sonderangebote, li.hi a#sonstiges, li.hi a#bestellung, li.hi a#leistungen, li.hi a#referenzen, li.hi a#sicherheit, li.hi a#datenschutz, li.hi a#newsletter, li.hi a#umwelt, li.hi a#broschuere {
background-position: 0 -14px;
}

a#stuehle:hover, a#tische:hover, a#holzschraenke:hover, a#stahlschraenke:hover, a#betten:hover, a#sonderangebote:hover, a#sonstiges:hover, a#bestellung:hover, a#leistungen:hover, a#referenzen:hover, a#sicherheit:hover, a#datenschutz:hover, a#newsletter:hover, a#umwelt:hover, a#broschuere:hover {
background-position: 0 -14px;
}

a#stuehle {background: transparent url(../i/ly/nav-stuehle.png) no-repeat 0 0;}
a#tische {background: transparent url(../i/ly/nav-tische.png) no-repeat 0 0;}
a#holzschraenke {background: transparent url(../i/ly/nav-holzschraenke.png) no-repeat 0 0;}
a#stahlschraenke {background: transparent url(../i/ly/nav-stahlschraenke.png) no-repeat 0 0;}
a#betten {background: transparent url(../i/ly/nav-betten.png) no-repeat 0 0;}
a#sonderangebote {background: transparent url(../i/ly/nav-sonderangebote.png) no-repeat 0 0;}
a#sonstiges {background: transparent url(../i/ly/nav-sonstiges.png) no-repeat 0 0;}

a#bestellung {background: transparent url(../i/ly/nav-bestellung.png) no-repeat 0 0;}
a#leistungen {background: transparent url(../i/ly/nav-leistungen.png) no-repeat 0 0;}
a#referenzen {background: transparent url(../i/ly/nav-referenzen.png) no-repeat 0 0;}
a#sicherheit {background: transparent url(../i/ly/nav-sicherheit.png) no-repeat 0 0;}
a#datenschutz {background: transparent url(../i/ly/nav-datenschutz.png) no-repeat 0 0;}
a#newsletter {background: transparent url(../i/ly/nav-newsletter.png) no-repeat 0 0;}
a#umwelt {background: transparent url(../i/ly/nav-umwelt.png) no-repeat 0 0;}
a#broschuere {background: transparent url(../i/ly/nav-broschuere.png) no-repeat 0 0;}


#navigation li.sub,#navigation li.subhi {
margin: 0 0 5px 0;
}

#navigation li.sublast, #navigation li.sublasthi {
margin: 0 0 12px 0;
}

#navigation li.sub a, #navigation li.sublast a {
color: #333;
}

#navigation li.subhi a, #navigation li.sub a:hover, #navigation li.sublasthi a, #navigation li.sublast a:hover {
color: #ff2f00;
}


/* Hauptspalte */
#hauptspalte {
width: 640px;
margin: 0 0 0 250px;
}

.umbruch {
clear: both;
}

#text {
margin: 63px 0 0 0;
}

#produktdetails {
margin: 63px 0 0px 0;
}

#produktbild {
width: 380px;
float: left;
}

#produkttext {
width: 240px;
margin: 0 0 0 400px;
}

p.info {
position: relative;
height: 36px;
text-indent: -99999px;
margin: 25px 0 25px 0;
background: transparent url(../i/ly/bg-info.png) no-repeat top right;
}

p.info a {
position: absolute;
display: block;
width: 27px;
height: 27px;
top: 4px;
left: 604px;
text-indent:-99999px;
}

p.info a.twitter {
position: absolute;
display: block;
width: 30px;
height: 30px;
top: 4px;
left: 567px;
text-indent:-99999px;
}

/*****************************************************
* Obere Navigation
*****************************************************/
#obereNav li {
position: absolute;
top: 10px;
}

#start 		{left: 372px;}
#ueber 		{left: 428px;}
#agb 		{left: 508px;}
#impressum 	{left: 553px;}

#obereNav a {
display: block;
height: 13px;
overflow: hidden;
text-indent: -99999px;
}

/* Normal */
#start a {width: 40px; background: transparent url(../i/ly/on-start.png) no-repeat 0 0}
#ueber a {width: 65px; background: transparent url(../i/ly/on-ueber-uns.png) no-repeat 0 0}
#agb a {width: 30px; background: transparent url(../i/ly/on-agb.png) no-repeat 0 0}
#impressum a {width: 80px; background: transparent url(../i/ly/on-impressum.png) no-repeat 0 0}

/* Aktiviert, Hover */
#start a:hover, #start a.hi {width: 40px; background: transparent url(../i/ly/on-start.png) no-repeat 0 -13px}
#ueber a:hover, #ueber a.hi {width: 65px; background: transparent url(../i/ly/on-ueber-uns.png) no-repeat 0 -13px}
#agb a:hover, #agb a.hi {width: 30px; background: transparent url(../i/ly/on-agb.png) no-repeat 0 -13px}
#impressum a:hover, #impressum a.hi {width: 80px; background: transparent url(../i/ly/on-impressum.png) no-repeat 0 -13px}


/*****************************************************
* Hauptnavigation
*****************************************************/
#hauptNav li {
position: absolute;
top: 86px;
}

#produkte {left: 300px;}
#service {left: 432px;}
#kontakt {left: 539px;}

#hauptNav a {
display: block;
height: 14px;
overflow: hidden;
text-indent: -99999px;
}

/* Normal */
#produkte a {width: 103px; background: transparent url(../i/ly/hn-produkte.png) no-repeat 0 0}
#service a {width: 77px; background: transparent url(../i/ly/hn-service.png) no-repeat 0 0}
#kontakt a {width: 95px; background: transparent url(../i/ly/hn-kontakt.png) no-repeat 0 0}

/* Aktiviert, Hover */
#produkte a:hover, #produkte a.hi {width: 103px; background: transparent url(../i/ly/hn-produkte.png) no-repeat 0 -15px}
#service a:hover, #service a.hi {width: 77px; background: transparent url(../i/ly/hn-service.png) no-repeat 0 -15px}
#kontakt a:hover, #kontakt a.hi {width: 95px; background: transparent url(../i/ly/hn-kontakt.png) no-repeat 0 -15px}

/*****************************************************
* Warenkorb oben
*****************************************************/
#sideCart {
position: absolute; 
top: 0px;
left: 650px;
width: 310px;
background: #001832;
}

#sideCart a {
text-decoration: none;
}

a#meinKonto {
color: #fff;
display: block;
width: 300px;
height: 26px;
line-height: 26px;
padding: 0 0 0 10px;
text-shadow: #000 1px 1px 0px;
}


/* KLAPPHEIMER */

.hideWK {
margin: 0;
padding: 0;
}

.hideWK li {
color: #4f84b3;
padding: 0 0 0px 10px;
margin: 0 0 0px 0;
height: 25px;
line-height: 25px;
}

li#warenkorbGesamt {
border-bottom: 1px solid #324D68;
padding: 0 0 0px 0;
}

li#warenkorbGesamt a {
color: #fff;
padding: 0 0 0 10px;
text-shadow: #000 1px 1px 0px;
}

li#summeGesamt {
border-top: 1px solid #324D68;
padding: 0px 0 0 10px;
height: 25px;
line-height: 25px;
}



#scButtons {
position: relative;
}

a.artikelauf, a.artikelzu {
position: absolute;
top: 0;
left: 0;
display: block;
height: 26px;
line-height: 24px;
color: #fff;
text-shadow: #333 1px 1px 1px;
margin: 0;
width: 170px;
background: #6e5f54 url(../i/ly/icon-cart-closed.png) no-repeat 10px 6px;
padding: 0 0 0 50px;
}

a#zurKasse {
position: absolute;
top: 0;
left: 220px;
width: 90px;
color: #fff;
text-shadow: #333 1px 1px 1px;
height: 26px;
line-height: 24px;
background: transparent url(../i/ly/zur-kasse.png) no-repeat top left;
text-align: center;
}

a#zurKasse:hover {
background: transparent url(../i/ly/zur-kasse.png) no-repeat 0 -26px;
}

#meinKonto:hover, a.artikelauf:hover, a.artikelzu:hover, li#warenkorbGesamt a:hover {
color: #ccc;
}


/*****************************************************
* Startseite, Slideshow und Textspalte
*****************************************************/
#slideshow {
position: absolute;
top: 20px;
left: 20px;
width: 609px;
}

#textspalte {
position: absolute;
top: 20px;
left: 649px;
width: 291px;
height: 340px;
overflow: hidden;
}

#thumbs {
position: absolute;
top: 381px;
left: 296px;
height: 58px;
z-index: 100;
}

#thumbs a {
display: block;
float: left;
border: 1px solid #666;
margin: 0 5px 0 0;
}

#thumbs a:hover {
border: 1px solid #333;
}

#suche {
position: absolute;
top: 378px;
left: 649px;
width: 287px;
height: 33px;
background: transparent url(../i/ly/bg-suche.png) no-repeat top left;
}

#inputSuche {
position: absolute;
top: 8px;
left: 10px;
width: 269px;
height: 17px;
line-height: 18px;
border: none;
background: none;
font-size: 13px;
color: #FF2F00;
}

#info {
position: absolute;
top: 417px;
left: 649px;
width: 287px;
height: 36px;
background: transparent url(../i/ly/bg-info.png) no-repeat top left;
text-indent: -99999px;
}

a.tsLink {
position: absolute;
display: block;
width: 27px;
height: 27px;
top: 421px;
left: 900px;
text-indent:-99999px;
}

a.twitterLink {
position: absolute;
display: block;
width: 30px;
height: 30px;
top: 421px;
left: 863px;
text-indent:-99999px;
}



/*****************************************************
* Produkte Uebersicht
*****************************************************/
h2#produkteUebersicht {
position: absolute;
top: 19px;
left: 39px;
width: 150px;
height: 14px;
background: transparent url(../i/ly/h3-produkte.png) no-repeat top left;
text-indent: -99999px;
}

ul.produktliste {
position: absolute;
width: 150px;
font-size: 12px;
}

ul.produktliste h3 {
text-indent: -99999px;
margin: 0 0 5px 0;
}

ul#stuehle h3 { background: transparent url(../i/ly/h3-stuehle.png) no-repeat top left;}
ul#tische h3 {background: transparent url(../i/ly/h3-tische.png) no-repeat top left;}
ul#holzschraenke h3 {background: transparent url(../i/ly/h3-holzschraenke.png) no-repeat top left;}
ul#stahlschraenke h3 {background: transparent url(../i/ly/h3-stahlschraenke.png) no-repeat top left;}
ul#betten h3 {background: transparent url(../i/ly/h3-betten.png) no-repeat top left;}
ul#sonderangebote h3 {background: transparent url(../i/ly/h3-sonderangebote.png) no-repeat top left;}
ul#sonstiges h3 {background: transparent url(../i/ly/h3-sonstiges.png) no-repeat top left;}

ul#stuehle {top: 78px; left: 90px;}
ul#tische {top: 78px; left: 250px;}
ul#holzschraenke {top: 78px; left: 410px;}
ul#stahlschraenke {top: 78px; left: 570px;}
ul#betten {top: 78px; left: 730px;}
ul#sonderangebote {top: 311px; left: 90px;}
ul#sonstiges {top: 311px; left: 250px;}

#sonderanfertigungen {
position: absolute;
top: 311px;
left: 570px;
width: 265px;
border: 1px solid #ccc;
padding: 10px;
}

#sonderanfertigungen h3 {
margin: 0 0 5px 0;
}

#infoProdukte {
position: absolute;
top: 420px;
left: 570px;
width: 287px;
height: 36px;
background: transparent url(../i/ly/bg-info.png) no-repeat top left;
text-indent: -99999px;
}

a.tsLinkProdukte {
position: absolute;
display: block;
width: 27px;
height: 27px;
top: 424px;
left: 821px;
text-indent:-99999px;
}

a.twitterLinkProdukte {
position: absolute;
display: block;
width: 30px;
height: 30px;
top: 421px;
left: 784px;
text-indent:-99999px;
}


span {
color: #ff2f00;
text-shadow: #ccc 0px 1px 0px;
}

ul.produktliste a {
color: #333;
line-height: 1.6;
}

ul.produktliste a:hover {
color: #ff2f00;
}


/*****************************************************
* Produkt Detailseite
*****************************************************/
#produktkonfiguration {
position: relative;
width: 640px;
height: 113px;
background: transparent url(../i/ly/bg-produktoptionen.png) no-repeat top left;
margin: 15px 0 35px 0;
}

#produktoptionen {
position: relative;
height: 140px;
}

#produktoptionen ul#ansichten li {
position: absolute;
top: 24px;
width: 41px;
height: 41px;
border: 1px solid #666;
background: #fff;
}

#produktoptionen ul#ansichten li:hover {
border: 1px solid #ff2f00;
}

h4#weitereAnsichten {
position: absolute;
top: 0;
left: 0;
font-weight: normal;
font-size: 12px;
text-shadow: #ccc 0px 1px 0px;
}

#ansichten a {
display: block;
width: 41px;
height: 41px;
}

#bild1 {left: 0px;}
#bild2 {left: 49px;}
#bild3 {left: 98px;}
#bild4 {left: 146px;}
#bild5 {left: 195px;}


h4#farbeWaehlen {
position: absolute;
top: 86px;
left: 0;
font-weight: normal;
font-size: 12px;
text-shadow: #ccc 0px 1px 0px;
}

#produktoptionen ul#farben {
margin: 0;
padding: 0;
}

#produktoptionen ul#farben li {
position: absolute;
top: 110px;
width: 22px;
height: 22px;
border: 1px solid #666;
background: #fff;
margin: 0;
padding: 0;
}

#farben a {
display: block;
width: 22px;
height: 22px;

}

#produktoptionen ul#farben li:hover {
border: 1px solid #ff2f00;
}

#farbe1 {left: 0px;}
#farbe2 {left: 30px;}
#farbe3 {left: 61px;}
#farbe4 {left: 92px;}
#farbe5 {left: 123px;}
#farbe6 {left: 154px;}
#farbe7 {left: 185px;}
#farbe8 {left: 215px;}



h4#artikelKonfigurieren {
position: absolute;
top: 8px;
left: 0px;
font-weight: normal;
font-size: 12px;
text-shadow: #ccc 0px 1px 0px;
}

p#preis {
position: absolute;
top: 25px;
left: 400px;
font-size: 14px;
text-shadow: #ccc 0px 1px 0px;
font-weight: bold;
}

#produktkonfiguration form select {
position: absolute;
font-size: 12px;
width: 160px;
border: 1px solid #ccc;
background: #F1F0E9;
}

#sel1 {top: 40px; left: 0px;}
#sel2 {top: 40px; left: 180px;}
#sel3 {top: 80px; left: 0;}
#sel4 {top: 80px; left: 180px;}

#produktkonfiguration form label {
position: absolute;
top: 60px;
left: 400px;
font-size: 13px;
line-height: 26px;
}

#produktkonfiguration form input {
position: absolute;
top: 60px;
left: 438px;
height: 24px;
line-height: 24px;
width: 64px;
border: 1px solid #666;
text-align: center;
font-size: 13px;
color: #333;
}

#produktkonfiguration form input.idwk {
position: absolute;
top: 60px;
left: 510px;
height: 26px;
width: 128px;
border: none;
background: transparent url(../i/ly/in-den-warenkorb.png) no-repeat 0 0;
}

#produktkonfiguration form input.idwk:hover {
background: transparent url(../i/ly/in-den-warenkorb.png) no-repeat 0 -26px;
}

#produktkonfiguration form input.idwk:active {
background: transparent url(../i/ly/in-den-warenkorb.png) no-repeat 0 -52px;
}


ul.idTabs {
position: relative;
height: 26px;
}

ul.idTabs li {
position: absolute;
top: 0;
height: 25px;
line-height: 25px;
}

#t1 {left: 0px;}
#t2 {left: 122px;}
#t3 {left: 244px;}
#t4 {left: 366px;}
#t5 {left: 488px;}
#t6 {left: 610px;}

ul.idTabs li a {
display: block;
width: 112px;
color: #666;
background: #F1F0E9;
padding: 0 0 0 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

ul.idTabs li a:hover,ul.idTabs li a.selected {
display: block;
color: #333;
background: #E7E6DE;
border-bottom: 1px solid #E7E6DE;
padding: 0 0 0 5px;
}


.tabCnt {
padding: 20px;
border: 1px solid #ccc;
background: #E7E6DE;
}

div.tabCnt .produktpdf, #text p a.produktpdf {
color: #6e5f54;
display: block;
width: 200px;
height: 31px;
line-height: 31px;
background: transparent url(../i/ly/pdf-icon.png) no-repeat 0 0;
padding: 0 0 0 40px;
border-bottom: none;
}

div.tabCnt .produktpdf:hover {
color: #000;
border-bottom: none;
height: 31px;
line-height: 31px;
background: transparent url(../i/ly/pdf-icon.png) no-repeat 0 0;
padding: 0 0 0 40px;
}

#text p a.produktpdf {
background: transparent url(../i/ly/pdf-icon-bg-weiss.png) no-repeat 0 0;
}

#text p a.produktpdf:hover {
color: #000;
border-bottom: none;
background: #fff url(../i/ly/pdf-icon-bg-weiss.png) no-repeat 0 0;
padding: 0 0 0 40px;
}

/*****************************************************
* Warenkorb
*****************************************************/

table.warenkorb {
width: 640px;
margin: 25px 0 15px 0;
}

tr.warenkorbAbschluss {
background: #e9e7dd;
}

table.warenkorb td {
padding: 5px;
border: none;
border-bottom: 1px solid #ccc;
}

td.anzahl {
width: 60px;
}

td.summe, td.preis {
width: 150px;
}

td.loeschen {
width: 20px;
}

td.text {
width: 260px;
}

input.anzahl {
width: 40px;
border: 1px solid #ccc;
margin: 0;
}

td.endbetrag {
border-bottom: 1px solid #ccc;
}

table.endbetrag, table.versand {
text-align: right;
width: 300px;
margin: 0;
}

table.versand td {
padding: 2px;
border-bottom: none;
}

table.endbetrag td {
border-bottom: none;
padding: 0;
}

td.eur {
width: 120px;
}

td span {
color: #FF2F00;
}

#text table a.loeschen, #text table a.loeschen:hover {
display: block;
width: 20px;
height: 20px;
line-height: 15px;
background: transparent url(/i/ly/x-loeschen.png) no-repeat 0 0px;
text-indent: -99999px;
padding: 0;
border-bottom: 0;
}

#warenkorbButtons {
position: relative;
height: 26px;
}

input.aktualisieren {
position: absolute;
top: 0;
left: 374px;
width: 128px;
height: 26px;
background: transparent url(/i/ly/aktualisieren.png) no-repeat 0 0;
border: 0;
}

input.aktualisieren:hover {
background: transparent url(/i/ly/aktualisieren.png) no-repeat 0 -26px;
}

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

a.bestellen:hover {
background: transparent url(/i/ly/bestellen.png) no-repeat 0 -26px;
}

input.senden {
position: absolute;
top: 0;
left: 512px;
width: 128px;
height: 26px;
background: transparent url(/i/ly/bestellung-senden.png) no-repeat 0 0;
text-indent: -99999px;
border: 0;
}

input.senden:hover {
background: transparent url(/i/ly/bestellung-senden.png) no-repeat 0 -26px;
}


input.weiter {
width: 128px;
height: 26px;
background: transparent url(/i/ly/weiter.png) no-repeat 0 0;
border: 0;
}

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


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

input, select {
font-size: 11px;
}

fieldset {
padding: 0 20px 0 20px;
margin: 0 0 20px 0;
border-top: 1px solid #ccc;
}

legend {
font-size: 18px;
border: none;
padding: 10px 10px;
font-weight: normal;
color: #333;
text-shadow: #ccc 0px 1px 1px;
}

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

input {
width: 200px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
height: 14px;
}

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

select {
width: 200px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
}

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

input:focus, textarea:focus {
border: 1px solid #6e5f54;
}

input.login {
width: 128px;
height: 26px;
background: transparent url(/i/ly/login.png) no-repeat 0 0;
text-indent: -99999px;
border: none;
}

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

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/weiter.png) no-repeat 0 0;
text-indent: -99999px;
padding: 0;
border: 0;
}

#text p.logIn a:hover {
width: 128px;
height: 26px;
background: transparent url(/i/ly/weiter.png) no-repeat 0 -26px;
padding: 0;
border: 0;
}

form h3, #bestellhistorie h3 {
font-size: 16px;
font-weight: normal;
color: #FF2F00;
margin: 0 0 20px 0;
text-shadow: #ccc 0px 1px 1px;
}

/*****************************************************
* Bestellung abschliessen
*****************************************************/
table.bggrau {
width: 640px;
margin: 25px 0 15px 0;
border: 1px solid #ccc;
background: #e9e7dd;
}

table.bggrau td {
padding: 10px;
border: none;
}

a.bearbeiten, a.adresseAendern {
position: absolute;
top: 0;
left: 512px;
width: 128px;
height: 26px;
background: transparent url(/i/ly/bearbeiten.png) no-repeat 0 0;
text-indent: -99999px;
border: 0;
}

a.bearbeiten:hover {
background: transparent url(/i/ly/bearbeiten.png) no-repeat 0 -26px;
}

a.adresseAendern {
background: transparent url(/i/ly/adresse-aendern.png) no-repeat 0 0;
}

a.adresseAendern:hover {
background: transparent url(/i/ly/adresse-aendern.png) no-repeat 0 -26px;
}

input.bestellungfinal {
position: absolute;
top: 0;
left: 512px;
width: 128px;
height: 26px;
background: transparent url(/i/ly/bestellung-senden-final.png) no-repeat 0 0;
text-indent: -99999px;
border: none;
}

input.bestellungfinal:hover {
background: transparent url(/i/ly/bestellung-senden-final.png) no-repeat 0 -26px;
}

/*****************************************************
* Breadcrumbs
*****************************************************/
ul#breadcrumbCheckout {
position: relative;
height: 36px;
width: 640px;
background: #e9e7dd;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
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 40px;
color: #B5B1AF;
}

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

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

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

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

/*****************************************************
* Zugangsdaten anfragen
*****************************************************/
input.abschicken {
width: 128px;
height: 26px;
background: transparent url(/i/ly/abschicken.png) no-repeat 0 0;
text-indent: -99999px;
border: none;
}

input.abschicken:hover {
background: transparent url(/i/ly/abschicken.png) no-repeat 0 -26px;
}

/*****************************************************
* Tab Listviews
*****************************************************/
.tabliste {
position: relative;
height: 115px;
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
width: 595px;
}

.tablisteLast {
position: relative;
height: 115px;
border-bottom: none;
margin: 0;
width: 595px;
}

.tabliste a.thumb, .tablisteLast a.thumb {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100px;
height: 100px;
border: 1px solid #ccc;
overflow: hidden;
}

.tabliste a.thumb:hover, .tablisteLast a.thumb:hover {
border: 1px solid #666;
}

.tabliste ul, .tablisteLast ul {
position: absolute;
top: 0;
left: 125px;
}

.tabliste ul a, .tablisteLast ul a {
color: #6e5f54;
}

.tabliste ul a:hover, .tablisteLast ul a:hover {
color: #000;
}

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

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

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

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


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

ul.logout li {
position: absolute;
top: 0;
text-align: center;
}

#a1 {left: 0;}
#a2 {left: 213px;}
#a3 {left: 427px;}

#text ul.logout a {
display: block;
width: 213px;
height: 36px;
background: #f1f1f1;
border: none;
padding: 0;
}

#text ul.logout li#a2 a {
width: 212px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#text ul.logout a:hover {
color: #000;
background: #e9e7dd;
}



/*****************************************************
* Tabellen im Text
*****************************************************/

table.tableCnt {
margin: 0 0 25px 0;
width: 99%;
}

table.tableCnt th {
background: #e9e7dd;
padding: 5px;
border: 1px solid #ccc;
}

table.tableCnt td {
border: 1px solid #ccc;
padding: 5px;
}

/*****************************************************
* Slideshows im Content
*****************************************************/

#slideshowCnt {
border: 1px solid #ccc;
background: #e9e7dd;
width: 630px;
padding: 5px;
margin: 0 0 20px 0;
}

#kontaktContainer {
position: relative;
}

#kontaktContainer #slideshowCnt {
position: absolute;
top: 5px;
left: 230px;
border: 1px solid #ccc;
background: #e9e7dd;
width: 630px;
padding: 5px;
margin: 0 0 20px 0;
}


/*****************************************************
* Newsletter
*****************************************************/
input.anmelden, input.abschicken {
width: 128px;
height: 26px;
text-indent: -99999px;
padding: 0;
border: 0;
}

input.anmelden {background: transparent url(/i/ly/anmelden.png) no-repeat 0 0;}
input.anmelden:hover {background: transparent url(/i/ly/anmelden.png) no-repeat 0 -26px;}


/*****************************************************
* SEO Block Startseite
*****************************************************/
#inhaltSEO h3 {
text-indent: -99999px;
margin: 0 0 5px 0;
}

#inhaltSEO a {
color: #6e5f54;
text-decoration: none;
}

#inhaltSEO h3#stuehle { background: transparent url(../i/ly/h3-stuehle.png) no-repeat 140px 0;}
#inhaltSEO h3#tische  {background: transparent url(../i/ly/h3-tische.png) no-repeat 140px 0;}
#inhaltSEO h3#holzschraenke  {background: transparent url(../i/ly/h3-holzschraenke.png) no-repeat 140px 0;}
#inhaltSEO h3#stahlschraenke  {background: transparent url(../i/ly/h3-stahlschraenke.png) no-repeat 140px 0;}
#inhaltSEO h3#betten {background: transparent url(../i/ly/h3-betten.png) no-repeat 140px 0;}

.thumbStartseite {
height: 140px;
margin: 0 0 15px 0;
}

.thumbStartseite img {
float: left;
}

.thumbStartseite p, .thumbStartseite h3 {
margin: 0 0 0 140px;
}

/*****************************************************
* Tabelle Staffelpreise
*****************************************************/

table.staffelpreise {
width: 100%;
border-collapse: collapse;
margin: 15px 0 0 0;
border: 1px solid #c0c0c0;
}

table.staffelpreise td, table.staffelpreise th {
border: 1px solid #c0c0c0;
font-size: 11px;
font-family: Verdana;
text-align: center;
padding: 0 2px;
}

table.staffelpreise th {
background: #edece3;
text-align: left;
padding: 4px;
}

tr.hellgrau {
background: #f9f7ee;
}