* {
font-family: 'Open Sans', Arial, sans-serif;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
tr {
vertical-align: top;
}
td {
padding: 0;
}
img {
border: 0;
}
body {
background-color: #E3EDF7;
min-width: 780px;
}
body.white {
background-color: #FFF;
}
form {
margin: 0;
padding: 0;
border: 0;
}
option {
color: #000;
}
a.mail {
color: inherit;
}
input[type="submit"], button {
cursor: pointer;
}
input[type="submit"]:hover {
text-decoration: underline;
}
.background hr {
box-sizing: border-box;
height: 2px;
border-top: 1px solid #A3C2E0;
border-bottom: 1px solid #FFF;
}
svg {
flex-shrink: 0;
}
svg.inline-icon {
height: 1em;
width: auto;
position: relative;
top: .125em;
}
body.white .background hr {
border: none;
height: 1px;
color: #AAA;
background-color: #AAA;
}
h1 {
font-size: 15pt;
color: #0D5496;
font-weight: normal;
}
#head-background {
background: #E3EDF7 no-repeat;
height: 134px;
}
#head-logo {
background: no-repeat 50px center;
height: 134px;
}
#head-info-container {
z-index: 1;
text-align: right;
background: url(../img/art/head-info-container.png) repeat-x left bottom;
font-size: 10pt;
}
#head-notification {
position: absolute;
left: 200px;
background-color: #EBECA8;
background-image: linear-gradient(rgb(251, 249, 228), rgb(217, 222, 100));
font-size: 10pt;
padding: 12px 8px 3px 8px;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
}
#head-info-start {
display: inline-block;
background: url(../img/art/head-info-start.png) no-repeat left bottom;
padding-left: 60px;
}
#head-info {
display: inline-block;
text-align: left;
padding-top: 10px;
padding-right: 40px;
padding-bottom: 15px;
background: url(../img/art/head-info.png) repeat-x left bottom;
}
#head-info2 p {
display: inline-block;
}
#head-info b, #head-info2 b {
color: #145694;
}
#head-info a, #head-info2 a {
color: #000;
}
#head-user {
padding-top: 10px;
font-size: 10pt;
line-height: 120%;
text-align: right;
padding-right: 40px;
}
#head-user>table {
margin-left: auto;
height: 72px;
/*
margin: .33em 0;
*/
}
#head-user>table>tbody>tr>td {
vertical-align: bottom;
padding-right: 10px;
}
#head-user>table>tbody>tr>td:last-child {
padding-right: 0;
}
#foot {
clear: both;
border-top: 1px solid #BBD4E8;
padding: 5px 40px;
text-align: right;
color: #6E6E6E;
font-size: 8pt;
}
#foot .wiki {
font-size: inherit;
}
body.white #foot {
border-top-color: #DDD;
}
#foot a {
color: #6E6E6E;
}
#head-info b, #head-info2 b {
display: inline-block;
}
#head-info b a, #head-info2 b a {
background-color: #FDC6AB;
background-image: linear-gradient(rgb(254, 218, 200), rgb(253, 178, 142));
border-radius: 8px;
text-decoration: none;
padding: 2px 16px;
font-weight: normal;
color: #000;
}
a.button-light {
background-color: #0D5496;
color: #FFF;
font-weight: bold;
text-align: center;
padding: 8px;
font-size: 10pt;
}
#head-info b a:hover, #head-info2 b a:hover, a.button-light:hover {
text-decoration: underline;
}
.sticky-header.onstage {
position: absolute;
width: 100%;
z-index: 32767;
}
.menu-bar {
background-color: #1A5793;
background-image: linear-gradient(#1D61A4, #174C81 86%, #FFF 86%, #FFF);
text-transform: uppercase;
font-size: 11pt;
margin-top: -1px;
}
.menu-shadow {
height: 6px;
background: url(../img/art/shadow-from-top.png) repeat-x top;
}
.menu-bar ul {
margin: 0;
padding: 0;
text-align: center;
}
.menu-bar li {
display: inline-block;
position: relative;
list-style-type: none;
margin: 0;
background: url(../img/art/menu-separator.png) no-repeat right bottom;
padding-right: 1px;
}
.menu-bar li:last-child {
background: none;
}
.menu-bar li a {
display: inline-block;
text-decoration: none;
}
.menu-bar li span.item {
display: inline-block;
padding: 9px 20px 14px 20px;
color: #FFF;
}
.menu-bar li:hover a, .menu-bar li.active a, .menu-bar li.hover a {
background-color: #4374B2;
background-image: linear-gradient(#226FBC, #398ADC 86%, #F1814A 86%, #F1814A);
}
.menu-bar li span.has-children {
background: url(../img/art/menu-more.png) no-repeat right top 7px;
padding-right: 17px;
}
.menu-bar span.item.home {
background: url(../img/art/menu-home.png) no-repeat 17px 7px;
padding-left: 42px;
}
.menu-bar span.item.projects {
background: url(../img/art/menu-projects.png) no-repeat 17px 7px;
padding-left: 45px;
}
.menu-bar span.item.cart-empty {
background: url(../img/art/menu-cart-empty.png) no-repeat 17px 7px;
padding-left: 48px;
}
.menu-bar span.item.cart-full {
background: url(../img/art/menu-cart-full.png) no-repeat 17px 7px;
padding-left: 48px;
}
.menu-bar span.cart-count {
position: absolute;
top: 6px;
left: 10px;
width: 46px;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #FFF;
}
.menu-bar span.notification-count, .sub-menu span.notification-count {
position:absolute;
right: 4px;
top: -4px;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #FFF;
background-color: #C00;
border: 2px solid #FFF;
padding: 0 3px;
border-radius: 10px;
box-sizing: border-box;
min-width: 20px;
}
.menu-bar span {
pointer-events: none;
}
.sub-menu {
position: absolute;
display: none;
top: 5px;
z-index: 32767;
background-color: #398ADC;
font-size: 9pt;
-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
}
.sub-menu>a, .sub-menu>form {
display: block;
margin: 0;
padding: 5px 20px;
border-bottom: 1px solid #FFF;
color: #FFF;
text-decoration: none;
cursor: pointer;
}
.sub-menu>a:hover {
background-color: #174C81;
}
.sub-menu>.highlighted {
background-color: #C9B75E;
color: #000;
}
.sub-menu>a.highlighted:hover {
background-color: #8B7818;
color: #FFF;
}
.sub-menu>form>div>input {
border: 1px solid #FFF;
padding: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.sub-menu>form>div>button {
border: 1px solid #FFF;
padding: 4px 8px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #E98964;
background-image: linear-gradient(rgb(248, 170, 134), rgb(218, 105, 66));
color: #FFF;
font-weight: bold;
margin-left: 1px;
}
div.feedback {
text-align: left;
color: #FFF;
padding: 5px 40px;
}
div.feedback.error, .feedbacks div.feedback.fatal {
background-color: #B21031;
}
div.feedback.warning {
background-color: #DAA520;
}
div.feedback.success {
background-color: #093;
}
div.feedback.info {
background-color: #999;
}
#main {
margin-bottom: 40px;
}
#main > div {
border-radius: 2px;
}
div.mainish {
margin-left: 40px;
background-color: #FFF;
padding-right: 40px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
#main > h1 {
border-top: 5px solid #BBD4E8;
margin: 0;
background: #E3EDF7;
padding: 5px 40px;
text-transform: uppercase;
}
#main > h1:first-child {
border-top: none;
}
#main > * {
padding: 0 40px;
}
#main > *.wiki {
padding: 0;
}
#main > *.wiki > * {
margin-left: 60px;
margin-right: 60px;
}
#main > *.wiki > h1 {
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
#article-search-box {
background: #BCD4E7;
padding: 40px;
position: relative;
}
#article-search-box .searchLinePopUpAnchor {
margin-left: 40px;
border: 2px solid #FFF;
border-radius: 5px;
}
#article-search-box .searchLinePopUpAnchor ~ .searchLinePopUpAnchor {
margin-left: 10px;
}
.searchLinePopUp {
position: absolute;
display: none;
z-index: 5000;
}
.searchLinePopUpArrow {
text-align: left;
}
.searchLinePopUpArrow>svg>polygon {
fill:#0D5496;
}
.searchLinePopUpContent {
font-size: 11pt;
background-color: #0D5496;
color: #FFF;
padding: 10px;
border-radius: 10px;
text-align: center;
}
.searchLinePopUpContent a {
color: #FFF;
}
.searchLinePopUpContent a.ansprechpartnerRueckruf {
display: block;
background-color: #FFF;
color: #0D5496;
margin-top: 10px;
}
.searchLinePopUpContent a.button.orange {
background-color: #E98964;
background-image: linear-gradient(#F8AA86, #DA6942);
color: #FFF;
border-radius: 5px;
padding: 0 10px;
font-weight: bold;
}
a.disabled {
pointer-events: none;
cursor: default;
}
.heavy-button, .light-button, .gray-button {
white-space: nowrap;
border: 2px solid #FFF;
border-radius: 12px; /* Hannes: Startseite = 14px, Folgeseite = 10px */
font-size: 11pt; /* Hannes: Startseite = 12 px, Folgeseite = 10px */
padding: 4px 20px 6px 20px;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
display: inline-block;
text-align: center;
box-sizing: border-box;
cursor: pointer;
}
.heavy-button {
background-color: #5184B1;
background-image: linear-gradient(#7FA8D2, #1D5E92); /* Hannes: Startseite = (#A6C3E1, #1853A4), Folgeseite: (#588EC4, #226981) */
color: #FFF;
font-weight: bold;
text-decoration: none;
}
.heavy-button:hover {
color: #FFF;
text-decoration: underline;
}
.gray-button {
background-color: #D4D4D4;
background-image: linear-gradient(#EEE, #BBB);
color: #000;
}
.gray-button:hover {
color: #000;
}
.heavy-button.disabled {
background-color: #A3A3A3;
background-image: linear-gradient(#BEBEBE, #898989);
}
.heavy-button.small {
font-size: 10pt;
padding: 2px 15px 4px 15px;
}
.light-button {
background-color: #C5D8EC;
background-image: linear-gradient(#E5EEF8, #A5C3E0);
color: #000;
font-weight: normal;
}
.light-button:hover {
color: #000;
}
#article-search-box select.commodity-group {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
white-space: nowrap;
border: 2px solid #FFF;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: url(../img/art/select-background-orange.png) right center;
color: #FFF;
padding: 5px 25px 5px 10px;
font-size: 10pt;
font-weight: bold;
margin: 0;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
}
select.commodity-group::-ms-expand {
display: none;
}
select.commodity-group option {
/* color: initial; does not work in IE */
color: #000;
font-weight: normal;
}
#article-search-box .search-text {
border: 2px solid #FFF;
background: #FFF;
color: #191919;
padding: 5px;
font-size: 10pt;
margin: 0 2px;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
}
#article-search-box .find-button {
white-space: nowrap;
border: 2px solid #FFF;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #E98964;
background-image: linear-gradient(rgb(248, 170, 134), rgb(218, 105, 66));
color: #FFF;
padding: 5px 10px 5px 10px;
font-size: 10pt;
font-weight: bold;
margin: 0;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
}
select.blue::-ms-expand {
display: none;
}
select.blue {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../img/art/select-background-blue.png) right center;
padding: 2px 22px 3px 11px;
}
a.blue, input.blue, button.blue {
background-color: #C5DDEA;
background-image: linear-gradient(#FFF, #8CBBD6);
padding: 2px 11px 3px 11px;
text-decoration: none;
}
a.blue:hover, input.blue:hover, button.blue:hover {
background: #115594;
color: #FFF;
text-decoration: none;
}
select.blue, a.blue, input.blue, button.blue {
color: #000;
border: 0px;
font-size: 9pt;
border-radius: 9px;
font-weight: 600;
margin: 0;
}
select.gray::-ms-expand {
display: none;
}
select.gray {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../img/art/select-background-gray.png) right center;
color: #000;
font-weight: normal;
margin: 0;
border: 2px solid #FFF;
border-radius: 12px;
font-size: 11pt;
padding: 4px 28px 6px 20px;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
display: inline-block;
text-align: center;
box-sizing: border-box;
}
select.blue.heavy::-ms-expand {
display: none;
}
select.blue.heavy {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #4E83B3;
background: url(../img/art/menu-more.png) no-repeat right 10px center, linear-gradient(#7FA8D2, #1D5E92); /* Hannes: Startseite = (#A6C3E1, #1853A4), Folgeseite: (#588EC4, #226981) */
background-size: 10px 10px, cover;
color: #FFF;
font-weight: 600;
margin: 0;
border: 2px solid #FFF;
border-radius: 12px;
font-size: inherit;
padding: 4px 28px 6px 20px;
-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
display: inline-block;
text-align: left;
box-sizing: border-box;
}
input[type="text"].blue {
border: 2px solid #5F94C9;
border-radius: 8px;
background-color: #E7EFF7;
color: #0D5496;
}
input[type="text"].blue:disabled {
border-color: #949494;
background-color: #EFEFEF;
color: #525252;
}
table#article-search-summary {
width: 100%;
height: 37px;
}
table#article-search-summary td {
font-size: 8pt;
color: #626261;
}
#articleSearchAutocompleteOverlay {
border: 1px solid #999;
background-color: #FFF;
font-size: 9pt;
z-index: 25000;
}
#articleSearchAutocompleteOverlay .title {
float: right;
color: #999;
padding: 2px 5px;
}
#articleSearchAutocompleteOverlay .table tr td {
padding: 5px 10px;
}
#articleSearchAutocompleteOverlay .table tr td.count {
text-align: right;
vertical-align: top;
padding-bottom: 6px;
}
#articleSearchAutocompleteOverlay .table tr .count {
color: #999;
font-size: 8pt;
}
#articleSearchAutocompleteOverlay .table tr.selected, #articleSearchAutocompleteOverlay .table tr.clickable:hover {
background-color: #F1814A;
color: #FFF;
}
#articleSearchAutocompleteOverlay .table tr.selected .count, #articleSearchAutocompleteOverlay .table tr.clickable:hover .count {
color: #FFF;
}
#articleSearchAutocompleteOverlay tr.clickable {
cursor: pointer;
}
td#leftBar {
background-color: #BCD4E7;
font-size: 10pt;
}
div.balloon-background {
width: 210px;
background: url(../img/art/balloon-background.png) repeat-y left;
border-bottom: 1px solid #E3EDF7;
}
div.balloon-background.on {
background-image: url(../img/art/balloon-background-on.png);
}
div.balloon-background {
border-top: 9px solid #E3EDF7;
}
div.balloon-background:first-child {
border-top-width: 0;
}
div.balloon-outer {
background: url(../img/art/balloon-top.png) no-repeat left top;
}
div.balloon-background.on div.balloon-outer {
background-image: url(../img/art/balloon-top-on.png);
}
div.balloon-inner {
background: url(../img/art/balloon-bottom.png) no-repeat left bottom;
min-height: 19px;
padding: 13px 15px 18px 15px;
text-align: center;
}
div.balloon-background.on div.balloon-inner {
background-image: url(../img/art/balloon-bottom-on.png);
color: #FFF;
}
form.rounded-inputs input[type="text"], form.rounded-inputs input[type="password"], form.rounded-inputs textarea {
font-size: 11pt;
font-weight: bold;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 8px;
padding: 3px 5px;
color: #000;
border: 1px solid #A8B6C1;
outline: none;
margin: 0;
}
form.rounded-inputs input[type="text"].error, form.rounded-inputs input[type="password"].error, form.rounded-inputs textarea.error {
color: #FFF;
background-color: #C00;
}
form.rounded-inputs input[type="text"]:focus, form.rounded-inputs input[type="password"]:focus, form.rounded-inputs textarea:focus {
border-color: #516D83;
}
form.rounded-inputs input[type="text"][disabled="disabled"] {
background-color: #E4E9EC;
}
#login-form {
background-color: #B2CFE6;
background-repeat: no-repeat;
background-position: left top;
}
#login-form.rounded-inputs input[type="text"], #login-form.rounded-inputs input[type="password"], #login-form.rounded-inputs textarea {
border-width: 2px;
}
#login-form .login-header {
color: #145694;
}
.wiki {
font-size: 10pt;
}
.wiki :first-child {
margin-top: 0;
}
.wiki :last-child {
margin-bottom: 0;
}
.wiki p {
margin: .5em 0;
}
.wiki table {
margin: .5em 0;
}
.wiki td {
padding-right: .5em;
}
hr {
height: 1px;
background: #E3EDF7;
color: #E3EDF7;
}
#contact-form td {
padding: .25em .5em .25em 0;
}
#contact-form label {
font-size: 11pt;
}
.news-tabs td, .news-text td {
font-size: 11pt;
}
div.news-list {
background-color: #E3EDF7;
margin-bottom: 20px;
}
table.news-list {
margin-bottom: 10px;
margin-top: 20px;
}
.news-image {
box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
}
.news-text tr.divider {
height: 10px;
}
#highlightedArticles a {
color: #0D5496;
}
#highlightedArticles .price {
font-size: 13pt;
}
.price {
white-space: nowrap;
color: #C80000;
font-weight: bold;
font-size: 12pt;
}
.price img.tatze14x14 {
width: 14px;
height: 14px;
background: url("../img/impex/tatze-14x14-C80000.png") center no-repeat;
vertical-align: baseline;
}
.unitPrice .price, .unitprice.price {
color: #000;
}
.unitprice.price.normal {
font-weight: normal;
}
.unitPrice img.tatze14x14 {
width: 14px;
height: 14px;
background: url("../img/impex/tatze-14x14-000000.png") center no-repeat;
}
.price .discount {
color: #FFF;
background-color: #9D9D9D;
background-image: linear-gradient(#588FC3, #2169B0);
border-radius: .667em;
padding: 0 .667em;
margin-right: .667em;
font-weight: bold;
font-size: 10pt;
}
.storageInfo {
margin: 0 6px 8px 6px;
font-size: 8pt;
}
.notReturnable {
margin: 0 0 8px 0;
white-space: nowrap;
color: #C80000;
font-size: 10pt;
}
.follow-article-row {
filter: alpha(opacity=40); /* IE */
-moz-opacity: 0.4; /* Mozilla */
opacity: 0.4;
}
.price .instead-of {
font-weight: bold;
font-size: 10pt;
color: #000;
}
.preisinfo {
color: #6E6E6E;
font-size: 9pt;
font-weight: normal;
}
.raffleWinBonus {
color: #C80000;
font-size: 10pt;
}
#main > div.overflow {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#highlightedArticles {
margin-top: 20px;
}
div.overflowContainer {
margin-left: 0;
margin-right: 0;
}
div.overflowContent {
padding-left: 60px;
padding-right: 60px;
}
#searchResult h1.highlightedArticles {
margin: 0;
/* background: #E3EDF7; -- war für Kurt zu hell */
background: #BCD4E7;
color: #0D5496;
padding: 5px 20px 0 20px;
font-size: 12pt;
text-transform: uppercase;
}
#searchResult #highlightedArticles {
margin-top: 0;
/* border: 5px solid #E3EDF7; -- war für Kurt zu hell */
border: 5px solid #BCD4E7;
padding: 10px 0;
}
#searchResult div.overflowContent {
padding: 0;
}
.overflowLeftBtn {
width: 75px;
height: 75px;
background: url(../img/art/overflow-left-btn.png?v=20190212);
cursor: pointer;
position: absolute;
top: 0px;
left: 20px;
}
.overflowTopBtn {
width: 75px;
height: 75px;
background: url(../img/art/overflow-top-btn.png);
cursor: pointer;
position: absolute;
top: 0px;
right: 20px;
}
.overflowRightBtn {
width: 75px;
height: 75px;
background: url(../img/art/overflow-right-btn.png?v=20190212);
cursor: pointer;
position: absolute;
top: 0px;
right: 20px;
}
#main.commodityGroup {
font-size: 8pt;
}
#main.commodityGroup h2, #main.orderLists h2 {
margin: 0 0 10px 35px;
border-bottom: 1px solid #DD6A3D;
padding: 10px 0 3px 13px;
}
#main.events>div {
padding: 0 40px;
}
#main.events div.month {
width:300px;
margin-bottom: 20px;
padding-bottom: 5px;
}
#main.events td {
padding-left: 13px;
}
#main.commodityGroup h2 {
font-size: 12pt;
}
#main.orderLists h2, #main.events h2 {
font-size: 14pt;
color: #075396;
}
#main.events h2 {
margin: 0;
}
#main.commodityGroup div.p {
clear: both;
margin-left: 3px;
margin-bottom: 30px;
}
.filterNav {
padding: 1px 12px 3px 45px;
border-bottom: 1px solid #E3EDF7;
text-indent: -20px;
}
.filterNav a {
color: #000;
}
#commodityGroupNav {
font-size: 9pt;
}
#commodityGroupNav a {
display: block;
padding: 1px 12px 3px 6px;
background-color: #C8DCED;
border-bottom: 1px solid #E3EDF7;
color: #000;
text-decoration: none;
}
#commodityGroupNav a:hover {
background-color: #1A66B2;
color: #FFF;
}
#commodityGroupNav a.parent {
padding-left: 25px;
text-indent: -13px;
}
#commodityGroupNav a.parent:before {
content: '«  ';
}
#commodityGroupNav a.current {
font-size: 10pt;
padding-left: 25px;
background-color: #1A66B2;
color: #FFF;
font-weight: bold;
}
#commodityGroupNav a.child {
padding-left: 38px;
text-indent: -13px;
}
#commodityGroupNav a.child:before {
content: '»  ';
}
#commodityGroupNav a.grandchild {
padding-left: 51px;
text-indent: -13px;
}
#commodityGroupNav a.grandchild:before {
content: '»  ';
}
.articleName {
font-size: 10pt;
color: #000;
}
.articleName.detail {
font-size: 11pt;
}
.articleName a {
color: #0D5496;
}
.articleNo {
font-size: 10pt;
color: #6E6E6E;
}
.relatedArticles {
line-height: 83.33%;
}
.relatedArticles .articleName {
margin-top: 4px;
font-size: 9pt;
}
.relatedArticles .articleNo {
font-size: 9pt;
}
.packagingUnits {
font-size: 10pt;
margin-left: 38%;
margin-top: 3px;
}
.availQuantTable {
font-size: 8pt;
color: #6E6E6E;
}
.availQuantTable tr {
display: none;
}
.availQuantTable tr.expand {
display: table-row;
}
.availQuantTable tr.currentWarehouse {
display: table-row;
}
.availQuantTable.expanded tr {
display: table-row;
}
.availQuantTable.expanded tr.expand {
display: none;
}
.availQuantTable tr.available {
font-weight: bold;
}
#magnifyHint {
margin: 20px 0 25px 0;
font-size: 8pt;
}
.articleDetailTable {
width: 100%;
font-size:9pt;
margin: 3px 0;
}
.articleDetailTable th, .articleDetailTable td {
border: 2px solid #FFF;
padding: 1px 10px;
text-align: center;
}
.articleDetailTable th:first-child, .articleDetailTable td:first-child {
border-left: 0;
}
.articleDetailTable th:last-child, .articleDetailTable td:last-child {
border-right: 0;
}
.articleDetailTable th {
background-color: #D6E5F2;
}
.articleDetailTable td {
background-color: #F0F0F0;
}
.foldOutOptions {
margin: 15px 0;
font-size: 9pt;
background-color: #D5D5D5;
background-image: linear-gradient(#ECECEC, #BEBEBE);
/* white-space: nowrap; */
border: 2px solid #FFF;
border-radius: 12px;
text-align: center;
box-sizing: border-box;
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
}
.foldOutOptions a {
color: #90b8d8;
}
.foldOutOptionsButton {
padding: 4px 10px;
cursor: pointer;
}
.foldOutOptionsLine {
border-top: 1px solid #FFF;
padding: 4px 10px;
}
.foldOutOptions.expanded {
background-color: #868686;
background-image: linear-gradient(#585858, #868686 25px);
color: #FFF;
}
#editAlternativeArticleNoInactiveButton {
cursor: pointer;
white-space: nowrap;
text-decoration: none;
color: #115594;
}
#editAlternativeArticleNoInactiveButton:hover {
text-decoration: none;
color: #900;
}
#editAlternativeArticleNo {
position: absolute;
display: inline-block;
/* visibility: hidden; */
color: #FFF;
border: 2px solid #FFF;
border-radius: 12px;
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.4);
top: -6px;
left: -12px;
background-color: #868686;
background-image: linear-gradient(#585858, #868686 25px);
}
.editAlternativeArticleNoHead, .editAlternativeArticleNoContent {
display: block;
padding: 4px 10px;
}
#editAlternativeArticleNoActiveButton {
cursor: pointer;
white-space: nowrap;
}
.editAlternativeArticleNoContent {
line-height: 110%;
border-top: 1px solid #FFF;
}
.editAlternativeArticleNoContent input[type="text"] {
display: block;
width: 100%;
box-sizing: border-box;
margin: 3px auto;
border: 0;
}
.cart h2 {
margin: 0;
padding: 0;
color: #DF5408;
font-size: 14pt;
font-weight: normal;
}
input.cartQuantity {
border: 2px solid #888;
border-radius: 10px;
background: #F2F2F2 url(../img/art/cart-gray.png) no-repeat 6px center;
margin: 0;
font-size: 10pt;
font-weight: normal;
padding: 2px 23px 3px 5px;
text-align: right;
}
#main.cart > *, .main.cart > * {
margin: 0 40px 10px 40px;
background-color: #FFF;
padding: 15px;
}
.cartPositions > tbody > tr > td {
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
background-color: #FFF;
}
.cartPositions > thead > tr > th {
font-size: 9pt;
font-weight: normal;
color: #6E6E6E;
padding: 0 10px;
text-align: left;
vertical-align: middle;
}
.cartPositions .packagingUnits {
margin: 0;
padding: 0;
}
.cartPositions > * > tr > * {
padding-left: 10px;
padding-right: 10px;
}
.cartPositions > * > tr > *:first-child {
padding-left: 0;
}
.cartPositions > * > tr > *:last-child {
padding-right: 0;
}
.backButton {
display: inline-block;
background: url(../img/art/double-arrow-left-button.png) no-repeat left center;
height: 18px;
min-height: 18px;
padding-left: 40px;
padding-top: 2px;
}
.search_noHits {
background: #E3EDF7 url(../img/art/magnifying-glass.png) no-repeat 10px center;
padding: 17px 20px 17px 80px;
margin: 20px 25px 20px 0;
font-size: 9pt;
}
.search_noHits h1 {
margin: 0 0 8px 0;
font-size: 12pt;
text-transform: uppercase;
border-bottom: 1px solid #DB6A42;
padding-bottom: 7px;
}
.search_noHits a {
background-color: #C5DDEA;
background-image: linear-gradient(#FFF, #84B5D5);
color: #000;
border: 0px;
padding: 2px 11px 3px 11px;
border-radius: 9px;
font-weight: normal;
margin: 0;
}
.cart table.coupons {
width: 100%;
margin-top: 6px;
background-color: #6E6E6E;
border-spacing: 0 1px;
border-collapse: separate;
}
.cart table.coupons th, .cart table.coupons td {
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
font-weight: normal;
text-align: left;
padding: 6px;
}
.cart table.coupons th {
font-size: 9pt;
background-color: #FFF;
color: #6E6E6E;
}
.cart table.coupons td {
font-size: 10pt;
background-color: #E3EDF7;
}
.cart table.sums .grandTotal {
background-color: #BCD4E7;
}
.cart table.sums td {
vertical-align: middle;
padding: 11px 30px;
font-size: 12pt;
border-top: 1px solid #191919;
}
.cart table.sums tr:first-child td {
border-top: 0;
}
.cart table.sums td .label {
color: inherit;
font-size: 9pt;
}
.cart table.sums td {
background-color: #FFF;
}
.cart table.sums td.separator {
background-color: transparent;
padding: 0;
border-top: 0;
}
.cart table.sums td .coupon.label, .cart table.sums td .coupon.price {
color: #0D5496;
}
#checkoutHead td {
font-size: 11pt;
font-weight: bold;
}
#checkout hr {
color: #000;
background-color: #000;
}
#checkout td.label, #checkout td.value {
font-size: 10pt;
vertical-align: middle;
}
#checkout td:first-child.label, #checkout td:first-child.value {
text-align: right;
padding-right: 20px;
}
#checkout td.value {
font-weight: bold;
font-size: 10.5pt;
}
#checkout td.value input[type=text], #checkout td.value textarea, #checkout td.value select {
box-sizing:border-box;
margin-left: 0;
margin-right: 0;
width: 100%;
font-size: inherit;
}
#checkout td.value input[type=text], #checkout td.value textarea, #checkout td.value select {
background-color: #F2F2F2;
border: 1px solid #868686;
border-radius: 8px;
padding: 1px 8px;
}
#checkout td.value select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ui-state-default.ui-state-hover {
background-color: #FFF;
color: #154A90;
}
.ui-widget-content {
background: #154A90;
color: #FFF;
border: 0;
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4);
padding: 10px;
border-radius: 10px;
}
.ui-widget-content a {
color: #FFF;
}
.ui-widget-header {
background-color: #E98964;
background-image: linear-gradient(rgb(248, 170, 134), rgb(218, 105, 66));
border: 2px solid #FFF;
border-radius: 6px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
font-size: 11pt;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-state-disabled {
cursor:default!important
}
.ui-dialog-content.ui-widget-content {
background: #FFF;
color: #000;
font-size: 10pt;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.ui-dialog-content.ui-widget-content table td.label {
padding-right: 10px;
}
div.ui-widget-overlay {
background: #E3EDF7;
opacity: .75;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11pt!important;
}
div.jquery-filestyle.blue input[type=text][disabled] {
background: #CCC;
margin: 1px 0;
border: 0;
border-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color: #000;
font-weight: normal;
}
div.jquery-filestyle.blue label {
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #999;
margin: 1px 0;
border: 0;
text-shadow: none;
font-weight: bold;
}
div.jquery-filestyle.blue label:hover {
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #999;
margin: 1px 0;
border: 0;
text-shadow: none;
font-weight: bold;
text-decoration: underline;
}
input#quickEntry {
border: 2px solid #868686;
background-color: #F2F2F2;
border-radius: 8px;
padding: 1px 8px;
}
.mmLabelInputTable label {
font-size: 9pt;
}
.relatedArticles .price {
color: #000;
font-size: 10pt;
}
.folgeatkButtons {
padding-left: 140px;
font-size: 8pt;
}
.folgeatkButtons a {
display: block;
float: left;
padding: 3px 10px 20px 10px;
}
.folgeatkButtons a.selected {
background: url(../img/art/folgeatk-arrow.png) no-repeat top center;
padding-bottom: 28px;
}
.folgeatkBox {
display: none;
clear: both;
background-color: #E3EDF7;
background-position: 20px center;
margin-bottom: 15px;
padding: 20px;
}
.contactDrawer {
background: #FFF;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
position: fixed;
top: 50px;
right: 1000%;
z-index: 15000;
}
.contactTable {
height: 68px;
font-weight: normal;
}
.contactTable td {
vertical-align: middle;
}
.contactTab {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #EB8A5D;
background: #EB8A5D linear-gradient(to right, #F9AB80, #DD693B);
width: 24px;
text-align: center;
}
.contactTab img {
cursor: pointer;
padding: 9px 0;
vertical-align: bottom;
}
.contactImage img {
padding: 4px;
vertical-align: bottom;
}
.contactInfo {
padding: 0 4px;
font-size: 8pt;
}
.contactInfo {
white-space: nowrap;
}
a.orderListSubEntry {
color: #000;
border-top: 1px solid #E3EDF7;
padding: 3px 10px;
color: #545454;
display:block;
}
a.orderListSubEntry:hover {
background: #F1814A;
color: #FFF;
text-decoration: none;
}
#main.orderList > div {
background: #FFF;
margin: 0 40px;
padding: 10px 20px;
}
#main.orderList h2, #main.orderList h3, #main.orderList h4 {
font-size: 12pt;
font-weight: normal;
margin: 0;
padding: 0;
}
#main.orderList h2 {
color: #065395;
font-weight: bold;
text-transform: uppercase;
}
#main.orderList h3 {
text-transform: uppercase;
}
#main.orderList h4 {
color: #999;
}
#main.orderList table.abschnitt {
border: 3px solid #BAD4E7;
margin-bottom: 10px;
margin-top: 5px;
margin-right: 155px;
}
#main.orderList table.abschnitt tr th {
background-color: #BAD4E7;
text-align: center;
font-size: 11pt;
font-weight: bold;
}
#main.orderList table.abschnitt>tbody>tr>td.image {
border-right: 0;
}
#main.orderList table.abschnitt>tbody>tr>td {
font-size: 11pt;
color: #065395;
}
#main.orderList table.abschnitt>tbody>tr>td.wert {
background: #EEE;
border-left: 0;
}
#main.orderList table.abschnitt>thead>tr>th, #main.orderList table.abschnitt>tbody>tr>td {
border: 3px solid #BAD4E7;
height: 100%;
vertical-align: middle;
border-bottom-width: 0;
}
#main.orderList table.abschnitt>thead>tr>th, #main.orderList table.abschnitt>tbody>tr>td.wert {
padding: 5px;
}
#main.orderList table.abschnitt>tbody>tr>td {
background: #FFF;
}
#main.orderList table.abschnitt>tbody>tr>td.empty {
background: #D7E5F2;
}
#main.orderList table.abschnitt>tbody>tr>td.likeBorder {
background: #BAD4E7;
}
#main.orderList table.abschnitt>tbody>tr.alternative>td {
border-top: 0;
}
#main.orderList table.abschnitt input {
border: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
background-position: 5px center;
background-repeat: no-repeat;
padding: 5px 5px 5px 25px;
}
#main.orderList table.abschnitt>tbody>tr.alternative>td.input {
border-top: 1px solid #BAD4E7;
}
#orderListInfoBox {
position: absolute;
display:none;
width: 200px;
font-size: 11pt;
background: url(../img/art/triangle-left-eee.png) no-repeat;
}
#orderListInfoBox h1 {
margin: 0 -10px;
background: #CCC;
padding: 3px 0;
text-align: center;
font-size: inherit;
color: #000;
}
#orderListInfoBoxInner {
margin-left: 20px;
background-color: #EEE;
padding: 0 10px;
}
#orderListInfoBoxContent {
min-height: 50px;
}
#orderListInfoBoxContent>div {
padding: 3px 0;
border-top: 1px solid #86A9CA;
}
#orderListInfoBoxContent>div:first-child {
border-top: 0;
}
#orderListInfoBoxContent .packagingUnits {
margin-left: 0;
}
.service-form td.label {
font-size: 11pt;
font-weight: bold;
padding-right: 1em;
padding-top: 4px;
text-align: right;
white-space: nowrap;
}
.service-form td.hint {
font-size: 11pt;
padding-left: 1em;
padding-top: 4px;
}
.service-form select {
box-sizing: border-box;
width: 100%;
}
.service-form input[type="text"], .service-form input[type="password"] {
box-sizing: border-box;
width: 100%;
background-color: #F2F2F2;
}
.service-form input[type="text"][disabled="disabled"] {
background-color: #FFF;
}
.service-form td {
padding: 2px 0;
}
#main.projects > form {
padding: 0 40px;
}
#main.projects > div {
margin: 0 40px 10px 40px;
}
#main.projects > form > div:not(.mmDialogContainer), #main.projects > div {
margin-bottom: 10px;
background-color: #FFF;
padding: 15px;
}
#main.projects > h1 > span.gray {
color: #898989
}
#main.projects .project-search {
border: 2px solid #898989;
background: #F2F2F2;
border-radius: 8px 0 0 8px;
padding: 4px 16px;
margin: 0 2px 0 0;
box-sizing: border-box;
font-weight: normal;
}
#main.projects .find-button {
border: 2px solid #A4C2DF;
background-color: #4E83B3;
background: linear-gradient(#7FA8D2, #1D5E92);
color: #FFF;
border-radius: 0 8px 8px 0;
padding: 4px 16px;
margin: 0 50px 0 0;
box-sizing: border-box;
font-weight: 600;
}
#main.projects #filter > * {
vertical-align: middle;
}
#main.projects #order {
text-align: right;
background: none;
}
#main.projects #order > label {
font-size: 8pt;
color: #626261;
}
#main.projects h2 {
color: #DF5408;
font-size: 14pt;
font-weight: normal;
margin-top: 0;
}
table.sortable-table {
width: 100%;
font-size: 12pt;
font-weight: normal;
background-color: #FFF;
}
table.sortable-table.limit {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
table.sortable-table > thead, table.sortable-table > tbody > tr.thead {
background-color: #BBD4E6;
}
table.sortable-table > tbody {
color: #626261;
}
table.sortable-table > thead > tr > th, table.sortable-table > tbody > tr.thead > td {
text-align: left;
padding: 8px 10px;
vertical-align: middle;
font-weight: normal;
border: none;
color: #000;
font-size: 11pt;
}
.sortable-table > tbody > tr > td {
text-align: left;
padding: 4px 10px;
vertical-align: top;
border-bottom: 1px solid #CBCBCB;
}
.sortable-table > tbody > tr.sum {
border-top: 1px solid #545454;
border-bottom: 1px solid #545454;
}
.sortable-table > tbody > tr.sum > td {
border-bottom: none;
}
.sortable-table tr.spacing > td {
height: 10px;
background-color: #FFF;
padding: 0;
}
.sortable-table tr.big-spacing > td {
height: 30px;
background-color: #FFF;
padding: 0;
}
.sortable-table tr.order-heading > td {
padding-top: 0;
padding-bottom: 0;
background-color: #A7A7A7;
color: #FFF;
font-weight: 600;
}
.sortable-table tr.even {
background-color: #F2F2F2;
}
.sortable-table tr.odd {
background-color: #FFF;
}
.sortable-table div.no-result {
text-align: center;
}
.contactInfoImage:hover {
cursor: pointer;
}
.sortable-table tr.highlighted {
background-color: #BBD4E6;
}
.sortable-table tr.tr-link:hover {
cursor: pointer;
background-color: #E3EDF7;
color: #000;
}
.sortable-table tr.tr-link:hover td.open-amount {
background-color: #BBD4E6;
}
table.info-table-container {
width:100%;
padding:0;
font-size: 10pt;
}
table.info-table-container td.background-separator {
width: 3px;
background-color: #E3EDF7;
}
table.info-table td:first-child.label {
text-align: right;
padding-right: 20px;
}
table.info-table > tbody > tr > td {
padding-bottom: 5px;
}
table.info-table.centered td {
vertical-align: middle;
}
table.sortable-table tr.offer-heading > td, table.sortable-table tr.summary > td {
background: #F2F2F2;
color: #000;
font-size: 12pt;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #CBCBCB;
}
table.sortable-table tr.offer-heading.no-bg > td {
background: inherit;
}
table.sortable-table tr.opened-parent > td {
border-bottom: 1px solid #1E68AF;
}
table.sortable-table tr.offer-heading.opened > td {
background: #BBD4E6;
border-top: 1px solid #1E68AF;
border-bottom: 0;
}
table.sortable-table tr.summary.opened > td {
border-bottom: 1px solid #1E68AF;
}
table.sortable-table tr.summary > td.price {
color: #C80000;
}
table.sortable-table .articleName {
font-size: 12pt;
}
input.offerQuantity {
border: 2px solid #888;
border-radius: 10px;
background: #F2F2F2;
margin: 0;
font-size: 10pt;
font-weight: normal;
padding: 2px 20px 2px 5px;
text-align: right;
}
table.offer-sums.limit {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
table.offer-sums td.price {
font-weight: bold;
font-size: 12pt;
text-align: right;
}
table.offer-sums td {
background-color: #FFF;
padding: 15px;
font-size: 10pt;
}
table.offer-sums td.with-border {
border-top: 1px solid #191919;
}
table.offer-sums tr.group-summary > td {
padding-top: 0;
padding-bottom: 0;
border-top: none;
}
table.offer-sums tr.group-summary > td > div {
padding: 10px;
font-size: 12pt;
border-top: 1px solid #CBCBCB;
}
table.offer-sums td.separator {
background-color: transparent;
padding: 0;
border: 0;
}
table.info-table input[type=text], table.info-table textarea, table.info-table select, table.sortable-table select {
box-sizing:border-box;
margin-left: 0;
margin-right: 0;
width: 100%;
font-size: inherit;
}
table.info-table input[type=text], table.info-table textarea, table.info-table select, table.sortable-table select, input#boughtCommission {
background-color: #F2F2F2;
border: 1px solid #868686;
border-radius: 8px;
padding: 1px 8px;
}
table.info-table select, table.sortable-table select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
table.info-table.bold td:nth-child(2) {
font-weight: bold;
}
#delivery-note-calendar {
table-layout: fixed;
width: 100%;
font-size:8pt;
}
#delivery-note-calendar td.week-of-year {
padding: 10px 0;
color: #545454;
}
#delivery-note-calendar td.week-day {
border: 1px solid #C6C6C6;
color: #545454;
height: 25px;
padding: 0;
vertical-align: middle;
text-align: center;
position: relative;
}
#delivery-note-calendar td.week-day div {
background: #DADADA;
width: 100%;
height: 100%;
}
#delivery-note-calendar td.week-day.weekend {
color: #FFF;
}
#delivery-note-calendar td.week-day.number {
color: #DADADA;
font-weight: bold;
}
#delivery-note-calendar td.week-day.number div {
background: #FFF;
width: 100%;
height: 100%;
}
#delivery-note-calendar td.week-day.number div.today {
border: 1px solid #115594;
background: #E3EDF7;
color: #000;
z-index: 65535;
height: 25px;
width: 100%;
margin-left: -1px;
margin-top: -1px;
margin-bottom: -1px;
}
#delivery-note-calendar td.week-day.number div.today.has-delivery-note {
background: #FCE5D9;
color: #DF5408;
}
#delivery-note-calendar td.week-day.number div.today:hover {
background: #DF5408;
color: #FFF;
}
#delivery-note-calendar td.week-day.number.has-delivery-note div {
background: #FCE5D9;
color: #DF5408;
}
#delivery-note-calendar td.week-day.number div:hover {
cursor:pointer;
background: #DF5408;
color: #FFF;
}
#delivery-note-calendar td.week-day.number.is-selected > div,
#delivery-note-calendar td.week-day.number.is-selected > div.today.has-delivery-note {
background: #DF5408;
color: #FFF;
}
span.invisible {
color: transparent;
}
table.sortable-table td.unit, table.sortable-table td.price {
padding: 18px 10px;
font-size: 12pt;
}
table.sortable-table td.unit {
color: #000;
}
table.sortable-table td.black-price {
color: #000;
font-weight: normal;
text-align: right;
}
table.sortable-table td.right {
text-align: right;
}
table.sortable-table td.amount {
background-color: #E3EDF7;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
table.sortable-table td.small-padding {
padding-top: 8px;
padding-bottom: 8px;
}
table.sortable-table td.big-padding {
padding-top: 16px;
padding-bottom: 16px;
}
table.sortable-table td.discount, table.offer-sums td.discount {
color: #0D5496;
vertical-align: middle;
}
table.sortable-table td.blue-background, table.offer-sums td.blue-background {
background-color: #BCD4E7;
}
a.lightblue {
color: #BBD4E8;
}
span.total-worth {
font-size: 11pt;
color: #0D5496
}
table.sortable-table td.sub-header {
color: #000;
font-size: 12pt;
padding-top: 5px;
padding-bottom: 5px;
}
div.last-bought {
border: 1px solid #BCD4E7;
border-radius: 4px;
background-color: #F6F6F6;
padding: 5px 20px;
font-size: 11pt;
margin-top: 10px;
margin-bottom: 5px;
}
table.sortable-table td.open-amount {
background-color: #E3EDF7;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
table.sortable-table td.open-amount.sum {
background-color: #BBD4E6;
}
table.sortable-table td.negative {
color: #C80000;
}
table.sortable-table tr.total-sum {
background-color: #BBD4E6;
border-top: 1px solid #000;
}
table.sortable-table td.total-sum-last {
border-bottom: 1px solid #000;
}
div.raffle-notification-container {
margin: 20px 40px;
background: url('../img/impex/raffle-notification-background.jpg') repeat;
padding: 10px 20px;
border-radius: 20px;
color: #FFF;
}
div.raffle-notification {
display: table;
}
div.raffle-notification > div {
display: table-cell;
vertical-align: middle;
}
div.raffle-notification h1 {
margin: 0;
color: #FFF;
font-weight: bold;
}
div.raffle-info-container {
font-size: 10pt;
color: #898989;
margin-bottom: 5px;
}
div.raffle-info-container.right {
margin-left: 10px;
}
div.raffle-info-container.left {
margin-right: 10px;
}
div.shoppingList {
background-color: #FFF;
}
div.shoppingList:hover {
background-color: #BBD4E6;
}
td.delivery-bar {
font-size: 5pt;
}
td.delivery-bar.gray {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #C6C6C6;
}
td.delivery-bar.blue {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #3A7BB9;
background-image: linear-gradient(#4B86BF, #2970B3);
}
span.hide-show {
color: #2970B3;
font-size:11pt;
}
.hide-show:hover {
cursor: pointer;
}
#main.donation {
padding: 0 40px 10px 40px;
}
#main.donation > * {
padding: 0;
}
#main.donation h1 {
padding-left: 6px;
padding-bottom: 6px;
}
#main.donation h2 {
border-bottom: 1px solid #DD6A3D;
margin-top: 0;
color: #DD6A3D;
font-size: 14pt;
font-weight: normal;
}
#main.donation > div, #main.donation > form > div {
padding: 20px;
background-color: #FFF;
}
.badge.outer {
padding: 10px;
border-radius: 50%;
display: inline-block;
background-color: #fff;
-webkit-box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.6);
box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.6);
}
.badge.outer > .inner {
width: 150px;
height: 150px;
padding: 15px;
display: table-cell;
vertical-align: middle;
border-radius: 50%;
font-size: 18px;
font-weight: 700;
text-align: center;
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.badge.outer > .inner.orange {
background-color: #DD6A3D;
width: 130px;
height: 130px;
color: #fff;
}
.badge.outer > .inner.blue {
background-color: #2970B3;
color: #fff;
}
div.tipp {
margin: 10px 40px 30px 40px;
padding: 0 15px 0 45px;
border-radius: 20px;
background: url(../img/icons/i-orange-30.png) 5px center no-repeat #BBD4E6;
}
div.tipp > table {
min-height:40px;
/* width: 100%; */
}
#teaserContainer {
width: 100%;
border-top: 6px solid #FFF;
border-bottom: 2px solid #FFF;
/*
background-color: #BBD4E6;
background-color: #A6C8E6;
*/
background: url("../img/art/orderWindow-background.png") left center repeat-y #E3EDF7;
}
#teaserContainer td {
padding: 3px 40px;
}
#teaserContainer td, #teaserContainer td a {
color: #000;
font-size: 13.33px;
text-shadow: 0px 1px #E3EDF7;
}
#orderWindow {
padding-left: 30px;
background: url(../img/art/truck-black-25x15.png) left center no-repeat;
}
#orderWindow.urgent {
background-image: url(../img/art/truck-orange-25x15.png);
color: #DD6A3D;
}
#calendarTeaserContainer {
text-align: right;
}
#calendarTeaserContainer span.highlighted {
font-weight: bold;
color: #DD6A3D;
}
#mainContactDrawerShade {
position: fixed;
display: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #000;
z-index: 65001;
}
#mainContactDrawer_container {
position: fixed;
top: 0;
left: calc(100% - 24px);
bottom: 0;
width: calc(100% - 50px);
z-index: 65002;
}
.mainContactDrawer_content {
margin-left: 24px;
background-color: #BCD4E7;
overflow: auto;
height: 100%;
border-left: 2px solid #DD693B;
position: relative;
}
.mainContactDrawer_content a.ansprechpartnerRueckruf {
font-size: 11pt;
display: block;
position: absolute;
padding: 2px 10px;
text-align:center;
bottom: 0;
left: 0;
right: 0;
background: #0D5496;
color: #FFF;
}
.mainContactDrawer_content a.ansprechpartnerRueckruf:hover {
color: #FFF;
}
#popup .button {
background-color: #EA885C;
border-radius: 8px;
text-decoration: none;
padding: 2px 16px;
font-weight: normal;
color: #FFF;
}
#popup .button:hover {
text-decoration: underline;
}