.sans-serif {
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.bordered {
  border: solid 1px #CCC;
}
.light-bordered {
  border: solid 1px #CCC;
}
.radius {
  border-radius: 2px;
}
.border-box html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.border-box *,
.border-box *:before,
.border-box *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html,
body {
  background-color: #F1F7FB;
  font-size: 14px;
  line-height: 21px;
  color: #222;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
html,
body,
#wrap {
  height: 100%;
}
body > #wrap {
  height: auto;
  min-height: 100%;
}
#content {
  display: block;
  padding: 42px 0;
/*   padding: 0 0 42px 0; */
}
/* Muss genau so hoch sein wie der Footer */
#content.dev {
  display: block;
  padding: 0 0 42px 0;
}
/* Muss genau so hoch sein wie der Footer */
footer {
  display: block;
  clear: both;
  margin: 0;
  border-top: 1px solid #CCC;
  background-color: #fff;
}
#footer {
  position: relative;
  margin-top: -63px;
  /* Negativer Wert der Footer-Höhe */
  height: 63px;
  clear: both;
}
header {
  display: block;
  clear: both;
  margin: 0;
  padding: 21px;
  border-bottom: 1px solid #CCC;
}
aside header,
.aside-right section header {
  display: block;
  clear: both;
  margin: 0;
  padding: 14px;
  border-bottom: 1px solid #CCC;
}
header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #0077CC;
}
header h2.variant {
  font-size: 1em;
  font-weight: bold;
}
header h2.icon_cart:before {
  content: url(icons/cart.png);
  display: block;
  float: left;
  vertical-align: middle;
}
aside header h2,
.aside-right section header h2 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #0077CC;
}
#header {
  display: block;
  clear: both;
  margin: 0;
  padding: 21px 0 0 0;
  border-top: 5px solid #0077CC;
}
#content {
  display: block;
  clear: both;
}
.Inhalt {
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 7px;
}
.wrapper {
  display: block;
  width: 960px;
  margin: 0 auto 0 auto;
  padding: 0 32px 0 32px;
}
.clear {
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
h2 {
  margin-bottom: 7px;
  color: #0077CC;
}
h2.product {
  color: #888;
  font-weight: normal;
}
.visible,
a.visible {
  color: #888 !important;
}
p {
  margin-bottom: 21px;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: #0077CC;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.download {
  display: block;
}
ul {
  margin: 0 0 21px 21px;
  list-style-image: url(backgrounds/icon.png);
}
h1.content {
  font-size: 18px;
  color: #0077CC;
  font-weight: normal;
  padding-bottom: 7px;
}
h1.site {
  display: block;
  width: 420px;
  float: left;
  font-size: 18px;
  color: #0077CC;
  padding: 21px 0 14px 14px;
  font-weight: normal;
}
h1.variant {
  padding: 14px;
  color: #fff;
  background-color: #0077CC;
  border-bottom: 1px solid #035c93;
}
h1.list {
  font-size: 21px;
  color: #0077CC;
  border-bottom: 1px solid #eee;
  padding: 21px;
  font-weight: bold;
}
h1.list .info {
  font-size: 14px;
  font-style: italic;
  color: #ccc;
  font-weight: normal;
}
h1.site .info {
  font-size: 14px;
  font-style: italic;
  color: #ccc;
}
h1.productname {
  font-size: 21px;
  font-weight: normal;
  padding: 21px;
  color: #fff;
  background-color: #0077CC;
  text-overflow: ellipsis;
  border-bottom: 1px solid #CCC;
}
h2.footer {
  color: #042236;
}
#login h2 {
  font-size: 1em;
  margin-bottom: 0.5em;
}
p.last {
  margin-bottom: 42px;
  padding-bottom: 42px;
  border-bottom: 1px solid #f0f0f0;
}
p.footer {
  display: block;
  width: 50%;
  float: left;
  margin: 0;
  padding: 21px 0 21px 0;
  color: #0077CC;
  font-size: 12px;
}
p.info {
  font-style: italic;
  color: #888;
}
p.error {
  color: #ff0000;
  margin: 0 0 7px 7px;
}
p.welcome_message {
  width: 50%;
  float: left;
  display: block;
  margin: 0;
  padding: 18px 0 0 0;
  color: #888;
  font-style: italic;
}
a.top {
  display: inline-block;
  color: #0077CC;
  margin: 0;
  padding: 21px;
  font-weight: normal;
}
a.add {
  float: right;
  text-align: left;
  color: #888;
}
a.edit {
  float: left;
  text-align: left;
  color: #888;
}
nav.administration ul li a {
  margin: 0 7px 0 7px;
  padding: 0;
}
nav.administration a {
  color: #888;
}
a.button {
  display: inline-block;
  padding: 7px;
  margin: 14px 0 14px 0;
  background-color: #0077CC;
  border: 1px solid #0055aa;
  color: #fff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: inset 1px 1px 0px #4994dd,1px 1px 2px #ccc;
}
a.button:hover {
  background-color: #F1524F;
  border: 1px solid #cf302d;
  box-shadow: inset 1px 1px 0px #f48785,1px 1px 2px #ccc;
  text-decoration: none;
}
img.account {
  vertical-align: baseline;
  opacity: 0.8;
  margin-right: 4px;
}
li.item {
  margin-bottom: 0px;
}
.hell {
  color: #0077CC;
}
.dunkel {
  color: #00131F;
}
.weiss,
.weiss a {
  color: #FFFFFF;
}
.grau {
  color: #888;
}
.bold {
  font-weight: bold;
}
.legende {
  display: block;
  font-size: 11px;
}
ul.kataloge {
  list-style-image: url(../Layout_Bilder/Icon.jpg);
  margin: 0 0 21px;
  padding-left: 21px;
}
ul.kataloge li a {
  padding-top: 7px;
  padding-bottom: 7px;
  display: block;
}
ul.kataloge li:last-child a {
  border-bottom: 0px;
}
ul.dashboard {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.dashboard li {
  display: block;
  padding: 3em 1.5em 3em 1.5em;
  border-bottom: 1px solid #CCC;
}
ul.dashboard li:last-child {
  border-bottom: none;
}
ul.dashboard li .legend,
ul.dashboard li .data {
  vertical-align: baseline;
  font-size: 3em;
  line-height: 1em;
  font-weight: bold;
  color: #0077CC;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
ul.dashboard li .legend {
  vertical-align: baseline;
  font-size: 1em;
  line-height: 3em;
  font-weight: bold;
  color: #888;
  margin-left: 1em;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.slideshow {
  height: 200px;
  width: 200px;
  margin-bottom: 42px;
  border: 1px solid #f0f0f0;
}
.slideshow img {
  padding: 0px;
  border: 0px solid #fff;
  background-color: none;
}
.kategorie {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 21px;
}
.partner {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 21px;
}
.partner table {
  margin-bottom: 21px;
  border: none;
  border-collapse: separate;
}
.partner table tr {
  text-align: center;
}
.partner table td {
  vertical-align: middle;
}
.partner table td.zvdh {
  width: 235px;
}
.partner table td.zvdh img {
  height: 60px;
}
.partner table td.mpa img,
.partner table td.ibp img {
  height: 50px;
}
.partner table td.mpa {
  width: 171px;
}
.partner table td.ibp {
  width: 144px;
}
ul.merkmale {
  list-style-type: disc;
  padding-left: 14px;
  margin-top: 21px;
}
table {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
thead tr.new th a {
  color: #3b9155;
}
tr {
  border-bottom: 1px solid #CCC;
}
tr.overall {
  background-color: #e2f2fc;
}
tbody tr:nth-child(even) {
  background-color: #fafafa;
}
tbody tr:nth-child(odd) {
  background-color: #fff;
}
tbody tr.info {
  background-color: #fff !important;
}
tfoot tr:last-child {
  border-bottom: 0;
}
th,
tfoot td {
  color: #888;
  text-align: left;
  padding: 14px;
  border-right: 1px solid #CCC;
}
td {
  color: #00131F;
  text-align: left;
  padding: 14px;
  border-right: 1px solid #CCC;
}
td.action {
  background-color: #002034;
  color: #fff;
}
td.price {
  font-style: italic;
  text-align: right;
}
.base {
  display: block;
  color: #888;
}
th.price {
  text-align: right;
}
th:last-child,
td:last-child {
  border-right: 0;
}
p.hint {
  color: #888;
  font-style: italic;
  margin: 0 0 21px 0;
}
.daten th {
  color: #FFFFFF;
  background-color: #2572BD;
  padding: 24px 7px 4px 21px;
}
.daten .artikelnr {
  width: 86px;
}
.daten .abmessung {
  width: 161px;
}
.daten .ve {
  width: 86px;
}
form {
  display: block;
}
label {
  display: block;
  color: #0077CC;
  padding: 4px 7px 3px 7px;
}
input,
textarea {
  display: block;
  border: solid 1px #CCC;
  border-radius: 2px;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  line-height: 21px;
}
textarea {
  resize: none;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
  width: 100%;
  margin: 0 0 7px 0;
  padding: 7px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
input[type=checkbox],
input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 7px 0;
  padding: 7px;
}
.radio {
  display: block;
}
input[type=submit] {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  color: #0077CC;
  margin: 0;
  padding: 0;
}
input[type=submit]:hover {
  text-decoration: underline;
  cursor: pointer;
}
input[type=search] {
  width: 225px;
  margin-bottom: 14px;
  padding: 6px;
}
input.search {
  display: none;
}
textarea.l {
  width: 480px;
}
input.m {
  width: 240px;
}
input.s {
  width: 147px;
}
input.xs {
  width: 42px;
}
input.searchbox {
  padding: 14px;
  margin: 0;
  border: none;
  outline: none;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #888;
  font-style: italic;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888;
  font-style: italic;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888;
  font-style: italic;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #888;
  font-style: italic;
}
input.submit {
  display: block;
  margin: 14px 0 0 0;
  padding: 7px;
  background-color: #0077CC;
  border: 1px solid #0055aa;
  color: #ffffff;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: inset 1px 1px 0px #61a2e4,1px 1px 2px #ccc;
}
input.submit:hover {
  background-color: #F1524F;
  border: 1px solid #cf302d;
  box-shadow: inset 1px 1px 0px #f48785,1px 1px 2px #ccc;
}
input[type=radio] {
  text-align: baseline;
  margin-right: 7px;
}
input.text {
  margin: 0 0 7px 0;
}
input.qty {
  width: 24px;
  margin: 0;
  text-align: right;
}
input.vpe {
  width: 96px;
  margin: 0;
}
input.update,
input.delete {
  width: 40px;
}
.submit.delete {
  width: auto;
}
input.cart {
  width: 150px;
}
input.qty,
input.update,
input.delete,
input.cart {
  display: inline-block;
}
select {
  display: block;
  background-color: #fff;
  border: solid 1px #CCC;
  padding: 7px;
  margin: 0 0 1.5em 0;
}
.checkbox {
  display: block;
}
.inline {
  display: inline-block !important;
  margin: 0 !important;
}
section.half {
  display: block;
  float: left;
  margin: 0 24px 24px 0;
  border: solid 1px #CCC;
  background-color: #FFF;
  width: 466px;
}
section.half:nth-of-type(even) {
  margin: 0 0 0 0;
}
nav a {
  color: #FFF;
  text-decoration: none;
}
.tabellemindestabnahme {
  color: #0077CC;
  text-decoration: none;
  line-height: 18px;
  background-color: #FFF;
}
img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
img.signet {
  height: 63px;
}
.blau {
  color: #039;
}
.gruen {
  color: #090;
}
.gelb {
  color: #FC0;
}
.kursiv {
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
}
nav ul {
  list-style-type: none;
  margin: 0;
}
nav ul li {
  display: block;
  float: left;
}
nav ul li:last-child {
  margin-right: 0;
}
nav ul li a {
  display: block;
  padding: 7px 0px 7px 0px;
}
nav.main ul {
  margin: 20px 0 0 0;
  background-color: #0077CC;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid #0055aa;
  /*box-shadow: 0px 0px 4px @shadow;*/
  float: right;
}
nav.main ul li {
  border-right: 1px solid #0055aa;
  box-shadow: inset 1px 1px 1px #4995eb;
  text-align: center;
}
nav.main ul li.email {
  width: 65px;
}
nav.main ul li.email a img {
  display: inline-block;
}
nav.main ul li:last-child {
  border-right: 0px;
}
nav.main ul li a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 21px 10px 21px;
  color: #fff;
  text-decoration: none;
}
nav.main ul li a:hover {
  background-color: #0055aa;
}
nav.service {
  display: block;
  width: 50%;
  float: right;
  margin: 0;
}
nav.service ul {
  float: right;
}
nav.service ul li {
  margin: 0 12px 0 0;
  font-size: 12px;
  color: #fff;
}
nav.service ul li a {
  padding: 21px 0 21px 0;
  font-size: 11px;
  letter-spacing: 1px;
  color: #0077CC;
}
nav.service ul li:last-child {
  margin-right: 14px;
}
nav.categories,
nav.catalogs {
  display: block;
  margin: 0 0 14px 0;
  padding: 0;
  border: solid 1px #CCC;
  border-radius: 2px;
  overflow: hidden;
}
nav.categories h1,
nav.catalogs h1 {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #888;
  padding: 18px 14px 18px 14px;
  border-bottom: 1px solid #CCC;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #fff;
}
nav .add {
  float: right;
}
nav.categories ul,
nav.catalogs ul {
  display: block;
  width: 100%;
  margin: 0 0 21px 0;
  padding: 0;
  list-style-type: disc;
}
nav.categories ul li,
nav.catalogs ul li {
  display: block;
  width: 100%;
}
nav.categories ul li a,
nav.catalogs ul li a {
  padding: 14px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  color: #0077CC;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
}
nav ul li a.edit {
  text-align: left;
  color: #CCC;
}
nav.categories ul li:last-child a,
nav.catalogs ul li:last-child a {
  border-bottom: 0;
}
nav.categories ul li a .count,
nav.catalogs ul li a .count {
  display: inline-block;
  color: #ccc;
  font-size: 11px;
  text-align: center;
  float: right;
}
nav.categories ul li a:hover,
nav.catalogs ul li a:hover {
  color: #0077CC;
  background-color: #E2F2FC;
}
nav.categories ul li.active a,
nav.catalogs ul li.active a {
  background-color: #fff;
  color: #0077CC;
}
.contact {
  display: block;
  float: left;
  width: 320px;
}
nav.footer {
  display: block;
  float: left;
  margin-right: 84px;
  max-width: 240px;
}
nav.footer ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}
nav.footer ul li a,
nav.footer h2 {
  font-size: 12px;
}
nav.footer ul li a {
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #0077CC;
}
nav.footer ul li a:hover {
  text-decoration: none;
  color: #81cfff;
}
#administration {
  margin: 0;
  padding: 0;
  background-color: #072136;
  /*
	background-color: @beta-blue;
	border-bottom: 1px solid #002C4C;
	*/
}
#Topmain {
  height: 14px;
  background-color: #0077CC;
  border-radius: 2px;
  margin-bottom: 7px;
}
#Headermain {
  background-color: #FFF;
  border-radius: 2px;
  margin-bottom: 7px;
}
#Inhaltleft {
  display: block;
  width: 700px;
  float: left;
  padding: 0;
  margin: 0 0 21px 0;
  background-color: #fff;
  border: solid 1px #CCC;
  border-radius: 2px;
}
#full,
.full {
  display: block;
  /*width:959px;*/
  padding: 21px 0 21px 0;
  margin: 0 0 0 0;
  border-bottom: 1px solid #CCC;
  background-color: #fff;
  clear: both !important;
  /*.bordered;
	.radius;*/
}
.full:last-of-type {
  padding: 0px;
  margin: 0px;
  border-bottom: 0px;
}
.content {
  display: block;
  margin: 0 0 14px 0;
  padding: 0;
  background-color: #fff;
  border: solid 1px #CCC;
  border-radius: 2px;
  overflow: hidden;
}
.content-full {
  display: block;
  width: 960px;
  margin-bottom: 42px;
}
.content-left {
  display: block;
  width: 700px;
  float: left;
  margin-bottom: 42px;
}
.content-right {
  display: block;
  width: 700px;
  float: right;
  margin-bottom: 42px;
}
.aside-left {
  display: block;
  width: 246px;
  float: left;
  margin-bottom: 42px;
}
.aside-right {
  display: block;
  width: 246px;
  float: right;
  margin-bottom: 42px;
}
section {
  /*
    display: block;
	margin-bottom: @line-height;
	padding: 0;
	.bordered;
	.radius;
	background-color: #fff;
	overflow: hidden;
	*/
}
.newsletter_box {
  display: block;
  margin-top: 21px;
  width: 239px;
  float: right;
  padding: 0;
  background-color: #fff;
  border: solid 1px #CCC;
  border-radius: 2px;
  overflow: hidden;
}
#Inhaltright {
  display: block;
  width: 239px;
  float: right;
  padding: 0;
  border-left: 1px solid #eee;
}
.container {
  padding: 21px;
}
aside .container {
  padding: 14px;
}
.edit {
  text-align: right;
}
.order {
  border-top: 1px solid #CCC;
}
.order {
  display: block;
  width: 700px;
  float: left;
  margin: 0 0 14px 0;
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
  border: solid 1px #CCC;
}
section.cart {
  border: none;
  margin-bottom: 0;
}
section.signets {
  border-bottom: 1px solid #CCC;
}
section.mini_cart {
  display: block;
  width: 420px;
  float: right;
  text-align: right;
  padding-top: 21px;
}
section.copyright {
  border-top: 1px solid #035c93;
  background-color: #0077CC;
}
article#right {
  display: block;
  width: 640px;
  float: left;
  padding: 24px 40px 30px 40px;
}
aside#left {
  display: block;
  width: 239px;
  float: left;
  padding: 0px;
  margin-right: 18px;
}
aside#right,
aside.right {
  display: block;
  background-color: #fff;
  width: 238px;
  float: right;
  margin-left: 18px;
  margin-bottom: 21px;
  padding: 0;
  border: solid 1px #CCC;
  border-radius: 2px;
}
section.contact {
  display: block;
  padding: 24px 0 24px 0;
  border-bottom: 1px solid #eee;
}
section.werbung {
  display: block;
  float: left;
  width: 319px;
  margin: 0;
  padding: 0;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
section.flashdata {
  display: block;
  border-bottom: 1px solid #CCC;
}
#Footermain {
  display: block;
  padding: 7px;
  height: auto;
  background-color: #0077CC;
  text-align: center;
  clear: both;
  border-radius: 2px;
}
article.product {
  display: block;
  padding: 14px 0 14px 0;
  border-bottom: 1px solid #CCC;
}
section.variant {
  border-top: 1px solid #CCC;
  clear: both;
}
header.variant {
  background-color: #E2F2FC;
  padding: 14px;
}
article.product:last-of-type {
  border-bottom: 0;
}
.productdetails {
  width: 640px;
}
.left {
  display: block;
  float: left;
  width: 45%;
  margin-right: 5%;
}
.eindrittel {
  display: block;
  float: left;
  width: 223px;
}
.zweidrittel {
  display: block;
  float: left;
  width: 475px;
}
.left.product {
  width: 100px;
  margin: 21px;
}
.right {
  display: block;
  float: left;
  width: 50%;
}
.floatleft {
  float: left !important;
}
.floatright {
  float: right !important;
}
.right.product {
  display: block;
  float: left;
  width: 400px;
  margin: 14px;
}
.col_1 {
  display: block;
  float: left;
  width: 33.3%;
}
.col_2 {
  display: block;
  float: left;
  width: 66.6%;
}
article.product .actions {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.productdetails .left {
  display: block;
  float: left;
  width: 300px;
}
.productdetails .right {
  display: block;
  float: right;
  width: 250px;
}
.both {
  display: block;
  width: 100%;
  clear: both;
  margin: 21px;
}
.product_image {
  width: 240px;
}
.feature {
  display: block;
  width: 958px;
  background-color: #fff;
  margin: 0 0 21px 0;
  border: solid 1px #CCC;
  border-radius: 2px;
}
.feature .left h1 {
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: 1em;
  font-weight: normal;
  color: #0077CC;
  text-shadow: 0px -1px 2px #ccc;
}
.highlight {
  color: #e93f3f;
}
.teasers,
.news {
  width: 958px;
  margin: 0 0 21px 0;
  padding: 0;
  border: solid 1px #CCC;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff;
}
.teaser {
  display: block;
  float: left;
  width: 238px;
  height: 158px;
  border-right: 1px solid #CCC;
  overflow: hidden;
}
.teaser:last-child {
  width: 241px;
  border-right: 0;
}
.teaser img {
  display: block;
  width: 100%;
  max-width: 238px;
  overflow: hidden;
}
img.thumb {
  width: 88px;
  height: auto;
}
img.details {
  width: 180px;
  max-width: 100%;
  height: auto;
}
figure.logo {
  width: 200px;
  padding: 21px 14px 0 18px;
  float: left;
}
figure.logo img {
  width: 175px;
}
nav.admin,
nav.usernavi {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0;
}
nav.admin {
  float: left;
}
nav.admin ul,
nav.usernavi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav.admin ul li {
  margin: 0;
}
nav.admin ul li a,
nav.usernavi ul li a {
  display: block;
  padding: 18px 14px 18px 14px;
  color: #F5F5F5;
}
nav.usernavi {
  float: right;
}
nav.usernavi ul {
  float: right;
}
nav.pagination {
  border-bottom: 1px solid #CCC;
  padding: 21px;
}
nav.pagination a {
  color: #888;
}
nav.pagination .active {
  color: #0077CC;
  padding: 0;
  margin: 0 0 0 4px;
}
img.icon {
  height: 16px;
  width: auto;
}
.deactivated {
  color: #888;
}
.card {
  width: 958px;
  margin: 42px 0 21px 0;
  padding: 0;
  border: solid 1px #ccc;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff;
}
.notification_image-container {
  width: 128px;
  float: left;
}
.notification_image-container img {
  display: block;
  width: 100%;
  max-width: 128px;
  margin: .25rem .25rem;
}
.notification_text {
  width: 80%;
  float: left;
  padding: 6.25% 2.5%;
  font-weight: bold;
}
.dach-fach-primary-color {
}
.dach-fach-primary-color a {
    color: inherit;
    text-decoration: underline;
}
.dach-fach-primary-color a:hover {
  text-decoration: underline;
}
.dach-fach-secondary-color {
  color: #E50029;
}
.banner--header {
    float: left;
    padding: 12px 14px 0 0;
}

.banner__image {
    height: 60px;
    width: auto;
}

.action {
  display: block;
  padding: 14px;
  border-bottom: 1px solid #CCC;
}
.action:last-of-type {
  border-bottom: 0;
}
.action__image {
  width: 100%;
  max-width: 280px;
  height: auto;
}