﻿

html, body
{
    background-color:#fff;
    font: normal 12px/24px arial, helvetica, verdana, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px;
}

a
{
    color: #db1426;
}

img
{
    border: 0px;
}
a img
{
    text-decoration: none;
}
#header
{
    border-bottom: 2px solid #db1426;
    margin-top: 100px;
}
#content_frame{
     width: 768px;
      margin: 0px auto 0px auto;
     border-left: dashed #a4bbd1 1px;
     border-right: dashed #a4bbd1 1px;
     border-top: dashed #a4bbd1 1px;
}
#content
{
    line-height: normal;
    margin: 0px auto 0px auto;
    padding-top: 10px;
    width: 740px;
}

#lower-content{
    margin-top: 0px;
}

#flashcontent{
    text-align:center;
}


.catalog_box
{
    margin-left:10px;
    width: 350px;
    float: left;
}
.catalog_headline
{
    text-align:center;
    font-weight: bold;
}
.catalog_img
{
    text-align: center;
}
.catalog_text
{
    text-align: left;
}

.line {
    border-bottom: 1px dashed #A4BBD1;
}

.fulltext
{
    padding: 0px 40px 0px 40px;
}

/* CATALOG TABLE --------------------------------------*/
table#catalogs{
    margin:0;
    padding:0;
    width:100%;
}

table#catalogs th{
    padding: 2px;
    padding-top: 5px;
    font-weight: bold;
    min-height:20px;
    vertical-align: top;
}


th#mb{
    /* border-top: 2px solid #f7be4a; */
}
th#mb_add{
    /* border-top: 2px solid #f7be4a; */
}
th#bb{
     /* order-top: 2px solid #84AEE7; */
}


table#catalogs td{
    padding:0 10px;
  width:33%;
  border:1px solid #fff;
  text-align: center;
  vertical-align:top;
}
/**/
table#catalogs td img{

    
}
.cat_teaser{
    text-align:middle;
}
/* = CATALOG TABLE ------------------------------------*/

.note{
    background-color: #fadcdf;
    border: 1px solid #DB1426;
    font-weight: normal;
    padding: 20px;
    text-align:justify;
}

.headnavigation_frame_bk
{
    clear: both;
    height: 10px;
    margin-top:0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}
.headnavigation_frame_bk:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.headnavigation_frame
{
    clear: both;
    height: 30px;
    width: 770px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.headnavigation_frame:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.headnavigation_left
{
    float: left;
    padding-top: 3px;
    width: 200px;
}
.headnavigation_right
{
    float: left;
    width: 570px;
    text-align: right;
    padding-top: 3px;
}
.headnavigation_hotline
{
    float: left;
    margin: -3px 15px 5px 0px;
    padding: 3px 0px 5px 25px;
    color: #909090;
    font-weight: bold;
    background-color: inherit;
    /* index_res/icon-hotline.gif */
    background-image: url(icon-hotline.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.arrow_lightgrey
{
    /*index_res/arrow-lightgrey.gif*/
    background-image: url(arrow-lightgrey.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 11px;
}
.arrow_lightgrey_left
{
    /*index_res/arrow-lightgrey-left.gif*/
    background-image: url(arrow-lightgrey-left.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 11px;
}
a.headnavigation, a.headnavigation:link, a.headnavigation:active, a.headnavigation:visited
{
    color: #909090;
    background-color: inherit;
    text-decoration: none;
}

a.headnavigation, a.headnavigation:link, a.headnavigation:active, a.headnavigation:visited
{
    color: #909090;
    background-color: inherit;
    text-decoration: none;
}

a.headnavigation:hover
{
    text-decoration: underline;
}

.headertitle_frame
{
    clear: both;
    width: 770px;
    height: 56px;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #b7b7b7;
    border-bottom: 4px solid #db1426;
}

.headertitle_frame:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.headertitle_left
{
    float: left;
    width: 560px;
}

.headertitle_right
{
    float: left;
    width: 0px;
}
/*******************************************************/
/** FOOTER */
/*******************************************************/

.footer_frame
{
    clear: both;
    width: 750px;
    color: #fff;
    background-color: #e12239;
    margin-right: auto;
    margin-left: auto;
    padding: 8px 10px 8px 10px;
}

.footer_frame:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.footer_left
{
    float: left;
    width: 350px;
    line-height: normal;
}

.footer_right
{
    float: left;
    width: 400px;
    text-align: right;
    line-height: normal;
}

.footer_spacer
{
    float: left;
    padding-right: 10px;
}
a.white, a.white:link, a.white:active, a.white:visited
{
    color: #fff;
    background-color: inherit;
    text-decoration: none;
}

a.white:hover
{
    text-decoration: underline;
}
.breadcrumb {
 width: 750px;
 padding: 5px 10px 5px 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #7697B3;
 background-color: #E2EBF2;
 border-bottom: 0px dashed #A4BBD1;
     margin-right: auto;
    margin-left: auto;
}

a.ablue,
a.ablue:link,
a.ablue:visited,
a.ablue:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #7697B3;
 text-decoration: none;
}
a.ablue:hover {
 text-decoration: underline;
}
.clear {
 clear: both;
 margin: 0px;
 padding: 0px;
}
