/*OVERALL START*/
* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    box-sizing: border-box;
}

html {
    height: 100%;
    font-size: 100%;
}

body {
    min-height: 100%;
    min-width: 320px;
    background:rgba(235,235,235,1); /*#DEDCDD;*/
    border-top: 10px solid #464646;
    font-family: 'Roboto', sans-serif;
    
    /*for the footer:*/
    position: relative;
    padding-bottom: 320px;
}

footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

header,
nav,
main,
article,
footer {
    display: block;
}

a {
    text-decoration: none;
   /*color: #000555;*/
  color:#6F6F6F;
 /* color:#45403D;*/
}
a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.btn,
button,
input,
select,
textarea {
    margin-bottom: 15px;
    padding: 4px 6px 3px 6px;
    border: none;
    font-size: 0.75rem;
    font-family: 'Oxygen', sans-serif;
    font-weight: 300;
    outline: none;
}
.btn,
button,
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
select {
    display: inline-block;
    background: white;
    border: 1px solid #797979;
    border-radius: 3px;
    color: black;
    cursor: pointer;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="submit"]:hover {
    background: #908F8D;
    text-decoration: none;
    color: white;
}
.btn.btn-colored {
  padding: 3px 15px;
    background: #DF0013;
    border: none;
    border-radius: 5px;
    line-height: 1rem;
    font-size: 0.875rem;
    color: white;
    width: 141px;
    margin-top: 9px;
    font-weight: bold
}
.btn.btn-colored:hover{
padding: 3px 15px;
    background: #DF0013;
    border: none;
    border-radius: 5px;
    line-height: 1rem;
    font-size: 0.875rem;
    color: white;
    margin-top: 9px;
  opacity: 0.8;}
.CAT209 .btn.btn-colored,
.CAT235 .btn.btn-colored {
    background: #E9b500;
}
.CAT222 .btn.btn-colored {
    background: #96bf06;
}

.CAT242 .btn.btn-colored {
background: #d64c00;
}
.btn.btn-colored:hover {
    opacity: 0.8;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="file"]):not([type="submit"]),
select,
textarea {
    width:150px; /*200px;*/
    border: 1px solid #797979;
    border-radius: 3px;
}

select {
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.png) no-repeat 97% 55% white;
}

fieldset {
    border: none;
}

label {
    cursor: pointer;
}

ul {
    list-style-type: none;
}
li {
    display: inline-block;
}

textarea {
    resize: vertical;
}
/*OVERALL END*/



/*TEMPLATE SELECTORS START*/
.column {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

.hr {
    text-align: center;
    margin-bottom: 40px;
}
.hr hr {
    display: inline-block;
    width: 50%;
}

/*overwrite tabs A*/
.nn_tabs .nav-tabs {
    padding-left: 10px;
    border: none;
}
.nn_tabs .nav-tabs > li {
    float: none;
}
.nn_tabs.top > ul.nav-tabs > li > a,
.nn_tabs.top > ul.nav-tabs > li > a:hover,
.nn_tabs.top > ul.nav-tabs > li > a:focus,
.nn_tabs.top > ul.nav-tabs > li.active > a:focus {
    border: 1px solid #938f8C;
    border-radius: 0;
    box-shadow: none;
    transition: none;
    color: #636261;
}
.nn_tabs.outline_content > .tab-content {
    border: 1px solid #938f8C;
    border-radius: 0;
    text-align: justify;
    /*font-size: 0.75rem;*/
  font-size:14px;
  font-family:helvetica;
}
/*overwrite tabs Z*/

.grad-menu li:not(:last-child) {
    margin-right: 10px;
}
.grad-menu li a,
#jshop_module_cart,
.nn_tabs > ul.nav-tabs > li > a {
    display: block;
    min-width: 90px;
    padding: 20px 7px 20px 7px;
    border: 1px solid #6F6F6F;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #f9f9f9 50%, #c0c0c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f9f9f9), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f9f9f9 50%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfdfd 0%,#f9f9f9 50%,#c0c0c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#f9f9f9 50%,#c0c0c0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfdfd 0%,#f9f9f9 50%,#c0c0c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'tex_gyre_heros_condensed-bold';
    font-size: 0.9375rem;
    color: #45403D;
}
.grad-menu li > a:hover,
.grad-menu li.active > a,
#jshop_module_cart:hover,
.nn_tabs.top > ul.nav-tabs > li.active > a:focus,
.nn_tabs.top > ul.nav-tabs > li.active > a,
.nn_tabs.top > ul.nav-tabs > li > a:hover {
    background: #908F8D;
    border-top-color: #777777;
    color: white;
}

.tooltip {
    display: none !important;
}
/*TEMPLATE SELECTORS END*/



/*HEADER START*/
header {
    min-height: 150px;
    background: white;
}
#logo {
    display: block;
    margin-top: 25px;
}
#logo:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 150px;
    width: 250px;
    margin-left: -125px;
    margin-top: -25px;
    background: url(../images/background_header.jpg) no-repeat center;
    background-size: auto 100%;
}
#logo:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 124px;
    width: 135px;
    margin-left: 10px;
    margin-top: -19px;
    background: url(../images/Hotline-Zettel.jpg) no-repeat center;
  	position: absolute;
}
header .span3-2 {
    margin-bottom: 0;
}
header .span3 {
    text-align: right;
}
header .span3 > div {
    display: inline-block;
}
header .grad-menu .nav,
header .cart_mobile,
#jshop_module_cart {
    min-width: 200px;
}
header .grad-menu {
    margin-bottom: 20px;
}
header .grad-menu .nav {
    display: inline-flex;
    justify-content: space-between;
}
header .grad-menu li a {
    padding: 35px 7px 5px 7px;
    border-top: none;
    text-transform: none;
    font-size: 0.75rem;
}
header .grad-menu li:last-child a {
    background: #E2001A;
    color: white;
}
header .grad-menu li:last-child:hover a {
    background: #c0022a;
    color: #F9F9F9;
}

header .cart_mobile {
    display: none;
    vertical-align: top;
    margin-bottom: 20px;
    font-family: 'tex_gyre_heros_condensed-bold';
}

#jshop_search {
    width: 100%;
    margin-bottom: 0;
    padding-right: 50px;
    border-color: #A9A5A3;
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px #E9E9E9;
    font-size: 0.75rem;
    color: #45403D;
    margin-right: -45px;
}
header .search input[type="submit"] {
    width: 40px;
    border: none;
    border-left: 1px solid #A9A5A3;
    border-radius: 0;
    background: none;
    text-transform: uppercase;
    color: #A9A5A3;
}
header .search input[type="submit"]:hover {
    color: black;
}
/*HEADER END*/



/*NAVIGATION START*/
nav.column {
    position: relative; /*for menu subitems*/
    margin: -30px auto 0 auto;
    text-align: right;
}
nav .grad-menu,
nav .cart {
    display: inline-block;
    vertical-align: top;
}
nav .grad-menu .nav.open {
    display: block;
    margin-bottom: 20px;
}
nav .cart {
    margin-left: 6px;
    border: none;
}
nav .nav .parent:hover .nav-child {
    display: block;
}
nav .nav .nav-child {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    text-align: center;
    z-index: 2; /*for overlapping lower content*/
}
nav .nav .nav-child li {
    margin-right: 0;
    padding: 3px 3px 3px 0;
    background: white;
}
nav .nav .nav-child li:first-child {
    padding-left: 3px;
}
nav .nav .nav-child li a {
    border: none;
    background: #777777;
    padding: 5px;
    text-transform: uppercase;
    color: white;
}
nav .nav .nav-child li a:hover,
nav .nav .nav-child li.active a {
    background: #c0022a;
}
nav .nav .nav-child li a.CAT209:hover,
nav .nav .nav-child li.active a.CAT209,
nav .nav .nav-child li a.CAT235:hover,
nav .nav .nav-child li.active a.CAT235 {
    background: #E9b500;
}
nav .nav .nav-child li a.CAT222:hover,
nav .nav .nav-child li.active a.CAT222 {
    background: #96bf06;
}
nav .nav .nav-child li a.CAT242:hover,
nav .nav .nav-child li .active a.CAT242 {
background: #d64c00;
}
nav .nav .nav-child li a.CAT242:hover,
nav .nav .nav-child li.active a.CAT242 {
    background: #d64c00;
}
#jshop_module_cart {
    position: relative; /*for .info block and background*/
    min-width: 200px;
    padding-right: 75px;
    text-align: left;
}
#jshop_module_cart:after {
    content: '';
    position: absolute;
    width: 75px;
    top: 0;
    right: 7px;
    bottom: 0;
    background: url(../images/cart.png) no-repeat right center;
}
#jshop_module_cart:hover:after {
    opacity: 0.8;
}

#jshop_module_cart .info {
    position: absolute;
    bottom: 3px;
    left: 7px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: #E2001A;
}

#menu_button_box {
    display: none;
    width: 20%;
    text-align: right;
}
#menu_button {
    display: inline-block;
    width: 75%;
    cursor: pointer;
}
#menu_button * {
    display: block;
    height: 6px;
    background: #908F8D;
}
#menu_button *:not(:last-child) {
    margin-bottom: 3px;
}
/*NAVIGATION END*/



/*MAIN CONTENT START*/
main {
    /*for navigation overlapping:*/
    position: relative;
    z-index: 1;
}
#maintop:not(:empty) {
    max-width: 1050px;
    margin-bottom: 25px;
    padding: 0;
    margin-top: -1px;
}
#banslider li {
    width: 100%;
}
#maintop .owl-prev,
#maintop .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    height: 80px;
    width: 11px;
    margin-top: -40px;
    background: url(../images/banslider-arrow.png) no-repeat center;
    cursor: pointer;
}
#maintop .owl-next {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    left: auto;
    right: 0;
}
#maintop .owl-prev:hover,
#maintop .owl-next:hover {
    opacity: 0.8;
}

#system-message-container .alert {
    position: relative; /*for closing cross*/
    margin-bottom: 10px;
    padding: 10px;
    background: white;
    border: 1px solid #6F6F6F;
}
#system-message-container .alert:last-child {
    margin-bottom: 35px;
}
#system-message-container .alert-heading {
    padding-right: 10px;
}
#system-message-container .close {
    position: absolute;
    top: 0;
    right: 5px;
    text-decoration: none;
    font-size: 1rem;
    cursor: pointer;
}

#main {
    margin: 25px auto 40px auto;
}

.item-page .icons {
    display: none;
}
[itemprop="articleBody"] {
    text-align: justify;
}
#main .contact h3,
#main .contact .contact-address .jicons-icons {
    display: none;
}
#main .contact .contact-form {
    margin-top: 20px;
}
#main .contact .contact-form legend {
    margin-bottom: 15px;
}
#main .contact .control-label,
#main .contact .controls {
    display: inline-block;
    vertical-align: top;
}
#main .contact .control-label {
    width: 25%;
    margin-right: -0.3rem;
}
#main .contact .controls {
    width: 75%;
}
#main .contact .controls input:not([type="checkbox"]),
#main .contact .controls textarea {
    width: 100%;
}
#main .contact .form-actions {
    text-align: right;
}


#mainbottom .tagline {
    border-top: 1px solid black;
    box-shadow: 0 -1px 0 0 #AFACAB;
    text-align: justify;
    font-size: 0.75rem;
    line-height: 1rem;
  margin-top:-20px;
}
#mainbottom .tagline strong {
    display: inline-block;
    margin: 0.5rem 0 1rem 0;
    font-size: 0.875rem;
}
/*MAIN CONTENT END*/



/*FOOTER START*/
footer {
    padding-top: 20px;
    background: white;
    border-top: 1px solid #767270;
    box-shadow: 0 -1px 0 0 #AFACAB;
  z-index:99999999;
}
footer * {
    font-family: 'tex_gyre_heros_condensed-bold';
    font-size: 0.75rem;
    color: #544F4C;
}
footer li {
    display: block;
}
footer .active a {
    text-decoration: underline;
}
#footer {
    position: relative; /*for separators*/
    margin-bottom: 15px;
}
#footer > .moduletable {
    padding: 0 15px;
}
#footer > .moduletable:before,
#footer > .moduletable:last-of-type:after {
    content: '';
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    margin-left: -15px;
    background: #9A9796;
}
#footer > .moduletable:last-of-type:after {
    right: 0;
}
#footer > .moduletable > h3 {
    margin-bottom: 20px;
    font-family:'tex_gyre_heros_condensed-bold';
    font-size: 1.05rem;
    font-weight: normal;
}
.footer-payment p {
    margin-bottom: 10px;
}
.footer-payment li {
    display: inline-block;
    vertical-align: middle;
    max-width: 45%;
    margin: 0 5px 5px 0;
}

#subfooter {
    margin-bottom: 15px;
    text-align: center;
}

#signature {
    text-align: center;
}
#signature > .span2 {
    margin-bottom: 15px;
}
#signature > .span2:first-child a {
    text-transform: uppercase;
    color: #544F4C;
}
/*FOOTER END*/



/*MEDIA START*/
@media(max-width: 979px) {
    #logo:before {
        display: none;
    }
   #logo:after {
        display: none;
    }
}

@media(max-width: 767px) {
    header .span3-2 {
        margin-bottom: 20px;
    }
    header .span3 > div {
        width: 100%;
        text-align: center;
    }
    header .grad-menu li a {
        border-top: 1px solid #938f8C;
    }
    header .grad-menu li a {
        padding-top: 5px;
    }
    header .cart_mobile {
        display: inline-block;
    }
    header .search,
    #menu_button_box {
        display: inline-block;
        vertical-align: top;
    }
    header .search {
        width: 80%;
        margin-right: -0.3rem;
    }
    
    nav.column {
        margin-top: 0;
        padding: 0;
    }
    nav .grad-menu {
        display: block;
    }
    nav .grad-menu .nav,
    nav .cart {
        display: none;
    }
    nav .nav,
    nav .grad-menu li {
        width: 100%;
    }
    nav .nav > li {
        margin: 0 0 -1px 0;
    }
    nav .nav li a {
        padding: 7px;
    }
    nav .nav .nav-child {
        position: static;
    }
    nav .nav .nav-child li {
        padding: 0 0 2px 0;
    }
    nav .nav .nav-child li:first-child {
        padding: 2px 0 2px 0;
    }
    
    body {
        padding-bottom: 0;
    }
    footer {
        position: static;
        height: auto;
        margin-top: 50px;
    }
    #footer .span5 {
        width: 50%;
        padding: 0;
    }
    #footer .footer-payment.span5 {
        width: 100%;
    }
    #footer .span5:not(:first-of-type):not(:nth-of-type(2)) {
        padding-top: 15px;
        border-top: 2px solid #9A9796;
    }
    #footer .moduletable:before,
    #footer .moduletable:after {
        display: none;
    }
    #signature .span2 {
        width: 50%;
    }
}

@media(max-width: 640px) {
    .nn_tabs .nav-tabs {
        padding-left: 0;
    }
    .nn_tabs > ul.nav-tabs > li {
        width: 100%;
    }
    .nn_tabs > ul.nav-tabs > li > a {
        width: 100%;
        padding: 5px;
    }
    #main .contact .control-group .control-label,
    #main .contact .control-group .controls {
        width: 100%;
    }
    #main .contact .control-group:nth-of-type(5) .control-label,
    #main .contact .control-group:nth-of-type(5) .controls {
        width: auto;
        margin-right: 1rem;
    }
}

@media(max-width: 479px) {
    .column {
        padding: 0 10px;
    }
    #footer .span5 {
        width: 100%;
    }
    #footer .span5:nth-of-type(2) {
        padding-top: 15px;
        border-top: 2px solid #9A9796;
    }
    #signature .span2:first-of-type {
        margin-bottom: 0;
    }
    #signature .span2 {
        width: 100%;
    }
}
.text_zoom{display:none;}
/*MEDIA END*/
img.small_image_uap {height:100px;}
/*#comjshop h1 {display:none;}*/
.line{
    z-index: 8;
    left: 2px;
    top: 0px;
    width: 110.5%;
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
margin-left: -50px;}
div#foxcontainer_c350 .btn {
    padding: 4px 12px;
    line-height: 20px;
    padding: 3px 15px;
    background: #DF0013;
    border: none;
    border-radius: 5px;
    line-height: 1rem;
    font-size: 0.875rem;
    color: white !important;
    margin-left: 176px;
    margin-top: 9px;
    /* color: #333333 !important; */
    /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */}
	
.tip-wrap {
	max-width: 250px;
	padding: 10px;
	color: #71706f;
	text-align: center;
	text-decoration: none;
	background-color: #e6e6e6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 100;
	font-size: 0.75rem;
  box-shadow: 2px 2px 5px #8a8787, -2px 2px 5px #a0a0a0, 2px -2px 5px #a0a0a0, -2px -2px 5px #a0a0a0;
}
.button_back:hover a{
      background: #c0022a;
    color: #F9F9F9;
}
a.button {    padding: 3px 15px;
    background: #DF0013;
    border: none;
    border-radius: 5px;
    line-height: 1rem;
    font-size: 0.875rem;
    color: white;
    width: 141px;
    margin-top: 9px;
    font-weight: bold;}