/* europe-EDM CSS
 * ============================
 * Copyright (c) 2015, [http://www.rgshops.de](http://www.rgshops.de)
 * Autor: Robert Gnuschke
 * 
 * Blau: #25367C
 * Blau (hover): #6a74af
 */

body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #f7f7f5;
  margin: 0;
  padding: 0;
}

div#MainCenter {
  width: 1000px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #dce0d8;
  border-top: none;
  border-bottom: none;
  background-image: url(images/europeedm_background.png);
  background-repeat: no-repeat;
  background-position: left 300px top 50px;
}

/* Allgemeine Definition von Linkfarben etc. */
a:link { text-decoration:none; color: #25367C; font-weight:100; }
a:visited { text-decoration:none; color: #25367C; font-weight: 100; }
a:hover { text-decoration:underline; color: #25367C; font-weight: 100; }
a:active { color: #25367C; font-weight: 100; }

h1 {
  color: #000000;
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}

h2 {
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}

h3 {
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}

/* Allgemeine Definition von Buttons */
input.SubmitButton {
  margin: 0;
  padding: 3px 8px;
  font-size: 9pt;
  background-color: #eeeeec;
  cursor: pointer;
  border: 1px solid #888a85;
  line-height: 16px;
}
input.SubmitButtonRechts {
  margin: 0;
  padding: 2px 8px;
  font-size: 8pt;
  background-color: #eeeeec;
  cursor: pointer;
  border: 1px solid #888a85;
  line-height: 16px;
}

/* -------------------------------------- HEADER --------------------------------------*/

div#Header_Top {
  position: relative; z-index: 100; min-height: 25px;
}

div#Header_Links {
  float: right; font-size: 8pt; color: #2e3436;
}
div#Header_Links ul {
  margin: 5px 5px 0 0; padding: 0; float: right;
}
div#Header_Links ul li {
  list-style: none; float:left; margin: 0; padding: 0;
}
div#Header_Links ul li a {
  margin: 0; padding: 0 5px; border-right: 1px solid #2e3436;
}
div#Header_Links ul li a.kontakt {
  border-right: none;
}

div#Shop_Sprachauswahl {
  float: right; font-size: 8pt; margin: 1px 0 0 0; 
}
div#Shop_Sprachauswahl ul {
  margin: 5px 5px 0 0; padding: 0;
}
div#Shop_Sprachauswahl ul li {
  list-style: none; float:left; margin: 0; padding: 0;
}
div#Shop_Sprachauswahl ul li a {
  margin: 0; padding: 0 5px;
}

div#Header_Main {
  height: 75px;
}
div#Header_Logo {
  position: relative;
   z-index: 99;
  float: left;
  margin: -18px 0 0 15px;
  height: 95px;
  width: 312px;
  background-image: url(images/europeedm_logo_312.png);
}
div#Header_Kundeninfo {
  float: right;
  width: 200px;
  height: 60px;
  margin: 0 5px 0 0;
}
div#Header_Warenkorb {
  width: 200px;
  height: 30px;
  margin: 5px 0 0 0;
}
div#Header_Logininfo {
  width: 200px;
  height: 30px;
  margin: 15px 0 0 0;
  font-size: 10pt;
  color: #2e3436;
  text-align: right;
}
/*div#Header_Grafik {
  display: none;
  float: left;
  width: 350px;
  height: 60px;
  margin: -15px 0 0 35px;
  padding: 0;
  background-image: url(images/europeedm_header_550.png);
  border: 1px solid red;
}*/
div#Header_Suche {
  float: left;
  width: 400px;
  height: 30px;
  margin: 40px 0 0 55px;
}

#rgSuche {
  position: relative; z-index: 101;
}
#rgSuche input.rgSuche_Textfeld {
  width: 80%; border-color: #babdb6;
}
#rgSuche input.rgSuche_Button {
  border-color: #babdb6;
}
/* -------------------------------------- MASTER --------------------------------------*/
div#Master_Main {
  min-height: 400px;
}
div#Hauptmenue { position: relative; margin: 10px 0 0 0; height: 29px; background-color: #25367C; font-size: 8pt; z-index: 100; }
div#Hauptmenue * { margin: 0; padding: 0; }
div#Hauptmenue ul { width: 100%; }
div#Hauptmenue ul li { list-style: none; float:left; margin: 0; padding: 0; position: relative; /*width: 192px; border-bottom: 1px solid #004400; border-left: 8px solid #004400;*/ }
div#Hauptmenue ul li:hover { background-color: #6a74af; }
div#Hauptmenue ul li a { display:block; padding: 8px 8px 8px 8px; color: #FFFFFF; font-weight: 100; text-decoration:none; }
div#Hauptmenue ul ul { display: none; position: absolute; left: -10px; top: 29px; }
div#Hauptmenue ul li:hover ul { display: block; }
div#Hauptmenue ul ul li ul { display: none; position: absolute; left: 192px; top: -1px; border-top: 1px solid #babdb6; }
div#Hauptmenue li li { float: none; width: 192px; background-color: #dce0d8; color:#25367C; border: 1px solid #babdb6; border-top: none; }
div#Hauptmenue ul li ul li:hover { background-color: #babdb6; }
div#Hauptmenue li li a { color:#25367C; }
div#Hauptmenue ul li.submenu { background-image: url(images/pfeil_einzel_unten.png); background-position: 7px 13px; background-repeat: no-repeat; }
div#Hauptmenue li li.submenu { background-image: url(images/pfeil_einzel.png); background-position: 99% 50%; background-repeat: no-repeat; }
/* Hauptmenü -> Unterebenen (nicht verändern) */
div#Hauptmenue li:hover ul ul { display: none; }
div#Hauptmenue li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul { display: none; }
div#Hauptmenue li li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul ul { display: none; }
div#Hauptmenue li li li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul ul ul { display: none; }
div#Hauptmenue li li li li li:hover ul { display: block; }

/* -------------------------------------- HAUPTBEREICH --------------------------------------*/
div#Master_Links { display: inline-block; width: 755px; margin: 10px 0 0 5px; padding: 0 10px 0 20px; vertical-align: top; }
div#Master_Links div#Fusszeile { display: none; }
div#Kunden .LoginFormular_Header { background-color: #25367C; color: #FFFFFF; font-weight: 100; }
div#Kunden div#KdLoginForm_Reg { border: 1px solid #25367C; }
div#Kunden div#KdLoginForm_Login { border: 1px solid #25367C; }
div#Kunden table.MeinKonto_Bestellungen thead td { background-color: #25367C; }
div#Artikelgitter div.element { margin: 15px 60px 15px 0; }
/* Layout von Artikel-Tabellen */
table.rgArtikelTabelle { margin: 10px 0; border: 1px solid #25367C; border-collapse: collapse; }
table.rgArtikelTabelle tr {}
table.rgArtikelTabelle tr.geradeZeile { background-color: #eeeeec; color: #000000; font-weight: 100; }
table.rgArtikelTabelle tr.ungeradeZeile { background-color: #d3d7cf; color: #000000; font-weight: 100; }
table.rgArtikelTabelle tr.ersteZeile { background-color: #25367C; color: #FFFFFF; font-weight: 100; }
table.rgArtikelTabelle tr td { border: 1px solid #000000; padding: 4px; }

/**
 *   Layoutregeln für Retourenportal
 */
#rgKundenretour table { border: 1px solid #25367C; }
#rgKundenretour tr th { background-color: #25367C; }

/* ------------------------------------------------------------------------------ */
/* Layout Regeln für das Layer ArtikelgitterL2 */
/* ------------------------------------------------------------------------------ */
div#ArtikelgitterL2 ul li {
  height: 345px;
}

/* -------------------------------------- PROMOSPALTE --------------------------------------*/
div#Master_Rechts { display: inline-block; width: 200px; margin: 15px 0 0 0; font-size: 9pt; vertical-align: top; }
div#Master_Rechts form { margin: 0; padding: 0; }

/* Layout Regeln für die Kästen */
.BreiterKasten {
  border: solid 1px #25367C;
}
.BreiterKasten .Titel {
  background-color: #25367C;
  color: #FFFFFF;
  font-weight: 100;
  padding: 3px 4px 4px 10px;
  border: 0;
}
.BreiterKasten .Inhalt {
  padding: 0 6px 0 6px;
}


/* -------------------------------------- FOOTER --------------------------------------*/
div#Footer_Main {
  border-top: 1px solid #babdb6;
  border-bottom: 1px solid #babdb6;
  background-color: #dce0d8;
  height: 40px;
  margin-top: 25px;
  margin-bottom: 25px;
}
div#Footer_Main ul {
  margin: 12px; padding: 0;
}
div#Footer_Main ul li {
  list-style: none; float:left; margin: 0; padding: 0;
}
div#Footer_Main ul li a {
  margin: 0; padding: 0 5px; border-right: 1px solid #2e3436;
}
div#Footer_Main ul li a.kontakt {
  border-right: none;
}

/* Cookie-Notification */

#cookienotification a {color:#000; text-decoration:none;}
#cookienotification a:hover {text-decoration:underline;}
#cookienotification div {padding:5px; padding-right:40px;}

#cookienotification {
   outline: 1px solid #D6D0C1;
   text-align:right;
   border-top:1px solid #fff;
   background: #E8E8E8;
   background: -moz-linear-gradient(top, #E8E8E8 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #E8E8E8 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #E8E8E8 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #E8E8E8 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #E8E8E8 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#E8E8E8', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   font-size:12px;
   line-height:16px;
}

#cookienotificationCloser {
   color: #777;
   font: 11px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 2px;
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
 }

#cookienotificationCloser:hover {
    border-bottom:1px solid white;
    border-right:1px solid white;
    border-top:1px solid #7b92a9;
    border-left:1px solid #7b92a9;
}