/*

CSS Voor Natuursteen-bedrijven.nl
ontwerp door dWork webdesign

*/

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

a.abiReviews {
    cursor: default !important;
    text-decoration: none !important
}

.aqm {
    border: 1px solid;
    font: 10px/12px Arial;
    padding: 0 !important;
    text-align: left
}

.aqm span, .aqm u {
    display: none !important
}

.aqm > div {
    padding: 0 !important;
    border: 1px solid #fff;
    overflow: hidden
}

.aqm-button {
    height: 15px;
    font: bold 11px/14px arial;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    padding: 1px 4px;
    text-align: center;
    display: inline-block;
    background-color: #202020 !important;
    border-radius: 5px
}

.aqm-button:hover {
    color: #fff;
    background-color: #000 !important
}

.aqm-stars {
    background: url("../images/rating.png");
    width: 100px;
    height: 16px;
    background-repeat: repeat-x
}

.aqm-stars div {
    background: url("../images/rating.png") 0 -16px;
    height: 16px;
    background-repeat: repeat-x
}

.aqm-well {
    border: 1px solid;
    background-color: #fff !important;
    margin: 3px;
    padding: 3px !important
}

.aqm-well .aqm-summary {
    margin-bottom: 2px;
    padding-right: 42px;
    *zoom: 1
}

.aqm-well .aqm-summary:before, .aqm-well .aqm-summary:after {
    display: table;
    content: "";
    line-height: 0
}

.aqm-well .aqm-summary:after {
    clear: both
}

.aqm-well .aqm-summary > div {
    float: left;
    width: 100%;
    height: 36px
}

.aqm-well .aqm-summary .aqm-stars {
    margin: 0 0 5px 7px
}

.aqm-well .aqm-summary .aqm-summary-label {
    font: 10px arial
}

.aqm-well .aqm-summary .aqm-summary-grade {
    font: bold 18px arial;
    width: 35px;
    margin-right: -42px;
    padding-right: 7px;
    line-height: 36px;
    text-align: right
}

.aqm-header {
    border: 1px solid;
    background-color: #fff !important;
    margin: 3px;
    text-align: center
}

.aqm-header .aqm-header-stars {
    background: url("../images/headerstars.png") repeat-x scroll 0 0 transparent !important;
    margin: 3px 0;
    width: 95px;
    height: 19px;
    display: inline-block;
    text-align: left
}

.aqm-header .aqm-header-stars > div {
    background: url("../images/headerstars.png") repeat-x scroll 0 -19px transparent !important;
    height: 19px
}

.aqm-footer {
    background: #dbe3e4 !important;
    font: 10px Arial;
    line-height: 16px;
    padding: 2px 4px !important;
    margin: 3px;
    text-align: right;
    display: block
}

.aqm-footer .aqm-link {
    margin-left: -11px;
    width: 200px;
    color: #036;
    float: left;
    background: transparent !important
}

.aqm-footer u {
    display: inline !important
}

.aqm-top {
    margin: 3px 3px 0;
    padding-right: 110px;
    *zoom: 1
}

.aqm-top:before, .aqm-top:after {
    display: table;
    content: "";
    line-height: 0
}

.aqm-top:after {
    clear: both
}

.aqm-top .aqm-grade {
    float: left;
    width: 100%;
    text-align: center
}

.aqm-top .aqm-top-buttons {
    float: left;
    margin-right: -110px;
    width: 110px
}

.aqm-top .aqm-top-buttons .aqm-button {
    display: block !important;
    margin-bottom: 3px
}

.aqm-container {
    margin: 3px 3px 0;
    padding: 0 !important;
    background-color: transparent !important
}

.aqm-buttons {
    margin: 3px 3px 0;
    padding: 0 !important;
    background-color: transparent !important
}

.aqm-buttons .aqm-button {
    display: block;
    margin-bottom: 3px
}

.aqm-grade {
    font: bold 30px arial
}

.aqm-rating {
    font: bold 20px arial;
    display: block
}

.aqm-rating-small {
    font: bold 15px arial
}

.aqm-link {
    font-weight: bold;
    color: #202020 !important;
    cursor: pointer !important
}

.aqm-link:hover {
    color: #000 !important;
    text-decoration: underline
}

.aqm-link span, .aqm-link u {
    display: inline !important
}

.aqm-portal-link {
    color: #036 !important;
    background: url("../images/abiqualitymeterlogo.png") left center no-repeat !important;
    padding-left: 21px
}

.aqm-portal-link:hover {
    text-decoration: underline
}

.aqm-template-1 {
    width: 198px !important
}

.aqm-template-1 .aqm-top.aqm-top-rating {
    height: 45px
}

.aqm-template-1 .aqm-top.aqm-top-rating .aqm-button {
    width: 85px !important;
    display: inline-block;
    margin-left: 0
}

.aqm-template-2 {
    width: 238px !important
}

.aqm-template-2 .aqm-well {
    height: 29px;
    padding: 8px 5px 8px 80px;
    margin-bottom: 6px
}

.aqm-template-2 .aqm-well.aqm-well-rating {
    height: 38px;
    text-align: center;
    padding: 2px
}

.aqm-template-2 .aqm-well.aqm-well-rating b {
    display: block
}

.aqm-template-2 .aqm-buttons .aqm-button {
    width: 105px !important;
    display: inline-block !important
}

.aqm-template-3 {
    width: 158px !important
}

.aqm-template-3 .aqm-top {
    padding-right: 90px
}

.aqm-template-3 .aqm-top .aqm-top-buttons {
    margin-right: -90px;
    width: 90px !important
}

.aqm-template-4 {
    width: 128px !important
}

.aqm-template-4 .aqm-top {
    padding-right: 59px
}

.aqm-template-4 .aqm-top .aqm-top-buttons {
    margin-right: -59px;
    width: 59px !important
}

.aqm-template-4 .aqm-top .aqm-top-buttons .aqm-link {
    line-height: 16px
}

.aqm-template-4 .aqm-summary {
    padding: 0
}

.aqm-template-4 .aqm-summary div {
    width: 100px
}

.aqm-template-5 {
    width: 108px !important
}

.aqm-template-5 .aqm-well {
    text-align: center
}

.aqm-template-5 .aqm-well .aqm-rating {
    font-size: 12px
}

.aqm-template-5 .aqm-container {
    margin-bottom: 6px
}

.aqm-template-5 .aqm-container .aqm-stars {
    margin-bottom: 2px
}

.aqm-template-5 .aqm-container a {
    margin-left: 3px
}

.aqm-template-6 {
    width: 128px !important
}

.aqm-template-6 .aqm-top {
    padding: 11px 0 16px 59px
}

.aqm-template-6 .aqm-top .aqm-grade {
    top: 1px;
    left: 8px
}

.aqm-template-6 .aqm-summary {
    padding: 0
}

.aqm-template-7 {
    width: 208px !important
}

.aqm-template-7 .aqm-inline-container {
    margin: 0 3px 3px 3px;
    padding-left: 115px;
    *zoom: 1
}

.aqm-template-7 .aqm-inline-container:before, .aqm-template-7 .aqm-inline-container:after {
    display: table;
    content: "";
    line-height: 0
}

.aqm-template-7 .aqm-inline-container:after {
    clear: both
}

.aqm-template-7 .aqm-inline-container a {
    display: block
}

.aqm-template-7 .aqm-inline-container .aqm-well {
    margin: 0;
    width: 100px;
    padding: 5px;
    float: left;
    margin-left: -115px
}

.aqm-template-7 .aqm-inline-container .aqm-well .aqm-stars {
    margin-bottom: 3px
}

.aqm-template-7 .aqm-inline-container .aqm-well .aqm-link {
    margin-left: 2px
}

.aqm-template-7 .aqm-inline-container .aqm-well .aqm-rating {
    font-size: 14px
}

.aqm-template-7 .aqm-inline-container .aqm-buttons {
    float: left;
    width: 100% !important;
    margin: 0;
    padding: 1px 0
}

.aqm-template-7 .aqm-inline-container .aqm-button {
    margin-bottom: 0
}

.aqm-template-7 .aqm-inline-container .aqm-button:first-child {
    margin-bottom: 4px
}

.aqm-template-7 .aqm-inline-container > .aqm-link {
    font-weight: normal
}

.aqm-template-8 {
    width: 158px !important
}

.aqm-template-8 .aqm-inline-container {
    margin: 0 3px;
    padding: 2px 0 1px 65px;
    *zoom: 1
}

.aqm-template-8 .aqm-inline-container:before, .aqm-template-8 .aqm-inline-container:after {
    display: table;
    content: "";
    line-height: 0
}

.aqm-template-8 .aqm-inline-container:after {
    clear: both
}

.aqm-template-8 .aqm-inline-container a {
    display: block
}

.aqm-template-8 .aqm-inline-container .aqm-well {
    margin: 0;
    width: 55px;
    text-align: center;
    padding: 4px 3px;
    float: left;
    margin-left: -65px
}

.aqm-template-8 .aqm-inline-container .aqm-well .aqm-grade {
    font-size: 26px
}

.aqm-template-8 .aqm-inline-container .aqm-well .aqm-rating {
    font-size: 10px
}

.aqm-template-8 .aqm-inline-container .aqm-buttons {
    float: left;
    width: 100%;
    margin: 0;
    padding: 1px 0
}

.aqm-template-8 .aqm-inline-container .aqm-button {
    margin-bottom: 0
}

.aqm-template-8 .aqm-inline-container .aqm-button:first-child {
    margin-bottom: 4px
}

.aqm-template-8 .aqm-inline-container .aqm-link {
    font-weight: normal
}

.aqm-template-9 {
    width: 198px !important;
    margin-top: 1px
}

.aqm-template-9 .aqm-footer {
    overflow: hidden;
    text-align: left
}

.aqm-template-9 .aqm-footer .aqm-link {
    float: none
}

.aqm-template-9 .aqm-portal-link {
    text-decoration: none;
    margin-right: 10px
}

.aqm-template-9 .rm-overall {
    cursor: default;
    position: relative;
    padding-left: 63px
}

.aqm-template-9 .rm-overall i {
    font-style: normal
}

.aqm-template-9 .rm-overall .rm-votes {
    margin-left: 5px
}

.aqm-template-9 .rm-overall .rm-avgmark {
    position: absolute;
    display: block;
    width: 52px;
    padding-top: 3px;
    height: 38px;
    line-height: 30px;
    top: -1px;
    left: 6px;
    text-align: center
}

.aqm-template-9 .rm-overall .aqm-header {
    text-align: left;
    position: relative;
    background: transparent !important;
    border: none;
    margin-bottom: 0
}

.aqm-template-9 .aqm-well {
    border-width: 1px 0;
    margin: 3px 0;
    height: 168px;
    overflow: hidden
}

.aqm-template-9 .aqm-well .rm-review {
    cursor: default;
    padding: 2px 8px;
    height: 168px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.5
}

.aqm-template-9 .aqm-well .rm-review .review-details {
    text-align: right
}

.aqm-template-9 .aqm-well .rm-review .review-details time {
    float: left;
    font-size: 10px
}

.aqm-template-9 .aqm-well .rm-review .review-details .rating {
    font-size: 12px
}

.aqm-template-9 .aqm-well .rm-review .title {
    display: block;
    max-height: 32px;
    overflow: hidden;
    -ms-word-wrap: hyphenate;
    word-wrap: hyphenate;
    margin-bottom: 10px
}

.aqm-template-9 .aqm-well .rm-review p {
    margin-top: 3px;
    display: block;
    height: 72px;
    overflow: hidden;
    font-style: italic
}

.aqm-template-9 .aqm-well .rm-review p span {
    display: inline !important
}

.aqm-template-9 .rm-interaction {
    padding: 7px;
    vertical-align: top
}

.aqm-template-9 .rm-interaction .rm-switch {
    width: 75px;
    margin-right: 5px;
    display: inline-block
}

.aqm-template-9 .rm-interaction .rm-switch a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    overflow: hidden;
    background: #06c
}

.aqm-template-9 .rm-interaction .rm-button {
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    background: #f60;
    border-radius: 3px;
    display: inline-block;
    width: 95px;
    text-align: center;
    padding: 5px 0
}

.aqm-template-9 .rm-interaction .rm-button:hover {
    background: #f40
}

.rm-about {
    font-size: 10px;
    padding: 5px;
    margin: 10px 0
}

.rm-hidden {
    display: none
}


.kcs-reviews .title-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kcs-reviews li.review {
    margin-bottom: 40px;
    padding: 20px;
    background: rgb(220,220,230);
    border-radius: 8px;
}

.kcs-reviews li.review .date {
    font-style: italic;
    font-size: .8em;
}

.kcs-reviews .main-rating {
    background: url(../images/headerstars.png);
    background-position: left top;
    width: 95px;
    height: 20px;
}

.kcs-reviews .main-rating-stars {
    background: url(../images/headerstars.png);
    background-position: left bottom;
    height: 100%;
}