/* Standard-Navigation oben */

body {
    background-color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;

    padding:0px;
    /*background:url(/design/reamobile/images/bg.gif) repeat-x;*/
}

td {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}


.head_area {

    margin: 0px;
    padding: 0px;
    background-color: #003366;
}

#keyvi_img {
    position: absolute;
    top: 30px;
    left: 610px;
    height: 83px;
    width:170px;
    z-index:5;

    margin: 0px;
    padding: 0px;
}


/* ###################### */
/* Navigation left styles */
/* ###################### */

.navigation {

    margin: 0px;
    padding: 0px;

    background-color: #ffffff;
    /*border: 1px #67AB92 solid;*/
}

.navigation p, .navigation a,  .navigation a:active, .navigation a:link, .navigation a:visited {
    padding-bottom: 0px;  /* difference */
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top:0px;

    font-size: 11px;
    text-decoration: none;
    line-height : 17px;
    /*letter-spacing:0.3pt;*/
}

.navigation a:hover {
    color: #d2d2b9;
}

.navigation .navigation_active {
    background-color: #FFFFE0;
}

.navigation .first {
    font-weight:bold;
    color: #003366;
}

.navigation .second {
    font-weight:normal;
    color: #66cc00;
}

.navigation .third {
    font-weight:normal;
    color: #6c6c54;
}

.navigation .fourth {
    font-weight:normal;
    color: #97c2ca;
}

.navigation .fifth {
    font-weight:normal;
    color: #4c4c41;
}

.navigation .second_red {
    font-weight:bold;
    color: #66cc00;
}

.navigation .third_red {
    font-weight:bold;
    color: #6C6C54;
}

.navigation .fourth_red {
    font-weight:bold;
    color: #97c2ca;
}

/*
##############################################
table, tr, td {
*/

table, tr {
    vertical-align:top;
    text-align: left;
    /*border:1px solid #000000;*/
}



.aktuelles {
    z-index:5;

    margin: 0px;
    padding: 0px;

    background-color: #66cc00;
}


.aktuelles a:link, .aktuelles a:visited {
    text-decoration: none;
    font-size: 11px;
    color: #E3E3D6;
    font-weight:normal;
}

.aktuelles a:hover {
    text-decoration: none;
    font-size: 11px;
    color: #ffffff;
    font-weight:normal;
}


.aktuelles p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;

    font-size: 11px;
    color:#ffffff;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.aktuelles .aktuelles_right_headline {
    font-size: 11px;
    color:#ffffff;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

#content_main {
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    z-index:20;

    margin: 0px;
    padding: 0px;
}

.content {

    z-index:10;

    margin: 0px;

    padding-top: 0px;
    padding-bottom: 0px;

    padding-left: 5px;
    padding-right: 20px;


    background-color: #FFFFE0;

    width: 100%;

}



/* fuer produkte */
.content_text_headline {
    border: 0px #ffcc00 dotted;
    width:371px;

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    float:left;
}

.content_text_produkte {
    border: 0px #ff0000 dotted;
    width:371px;

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    float:left;
}

.content_bild_produkte {
    border: 0px #ff0000 dotted;
    width:180px;
    float:left;

    padding: 0px 0px 0px 0px;
    margin: -12px 0px 0px 0px;
}

.content_bild_warenkorb {
    border: 0px #ff0000 dotted;
    width:180px;
    float:left;

    padding: 16px 0px 0px 0px;
    margin: -12px 0px 0px 0px;
}

.warenkorb_info_headline {
    font-weight:bold;
    font-size:11px;
    color: #003366;
}

.warenkorb_add_link, div.content_formular a.mehr {
    color:#6C6C54;
    border: 1px solid #66CC00;
    background-color: #ffffff;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:1px;
    padding-bottom:1px;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 0.3pt;
}

.warenkorb_button {
    color:#6C6C54;
    border: 1px solid #66CC00;
    background-color: #ffffff;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:1px;
    padding-bottom:1px;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 0.3pt;
    margin-top: 15px;

}

.warenkorb_button:hover, .warenkorb_add_link:hover {
    cursor: pointer;
    color: #003366;
}

.warenkorb_voucher_link {
    color:#6C6C54;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.warenkorb_einzeilig {
    text-align: left;
}

.warenkorb_gesamtsumme {
    font-weight: bold;
}

.warenkorb-itemlist {
    font-size: 11px;
    color: #ffffff;
    clear: both;
    line-height : 17px;
}

.warenkorb-itemlist .item {
    float: left;
    color: #003366;
}

.warenkorb-itemlist .preis {
    float: right;
    text-align: right;
    color: #003366;
}
div.warenkorb_abstand {
    width: 200px;
    height: 15px;
}
.wk_td_headline {
    font-style:italic;
}
.warenkorb_table td {
    padding-bottom: 3px;
}
.teaser-warenkorb-bottom p, .teaser-warenkorb-bottom a,  .teaser-warenkorb-bottom a:active, .teaser-warenkorb-bottom a:link, .teaser-warenkorb-bottom a:visited {
    color: #E3E3D6;
}
.teaser-warenkorb-bottom a:hover {
    color: #ffffff;
}

.content_text {
    width:560px;
}

.content_formular {
    width:560px;
}

.content p {
    /*padding-bottom: 0px; */

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;

    font-size: 11px;
    color: #003366;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;

    clear: both;
}

.content_text  {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top:0px;
    font-size: 11px;
    color: #003366;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.content_text .first {
    font-weight:bold;
    /*color: #66cc00;*/
    color: #003366;

    padding:0px 0px 8px 0px;
    margin:0px 0px 0px 0px;
}

.content_text .first_kursiv {
    font-weight:bold;
    font-style: italic;

    /*color: #66cc00;*/
    color: #003366;

    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}



.content_text .first_news {
    font-weight:normal;
    /*color: #66cc00;*/
    color: #003366;

    padding:0px;
    margin:0px 0px 0px 0px;
}

.content_text .first_news p {
    padding:0px;
    margin:0px;
}

.content_text .first_partner {
    /*font-weight:bold;
    color: #66cc00;*/
    color: #003366;
    font-style: italic;
    font-weight:normal;
    padding:0px;
    margin:0px;
}

.content_text .second {
    font-weight:normal;
    color: #66cc00;
    padding:0px;
    margin:0px;
}

.content_text .job {
    font-weight:normal;

    padding:0px;
    margin:0px;
}

.content_text .second_news {
    font-weight:normal;
    /*color: #66cc00;*/
    color: #003366;
    padding:0px;
    margin:0px;
}


.content_text .second_news_full {
    font-weight:bold;
    color: #003366;
    padding:0px;
    margin:0px 0px 8px 0px;
}

.content_text .second_news_full p {
    padding:0px;
    margin:0px;
}


.content_text .p_line {
    font-weight:normal;

    font-style: normal;
    padding:0px;
    margin:0px;
}

.content td {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

    margin-top:0px;
    font-size: 11px;
}

.content p a:link, .content p a:visited {
    text-decoration: none;
    color: #6c6c54;
    font-weight:normal;
}

.content p a:hover {
    text-decoration: none;
    color: #003366;
    font-weight: normal;
}

.content_text  a:link, .content_text a:visited {
    text-decoration: none;
    color: #4877a5;
    font-weight:normal;
}

.content_text  a:hover {
    text-decoration: none;
    color: #003366;
    font-weight: normal;
}


ul {
    padding: 0px 0px 7px 0px;
    margin: -8px 0px 0px 0px;
}

li {
    background-image:url(/design/reamobile/images/liststyle.gif);
    background-repeat:no-repeat;
    list-style:none;
    line-height : 17px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
}

b {
    font-weight:bold;
}

.search_line {
    padding-bottom: 17px;
}

.item_line {

    padding:0px;
    margin:0px 0px 8px 0px;
}

.item_line p {

    padding:0px;
    margin:0px;
}

.search_line p {
    margin:0px;
    padding:0px;
}

.search_line p.p_line {
    margin:0px;
    padding:0px;

    font-style: normal;
    background-color: #FFFFE0;
}

.content_formular .first {
    font-weight:bold;
    color: #003366;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size: 11px;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.content_formular td {
    color: #003366;
}

.content_text .content_image {
    float:left;
    margin-right: 6px;
}

.contact_form {
    text-align: left;
}


.anmelde_form {
    text-align: left;
}



select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;

    font-style: normal;
    font-weight: normal;
    background-color: #ffffff;
}

textarea, input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;

    font-style: normal;
    font-weight: normal;
    background-color: #ffffff;

    letter-spacing: 0.3pt;
}


.textareabox{
    width: 308px;
}

p.error_message {
    font-weight:bold;
    color: #003366;
}

.input_login {
    color: #000000;
    border-color:#9c9c86;
    border-width:1px;
    border-style:solid;
}

.input_submit_login {
    color: #777777;
    border-color:#66cc00;
    border-style:solid;
    border-width:1px;
    background-color: #ffffcc;
}



.input_submit {
    color: #777777;
    border-color:#66cc00;
    border-width:1px;
    border-style:solid;
    font-weight: bold;
    background-color: #ffffff;
}
.input_back {
    color: #777777;
    border-color:#66cc00;
    border-width:1px;
    border-style:solid;
}


.input_text {
    color: #000000;
    border-color:#999999;
    border-width:1px;
    border-style:solid;
}




.input_pin {
    color: #000000;
    border-color:#999999;
    border-width:1px;
    border-style:solid;
}

.input_radio {
    background-color: #FFFFE0;
}

.input_checkbox {
    background-color: #FFFFE0;
}

.login {
    font-size: 11px;
    font-weight:bold;
    color: #66cc00;
    background-color: #FFFFE0;

}

.loginstatus {
    font-weight:normal;
    color: #000000;
}

.login_rahmen {
    background-color: #66cc00;
}


.login_hintergrund {
    /* mit login background-color: #FFFFE0; */
    background-color: #66cc00;
    vertical-align:top;
}



.login a:link, .login a:visited {
    text-decoration: none;
    font-size: 10px;
    color: #4877a5;
    font-weight:normal;
}

.login a:hover {
    text-decoration: none;
    color: #003366;
}


.drucktext_tabelle {
    text-align:right;
}


/*  ----- */

.table_head_trans {

}

.table_head {
    background-color: #C5C6C8;
    border-top: 1px #878889 solid;

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_head_middle {
    background-color: #C5C6C8;
    border-top: 1px #878889 solid;

    /*border-right: 1px #ffffff solid;*/

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_a {
    background-color: #ECECED;
    border-top: 1px #878889 solid;

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_empty_a {
    background-color: #ECECED;
    border-top: 1px #878889 solid;

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_middle_a {
    background-color: #ECECED;
    border-top: 1px #878889 solid;

    /*border-right: 1px #ffffff solid;*/

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_b {
    background-color: #FBFBFC;
    border-top: 1px #878889 solid;

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_empty_b {
    background-color: #FBFBFC;
    border-top: 1px #878889 solid;

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.table_data_middle_b {
    background-color: #FBFBFC;
    border-top: 1px #878889 solid;

    /*border-right: 1px #ffffff solid;*/

    font-size: 10px;
    color: #000000;
    font-weight:normal;
    line-height : 17px;
    letter-spacing:0.3pt;
}

.language_td
{
    text-align:right;
}

.language
{

    /*background-image:url(/design/reamobile/images/language_bg.gif);
    background-repeat:no-repeat;
    background-position:right;*/

    font-size: 11px;
    color: #9c9c86;

    letter-spacing:0.3pt;
    text-align:right;

    background-color: #FFFFE5;

    /* Wert wie in content */
    padding-left: 5px;

    padding-right: 5px;
}

.language a:link, .language a:visited
{
    color: #6c6c54;
    text-decoration:none;
}

.language a:hover
{


    color: #003366;
    text-decoration:none;

}

.bottomnavi
{
    /*background-image:url(/design/reamobile/images/bottomnavi_bg.gif);
    background-repeat:no-repeat;
    background-position:left;*/

    font-size: 11px;
    color: #9c9c86;

    letter-spacing:0.3pt;
    text-align:left;

    background-color: #FFFFE5;

    /* Wert wie in content */
    padding-left: 5px;
}

.bottomnavi a:link, .bottomnavi a:visited
{
    color: #6c6c54;
    text-decoration:none;
}

.bottomnavi a:hover
{
    color: #003366;
    text-decoration:none;

}

.bottomnavi_copy
{
    /*background-image:url(/design/reamobile/images/bottomnavi_bg.gif);
    background-repeat:no-repeat;
    background-position:left;*/

    font-size: 11px;
    color: #003366;

    letter-spacing:0.3pt;
    text-align:left;

    background-color: #FFFFE5;

    /* Wert wie in content */
    padding-left: 5px;
}


.back
{
    margin:0px 0px 10px 0px;
}

.back a:link, .back a:visited
{
    color: #9c9c86;
    text-decoration:none;
}



.bu_text
{
    color:#003366;
    font-size: 12px;
    line-height:15px;
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    text-align:left;
}
.bg_bu
{
    background-color:#ffffff;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.icon
{
    text-align:right;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

  /*#################################################*/
 /* ANZEIGE DER NAVIGATION UEBER DEN SUCHERGEBNISSEN */
/*#################################################*/

div.breadcrump_search a:link
{
    color:#6c6c54;
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div.breadcrump_search a:visited
{
    color:#4877a5;
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div.breadcrump_search a:hover
{
    color:#003366;
    text-decoration:none;
}

.img_search
{
    padding:0px 0px 0px 5px;
}

/* ###################### */
/* Fehlermeldung itest    */
/* ###################### */

.fehler_itest {
    color:#FF0000;
    font-weight: bold;
}

/* ###################### */
/* FAQ Liste              */
/* ###################### */

p.faqgruppe {
    font-style: italic;
}

/* ###################### */
/* Glossar Eintraege      */
/* ###################### */

.content p a:link.live-tipsy,.content p a:visited.live-tipsy {
    border-bottom:1px dotted;
}
.content p a:hover.live-tipsy, .content p a:active.live-tipsy {
    border-bottom:1px dotted;
}

div.break {
    clear: both;
}

td.glossarline_az_letter {
    clear: both;
    border-bottom:1px dotted #003366;
}

td.glossarline_az_letter span {
    padding-right: 6px;
    color: #6c6c54;
}

div.content_text div.glossar_line_head {
    font-weight:bold;
    font-style:italic;
    color: #003366;

    padding:8px 0px 0px 0px;
    margin:0px 0px 0px 0px;

    clear: both;
}

.content_text a:link.product_az_letter, .content_text a:visited.product_az_letter, .content_text a:hover.product_az_letter,.content_text a:active.product_az_letter {
    font-weight: bold;
    color: #003366;
    padding-right: 6px;
}

img.trenner_rechte_spalte {
    padding: 15px 0 15px 0;
}