/* 
+++++++++++++++++++++++++++++++++++++++
+++ Formulare                       +++ 
+++++++++++++++++++++++++++++++++++++++
*/
a.button { 
 font-size: 1.0em; 
 font-weight : bold; 
 color: #333333; 
 margin: 0px;  
 line-height: 22px;
 border: 1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 4px 3px 4px 3px; 
}

input.form { 
 font-size: 1.0em;  
 height: 16px; 
 margin: 0px; 
 border:1px solid;  
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 2px 0px 0px 1px;
} 

input.form:focus { 
 font-size: 1.0em; 
 height: 16px;
 margin: 0px; 
 border:1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 2px 0px 0px 1px;
}

textarea.form { 
 font-size: 12px;
 height: 84px; 
 margin: 0px; 
 border: 1px solid;  
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 3px; 
} 

textarea.form:focus { 
 font-size: 12px;
 height: 84px; 
 margin: 0px; 
 border: 1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 3px; 
}

input.button { 
 font-family: Verdana, Genova, Arial, Helvetica, sans-serif; 
 font-size: 1.0em; 
 font-weight : bold; 
 color: #333333; 
 margin: 0px 10px 0px 0px; 
 height: 22px; 
 border: 1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 0px 3px 0px 3px; 
}

select.form { 
 font-size: 0.85em; 
 height: 19px; 
 margin: 0px; 
 border: 1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
 padding: 1px 0px 1px 0px; 
} 

select.form:focus { 
 font-size: 0.85em; 
 height: 19px; 
 margin: 0px; 
 border: 1px solid; 
 background-color: #FFFFFF; 
 border-color: #7F9DB9; 
}

/* 
+++++++++++++++++++++++++++++++++++++++
+++ components / UnitsList          +++ 
+++++++++++++++++++++++++++++++++++++++
*/
table#UnitsList {
 width: 420px;
 margin: 15px 5px 10px 5px;
 border-spacing: 1px;
 border: 0px;
}

table#UnitsList th.units, table#UnitsList th.infos {
 padding: 2px;
 width: 116px;
 background-color: #938F25;
 color: #FFF;
}

table#UnitsList th.infos {
 padding-left: 3px;
 text-align: left;
 width: 294px;
}

table#UnitsList td.unitsH {
 padding: 2px;
 background-color: #F4F2CC;
}

table#UnitsList td.infosH {
 padding: 2px;
 text-align: right;
 color: #000;
 background-color: #F4F2CC;
}

table#UnitsList td.units, table#UnitsList td.infos {
 padding: 10px 3px 10px 3px;
 background-color: #E9E69A;
 height: 147px;
 vertical-align: top;
 overflow: hiddden;
}

* html table#UnitsList td.units, table#UnitsList td.infos {
 height: 127px;
}

table#UnitsList td.noUnits {
 padding: 7px;
 background-color: #E9E69A;
 text-align: center;
 font-weight: bold;
}

table#UnitsList td.units {
 text-align: center;
 overflow: hiddden;
}

table#UnitsList td.units h3 {
 width: 114px;
 color: #E2007A;
 font-weight: 900;
 margin: 0px 0px 10px 0px;
 overflow: hiddden;
}

table#UnitsList td.units img {
 border: 5px solid #FFF;
}

table#UnitsList td.infos p { 
 width: 274px;
 font-weight: 900;
 font-size: 1.1em;
 margin: 10px 0px 0px 0px;
 float: left;
}

table#UnitsList td.infos span.text {
 font-size: 1.0em;
}

table#UnitsList td.infos span.user {
 color: #E2007A;
 font-size: 1.0em;
 font-weight: 900;
}

table#UnitsList td.infos img {
 margin: 0px;
 padding: 0px;
 float: right;
}


/* 
+++++++++++++++++++++++++++++++++++++++
+++ components / kampagnen          +++ 
+++++++++++++++++++++++++++++++++++++++
*/
table#Kampagnen {
 width: 420px;
 margin: 15px 5px 10px 5px;
 border-spacing: 1px;
 border: 0;
}

table#Kampagnen th.upd, table#Kampagnen th.pkt {
 padding: 2px;
 width: 116px;
 background-color: #938F25;
 color: #FFF;
}

table#Kampagnen th.aktion {
 padding-left: 3px;
 text-align: left;
 background-color: #938F25;
 color: #FFF;
 width: 357px;
}

table#Kampagnen th.upd {
 padding-left: 3px;
 text-align: center;
 width: 51px;
}

table#Kampagnen td.icon {
 padding: 2px;
 background-color: #E9E69A;
 width: 36px;
 text-align: left;
}

table#Kampagnen td.infos {
 padding: 2px;
 background-color: #E9E69A;
 width: 317px;
 text-align: left;
}

table#Kampagnen td.infos a {
 color: #E2007A;
 font-weight: bold;
 text-align: left;
}

table#Kampagnen td.infos a:hover {
 color: #E2007A;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

table#Kampagnen td.upd {
 padding: 2px;
 background-color: #E9E69A;
 text-align: center;
 width: 51px;
}


/* 
++++++++++++++++++++++++++++++++++++++++
+++ components / emails - kommentare +++ 
++++++++++++++++++++++++++++++++++++++++
*/
table#emails {
 width: 420px;
 margin: 15px 5px 10px 5px;
 border-spacing: 1px;
 border: 0;
}

table#emails th.upd, table#emails th.from {
 padding: 2px;
 width: 116px;
 background-color: #5F5F5F;
 color: #FFF;
}

table#emails th {
 padding-left: 3px;
 text-align: left;
 background-color: #5F5F5F;
 color: #FFF;
 width: 26px;
}

table#emails th.email {
 padding-left: 3px;
 text-align: left;
 background-color: #5F5F5F;
 color: #FFF;
 width: 280px;
}

table#emails th.upd {
 background-color: #5F5F5F;
 color: #FFF;
 padding-left: 3px;
 text-align: center;
 width: 77px;
}

table#emails th.from {
 background-color: #5F5F5F;
 color: #FFF;
 padding-left: 3px;
 text-align: center;
 width: 51px;
}

table#emails td {
 padding: 2px;
 background-color: #8B8B8B;
 width: 26px;
 vertical-align: top;
}

table#emails td.icon {
 padding: 2px;
 background-color: #8B8B8B;
 width: 36px;
 text-align: left;
 vertical-align: top;
}

table#emails td.subject {
 padding: 4px 2px 2px 2px;
 background-color: #8B8B8B;
 color: #D3CD35;
 font-size: 1.1em;
 font-weight: bold;
 width: 217px;
 text-align: left;
 vertical-align: middle;
}

table#emails td.subject a {
 color: #D3CD35;
 background-color: #8B8B8B;
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
}

table#emails td.subject a:hover {
 color: #D3CD35;
 background-color: #8B8B8B;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

table#emails td.upd {
 font-size: 0.8em;
 padding: 2px;
 color: #D3CD35;
 background-color: #8B8B8B;
 text-align: center;
 width: 51px;
 vertical-align: top;
}

table#emails td.from {
 font-size: 1.1em;
 font-weight: bold;
 padding: 2px;
 color: #D3CD35;
 background-color: #8B8B8B;
 text-align: center;
 width: 51px;
 vertical-align: middle;
}

table#emails td.from a {
 color: #D3CD35;
 background-color: #8B8B8B;
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
}

table#emails td.from a:hover {
 color: #D3CD35;
 background-color: #8B8B8B;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

table#emails td.rowl {
 padding: 2px;
 background-color: #5F5F5F;
 width: 76px;
 vertical-align: top;
 font-size: 1.1em;
 font-weight: bold;
 color: #FFF;
}

table#emails td.rowr {
 padding: 2px;
 width: 340px;
 background-color: #8B8B8B;
 vertical-align: top;
 font-size: 1.1em;
 font-weight: bold;
 color: #D3CD35;
}

table#emails td.rowr a.link {
 color: #D3CD35;
 font-size: 1.1em;
 font-weight: bold;
}

table#emails td.limessage {
 color: #D3CD35;
 padding: 10px;
 font-size: 1.0em;
 font-weight: bold;
 width: 400px;
}

/* 
+++++++++++++++++++++++++++++++++++++++
+++ components / credits          +++ 
+++++++++++++++++++++++++++++++++++++++
*/
table#credits {
 width: 420px;
 margin: 15px 5px 10px 5px;
 border-spacing: 1px;
 border: 0;
}

table#credits th.upd, table#credits th.pkt {
 padding: 2px;
 width: 116px;
 background-color: #938F25;
 color: #FFF;
}

table#credits th.aktion {
 padding-left: 3px;
 text-align: left;
 background-color: #938F25;
 color: #FFF;
 width: 306px;
}

table#credits th.upd {
 padding-left: 3px;
 text-align: center;
 width: 51px;
}

table#credits th.pkt {
 padding-left: 3px;
 text-align: center;
 width: 51px;
}

table#credits td.icon {
 padding: 2px;
 background-color: #E9E69A;
 width: 36px;
 text-align: left;
}

table#credits td.infos {
 padding: 2px;
 color: #E2007A;
 background-color: #E9E69A;
 width: 266px;
 text-align: left;
 font-weight: bold;
}

table#credits td.infos a {
 color: #E2007A;
 font-weight: bold;
 text-align: left;
}

table#credits td.infos a:hover {
 color: #E2007A;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

table#credits td.upd {
 padding: 2px;
 background-color: #E9E69A;
 text-align: center;
 width: 51px;
}

table#credits td.pkt {
 padding: 2px;
 color: #E2007A;
 font-weight: bold;
 background-color: #E9E69A;
 text-align: center;
 width: 51px;
}

/* 
+++++++++++++++++++++++++++++++++++++++
+++ components / creditsTop         +++ 
+++++++++++++++++++++++++++++++++++++++
*/
table#credittop {
 width: 420px;
 margin: 15px 5px 10px 5px;
 border-spacing: 1px;
}

table#credittop th.buddy {
 padding: 2px;
 width: 116px;
 background-color: #938F25;
 color: #FFF;
}

table#credittop th.info {
 padding: 2px;
 width: 298px;
 background-color: #938F25;
 color: #FFF;
 text-align: left;
}

table#credittop td.buddyH {
 padding: 2px;
 background-color: #F4F2CC;
}

table#credittop td.infoH {
 padding: 2px;
 background-color: #F4F2CC;
}

table#credittop td.buddy {
 padding: 10px 0px 10px 3px;
 background-color: #E9E69A;
 height: 147px;
 vertical-align: top;
 text-align: center;
}

table#credittop td.info {
 padding: 10px 0px 10px 3px;
 background-color: #E9E69A;
 height: 147px;
 vertical-align: top;
 text-align: left;
}

table#credittop h1.summe {
 padding: 2px;
 width: 276px;
 vertical-align: top;
 font-size: 1.7em;
 line-height: 18px;
 font-weight: bold;
 color: #5B5A34;
 margin-bottom: 17px;
}

table#credittop a.profile img.email {
 margin: 5px 2px 0px 2px;
}

table#credittop a.profile img.profile {
 border: 5px solid #FFF;
}

table#credittop a.nick {
 color: #E2007A;
 font-weight: bold;
 text-align: left;
}

table#credittop a.nick:hover {
 color: #E2007A;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
}

/**********************/
/*   katalog          */
/**********************/

div.headProdDetails {
 height: 80px;
 width: 350px;
 float: left;
}

div.headProdListe {
 padding-top: 50px;
 height: 30px;
 width: 550px;
 float: left;
}

div.headProdListe div.headProdListeKatname {
  width: 275px;
  font-size: 1.3em;
  float: left;
}

div.headProdListe div.headProdListeSeiten {
  width: 255px;
  padding-left: 20px;
  font-size: 1.3em;
  float: left;
}

img.prodListImage {
  border-top: 1px solid #BAB8B9;
  border-left: 1px solid #BAB8B9;
  border-right: 1px solid #E4E3E3;
  border-bottom: 1px solid #E4E3E3;
}

img.prodListImageNoBorder {
  border: 1px solid transparent;
}

div.headBlaettern {
  width: 160px;
  padding-left: 40px;
  float: left;
}

div.ProduktDetails {
  width: 160px;
  padding-left: 40px;
  float: left;
}

div.prodDatDetail {
  width: 150px;
  padding-top:15px;
  margin-right: 10px;
  margin-bottom: 15px;
  border-top: 1px dotted #666;
}

div.prodImage {
 width: 350px;
 float: left;
}

div.prodImageThumbs {
 width: 350px;
 margin-top: 16px;
 text-align: center;
 float: left;
}

img.ProduktThumb {
  border: 1px solid #666;
}

a.ProduktThumb {
  margin: 0 8px 16px 8px
}

a.ProduktThumbTop {
  margin: 0 15px 0 0;
}

img.grBild {
 border: 4px solid #666;
}

div.ProduktCoverflow {
  margin-top: 40px;
  margin-bottom: 0;
}

a.icoMerken, a.icoMerken:hover, a.icoMerkzettel, a.icoMerkzettel:hover, a.icoDrucken, a.icoDrucken:hover, a.icoFragen, a.icoFragen:hover, a.icoEmpfehlen, a.icoEmpfehlen:hover {
 color: #D3D3D3;
 height: 45px;
 font-size: 1.1em;
 margin-right: 28px;
 float: left;
}

a.icoEmpfehlen, a.icoEmpfehlen:hover {
 color: #D3D3D3;
 height: 45px;
 font-size: 1.1em;
 margin-right: 0;
 float: right;
}

a.icoMerken:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_merken.gif) center 16px;
}

a.icoMerkzettel:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_merkzettel.gif) center 16px;
}

a.icoDrucken:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_drucken.gif) center 16px;
}

a.icoFragen:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_fragen.gif) center 16px;
}

a.icoEmpfehlen:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_empfehlen.gif) center 16px;
}

a.icoMerkenListe, a.icoMerkenListe:hover, a.icoZeigenListe, a.icoZeigenListe:hover, a.icoFragenListe, a.icoFragenListe:hover, a.icoEntfernenListe, a.icoEntfernenListe:hover {
 width: 88px;
 color: #D3D3D3;
 height: 25px;
 font-size: 1.1em;
 margin-right: 28px;
 padding-top: 6px;
 float: left;
}

a.icoZeigenListe, a.icoZeigenListe:hover {
 width: 80px;
}

a.icoFragenListe, a.icoFragenListe:hover {
 width: 83px;
}

a.icoEntfernenListe, a.icoEntfernenListe:hover {
 width: 98px;
}

a.icoMerkenListe {
 background: no-repeat url(/img/icons/icons_merken_h.gif) right top;
}

a.icoMerkenListe:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_merken.gif) right top;
}

a.icoEntfernenListe {
 background: no-repeat url(/img/icons/icons_merken_h.gif) right top;
}

a.icoEntfernenListe:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_merken.gif) right top;
}

a.icoZeigenListe {
 background: no-repeat url(/img/icons/icons_zeigen_h.gif) right top;
}

a.icoZeigenListe:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_zeigen.gif) right top;
}

a.icoFragenListe {
 background: no-repeat url(/img/icons/icons_fragen_h.gif) right top;
}

a.icoFragenListe:hover {
 color: #666;
 background: no-repeat url(/img/icons/icons_fragen.gif) right top;
}