@import "janssen.css";

img {
    border: 0px;
}

/*------------------ Zertifikate ------------------*/

div.zertifikate_artikel {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.zertifikate_uebersicht h3 {
    margin-top: 0px;
    margin-bottom: 3px;
    font-size: 14px;
}

div.zertifikate_uebersicht div.zusatz {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

/*------------------ FAQ ------------------*/

div.faq div.question {
    font-weight: bold;
}

div.faq div.answer {
    margin-left: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
}

/*------------------ Tool-Tips ------------------*/

/*
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
    position: relative;
    text-decoration: none;
    color: #104310;
    border-bottom: 1px dotted green;
}

a.tooltip:hover {
    background: transparent;
}


a.tooltip div.info {
    display: none;
    text-decoration: none;
}

a.tooltip:hover div.info {
    font-weight: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 5px;
    z-index: 100;
    color: #104310;
    border:1px solid #6bbd6b;
    background: #FFFFCC;
    text-align: left;
    width: 300px;
}

a.tooltip div h3 {
    margin: 0;
    margin-bottom: 3px;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    background-color: #43722b;
}

a.tooltip div p {
    margin: 0;
    padding: 0;
}
*/

span.tooltip {
    border-bottom: 1px dotted green;
}

.tooltip_header {
    font: 9pt arial,helvetica,sans-serif;
    line-height: 1.3;
    font-weight: bold;
    width: 300px;
    border: 1px solid #6bbd6b;
    padding: 3px;
    color: #ffffff;
    background: #43722b;
    z-index: 100;
    /*filter: alpha(opacity=85); /* IE */
    /*opacity: 0.85; /* FF */
}

.tooltip_body {
    font: 9pt arial,helvetica,sans-serif;
    line-height: 1.3;
    border-bottom: 1px solid #6bbd6b;
    border-left: 1px solid #6bbd6b;
    border-right: 1px solid #6bbd6b;
    width: 300px;
    padding: 3px;
    color: #104310;
    background: #FFFFCC;
    z-index: 100;
    /*filter: alpha(opacity=85); /* IE */
    /*opacity: 0.85; /* FF */
}


/*------------------ Liste, Detail und Warenkorb ------------------*/

div.item_label {
    font-weight: bold;
    margin-bottom: 10px;
}

div.item_variant {
    font-weight: bold;
}

div.item_price {
    font-weight: bold;
    color:#6bbd6b;
}

span.item_our_price {
    font-weight: bold;
    font-size: 22px;
    color: #43722B;
}

span.button_link a, span.button_link a:hover {
    font-size:12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #43722B;
    padding: 5px;
    text-align: center;
}

div.item_pic {
    margin: 1px;
}

div.category_links {
    margin-top: 8px;
    font-size: 11px;
    color: #43722B;
}

div.category_links a {
    margin-top: 8px;
    font-size: 11px;
    color: #43722B;
}

div.category_links a {
    font-weight: normal;
    font-size: 11px;
}

div.itemlist hr {
    background-color: #6bbd6b;
    height: 1px;
    border: 0px;
}

div.basket td {
    padding: 2px;
}

tr.solid_head td {
    background-color: #E5E8D9;
    font-weight: bold;
    color: #104310;
}

tr.solid {
    background-color: #E5E8D9;
    color: #104310;
}

tr.separator_line td {
    background-color: #97A266;
    padding: 0px;
}

div.solidborder {
    margin: 1px;
    border: solid 1px #97A266;
}

div.solid {
    background-color: #E5E8D9;
}

ul.categories li {
    list-style-type: none;
    margin-left: -10px;
}

img.pictogram_teaser {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

/*------------------ Menü ------------------*/
/* ---
div.menuitems ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.menuitems li
{
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    /* background-image: url(/images/arrow.gif) ; */
/*---    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}


ul.menuitems_toplevel {
    list-style: none;
}

ul.menuitems_toplevel li {

    /*color: black;
    font-size: 12px;
    font-weight: bold;
    color: black;
*/
/*---    line-height: 20px;
    text-decoration: none;
    /*width:100%;*/
/*border-bottom:1px dotted #A4A4A4;
border-left:1px dotted #a4a4a4;*/



/*---    padding-left: 15px;
    padding-top: 0px;

    /* background-image: url(/images/menu_pfeilrechts.gif) ;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 3px;*/

/*
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
margin-bottom: 5px;
background-image: none;
*/
/*---
}

ul.menuitems_toplevel li.menuitems_activ {
    color: #333333;
}
a#active_menuitems_activ {
    color: #333333;
}



/*ul.menuitems_toplevel li.menuitems_activ  span {
    color: black;
    background-color: Yellow;
}
*/

/*---ul.menuitems_toplevel li.menuitems_nolink {
    /* background-image: none;
    padding-left: 0px; */
/*---}

ul.menuitems_sublevel1 li {
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    /* background-image: url(/images/arrow.gif) ; */
/*---    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

ul.menuitems_sublevel1 a {
    font-size: 12px;
    font-weight: normal;
    /* color: #CC9966; */
/*---}

/*------------------ Error-Box ------------------*/

.fieldWithErrors {
    padding: 1px;
    /*border: solid red;
    border-width: 1px;*/
    background-color: red;
    /* display: table; */
    display: inline-table;
}

#errorExplanation {

    border: 1px solid #DE7606;
    padding: 7px;
    padding-bottom: 12px;
    background-color: #fdfdf1;
    color: #DE7606;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #f7f7c5;
}

#errorExplanation p {
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: none;
}

/*------------------ Formular ------------------*/

.nh-form fieldset {
    background: #FDFDF1;
    border: 1px dotted #6BBD6B;
}

.nh-form legend {
    font-size: 14px;
    color: #FFFFFF;
    background: #6BBD6B;
    font-family: sans-serif;
    padding: 0.2em 1em;
}

.nh-form label {
    width: 14em;
    float: left;
    text-align: left;
    margin-left: 0.5em;
    display: block;
}


.nh-form submit {
    margin-left: 5.5em;
}

/*------------------ Suchfeld ------------------*/

input.searchfield {
    width:100px;
    border:#ffffff solid 1px;
    background-color:#E1EED9;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    margin-right: 6px;
    margin-left: 6px;
}

input.searchfield:focus, input.searchfield:hover {
    width:100px;
    border:#9A9A9A solid 1px;
    background-color:#ffffff;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

input.searchgo {
    border:#ffffff solid 1px;
    background-color:#E1EED9;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

input.searchgo:focus, input.searchgo:hover {
    border:#9A9A9A solid 1px;
    background-color:#ffffff;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

/*------------------ Content ------------------*/

div#agb h3 {
    margin-top: 20px;
    font-size: 12px;
}

div#rueckgaberechtbelehrung {
    padding: 5px;
    border: solid 1px #97A266;
    background-color: #E5E8D9;
    font-weight: bold;
}

div#rueckgaberechtbelehrung h3 {
    margin-top: 0px;
}

table.willkommen_katauswahl {
    border: 0px;
}

table.willkommen_katauswahl td {
    padding: 10px;
    margin: 0px;
    text-align:center;
    width:33%;
    vertical-align: top;
}

table.ihre_vorteile {
    border: 0px;
}

table.ihre_vorteile td {
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: top;
}