/*-------------------------------*
 *    Styles for Jackpoint.ch    *
 *  Design (c) Dietrich Rordorf  *
 *-------------------------------*/


/*
 * XHTML Elements
 */

body {
    background:#DFD4B1 url('images/body_back.gif') top left repeat;
    padding:15px 10px 15px 10px;
}

/*
 * Objects
 */

#boxWarenkorb {
    margin:0 0 20px 1px;
    padding:5px 10px 10px 5px;
    background:#FFE788;
    border:1px solid #C9BFA0;
    border-width:1px 0 1px 0;
    text-align:left;
    line-height:150%;
}

#boxNewsletter {
    font-size:8pt;
    margin:0 1px 20px 0;
    padding:5px 5px 10px 5px;
    background:#FAF5E1 url('images/box_back.gif') repeat-x;
    border-top:1px solid #FAF5E1;
    border-bottom:1px solid #C9BFA0;
}

#boxProductNews {
    margin:0 0 20px 1px;
    padding:5px 10px 10px 5px;
    background:#FAF5E1 url('images/box_back.gif') repeat-x;
    border-top:1px solid #FAF5E1;
    border-bottom:1px solid #C9BFA0;
    text-align:left;
    line-height:150%;
}

#boxBlog {
    margin:0 0 20px 1px;
    padding:5px 10px 10px 5px;
    background:#FAF5E1 url('images/box_back.gif') repeat-x;
    border-top:1px solid #FAF5E1;
    border-bottom:1px solid #C9BFA0;
    text-align:left;
    line-height:150%;
}

.boxTitle {
    font-size:11pt;
    font-weight:bold;
    color:#988E6D;
}

.boxText {
    font-size:8pt;
}

.boxTotal {
    list-style-type:none;
    margin-top:5px;
    padding: 3px 0 3px 0;
    color:#988E6D;
}




td           { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; }
td.rightBox  { font-size:11px; color:#80775C; }
td.menuback  { color:#80775C; background-color:#F5F2EA; }
td.mainRand  { color:#C9BFA0; background-color:#C9BFA0; }
td.mainRandWhite  { color:#FFFFFF; background-color:#FFFFFF; }
td.mainRandBlack  { color:#DFD4B1; background-color:#DFD4B1; }
td.menu      { color:#EBE5D6; background-color:#F5F2EA; letter-spacing:1px; font-weight:bold; padding-right:0px; padding-bottom:5px; }
td.content   { color:#000000; background-color:#F5F2EA; padding-top:15px; padding-bottom:15px; padding-left:15px; padding-right:15px; }
td.contLeft  { color:#000000; padding-top:0px; padding-bottom:0px; padding-left:20px; padding-right:0px; }
td.contRight { color:#000000; padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:0px; }
td.contColor { color:#000000; background-color:#E3DBC1; border:#C9BFA0 solid; border-width: 1px 1px 1px 1px; }
td.contColor2{ color:#000000; background-color:#FFFFFF; border:#E3DBC1 solid; border-width: 1px 1px 1px 1px; }
td.details   { color:#000000; border:#E3DBC1 solid; border-width: 0px 0px 1px 0px; }
td.details2  { color:#000000; background-color:#E3DBC1; border:#E3DBC1 solid; border-width: 0px 0px 1px 0px; }
td.rubHaupt  { color:#80775C; background-color:#CEC29E; border:#DFD4B1 solid; border-width: 1px 0px 0px 0px; padding-top:5px; padding-bottom:5px; padding-left:25px; }
td.rubNeben  { color:#80775C; background-color:#FAF5E1; border:#FFF9E8 solid; border-width: 1px 0px 0px 0px; padding-top:2px; padding-bottom:2px; padding-left:40px; }
td.rubMitte  { color:#80775C; background-color:#E3DBC1; border:#B2AA92 solid; border-width: 0px 0px 0px 0px; padding-top:5px; padding-bottom:5px; padding-left:25px; }
td.rubEnde   { color:#80775C; background-color:#FAF5E1; border:#C9BFA0 solid; border-width: 1px 0px 1px 0px; padding-top:5px; padding-bottom:5px; padding-left:15px; }
td.inWkLegen { color:#000000; background-color:#E3DBC1; border:#CEC29E solid; border-width: 1px 1px 1px 1px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; }
td.detailsVP { color:#80775C; background-color:#E3DBC1; border:#CEC29E solid; border-width: 1px 1px 1px 1px;}
td.copyright { color:#80775C; letter-spacing: 0.0em; }

table.contColor { color:#000000; background-color:#E3DBC1; border:#C5BFAA solid; border-width: 1px 1px 1px 1px; }
table.contColor2{ color:#000000; background-color:#FFFFFF; border:#E3DBC1 solid; border-width: 1px 1px 1px 1px; }

font.reduziert { text-decoration:line-through; }
font.klein     { color:#000000; text-decoration:none; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:10px; font-weight:normal; }

a                        { color:#CC3300; text-decoration:underline; }
a:hover                  { color:#CC3300; text-decoration:none; }
a:visited                { color:#666666; text-decoration:underline; }
a:visited:hover          { color:#CC3300; text-decoration:none; }
a.rub                    { color:#80775C; text-decoration:none; }
a.rub:hover              { color:#000000; text-decoration:none; }
a.rub:visited            { color:#80775C; text-decoration:none; }
a.rub:visited:hover      { color:#000000; text-decoration:none; }
a.rubListe               { color:#CC3300; text-decoration:none; }
a.rubListe:hover         { color:#000000; text-decoration:none; }
a.rubListe:visited       { color:#CC3300; text-decoration:none; }
a.rubListe:visited:hover { color:#000000; text-decoration:none; }
a.menu                   { color:#EBE5D6; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
a.menu:hover             { color:#FFFFFF; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
a.menu:visited           { color:#EBE5D6; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
a.menu:visited:hover     { color:#FFFFFF; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
a.small                  { color:#80775C; text-decoration:none; }
a.small:hover            { color:#80775C; text-decoration:underline; }
a.small:visited          { color:#80775C; text-decoration:none; }
a.small:visited:hover    { color:#80775C; text-decoration:underline; }
a.bild                   { color:#000000; text-decoration:none; }
a.bild:hover             { color:#000000; text-decoration:underline; }
a.bild:visited           { color:#000000; text-decoration:none; }
a.bild:visited:hover     { color:#000000; text-decoration:underline; }
a.rightBox               { color:#CC3300; text-decoration:underline; }
a.rightBox:hover         { color:#CC3300; text-decoration:none; }
a.rightBox:visited       { color:#CC3300; text-decoration:underline; }
a.rightBox:visited:hover { color:#CC3300; text-decoration:none; }

a.black,a.black:hover,a.black:visited,a.black:visited:hover {
    text-decoration:none;
    color:#000;
}

input        { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; }
input.suche  { width:120px; }
input.newslet{ color:#80775C; background-color:#FCFAF0; border:#C9BFA0 solid; border-width: 1px 1px 1px 1px; width:100px; }
input.submit { color:#000000; width:60px; }
input.menge  { color:#000000; width:30px; }
input.preis  { color:#000000; width:50px; }
input.sucheSubmit { background:#988E6D; color:#FCFAF0;}

select       { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; }
select.suche { width:120px; }
select.servi { color:#000000; background-color:#F5F2EA; border:#80775C solid; border-width: 1px 1px 1px 1px; height:300px; }
select.serv2 { color:#000000; background-color:#F5F2EA; border:#F5F2EA solid; border-width: 0px 0px 0px 0px; height:300px; }

option.title { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; background-color:#EEEEEE; }

textarea     { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; }

h1           { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:14px; font-weight:bold;   margin-top:0px; margin-bottom:20px; }
h2           { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
h3           { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
h4           { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:bold;   margin-top:0px; margin-bottom:0px; }

img.produkt  { border:#E3DBC1 solid; border-width: 1px 1px 1px 1px; }

font.gruen   { color:#339900; }