/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-size:11pt;
}

a { color:#e14626;text-decoration:none; }

a:hover,
.hovered a { color:#e14626;text-decoration:underline;}

.hovered { background:#F5F5F5; }

h1 {font-weight:400;font-size:150%;margin-bottom:25px;}
h2 {font-weight:400;font-size:120.1%;line-height:1.4em;color:#e14626;}
h3 {font-weight:400;font-size:115.1%;line-height:1.4em;}
h3 {font-weight:400;font-size:110.1%;line-height:1.4em;color:#e14626;}

hr {border-color: #ccc -moz-use-text-color rgb(255, 255, 255);}

form {}

input, textarea {font-size:110%;/*padding:2px 2px 0 2px;margin:2px 0;*/}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
}

label {
    display: block;
    margin-bottom: 5px;
}

.input-micro {
    width: 50px;
}

code,
pre {
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

input.search-query {
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* colors */
.color-normal {color:#222 !important;}
.color-orange {color:#e14626 !important;}
.color-grey   {color:#999 !important;}
.color-black  {color:#000 !important;}
.color-red	  {color:#B94A48 !important;}
.color-green  {color:#468847 !important;}
.color-blue	  {color:#3A87AD !important;}
.color-important  {color:#B94A48 !important;}

.color-warning  {color:#C94A48 !important;}
.color-success	  {color:#469847 !important;}

/* text */
.bold {font-weight:bold;}
.italic {font-style: italic !important;}

code {color:#7C3B24;}

.txt-small {font-size:85%;}
.txt-normal {font-size:100%;}
.txt-large {font-size:115%;}
.txt-xlarge {font-size:125%;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.vat {vertical-align:top}
.vam {vertical-align:middle}
.vab {vertical-align:bottom}


.offset_small {
    margin-left: 30px;
}

/* table */
.data th {background:#f5f5f5;color:#666;font-weight:normal;font-size:90%;padding:5px 0;text-align:left;}
.data td {padding:5px 0;}
.data .odd {background:#f5f5f5;}

.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #f5f5f5;
}


/* === Padding + Margins === */

.margin-0 {margin:0;}
.padding-0 {padding:0;}
.margin-10 {margin:10px;}

.margin-top-2  {margin-top:2px;}
.margin-top-5  {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}
.margin-top-50 {margin-top:50px;}
.margin-top-60 {margin-top:60px;}
.margin-top-70 {margin-top:70px;}
.margin-top-100 {margin-top:100px;}

.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}

.margin-bottom-5  {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}

.margin-left-5  {margin-left:5px;}
.margin-left-10  {margin-left:10px;}
.margin-left-20  {margin-left:20px;}
.margin-left-45  {margin-left:45px;}


.padding-top-5 {padding-top:5px;}
.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}

.padding-right-5 {padding-right:5px;}
.padding-right-10 {padding-right:10px;}

.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-30 {padding-bottom:30px;}

.padding-left-5  {padding-left:5px;}
.padding-left-10  {padding-left:10px;}
.padding-left-80  {padding-left:80px;}

/* === Alert-Boxes === */

.alert {
    border-radius: 0px 0px 0px 0px !important;
}

.alert a {
    color: inherit;
    text-decoration: underline;
}

.well {
    color:#666;
    font-size: 110%;
    line-height:1.3em;
    padding:40px 0 40px 80px;
    border: none;
    background: none;
    font-weight:normal;
}


/* === Button === */

/* Button für Navigation */
.btn-navbar {color:#444 !important;text-shadow:none !important;float:none !important;}

/* Primary-Button überschreiben */
.btn-primary {
  color: #e14626;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]  {
  color: #e14626;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #999;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

/* Userdefined Button (not used) */
.btn-u {
    -moz-box-shadow: 0px 2px 2px 0px #adadad;
    -webkit-box-shadow: 0px 2px 2px 0px #adadad;
    box-shadow: 0px 2px 2px 0px #adadad;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e0e1e2) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #e0e1e2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e1e2');
    background-color:#ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #ffffff;
    display:inline-block;
    color:#e14423;
    font-size:15px;
    font-weight:300;
    font-style:italic;
    padding:6px 14px 3px 14px;
    text-decoration:none;
}.btn-u:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e1e2), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #e0e1e2 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e1e2', endColorstr='#ffffff');
    background-color:#e0e1e2;
    color:#e14423;
}.btn-u:active {
    position:relative;
    top:1px;
    color:#e14423;
}.btn-u:disabled {
    color:#999;
}

/* Farben des Link-Buttons überschreiben */
.btn-link {
  color: #e14626;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #e14626;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #F7CA8A;
  text-decoration: none;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 1px;
}


/* === Navigation & Tabs === */

/* Dropdown bereits bei hover anzeigen */
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin-top:0px
}

/* Farbe des Caret überschreiben*/
.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #666;
  border-bottom-color: #666;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #222;
  border-bottom-color: #222;
}


/* Verlauf des Hover in der Navbar überschreiben */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #ec753b;
    background-image: -moz-linear-gradient(top, #ec753b, #e64415);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec753b), to(#e64415));
    background-image: -webkit-linear-gradient(top, #ec753b, #e64415);
    background-image: -o-linear-gradient(top, #ec753b, #e64415);
    background-image: linear-gradient(to bottom, #ec753b, #e64415);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec753b', endColorstr='#ffe64415', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #ec753b;
    background-image: -moz-linear-gradient(top, #ec753b, #e64415);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec753b), to(#e64415));
    background-image: -webkit-linear-gradient(top, #ec753b, #e64415);
    background-image: -o-linear-gradient(top, #ec753b, #e64415);
    background-image: linear-gradient(to bottom, #ec753b, #e64415);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec753b', endColorstr='#ffe64415', GradientType=0);
}


/* Tabs überschreiben */

.nav { margin-bottom: 0;}

.nav-tabs > li > a {
    font-size:110%;
    color: #737373;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 20px;
    border: none;
    background-color: #f6f8f5;
     -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
             border-radius: 0 0 0 0;
    background-image: -moz-linear-gradient(top, #f6f8f5, #dfe0e2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f8f5), to(#dfe0e2));
    background-image: -webkit-linear-gradient(top, #f6f8f5, #dfe0e2);
    background-image: -o-linear-gradient(top, #f6f8f5, #dfe0e2);
    background-image: linear-gradient(to bottom, #f6f8f5, #dfe0e2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f8f5', endColorstr='#ffdfe0e2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #ffffff;
    cursor: default;
    background-color: #ec753b;
    border: none;
    border-bottom-color: transparent;
    background-image: -moz-linear-gradient(top, #ec753b, #e64415);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec753b), to(#e64415));
    background-image: -webkit-linear-gradient(top, #ec753b, #e64415);
    background-image: -o-linear-gradient(top, #ec753b, #e64415);
    background-image: linear-gradient(to bottom, #ec753b, #e64415);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec753b', endColorstr='#ffe64415', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


/* ################################################################################ */


#page {
    text-align:left;
    font-size:90%;
}

#navigation {
    width:189px;
    position:absolute;
}

#main {
    min-height: 100%;
    text-align:left;
}
.main-logged-in {
    margin: 0 0 0 190px;
}
.main-logged-out {
    max-width:800px;
    margin: 0 auto;
}

/*#header div { border: 1px dotted red;}*/

.border-frame {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 30px 10px 0 10px;
    margin-bottom: 30px;
}

.border-frame-full {
    border: 1px solid #ccc;
    padding: 20px 10px 0 10px;
}


/* === Header === */

#header {
}

#mf_logo {
    margin:8px 0 0 0;
    min-width:165px;
    float:left;
    text-align:left;
}

/* Apotheken-Tab */

ul#apo_tabs {
    list-style-type:none;
    padding:0;
    margin:55px 0 0 180px;
    font-size:90%;
}

#apo_tabs li {
    float:left;
    padding:4px 25px 4px 25px;
    margin:0;
    line-height:16px;
    background: url('../img/header-tab-bg.png') bottom right no-repeat;
}
#apo_tabs li.active {
    font-weight:800;
    line-height:16px;
    background: url('../img/header-tab-bg-active.png') bottom right no-repeat;
}
#apo_tabs .logout {
    padding:4px 25px 4px 25px;
    background: none;
    line-height:16px;
}
#apo_tabs .logout a {color:#999;}

#apo_tabs li a {color:#333;}
#apo_tabs li.active a {color:#e14626;}

/* Apoinfo */

/* Apo-Info */

#info-wrapper {
    min-height:84px;
    background: url('../img/body-bg.png') bottom center no-repeat;
}

#info-wrapper .aponame > div {
    font-size:150%;
    font-weight:200;
    text-align:left;
    padding:16px 0 0 5px;
}

#info-wrapper .apologo > div {
    padding:18px 0 0 0;
    min-width:100px;
}

#info-wrapper .aporating > div {
    padding:5px 0 0 0;
    font-size:85%;

}
#info-wrapper .apoaward > div {
    padding:15px 0 0 0;
    text-align:center;
}

#info-wrapper .apologo,
#info-wrapper .aporating,
#info-wrapper .apoaward {
    font-weight: 400;
    float:right;
    min-width:110px;
}

/* === Helper Classes === */

mark.highlight {
    background-color: #e14626;
    color: #fff;
    padding-inline: .5ch;
    margin-right: .5ch;
    font-weight: bold;
}

/* === Navigation === */

#navigation {color:#333;font-size:89%;width:170px;}
#navigation a {color:#333;}

#navigation .title {font-size:125%;text-transform:uppercase;}

#navigation > div > div {background:url('../img/navigation-shadow.png') bottom center no-repeat;padding-bottom:4px;margin-bottom:10px;}
#navigation > div > div > div {background:#f6f6f5;padding:5px 0 5px 10px;}

#navigation ul {list-style-type:none;margin:0;padding:0;}
#navigation li {padding:6px 0;line-height:1.1em;}


/* === Content === */


/* Login */

#login { margin-top:20px; }

.login-divider {
    border-right:1px solid #ddd;
    margin-right:-1px;
    padding-right:20px;
}

/* Startseite */

.half_box {
}

.half_box > div {
    height:285px;
    border:1px solid #ddd;
}

.half_box .link {
    height:30px;
    background:#f5f5f5;
}
.half_box .link > div {
    padding:5px 0 0 10px;
}
.half_box .link a {
    color: #666;
    font-style:italic;
}
.half_box .main {
    height:255px;
    overflow:auto;
    margin:0;
    padding:0;
}

.half_box .main.overflow-hidden {
    overflow: hidden;
}

.half_box .table th {
    font-weight:normal !important;
    color:#888;
}
.half_box .table td {
    line-height:1.2em;
}

/* Boxen */
.box-top5-products,
.box-daily-statistics,
.box-my-products,
.box-price-advice,
.box-latest-ratings {
    padding:5px;
}

.box-news {
    padding:5px;
}

.box-news .news {
    padding:15px 5px 15px 5px;
    border-bottom:1px solid #ddd;
}
.box-news .news:first-child {padding-top:0;}
.box-news .news:last-child {border:none;}

.box-news .new .title {
    border-left:10px solid #E45C40;padding-left:5px;
}
.box-news span.new {display:none;}
.box-news .new span.new {display:inline;color:#E45C40;font-weight:bold;padding-right:5px;}

.box-news .date {
    font-size:85%;
}
.box-news .title {
    font-size:100%;
    font-weight:bold;
}
.box-news a {
    font-size:85%;
    color:#666;
}

.box-my-products {
    line-height:1.4em;
}

.box-my-products,
.box-top5-products,
.box-latest-ratings,
.box-price-advice {
    font-size:85%;
}


/* dealer-news */

.dealer-news { margin-bottom:30px; }
.dealer-news.new { border-left:5px solid #E45C40;padding-left:15px; }
.dealer-news .new { display:none; }
.dealer-news.new .new { display:inline;color:#E45C40;font-weight:bold; }


/* rating-flyer */
/*
#rating-preview {
    -moz-box-shadow: 0px 0px 5px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px 5px #ddd;
    box-shadow: 0px 0px 5px 5px #ddd;
    margin:20px;
    padding:20px 20px 50px 20px;
    background:#fff;
}
#rating-preview > .title {
    font-size:140%;
    line-height:1.4em;
}
#rating-preview .text {
    padding: 20px 10px;
}
#rating-preview .linkbox {
    margin: 20px 0;
    border: 1px solid #e74215;
}

#rating-preview .linkbox .title {
    background: #e74215;
    padding:5px 10px;
    text-align:center;
    color:#fff;
}
*/


/* === Tablesorter === */


table.tablesorter {}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {}

table.tablesorter thead tr .header {
    cursor: pointer;
    padding-left:16px !important;
    background-image: url('../img/tablesorter_both.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url('../img/tablesorter_down.png');
}

table.tablesorter thead tr .headerSortDown {
    background-image: url('../img/tablesorter_up.png');
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {}


/* === Dropme === */


.movement {
    margin:5px 5px 0 0;
    color:#999;
    cursor:all-scroll;
}

.show-when-hovered {
    display:none;
}

.dropme-highlight {
    padding: 5px;
    border: 1px dotted #e14626;
    background: url('../img/stripe.png') top left repeat;
}

.dropme-over {
    border: 2px solid #e14626;
}


/* ################################################################################ */

/* === Price Example File === */

.example-price-file {
    border: 1px solid #cccccc;
    font-family: Courier New;
    padding: 0.5em;
    overflow: hidden;
    width: 50%;
}

.example-price-file .pos {
    background-color: #fef2f2;
}

.example-price-file .seperator-sign {
    white-space: pre;
}

.example-price-file .lang {
    display: none;
}

.example-price-file .pzn {
    display: none;
}

/* ################################################################################ */

/* ===  === */
.box-price-advice hr {
    margin-top: 1.5em;
    margin-bottom: -1em;
}


/* ################################################################################ */


/* === Responsive === */

@media (max-width: 1200px) {
    .table-responsive {max-height:550px;}
}

@media (max-width: 767px) {

    h1,h2,h3 { text-align:center; }
    h1 { line-height:1.5em; }

    #sidebar {position:relative;width:auto;}
    #main {margin:0;/*text-align:center;*/}
    .main-logged-in {
        margin: 0;
    }

    /*#header {background-image:none;margin:10px 0;}*/

    #mf_logo {
        float:none;
        display:block;
        text-align:center;
    }

    ul#apo_tabs {
        margin:10px 0 0 0;
    }

    #header .tab ul {
        list-style-type:none;
        padding:0;
        margin:10px 0;
    }

    #header .tab li {
        display:block;
        float:none;
        padding:6px 25px 6px 25px;
        margin:0;
        line-height:16px;
        background: none;
        border-bottom:1px solid #ddd;
    }
    #header .tab li:first-child {
        border-top:1px solid #ddd;
    }

    #header .tab li.active {
        background: none;
    }


    /* === Info-Wrapper === */

    #info-wrapper {
        min-height:auto;
        background:#F6F6F5;
        margin-top:10px;
    }

    #info-wrapper .aponame > div {
        font-size:120%;
        line-height:1.1em;
        font-weight:200;
        text-align:center;
        padding:10px 0 5px 0;
    }

    #info-wrapper .apologo > div,
    #info-wrapper .aporating > div ,
    #info-wrapper .apoaward > div  {
        padding:5px 0;
        text-align:center;
        display:block;
        float:none;
        margin:0 auto;
    }

    /* === Navigation === */

    #navigation {
        width:auto;
        text-align:center;
        position:relative;
        line-height:1.6em;
        margin-bottom: 0px;
    }

    #navigation .title {padding:5px 0;}

    #navigation li {
        font-size:110%;
        border-top:1px solid #ddd;
    }

    #navigation > div > div {background:none;}
    #navigation > div > div > div {background:#f6f6f5;padding:5px 0;}

    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }

    .navbar .btn-navbar {
        display:inline;
        margin:0 auto 10px auto;
        color:black;
    }

    /* === Apo-Tabs === */
    #apo_tabs li {
        display:block;
        text-align:center;
        float:none;
        background:#efefef;
        border-bottom: 1px solid #ddd;
    }
    #apo_tabs li.active {
        background:#efefef;
    }

    /* === Nav-Tabs === */

    .nav-tabs > li, .nav-pills > li {
        float: none;
    }
}

/* Pagination */
.Pagination {
    margin: 2em 0;
    text-align: center;
}

    .Pagination > ul {
        display: inline-block;
        list-style: none;
        margin: 0 .2em;
        padding: 0;
    }

        .Pagination > ul > li {
            float: left;
        }

            .Pagination > ul > li > .Button {
                background-color: #fff;
                border: 1px solid #ccc;
                display: inline-block;
                margin: .3em;
                font-size: 12px;
                line-height: 2;
                padding: 1px 1em;
            }

            .Pagination > ul > li > .Button.active-page {
                background-color: #ccc;
                color: #fff;
            }

            .Pagination .Button.Icon {
                width: 20px;
                height: 20px;
                padding: 0;
                vertical-align: top;
                margin-top: 8px;
                display: inline-block;
            }

                .Pagination .Button.Icon > svg {
                    max-height: 100%;
                    max-width: 100%;
                    height: 24px;
                    width: 24px;
                }

    .Pagination > small {
        display: block;
    }

/* AVV */
table.breezily td {
    padding: 5px 10px;
}

table.breezily td:first-child {
    padding-left: 0;
}

.Scrollview {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    overflow-y: scroll;
    height: 450px;
    padding: 10px;
}

.center{
    text-align: center;
}

.Scrollview ul {
}
.Scrollview table{
    width: 100%;
}