ifganfragen.css

body {
  font-family: Helvetica, sans-serif;
}
.axis path,
.axis .domain {
  fill: none;
}
.axis .major text {
  fill: #999;
  font-size: 18px;
}
.axis .major line {
  stroke: #ddd;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.axis .major line.bottomline {
  stroke: #333;
}
.dot {
  fill: #999;
  cursor: pointer;
  fill-opacity: 0.3;
}
.dot.active {
  fill-opacity: 0.7;
}
.helpdot {
  stroke: #999;
  fill: transparent;
  cursor: pointer;
  stroke-opacity: 0.7;
}
.line {
  fill: none;
  stroke-width: 4px;
  stroke-opacity: 0.7;
  cursor: pointer;
}
.circle-number {
  font-size: 13px;
  font-weight: bold;
}
.triangle {
  fill: #fff;
}
.label-background {
  fill: #fff;
}
#label-text {
  font-size: 18px;
  font-weight: bold;
}
#vis {
  margin-top: 20px;
}
.button {
  float:right;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  background-color: white;
  background-image: -webkit-linear-gradient(top, white, #F7F7F7);
  background-image: -moz-linear-gradient(top, white, #F7F7F7);
  background-image: -ms-linear-gradient(top, white, #F7F7F7);
  background-image: -o-linear-gradient(top, white, #F7F7F7);
  background-image: linear-gradient(top, white, #F7F7F7);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #C1C1C1;
/*display: inline-block;*/
  font: 400 11px/1 sans-serif;
  text-align: center;
  min-width: 60px;
}

.button:hover {
  background-color: #fff;
}

.button.grey {
  margin: 5px;
  border-color: #fff;
}

.auswahl {
  background-color: #f0f0f0;
  font-size: 12px;
  padding: 10px;
}

.auswahl-liste {
  list-style: none;
  margin-top: 0;
}
.auswahl-liste  li {
  float: left;
  width: 30%;
}

.auswahl-liste li label {
  display: block;
  cursor: pointer;
  padding: 5px 0 !important;
}

* .auswahl-liste li input {
  display: none;
}

.auswahl-liste li span {
  padding-left: 15px;
}
.auswahl-liste li input:checked + span{
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTYwNTVBREI4OEE0MTFFMkI4MDU5NDA1Q0I3NUMxMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTYwNTVBREM4OEE0MTFFMkI4MDU5NDA1Q0I3NUMxMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjA1NUFEOTg4QTQxMUUyQjgwNTk0MDVDQjc1QzEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNjA1NUFEQTg4QTQxMUUyQjgwNTk0MDVDQjc1QzEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puu0dpIAAABtSURBVHjaYvz//z8DqYCJgRwAsokI2wSAuB+mloUIc0Ea9gPxB2zOM8CjwQCX894DsQOahvMgJVAMdx6yJphkAhYN81EswKIJhO+ja8ClKQFNI4oGXJpAIADqNwwN+DTBQrEfX5wy0i0ZAQQYABL3dsUKRDc1AAAAAElFTkSuQmCC') no-repeat;
}

.auswahl-liste li:hover {
  color: #990000;
}

.close, .close:hover, .close:visited {
  cursor: pointer;
  font-size: 24px;
  float:right;
  text-decoration: none;
  color: #333;
  line-height: 0;
  vertical-align: middle;
  padding: 8px 4px 12px;
  text-align: center;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.close:before {
  content: "×";
}

.close:hover {
  background-color: #fff;
}
.clearfix {
  clear: both;
}