/* ## BASICS ################################################## */
body        { background-color:#f27faf; margin:0px; padding:0px; }
body, td, div, p, 
span        { font-family:Arial, sans-serif; font-size:12px; line-height:18px; color:#666; }

p           { margin:0px; padding:0px; margin-bottom:8px; }

h1, h2, h3, h4, h5, h6, h7 { font-size:12px; font-weight:normal; line-height:16px; margin:0px; padding:0px; margin-bottom:8px; color:#666; }
h1, h2, h3      { text-transform:uppercase; }
h1, h2      { font-size:18px; line-height:24px; }
h3          { font-size:12px; padding-top:16px; margin-bottom:4px; color:#000; }
#produktdiv h2 span,
#textdiv h2 span { display: block; margin-top:8px;  }


.nopadd     { padding:0px; }
.link { cursor:pointer; }
.small      { font-size:10px; line-height:13px; }

a:link, a:hover, a:visited, a:active    { color:#f00; text-decoration:none; padding:0px 2px; }
a:hover     														{ color:#FFF; background-color:#f27faf; }

a.high, a.high:link, a.high:visited 		{ padding-left: 16px; background-image:url(../img/a_high.gif); }
a.high:hover 														{ padding-left: 16px; background-image:url(../img/a_high_inv.gif); }

a.email, a.email:link, a.email:visited 		{ padding-left: 20px; background-image:url(../img/a_email.gif); }
a.email:hover 														{ padding-left: 20px; background-image:url(../img/a_email_inv.gif); }

.variante .em { font-weight:bold; }

/* ## PRODUKTDARSTELLUNG ###################################### */
#produktdiv    { clear:both; position:relative; top:0px; width:100%; height:416px; background-color:#FFF; z-index:190; }
#produktdiv .fb-like { position:absolute; top:376px; left:800px; z-index:9000; }

#produktBeschreibung { position:absolute; left:60px; top:18px; z-index:50; width:300px; }
#produktBeschreibung { width:300px; }
  #namenskissen #produktBeschreibung { width:260px; }
  #reiseschwein #produktBeschreibung { width:260px; }
  #schutzengel #produktBeschreibung { width:220px; }
  #bluetenkleid #produktBeschreibung { width:220px; }	
  #tunikas #produktBeschreibung { width:230px; }
	#reiseschweinFirst #produktBeschreibung { width:230px; }
  
#produktBild { position:absolute; left:300px; top:55px; z-index:40; width:480px; text-align:right; background-color:silver; }

#produktInfos { position:absolute; left:60px; top:270px; z-index:60; width:220px; }
#produktInfos p.small { margin-bottom:12px; }
	#tunikas #produktInfos { top:336px; }

#produktVarianten     { position:absolute; left:800px; top:52px; z-index:1100; font-size:12px; width:210px; height:364px; }
#produktVarianten .variante  { margin-bottom:24px; }
#produktVarianten .title { float:left; width:140px; text-transform:uppercase; color: #F00; }
#produktVarianten .title a    { font-size:13px; padding:0px 2px; }
#produktVarianten .price { float:right; width:50px; font-weight:bold; color: #F00; }
#produktVarianten .small { clear:both; margin-bottom:4px; }
#produktVarianten a.on { font-weight:bold; background-color:#f00; color:white; }
#produktVarianten .fb-like { position:absolute; top:auto; bottom:24px; left:0px; }

#produktThumbs      { position:absolute; top:432px; left:60px; }
#produktThumbs h4   { color:#FFF; }
#produktThumbs img  { float:left; margin-right:1px; padding:0px; width:80px; height:72px; }
#produktThumbs a    { margin:0px; padding:0px; }

#produktWunsch          		{ position:absolute; top:-8px; left:740px; font-size:12px; color:#FFF; width: 130px;  }
#produktWunsch div          { display:block !important; }
#produktWunsch div a      	{ color:#FFF; font-weight: normal; text-transform:uppercase; padding:0px 2px; }
#produktWunsch div a:hover  { color:#F00; background-color:#FFF; }

#produktliste		{ position:relative; height:120px; left:56px; top:60px; width:880px; z-index:80; color:#F00; }
#produktliste a		{ white-space:nowrap; }
#produktliste a:hover		{ background-color:#FFF; color:#F00; }

#produktUebersicht .produkt { float:left; text-align:center; margin-top:100px; }
#produktUebersicht .produkt p { margin-top:8px; }

.juhuhK { position:absolute; top:0px; left:820px; }
.juhuhA { position:absolute; top:20px; left:740px; }
.juhuhS { position:absolute; top:10px; left:640px; }


/* ## TEXTDARSTELLUNG ###################################### */
#textdiv    { clear:both; width:100%; height:auto; }
.padd       { padding: 18px 0px 40px 60px; }
#textleft   { float:left; width:340px; }
#textdiv ul { text-transform:uppercase; margin:0px; padding:0px; margin-top:32px; }
#textdiv ul li { margin:0px; list-style:none; }

#textright  { float:left; width:480px; margin-left:40px; margin-top:16px; }
#textright ul { margin-top:16px; }
#textright li { width: 104px;
  min-height: 96px;
  border: 1px solid #f27faf; 
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 3px 1px !important;
  zoom: 1;
  *display: inline;
  _height: 96px;
  text-transform:none; font-size:12px; line-height:14px; padding:4px; 
}
.pflegetipps { margin-top: 32px; }
.pflegeIcon { clear:left; float:left; width:50px; margin-bottom:4px; }
.pflegeText { float:left; width:290px; margin-bottom:4px; }
.pflegeicons img { margin: 0px 4px; }
strong { color:#000; }

/* ## DIVS #################################################### */
#main       { left:0px; width:auto; height:auto; text-align:left; z-index:5; }
#header     { background-color:#f27faf; height:160px; margin:0px; padding:0px; z-index:90; }
#logo       { position:absolute; left:691px; top:16px; z-index:100; }

#homeText   { position:absolute; left:60px; top:30px; z-index:1000; width:300px; }
#homeText h2, #homeText p { margin:0px 0px 4px 0px; }
#homeText h2 span { display:inline; text-transform:uppercase; font-weight:bold; line-height:20px; font-size:16px; color:#FFF; background-color: #91CC1A; padding:2px 5px 2px 5px; }
#homeText p span { color:#FFF; background-color: #91CC1A; padding:0px 4px 0px 4px; }
#homeText p { margin:0px 0px 0px 0px; }
#homeText .sortiment { margin: 26px 0px 0px 0px; }
#homeText .sortiment h3 { margin: 8px 0px 2px 0px; padding:0px; }
#homeText .sortiment h3 a { line-height:14px; margin:0px; padding:0px 2px; background-color:#F00; color:#FFF; }
#homeText .sortiment h3 a:hover { background-color:#91CC1A; color:#FFF; }
#homeText .sortiment p { margin-left:32px; padding:0px; line-height:16px; } 
#homeText .sortiment p a:hover { background-color:#91CC1A; color:#FFF; }

#footer { clear:both; padding:50px 0px 24px 60px; }
#footer a		{ margin-left:30px; }
.uebersichtseite #footer, 
.produktseite #footer 		{ position:absolute; top:570px; left:60px; color:#FFF; margin:24px 0px; padding:0px 0px 24px 0px; }
.produktseite #footer 		{ top:720px; }
.uebersichtseite #footer a, 
.produktseite #footer a		{ color:#FFF; }
#footer a:hover { background-color:#FFF; color:#F00; }
#footer a.on { font-weight:bold; color:#FFF !important; background-color:#F00;  }

/* ## NAVIGATION ############################################## */
#navigation { position:relative; height:120px; left:54px; top:20px; width:490px; text-align:right; z-index:80; }

#navigation ul  { float:left; list-style-type:none; margin:0px; padding:0px; margin-left:0px; }
#navigation li  { text-transform:uppercase; text-align:left; width:660px; margin:1px 0px; }
#navigation li.produkt  { font-weight: bold; }

#navigation a:link, #navigation a:hover, #navigation a:visited, #navigation a:active { 
			font-size:12px; color:#FFF; text-decoration:none; padding: 1px 6px; }
#navigation a:hover { background-color:#FFF; color:#F00; }

#navigation li span a { margin-left:10px; }
#navigation a.on { font-weight:bold; color:#FFF !important; background-color:#F00;  }
#navigation a.on:hover { color:#f27faf !important; background-color:#FFF; }
#navigation a.act { font-weight:bold; color:#f27faf !important; background-color:#FFF; }
#navigation a.act:hover { color:#fff !important; background-color:#F00; }
#navigation li img { margin-bottom:-4px; margin-right:2px; }

a.nobg	{ background-color:transparent; }