/** CONTENT **/
/* Typography */
/** Company page **/
/** FAQ Page **/
.customerIntro p { margin-bottom: 30px; }
.customerIntro h2 { margin: 0; border-bottom: 1px solid #e7e7e7; }
.customerIntro h2 span { border-bottom: 3px solid #72c02c; padding-right: 20px; }
.customerIntro img { width: 100%; }
.customerFAQ { margin-top: 80px; }
.customerFAQ h2 { margin: 0; border-bottom: 1px solid #e7e7e7; }
.customerFAQ h2 span { border-bottom: 3px solid #72c02c; padding-right: 20px; }
.teamMembers { margin-top: 15px; }
.memberBlock { width: 183px; float: left; margin-left: 15px; margin-right: 15px; margin-top: 40px; min-height: 315px; }
.memberBlock img { width: 100%; margin-bottom: 0!important; }
.memberBlock p { color: #444444; font-size: 13px; line-height: 20px; margin: 0; }
.memberBlock strong { color: #222222; width: 100%; float: left; margin-top: 8px; }
.memberBlock a:link, .memberBlock a:visited { color: #222222; }
.customerBar.standAlone { margin-top: 30px; }
.customerBar { border: 1px solid #e0e0e0; float: left; border-radius: 0 0 5px 5px; padding: 20px; }
.customerBar.rounded { border-radius: 5px; }
.customerBar h2 { margin-top: 0!important; }
.customerBar span { font-size: 13px; color: #444444; width: 100%; float: left; }
.customerBar span em, .customerBar span i { margin-right: 10px; }
.customerBar span a:link, .customerBar span a:visited { color: #72c02c; font-weight: 600 }
.customerBar span.reasonsToBuy { line-height: 25px; margin: 0; }
.customerBar span.reasonsToBuy em, .customerBar span.reasonsToBuy i { color: #f68001; }
.customerBar span.reasonsToBuy.last { margin-bottom: 20px; }
.customerBar span.rating { color: #777; margin-bottom: 10px; }
.customerBar img { width: 100%; }
.customerBar h2 { font-size: 14px; font-weight: 700; margin: 0; border: 0; color: #222222; padding: 0; line-height: 26px; text-transform: uppercase }
.customerBar h3 { font-size: 14px; font-weight: 700; margin: 0 0 3px; color: #444444; }
.customerBar p { font-size: 13px; font-weight: 300; line-height: 23px;margin: 0 0 25px 0; color: #444444; }
.customerBar.divider { border: 0px; background: #e7e7e7; width: 100%; padding: 0; border-radius: 0; margin: 0 0 25px 0 ; height: 1px; }
.customerBar .btn.btn-small { margin-bottom: 10px; margin-right: 8px; }
.customerBar .btn.btn-primary { margin-bottom: 25px; }
.customerBarTop { background: #f8f8f8; width: 100%; height: 15px; float: left; margin-top: 21px; border: 1px solid #e7e7e7; border-radius: 5px 5px 0 0; border-bottom: 0; }
.customerBar.contact { margin: 25px 0; background: #72c02c; border-radius: 5px; border: none; width: 100%; }
.customerBar.contact h4 { color: white; margin: 0; padding: 0; font-weight: 600; line-height: 23px; }
.customerBar.contact p { color: white; line-height: 23px; margin-bottom: 10px; font-size: 15px; }
.customerBar.contact .btn { border: 1px solid #8ecd56; color: white; margin-right: 18px; margin-top: 13px; padding: 10px 20px; width: 100%; text-align: left }
.customerBar.contact .btn:hover { background: #67b757; }
.customerBar.contact i, .customerBar.contact em { margin-right: 10px; }
.section.customerService { margin-top: 30px; }
.section.customerService h1 { font-size: 23px; font-weight: 500; text-transform: uppercase; }
.faqtitle { padding: 20px; border-bottom: 0px solid #ece9e3; text-transform: uppercase; font-weight: bold; margin-bottom: 3px; }
.serviceBlock { border: 1px solid #e7e7e7; margin-top: 40px }
.serviceBlock i { margin-right: 15px; }
.serviceBlock ul { margin-bottom: 20px; }
.serviceBlock ul li { list-style: none; margin-left: -40px; font-size: 13px; line-height: 23px; color: #444444; }
.serviceBlock li:hover { cursor: pointer; }
.serviceBlock a:link, .serviceBlock a:visited { cursor: pointer; color: #444444; }
.site-contact #content { overflow: inherit; }
/* Fix voor overflow in footer */
/* JQUERY - Remove product */
.ui-dialog .ui-dialog-buttonpane button { color: white!important; background: #222; }
.ui-dialog .ui-dialog-buttonpane button:hover { background: #000!important; transition: 0.2s }
.ui-widget-header { color: #333!important; font-weight: 500; }
.ui-button-text-only .ui-button-text { line-height: 31px!important; font-size: 13px!important; font-weight: 500!important; }
/** News **/
.section.news { margin-top: 40px; }
.section.news .newsWrapper { height: auto; margin-bottom: 60px; }
.section.news .newsWrapper img { margin-left: auto; margin-right: auto; display: block; width: 100%; }
.section.news .newsWrapper p.date { margin: 0; padding: 0; }
.section.news .newsWrapper h3 { margin-bottom: 15px; }
.section.news .newsWrapper .imageWrap { height: 220px; overflow: hidden; border-radius: 5px; margin-bottom: 15px; }
.section.news .newsWrapper .btn.btn-small.btn-default { margin-bottom: 30px; }
.section.news .newsPager { float: left; width: 100%; margin-top: 35px; }
#articleOverview { display: none; }
/* News Paging */
.newsPager .page a { float: left; }
.newsPager .page.selected a { float: left; }
.newsPager .previous a { float: left; }
.newsPager .yiiPager li>a,
.newsPager .yiiPager li>span { border-radius: 6px; padding: 4px 15px !important; color: #fff; text-transform: capitalize; color: #262626 !important; font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #e5e5e5 !important; border-bottom: 2px solid #CCCCCC!important; font-weight: bold !important; margin-right: 5px; }
.newsPager .next a { float: left; margin-right: 5px; background: #014587; border: 1px solid #e5e5e5!important; border-bottom: 2px solid #012c64!important; color: #fff!important; border-radius: 6px!important; padding: 4px 15px!important; }
.newsPager .page a:hover,
.newsPager .previous a:hover,
.newsPager .next a:hover { background: #eee; border-bottom: 2px solid #CCCCCC;}
.newsPager .page.selected a:hover { background: #eee; border-bottom: 2px solid #CCCCCC;}
/* Portfolio */
.portfolioWidget { height: 450px; }
.portfolioWidget p { font-size: 13px; font-style: italic; font-weight: 300; color: #777777; margin: 0; float: left;}
.portfolioWidget p.client { height: 30px; color: black; font-weight: bold; margin-top: 5px; }
.portfolioWidget img { max-width: 100%; padding: 10px; }
.portfolioWidget h2 { font-size: 17px; text-transform: uppercase; font-weight: bold; margin-bottom: 0px; margin-top: 20px; }
/* BedrukteBallen */
.termsConditions h2 { margin: 45px 0 30px 0; }
.termsConditions ul.list-light { margin-bottom: 0; padding-left: 20px; line-height: 27px; font-weight: 300; margin-bottom: 10px; }
.column1-border { border: 1px solid #e7e7e7; border-radius: 5px; width: 100%; margin-bottom: 60px; float: left; }
.column1-border ul:first-of-type { border-left: 0; }
.column1-border ul { width: 50%; float: left; border-left: 1px solid #e7e7e7; padding: 0; margin: 0; }
.column1-border ul li { border-top: 1px solid #e7e7e7; padding-left: 15px; line-height: 40px!important; padding-left: 20px!important; list-style: none; margin: 0; }
.column1-border ul li:first-of-type { border-top: 0; }
.column1-border .head { background: #f3f3f3; color: #222!important; font-weight: 600!important; }
.column2 { margin-top: 15px; }
.column2 .keyblock { background: #e8e8e8; border: 1px solid #e7e7e7; color: #222; border-radius: 5px; height: 45px; width: 45px; float: left; text-align: center; line-height: 43px; font-size: 15px; margin-top: -5px; }
.column2 .leftSide { left: -15px; }
.column2 p { float: right; width: 83%; position: relative; margin-top: -10px; }
.column2 p strong { text-transform: uppercase; }
.column5-border { border: 0px; border-radius: 5px; width: 100%; margin-bottom: 45px; float: left; }
.column5:first-of-type { margin-left: 0; border-left: 0px solid #e7e7e7; }
.column5 { float: left; margin-left: 0; width: 20%; border-right: 0px solid #e7e7e7; padding: 0; }
.column5 #rating { width: 100%; float: left; margin-top: 20px; margin-bottom: 10px; margin-left: 10px; }
.column5 #rating i,
.column5 #rating em { color: #ffc92d; margin-right: 1px; float: left; font-size: 18px; }
.column5 img { width: 117px; margin-left: auto; margin-left: 7px; }
.column5 ul { margin-bottom: 0; margin-top: 10px; width: 100%; }
.column5 ul li { font-size: 13px!important; line-height: 25px; font-weight: 300; margin-left: -30px; list-style: none }
.column5 ul li.lastItem { padding-top: 20px;}
.column5-border .btn-primary { margin-top:15px; }
.section.contentpage .designOptions { width: 65%; border: 0px solid #e7e7e7; padding: 0; }
.section.contentpage .designOptions p { margin-bottom: 30px;}
.section.contentpage .designOptions.img { width: 33%; padding-top: 10px; }
.section.contentpage .levertijden { width: 810px; margin-bottom: 60px; float: left; padding: 0px; }
.section.contentpage .levertijden img { width: 100px; border-radius: 5px; float: left; margin-top: 4px; }
.section.contentpage .levertijden .typeTransport { float: left; width: 50%; }
.section.contentpage .levertijden .typeTransport p { width: 73%; float: right; padding-left: 20px}
/** MOBILE- RES **/
@media (max-width: 767px) {
/* Bedrukte Ballen */
.introImage { display: none; }
.column1-border { width: 100%;}
.column1-border ul { width: 100%;}
.column2 .keyblock { display: none; }
.column2 .leftSide { left: 0; margin-top: 30px; }
.column2 { float: left; margin-top: -10px; }
.column2 p { float: left; width: 100%; left: -15px; }
.column5-border { width: 100%;}
.column5 { width: 100%; }
.column5 ul { margin-bottom: 40px; width: 100%; float: left; margin-left: -40px; margin-top: 11px; margin-left: -8px; }
.column5 #rating { margin-left: auto; margin-right: auto; display: block; float: none; width: 108px; }
.column5 img { float: none; margin-left: auto; margin-right: auto; max-width: 100%; display: block}
.column5 { border: 0; }
.column5:first-of-type { border: 0; }
.section.contentpage ul li { text-align: center; }
.section.contentpage .levertijden { width: 100%; }
.section.contentpage .levertijden img { display: none}
.section.contentpage .levertijden .typeTransport { width: 100%; }
.section.contentpage .levertijden .typeTransport p { width: 100%; padding-left: 0; padding-bottom: 25px }
}
/** LOW- RES VIEW **/
@media (min-width: 768px) and (max-width: 991px) {
/* Bedrukte Ballen */
.introImage { display: none; }
.column1-border { width: 100%;}
.column1-border ul { width: 100%;}
.column2 .keyblock { display: none; }
.column2 .leftSide { left: 0; margin-top: 30px; }
.column2 { float: left; margin-top: -10px; }
.column2 p { float: left; width: 100%; left: -15px; }
.column5-border { width: 100%;}
.column5 { width: 100%; }
.column5 ul { margin-bottom: 40px; width: 186px; float: left; margin-left: 10px; margin-top: 0; }
.column5 #rating { margin-left: auto; margin-right: auto; display: block; width: auto; float: right; }
.column5 img { float: left; margin-left: auto; margin-right: auto; max-width: 100%;}
.column5 { border: 0; }
.column5:first-of-type { border: 0; }
.section.contentpage .levertijden { width: 100%;}
.section.contentpage .levertijden .typeTransport p { width: 100%; padding-left: 0; padding-right: 10px; margin-top: 15px;}
}
/** MED- RES VIEW **/
@media (min-width: 992px) and (max-width: 1199px) {
/* Helpers */
.smallRes { display: none; }
/* Bedrukte Ballen */
.column5-border { width: 100%; padding: 0; }
.column5:first-of-type { border: 0; float: left; width: 100%; border-top: 0; padding: 14px; margin: 0 }
.column5 { border: 0; float: left; width: 100%; border-top: 1px solid #e7e7e7; padding: 16px; margin: 0 }
.column5 #rating { width: auto; float: right; width: 50px; }
.column5 #rating i { margin-right: 3px; }
.column5 img { float: left; margin-right: 60px; }
.column5 ul { float: left; margin: 0; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 303px; }
.column5 ul li { line-height: 20px!important; }
.column2 .keyblock { width: 36px; height: 36px; line-height: 33px; font-size: 11px }
.column2 p { width: 100%; margin-top: -20px; }
.column2 strong { padding-left: 50px; }
.introImage { margin-top: -44px; max-width: 39%!important;}
.section.contentpage .levertijden { width: 100%;}
.column1-border { width: 100%;}
.section.contentpage .levertijden .typeTransport { width: 100%; margin-bottom: 30px; }
}