@import "/_ui/screen.css";

/* Overrulen header **********************************************************/
.size_m #heading h1 {
  padding-right: 300px;
}

/* subsections eigen merken **************************************************/
.eigenmerken .subsection {
  min-height: 118px;
  margin: 1.5em 0;
  padding: 0;
  font-size: 100%;
}

.eigenmerken .subsection h3 {
  display: block;
  width: 200px;
  padding: 0;
}

.eigenmerken .subsection h3 span {
  position: absolute;
  top: -10000px;
  height: 0;
}

.eigenmerken .subsection div {
  float: right;
  width: 175px;
}

.eigenmerken .subsection p {
  clear: both;
  padding: 0 3em 0 1em;
  font-size: 200%;
  font-weight: bold;
  letter-spacing: -.05em;
  line-height: 1;
}

.eigenmerken .subsection a {
  text-decoration: none;
}

.eigenmerken .hover {
  cursor: pointer;
}

/* clear kopjes AH Excellent, AH Express, AH Biologisch voor smalle schermen */
.eigenmerken .ahexcellent h3,
.eigenmerken .ahbiologisch h3,
.eigenmerken .ahexpress h3 {
  clear: both;
}

/* tekst vanaf medium size tussen logo en visual in */
.size_m .eigenmerken .subsection {
  margin-left: -10px !important;
}

.size_m .eigenmerken .subsection h3 {
  float: left;
  clear: none;
}

.size_m .eigenmerken .subsection p {
  clear: none;
  margin: 0 185px 0 200px;
  padding: 1em 0;
}


/* repareer corners ivm border ***********************************************/
.eigenmerken .subsection .corner    { width:   1px; height: 1px; }
.eigenmerken .subsection .corner_tl { top:    -1px; left:  -1px; }
.eigenmerken .subsection .corner_tr { top:    -1px; right: -1px; }
.eigenmerken .subsection .corner_br { bottom: -1px; right: -1px; }
.eigenmerken .subsection .corner_bl { bottom: -1px; left:  -1px; }


/* AH Huismerk ***************************************************************/
.section .ahhuismerk {
  border: 1px dotted #1C449C;
  background: #FFF url(bg_verloop_ahhuismerk.jpg) repeat-y 100% 0;
}
.ahhuismerk h3 {
  height: 56px;
  background: url(logo_ahhuismerk.gif) no-repeat;
}
.ahhuismerk div {
  height: 136px;
  position: relative;
  top: -18px;
  margin-bottom: -18px;
  background: url(producten_ahhuismerk.jpg) no-repeat 100% 0;
}
.ahhuismerk p, .ahhuismerk a {
  color: #1C449C;
}
.ahhuismerk a:hover, .ahhuismerk a.hover {
  color: #002D80;
}


/* AH Excellent **************************************************************/
.section .ahexcellent {
  border: 1px dotted #ED9100;
  background: #FFF url(bg_verloop_ahexcellent.jpg) repeat-y 100% 0;
}
.ahexcellent h3 {
  height: 53px;
  background: url(logo_ahexcellent.gif) no-repeat;
}
.ahexcellent div {
  height: 122px;
  position: relative;
  top: -4px;
  margin-bottom: -4px;
  background: url(producten_ahexcellent.jpg) no-repeat 100% 0;
}
.ahexcellent p, .ahexcellent a {
  color: #ED9100;
}
.ahexcellent a:hover, .ahexcellent a.hover {
  color: #DB8F00;
}


/* AH Biologisch *************************************************************/
.section .ahbiologisch {
  border: 1px dotted #00A650;
  background: #FFF url(bg_verloop_ahbiologisch.jpg) repeat-y 100% 0;
}
.ahbiologisch h3 {
  height: 86px;
  background: url(logo_ahbiologisch.gif) no-repeat;
}
.ahbiologisch div {
  height: 129px;
  position: relative;
  top: -11px;
  margin-bottom: -11px;
  background: url(producten_ahbiologisch.jpg) no-repeat 100% 0;
}
.ahbiologisch p, .ahbiologisch a {
  color: #00A650;
}
.ahbiologisch a:hover, .ahbiologisch a.hover {
  color: #008C37;
}
/* AH puureneerlijk *************************************************************/
.section .ahpuureneerlijk {
  border: 1px dotted #20a147;
  background: #FFF url(bg_verloop_ahpuureerlijk.jpg) repeat-y 100% 0;
}
.ahpuureneerlijk h3 {
  height: 86px;
  background: url(logo_ahpuureerlijk.gif) no-repeat;
}
.ahpuureneerlijk div {
  height: 129px;
  position: relative;
  top: -11px;
  margin-bottom: -11px;
  background: url(producten_ahpuureerlijk.jpg) no-repeat 100% 0;
}
.ahpuureneerlijk p, .ahpuureneerlijk a {
  color: #8cc63f;
}
.ahpuureneerlijk a:hover, .ahpuureneerlijk a.hover {
  color: #8cc63f;
}

/* Euroshopper ***************************************************************/
.section .euroshopper {
  border: 1px dotted #E1453A;
  background: #FFF url(bg_verloop_euroshopper.jpg) repeat-y 100% 0;
}
.euroshopper h3 {
  height: 65px;
  background: url(logo_euroshopper.gif) no-repeat;
}
.euroshopper div {
  height: 118px;
  background: url(producten_euroshopper.jpg) no-repeat 100% 0;
}
.euroshopper p, .euroshopper a {
  color: #E1453A;
}
.euroshopper a:hover, .euroshopper a.hover {
  color: #C12223;
}


/* AH Express ****************************************************************/
.section .ahexpress {
  border: 1px dotted #53A4CC;
  background: #FFF url(bg_verloop_ahexpress.jpg) repeat-y 100% 0;
}
.ahexpress h3 {
  height: 55px;
  background: url(logo_ahexpress.gif) no-repeat;
}
.ahexpress div {
  height: 118px;
  background: url(producten_ahexpress.jpg) no-repeat 100% 0;
}
.ahexpress p, .ahexpress a {
  color: #73A3BE;
}
.ahexpress a:hover, .ahexpress a.hover {
  color: #5988A1;
}