/* reset.css*/
/* reset */
html, body, p, form, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer }
a:hover {text-decoration: underline }
img {border: 0 }

font { display: none }
/* generic.css*/
/* Generic */

ul.navigation, ul.navigation ul, ul.plain-list, ol.plain-list, ul.linklist { list-style: none; }
p.last { padding-bottom: 0 !important; margin-bottom: 0; }
.float-left { float: left; margin-right: 0.4em; }
.float-right { float: right; }
.richtext .float-right { float: right; margin-left: 0.4em; }
.float-none { float: none; }
.js-show { display: none; }
.urls { margin-top: 18px; }
.block { display:block; }
.overflow-hidden { overflow: hidden; }

.snippet { margin-top: 10px; }

@media(max-width: 568px) {
  .no-mobile { display: none; }
}
@media(min-width: 569px) {
  .mobile-only { display: none; }
  .snippet:first-child { margin: 0; }
}
/* clearfix.css*/
/** 
 * clearfix (siehe http://perishablepress.com/press/2009/12/06/new-clearfix-hack/) 
 * diese Version ist unter anderem html5 kompatibel
 */

.clearfix:after { content: ""; display: block; clear: both; } 
.clearfix { zoom: 1; }
/* min-ergo.css*/
body {  color: #5b5046; font-family: arial, sans-serif; font-size: 68.75%; line-height: 150%}

a { color: #ba122b;}

h1 { font-size: 120%; font-family: Georgia, "Times New Roman", Serif; }
h2 { font-size: 105%; font-family: Georgia, "Times New Roman", Serif; }
h3 { font-size: 95%; font-family: Arial;}
h1,h2,h3 { margin-top: 1em; margin-bottom: 0.8em;}

.richtext ul, 
.richtext ol, 
.richtext p {margin-top: 0.8em; margin-bottom: 0.8em;}

.richtext ul {list-style-type: none; padding-top:8px; overflow: hidden;}
.richtext ul li { background:url(/ergode/images/new/icons/bullet.png) no-repeat 0px 0.7em; padding-left: 11px; }

a.arrow,
.linklist a { background:url(/ergode/images/new/arrow-red.gif) no-repeat 0px 0.4em; padding-left: 11px; font-weight: bold;}

.transparent-box a.arrow,
.transparent-box .linklist a,
.footer-snippets a.arrow,
.footer-snippets .linklist a { background-image: url(data:image/gif;base64,R0lGODlhBwAHAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJFRDA3QTc5NjE1NzExRTJCOUJDQzhENDNFNjM0RDZFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJFRDA3QTdBNjE1NzExRTJCOUJDQzhENDNFNjM0RDZFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkVEMDdBNzc2MTU3MTFFMkI5QkNDOEQ0M0U2MzRENkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkVEMDdBNzg2MTU3MTFFMkI5QkNDOEQ0M0U2MzRENkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAABwAHAAACDAwQqaeLbV5irtFUAAA7)}

@media (max-width: 500px) {
  body { font-size: 120%}
}

@media(min-width: 501px) {
  body { font-size: 80%;}
}
/* review-form.css*/
.segment.statistics { padding: 0 21px 8px 10px; margin: 11px 0 0 0; border-top: 1px solid transparent; background-color: rgb(243, 242, 241); overflow: auto; }

.statistics .column { display: inline-block; float: left; margin-right: 15px; }
.statistics .column.right { float: right; }
.statistics .column label { float: left; width: 55px; }
.statistics .number { white-space: nowrap; }


.ekomilogo a, .ekomilogo span{ width: 60px; height: 60px; display: inline-block; background: url('/customerreview/images/ekomilogo.png') no-repeat; }
.column.right.ekomilogo a, .column.right.ekomilogo span { position: relative; top: -6px; }


.shiny-item-header { padding: 5px 10px 3px 10px; position: relative; }
.shiny-item-header { border-radius: 2px; box-shadow: inset 0 1px 2px white; background-image: linear-gradient(top, rgb(231,232,234) 0, rgb(255,255,255) 50%); background-image: -o-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -moz-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -webkit-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); background-image: -ms-linear-gradient(top, rgb(231,232,234) 0%, rgb(255,255,255) 50%); behavior: url(/ErgoDe/css/PIE.htc); position: relative; z-index: 55; -pie-background:  linear-gradient(top, rgb(231,232,234) 0, rgb(255,255,255) 50%); }
.shiny-item { background: #f3f2f1; border: 1px solid #CFCFCF; border-radius: 2px; box-shadow: 0 1px 1px rgb(230,230,230); margin-bottom: 12px; behavior: url(/ErgoDe/css/PIE.htc); position:relative; }


.rating, .rating span.stars, .rating span.bar, .rating span.level { display: inline-block; }
.rating span.stars { vertical-align: -22%; }
.rating span.stars, .rating span.stars span.level { height: 18px; width: 95px; background-image: url(/customerreview/images/sprite.png); margin-right: 5px; }
.rating span.stars { background-position: 0 -36px; font-size: 1px; }
.rating.gray span.stars span.level { background-position: 0 -54px; }
.rating.darkgray span.stars span.level { background-position: 0 -90px; }

span.star-input a.rate-link { display: inline-block; width: 19px; height: 19px;}
span.star-input a.rate-link.active { background-image: url(/customerreview/images/sprite.png); }

.rating span.bar  { margin-right: 5px; vertical-align: -22%; }
.rating span.bar { height: 10px; width: 70px; border: 1px solid #B0B0B0; background-color: white; }
.rating span.bar span.level { height: 8px; background-color: #8c1513; border: 1px solid white; vertical-align: top; }
    
ul.filter-category { list-style-type: none; margin-top: 5px; }	
  
ul.filter-category li { width: 171px;float: left; margin-right: 10px; }
ul.filter-category li:last-child { margin-right: 0; }
ul.filter-category .filter-button { display: block; color: #5b5046; }
ul.filter-category .filter-button .rating .text, 
ul.filter-category .number { white-space: nowrap; }
    

ul.filter-category li.selected .filter-button {
    background-image: linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%); background-image: -o-linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%); background-image: -moz-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); background-image: -webkit-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); background-image: -ms-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 50%); behavior: url(/ErgoDe/css/PIE.htc); position: relative; z-index: 55; -pie-background:  linear-gradient(top, rgb(150,150,150) 0, rgb(255,255,255) 50%);
    font-weight: bold;
}

.summary-list h2 { display: inline-block; float: left; margin: 0; }
.summary-list .pager { display: inline-block; float: right; }
.summary-list .pager .current { font-weight: bold; text-decoration: underline; }
ul.review { list-style-type: none; margin-top: 5px; clear: both; border: 1px solid #B0B0B0; border-top-style: none; }
.review-headline { font-weight: bold; border-top: 1px solid #B0B0B0; }
ul.review div { padding: 5px; }
ul.review .answer-headline { font-weight: bold; font-style: italic; padding-left: 15px; padding-bottom: 0; border-top: 1px dashed #B0B0B0; background-color: #f3f2f1; }
ul.review .answer-text { font-style: italic; padding-left: 15px; padding-top: 0; background-color: #f3f2f1; }
ul.review li .review-text {  }

#container .segment > p .radiobuttonlist.ddlInsurance label { width: 280px !important; }

@media(max-width: 560px) {
    .onecolumn ul.filter-category li { width: 150px; }
}

@media (max-width: 569px) {
    .threecolumns ul.filter-category li { width: 100%; }
    .threecolumns .statistics .column label { width: 50%; }
    .threecolumns .statistics .column { display: block; width: 100%; margin-bottom: 15px; float: none; }
}

@media(max-width: 500px) {
    .onecolumn ul.filter-category li { width: 100%; }
    .onecolumn .statistics .column { display: block; width: 100%; margin-bottom: 15px; float: none; }
    .onecolumn .statistics .column label { width: 50%; }	
}

.ergo-form.review-form .page { top: 0 !important; }

.ergo-form.review-form .left-container { margin: 10px auto 0 auto !important; width: 560px; }
.ergo-form.review-form .segment select.verwsyssl  { width: 180px; margin-right: 8px; }
.ergo-form.review-form .segment input.code  { width: 124px; }
.ergo-form.review-form .segment input.vnr  { width: 172px; }
.ergo-form.review-form ol { margin-left: 20px; } 

.ergo-form.review-form .radiobuttonlist { line-height: 25px; }
.ergo-form.review-form .radiobuttonlist label { width: 170px; line-height: inherit; vertical-align: middle; }
.ergo-form.review-form .radiobuttonlist input { margin-left: 26px; display:inline-block; }
.ergo-form.review-form .segment h1 { font-weight: normal; padding-top: 7px; margin-bottom: 0; }

@media(max-width: 560px) {
    .ergo-form.review-form .left-container { width: auto !important; }
}

@media only screen and (max-width: 939px) {
    #container .segment > p .radiobuttonlist.ddlInsurance label { width: auto !important; }
}
