html, body {
    font-size: 13px;
    font-family: Open Sans;
    line-height: 21px;
    word-spacing: 1.1px;
    color: #000000;
    height: 100%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
}

#page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}


.output_error {color: #f00;}
.unterpunkt {margin-left: 15px;}
a {color: #000;}
a:hover {color: #15688D;}

img {border:none;}

header {
    width: 100%; 
    /*position: fixed; */
    height: 75px; 
    background-color: #d6d7db; 
    z-index: 1000;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    position: fixed;
}

.mitte, article {margin: 0 auto; width: 1100px;}
.logo {float: left; width: 250px; height: 69px; background-image: url('../images/bmg_logo.png'); background-size: 213px 62px; margin: 6px 0px 0px 0px; background-repeat: no-repeat;}
nav {float: left; width: 56%;}
nav ul {padding: 0px; margin: 0px;}
nav ul li {display: inline-block; position: relative; float: left; width: auto; line-height: 75px; padding: 0px 2%; list-style: none;}
nav ul li a {display: block; font-weight: 600; font-size: 17px; color: #15688D; text-decoration: none;}
nav ul li:hover {background-color: #aaa;}
nav ul li a:hover {color: #fff;}
nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  list-style: none;
}
nav ul li ul {
  padding: 0;
  position: absolute;
  top: 75px;
  left: 0;
  width: 200px;
  display: none;
  visibility: hidden;
  border: 1px solid #000;
  border-top: none;
  
}
nav ul li ul li { 
  background: #d6d7db; 
  display: block; 
  width: 200px;
  line-height: 36px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
nav ul li ul li a { padding: 0px 2%; }
nav ul li ul li:hover {background: #aaa;}
nav ul li ul li a:hover {color: #fff; }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


.active {color: #15688D; text-decoration: underline;}

.login {float: right; width: 12%; color: #15688D; font-weight: 600; font-size: 15px; text-decoration: none;}
.login_links {float: left; width: 58%; padding: 15px 2% 0px 0px; text-align: right;}
.login_rechts {float: right; width: 40%; line-height: 75px; font-weight: 600; text-align: left;}
.titelbild {
    width: 100%; background-color: #e6e7e9; height: 300px;/* position: absolute; margin-top: 75px; */ clear: both; 
    -webkit-box-shadow: inset 0px -5px 2px #ffffff; -moz-box-shadow: inset 0px -5px 2px #ffffff; box-shadow: inset 0px -5px 2px #ffffff;
    background-size: 100% 100%;
}
                  /* 395 */
article {padding: 20px 0px 157px 0px;}
.content {float: left; width: 75%; border-right: 1px solid #c7cacd; padding: 0px 30px 0px 0px; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
aside {float: left; width: 23%; padding: 0px 0px 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
footer {
    margin: 0 auto; background-image: url('../images/rauschen.png'); background-color: #8c8c8c; 
    border-top: 1px solid #000; font-size: 12px; line-height: 16px; padding: 10px 10px; color: #000;
    clear: both; width: 100%; height: 125px;  margin-top: -125px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    z-index: 1000000; position: absolute;
}
.footer_links {float: left; width: 25%;}
.footer_rechts {float: left; width: 25%;}
.footer_nl {float: left; width: 25%;}
.footer_empfehlen {float: right; width: 250px; display: none;}


.header2 {height: 75px;}

hr {margin: 10px 0px; border: none; border-bottom: 1px solid #c7cacd; color: #c7cacd; width: 100%; padding: 0px;}

article ul {padding: 0px 40px; margin: 0px 0px 15px 0px; border: 0px solid #15688D; font-weight: 700;}
aside ul {margin: 0px 0px 0px 15px; padding: 0px;}
aside ul li {list-style: none;}
aside ul li a {text-decoration: none;}
.asidemargin {margin-bottom: 25px;}

.content_inhalt {margin-bottom: 30px;}
.content_inhalt img {float: right; margin-left: 20px;}
.content_inhalt a {font-weight: bold;}

.kontakt_aufnehmen {
    cursor: pointer; font-weight: normal; border:0px solid #89bada; background-color: #89bada; width:540px;height:17px;font-size:11px;color:#465056;
}

.form_links {float: left; width: 48%; margin-right: 4%;}
.form_rechts {float: left; width: 48%;}
.zeile {float: left; width: 100%; vertical-align: middle; display: table-cell; margin-bottom: 10px;}
.text {float: left; width: 40%;}
.input {float: left; width: 60%;}
                   
.ausgleich_hoehe {height: 30px;}
.ausgleich_hoehe1 {height: 37px;}
.ausgleich_hoehe2 {height: 35px;}
.ausgleich_hoehe3 {height: 30px;}
.ausgleich_hoehe4 {height: 89px;}
.ausgleich_hoehe5 {height: 41px;}

input, select, textarea {outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type=submit], input[type=button], input[type=reset], #login input[type=submit], button, .button, .angebot_anfordern {
  cursor: pointer;
  font-family: Open Sans;
  text-shadow: 1px 1px #000000;
  padding: 4px 12px 5px 12px;
  border-radius: 3px;
  border: none;
  background-color: #15688D;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 1.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, #login input[type=submit]:hover, button:hover, .button:hover, .angebot_anfordern:hover {
  background-color: #18a0cd;
}
.button:hover, .angebot_anfordern:hover {color: #fff;}
.angebot_anfordern {font-size: 28px; padding: 10px 25px;}

input[type=text], input[type=email], input[type=date], input[type=time], input[type=password], select, textarea {
    width: 100%;
    color: #000000;                                                                                   
    font-family: Open Sans;
    font-size: 13px;
    border: none;
    background-color: #d8d8d8;
    padding: 5px 0px 5px 5px; 
    border-radius: 3px;
    border: 1px solid transparent;
    font-weight: 400;
    background: linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -ms-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#d8d8d8));
    background: -moz-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    transition: border 1.5s;
}

input[type=text]:focus, input[type=email]:focus, input[type=date]:focus, input[type=time]:focus, input[type=password]:focus, select:focus, textarea:focus {
    border: 1px solid #15688D;
}



select {width: 100%;}
textarea {width: 100%; height: 70px; font-size: 13px;}
input img {float: right; width: 30%;}
input[name="strasse"], input[name="liefer_strasse"] {width: 78%; float: left;}
input[name="hnr"], input[name="liefer_hnr"] {width: 20%; float: right;}
input[name="plz"], input[name="liefer_plz"]  {width: 25%; float: left;}
input[name="ort"], input[name="liefer_ort"]  {width: 73%; float: right;}
input[name="bis_mm"]  {width: 48%; float: left;}
input[name="bis_jj"]  {width: 48%; float: right;}
input[name="von"]  {width: 45%; float: left;}
input[name="bis"]  {width: 45%; float: right;}
input[name="agb"]  {width: 35px;}
input[name="widerruf"]  {width: 35px;}
input[name="check_code"]  {width: 30%; float: left;}
input[name="loginname"]  {width: 200px;}
input[name="newsletter_email"]  {width: 140px; float: left;}
input[name="btn_abonieren"]  {width: 100px; float: right; padding: 3px 0px 3px 0px;}
input[name="von_datum"]  {width: 100px; margin-bottom: 5px;}
input[name="bis_datum"]  {width: 100px; margin-bottom: 5px;}
input[name="domain"]  {width: 200px;}
select[name="tld[]"]  {width: 50px;}
select[name="versandart"]  {width: 50%;}
select[name="zahlart"]  {width: 50%;}
select[name="partnerschaft"]  {width: 50%;}


h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-weight: 400;}
h1 {color: #15688D; font-size: 23px; margin: 0px 0px 10px 0px; line-height: 28px;}
h2 {color: #000000; font-size: 18px; margin: 0px 0px 3px 0px;}
h3 {color: #15688D; font-size: 16px;}
h4 {color: #15688D; font-weight: 700; font-size: 15px; border-bottom: 1px solid #c7cacd; margin: 0px 0px 7px 0px; width: 100%; padding: 0px 0px 5px 0px;}

.reiter {
    cursor: pointer;
    color: #ffffff;
    text-shadow: 0px 0px 0px #808080;
    padding: 5px 12px;
    width: auto;
    margin: 0px 10px 10px 0px;
    float: left;
    border-radius: 3px;
    border: none;
    background: #15688D;
    background: linear-gradient(top,  #18a0cd,  #15688D);
    background: -ms-linear-gradient(top,  #18a0cd,  #15688D);
    background: -webkit-gradient(linear, left top, left bottom, from(#18a0cd), to(#15688D));
    background: -moz-linear-gradient(top,  #18a0cd,  #15688D);
}
.reiter a {color: #ffffff; text-decoration: none;}

.loginform {display: block; border: 0px solid; margin-top: 10px;}
.loginform img {margin-top: 5px; margin-bottom: 5px;}
.loginform {
    position: absolute; 
    z-index: 1001;
    width: 270px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    color: #000;
    background-color: #d6d7db; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}

.loginform a {color: #000;}

.loginform input[type="text"], .loginform input[type="password"] {margin-bottom: 10px;}

.sortierung {border: 1px solid #c7cacd; padding: 10px; margin: 0px 0px 10px 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.seitenzahl {border: 1px solid #b3b3b3; padding: 1px 8px 3px 8px; margin: 0px 5px; font-size: 15px;}
.seitenzahl_active {border: 1px solid #15688D; padding: 1px 8px 3px 8px; margin: 0px 5px; font-size: 15px;}

.loginform a {color: #c7cacd; float: right; font-size: 11px;}
.mobile_nav {display: none;}

.artikel {float: left; width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; border: 1px solid #b3b3b3; margin: 0px 1% 5px 0px;}
.artikel:hover{border: 1px solid #15688D;}
.artikel_img {height: 200px; text-align: center; margin-bottom: 15px;}
.artikel_img img {width: 80%; height: 100%;}
.artikel_beschreibung {max-height:160px; min-height: 160px; width: 100%; margin: 0px 0px 15px 0px;}
.artikel_list {width: 100%; margin: 0px 0px 10px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border: 1px solid #b3b3b3;}
.artikel_list:hover {border: 1px solid #15688D;}
.artikel_list .artikel_img {float: left; width: 20%; height: auto;}
.artikel_list .artikel_img img {width: 100%;}
.artikel_list .artikel_beschreibung {float: left; width: 50%; margin: 0px 10px;}
.artikel_list .price_box {float: right; width: 20%;}
.artikel_list form {float: right; width: 20%; margin-right: 0px;}
.price_box {
    background-color: #18a0cd; padding: 15px; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
    text-align: center; font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 15px; 
    -webkit-box-shadow: inset 1px -1px 13px #15688D; /* webkit browser*/ 
    -moz-box-shadow: inset 1px -1px 13px #15688D; /* firefox */ 
    box-shadow: inset 1px -1px 13px #15688D;
}
.artikel_rows_mwst {font-size: 11px; line-height: 8px;}
.artikel_menge {float: left; width: 35%;}
.artikel_wk {float: right; width: 65%; text-align: right;}

.lieferanschrift_anlegen {
    z-index: 1000; position: absolute; display: none; 
    background-image: url('../images/rauschen.png'); background-color: #d6d7db; 
    padding: 10px; border: 1px solid #15688D; margin: 0px 5%; width: 90%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.lieferanschrift_anlegen h2, .lieferanschrift_anlegen td {color: #fff;}

.artikel_detail_links {float: left; width: 70%;}
.artikel_detail_rechts {float: right; width: 27%; background-color: #c7cacd; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #15688D;}
.bilder_layer {border: 1px solid #15688D; background-image: url('../images/rauschen.png'); background-color: #d6d7db; padding: 15px; margin: auto; width: 800px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bilder_layer a {color: #fff;}

.bestellung_zusammenfassung{padding: 20px 20px 10px 20px; background-color: #c7cacd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #15688D; margin-bottom: 20px;}
.slogan {position: absolute; z-index: 999; width: 400px; margin: -250px 0px 0px 0px; color: #9a9a9a; text-shadow: 1px 1px #333333; font-size: 18px;}
.slogan h1 {color: #15688D; text-shadow: 1px 1px #333333; font-size: 32px; margin: 0px 0px 15px 0px; line-height: 32px;}
.bankueberweisung {margin-top: 10px;}
.bannerfarm {max-width: 100%;}

.kal1 {width: 32%; float: left;}
.kal2 {width: 32%; float: left; margin: 0px 2%;}
.kal3 {width: 32%; float: right;}

.versandkosten_links {border: 1px solid #c7cacd; padding: 10px; margin-right: 10px; width: 35%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.versandkosten_rechts {width: 60%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.ansicht {float: right;}
.main_shopsuche_img {margin-right: 15px;}
.suchform_beschreibung {float: left; width: 320px; margin-right: 10px; margin-top: 3px;}

.zum_warenkorb {background-color: #000; padding: 20px 15px; color: #d1d3d4; font-size: 22px; line-height: 28px; transition: color 0.5s ease 0s;}
.weitershoppen {background-color: #fff; padding: 20px 15px; color: #58595b; font-size: 22px; line-height: 28px; transition: color 0.5s ease 0s;}
.zum_warenkorb:hover {color: #fff;}
.weitershoppen:hover {color: #000;}



/**************************************
* 
* UPDATE Dave Böhme 24.02.2014
*/

select[name="form_monat"] {width: 50%; margin-bottom: 10px;}
select[name="kampagnen"] {width: 50%; margin-bottom: 10px}

.startseitecatcher {border-radius: 3px; float: left; width: 350px; min-height: 240px; padding: 15px; border: 1px solid #ccc; border-radius: 1px; background-color: #fff;}
.startseitecatcher ul li {list-style-image: url('../images/checkmark.png'); line-height: 26px}
.laufleiste {border: 1px solid #ccc; width:100%; height:50px; text-align: center; font-size: 16px;}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 80%;
    padding: 10px;
    
    /* These styles are optional, and describe how the pageslide will look */
    color: #FFF;
    -webkit-box-shadow: inset 2px -1px 10px #141414; /* webkit browser*/ 
    -moz-box-shadow: inset 2px -1px 10px #141414; /* firefox */ 
    box-shadow: inset 2px -1px 10px #141414;
    background-image: url('../images/rauschen.png'); 
    background-color: #d6d7db;
    font-family: Open Sans;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
} 

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.startseitecatcher {float: left; width: 48%; min-height: 280px; padding: 15px; border: 1px solid #c7cacd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.startseitecatcher ul li {list-style-image: url('../images/checkmark.png'); line-height: 28px;}

.laufleiste {width: 100%; border: 1px solid #c7cacd; background-image: url('../images/bg_start.png');}
.laufleiste ul {margin: 0px 25% 0px 25%; padding: 0px 0px 0px 0px; list-style: none; font-size: 18px; clear: both;}
        
.news_short_headline {font-weight: bold; color: #15688D; font-size: 16px; margin-bottom: 10px;}
.date {float: right;}
        
.sitemap_top {line-height: 28px;}
.sitemap_sub {line-height: 12px;}
        
        
        
        
        
.hilfe_field_aus {
    display: none;
}
.hilfe_field_an {
    display: block;
    text-align: right;
    color: #F90000;
}

textarea.test100, 
select.test100, 
input[type=text].test100, 
input[type=email].test100 
{
    /*
    background-image: url('../images/checkmark.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    */
    width: 100%;
    color: #000000;                                                                                   
    font-family: Open Sans;
    font-size: 13px;
    border: 1px solid #009900;
    background-color: #d8d8d8;
    padding: 5px 0px 5px 5px;  
    border-radius: 3px;
    border: 1px solid transparent;
    font-weight: 400;
    background: linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -ms-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#d8d8d8));
    background: -moz-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    transition: border 1.5s; 
    
    background-image: url('../images/delete-icon.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    background-color: #d8d8d8;
}

textarea.test101, 
select.test101, 
input[type=text].test101, 
input[type=email].test101 
{
    /*
    background-image: url('../images/checkmark.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    */
    width: 100%;
    color: #000000;                                                                                   
    font-family: Open Sans;
    font-size: 13px;

    border: 1px solid #990000;
    background-color: #d8d8d8;
    padding: 5px 0px 5px 5px; 
    border-radius: 3px;
    border: 1px solid #b8b8b8;
    font-weight: 400;
    background: linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -ms-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    background: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#d8d8d8));
    background: -moz-linear-gradient(top,  #b8b8b8,  #d8d8d8);
    transition: border 1.5s; 
    
    background-image: url('../images/accept-icon.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    background-color: #d8d8d8;
}

.slogan h1 
{
    /*
    font-family: "Shadows Into Light",cursive;
    */
}
.slogan div 
{
    /*
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
    */
}

/*
.slogan div span 
{
    position: absolute;
    background-color: #0080FF;
    font-family: "Shadows Into Light",cursive;
    padding: 8px;
    color: #FFFFFF;  
    font-size: 22px;

}    

h2
{
    color: #0080FF;
    font-size: 22px;
    margin-bottom: 22px;
    margin-top: 32px; 
}

.startseitecatcher h2 {
    margin-top: 0px;
}
*/