/** Seitenlayout */
html{ height: 100%; }
body.site { height: 100%; min-height: 100%; background: #f5f5f5 url('../images/noise.png') 0 0 repeat;  }
body.contentpane { background-color: #ffffff; margin: 20px; }
.mm-page { min-height: 100.5%; position: relative; overflow: hidden; }
#body { text-align: left; display: block; min-height:100%; height:auto !important; height:100%; margin: 0 auto; padding-bottom: 100px; }
#pagehead { background: #ffffff; display: block; left:0; right: 0; height: auto; overflow: visible; -webkit-backface-visibility: hidden; position: relative; z-index: 10}
#pageshadow { position: relative;  overflow: visible; margin: 0 auto; width: 1210px; }
#pageshadow div { position: absolute;  z-index: 30; pointer-events:none; width: 20px; height: 640px;  }
#lshadow { background: transparent url("../images/shadow-left.png") 0 0 no-repeat; }
#rshadow { background: transparent url("../images/shadow-right.png") 0 0 no-repeat; right: 0; }
#header { overflow: visible; display: block; left:0; right: 0; }
#header .row { padding: 6px 0; }
#topmenu { overflow: visible; display: block; left:0; right: 0;  background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #cccccc 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #cccccc 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #cccccc 0%,#e5e5e5 100%); border-top: 1px solid #cccccc;  border-bottom: 1px solid #999999; }
#redbar { background: #800000; overflow: visible; display: block; left:0; right: 0; min-height: 5px; }
#subbar { display: block; left:0; right: 0; overflow: visible; border-bottom: 1px solid #cccccc; border-top: 1px solid #aaaaaa; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);  }
#subbar .container { padding-top: 3px; padding-bottom: 3px; }
#main { overflow: hidden; display: block; padding: 0; margin: 0; }
#main .container { padding-top: 25px ; padding-bottom: 25px ; }
#footer { position: absolute; bottom:0; width: 100%; height:100px; border-top: 1px solid #222; box-shadow: 0px -2px 2px rgba(0,0,0,0.4); background: #333333; background: -moz-linear-gradient(top, #333333 0%, #45484d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#45484d)); background: -webkit-linear-gradient(top, #333333 0%,#45484d 100%); background: -o-linear-gradient(top, #333333 0%,#45484d 100%); background: -ms-linear-gradient(top, #333333 0%,#45484d 100%); background: linear-gradient(to bottom, #333333 0%,#45484d 100%); }
#logo {  margin: 0 15px; }
#logo img { width: 100%; max-width: 318px; height: auto; border: 0; }
#searchword { float: left; display: inline-block; width: 99%; padding-right: 40px; margin: 0 0 0px 0; }
.search-button { font-size: 22px; color: #666666; text-decoration: none; display: inline; position: relative; margin-left: -30px; margin-top: 5px; }

#right .moduletable, #left .moduletable { margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #b5b5b5; }
#right .moduletable:last-of-type, #left .moduletable:last-of-type { padding-bottom: 0; border-bottom: 0; }
/*
#right .moduletable:first-of-type, #left .moduletable:first-of-type { margin-top: 10px; }
*/
#right .img-thumbnail { max-width: 140px; margin: 3px 5px 20px 5px; }
.readmore { display: inline; text-align: right; padding-right: 35px; background: transparent url("../images/dots.png") 100% 8px no-repeat; }
.readmore .btn { border: none; padding: 0; }
.readmore_white { margin-top: 5px; display: block; text-align: right; padding-right: 35px; background: transparent url("../images/dots-white.png") 100% 8px no-repeat; }

.backbutton { display: block; padding-left: 30px; background: transparent url("../images/dots.png") 0 8px no-repeat; }
.rstroke { background: transparent url("../images/vstroke.png") 75% 0 no-repeat; }
.container { position: relative;  overflow: visible; margin: 0 auto; width: 1170px; }
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.items-leading { margin-bottom: 10px; }
.item { padding-top: 10px; padding-bottom: 10px; }
p.img_caption { margin: 0; padding: 5px; font-size: 10px; color: #666666; }
.item-image, .intro-image { margin: 5px; }
.pull-left.item-image {margin-right: 20px; }
.pull-right.item-image {margin-left: 20px; }
.img-cover { margin: 0 0 15px 0; }
.authors { margin-bottom: 5px; color: #000000; }
.title { margin: 0 0 5px 0;   font-weight: 500; }
.subtitle { margin: 0 0 10px 0;  }
.spacer { clear: both; display: block; height: 30px; line-height: 30px; }
.highlight { background-color: #ffffaa; }
.buybutton { border-radius: 3px; padding: 3px 15px 3px 5px; color: #ffffff; background-color: #800000; }
.buybutton:hover { color: #ffffff; background-color: #600000; }
.details { margin-bottom: 15px; }
.preis { font-weight: 600; text-shadow: 1px 1px 3px #ffffff; }
.hicon { float: right; display: inline-block; font-size: 24px; line-height: 34px; margin: 0 10px 0 5px; text-shadow: 1px 1px 3px #ffffff; }
.hicon .fa-facebook-square { color: #4267B2; }
.hicon .fa-instagram {   color: #9a2273; }
.hicon:hover { color: #666; }
.icons { display: block; margin: 15px 0 10px 0; padding: 0 5px;  text-align: right;}
.attachment { font-size: 16px; }
.box {border: 1px solid #e3e3e3;border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;padding: 10px; display:inline-block; width: auto; margin: 5px 0;}

.headline { clear: both; display: block; margin-top: 10px;  padding-bottom: 5px;  border-bottom: 1px solid #b5b5b5; }
.items-row, .item-row{ clear: both; display: block; margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px solid #b5b5b5; }
.items-row.last, .item-row.last, .item-row:last-of-type, .items-row:last-of-type { border-bottom: 0; }
.newsflash .item-row { margin-bottom: 5px; padding-bottom: 5px; }

#scrolltotop { position: absolute; bottom: 0; left: 50%; width: 64px; height: 26px; cursor: pointer; background: transparent url("../images/up.png") 0 0 no-repeat;  }

.autocomplete-suggestion { padding: 5px; cursor: pointer; }
.autocomplete-suggestion:hover { background-color: #e5e5e5; }
.autocomplete-suggestion strong { color: #800000; font-weight: normal; }

/** Menü Schlagworte */
#tags ul { display: inline; float: left; list-style: outside none none; margin: 15px 0 10px 30px; padding: 0; max-width: 170px; }
#tags ul.firsttags { margin-left: 0; }
#tags ul li { font-size: 12px; line-height: 14px; margin: 0; padding: 0 0 2px 0; list-style: none; }
#tags ul li a { color: #333333; text-decoration: none;  display: block; }
#tags ul li a:hover { color: #800000; text-decoration: none; }
#tags ul li a.title_red, #tags ul li a.title_red:hover { font-weight: 600; color: #800000; border-bottom: 1px solid #800000; padding-bottom: 3px; }
#tags ul li a.title_blue, #tags ul li a.title_blue:hover { font-weight: 600; color: #002280; border-bottom: 1px solid #002280; padding-bottom: 3px; }
#tags ul li a.title_green,  #tags ul li a.title_green:hover { font-weight: 600; color: #005e2f; border-bottom: 1px solid #005e2f; padding-bottom: 3px; }

/** Menü Oben horizontal */
#topmenu ul {  display: block; text-align: left; padding: 0; margin: 0; list-style: none; }
#topmenu ul.menu { border-left: 1px solid #cccccc; }
#topmenu ul li { margin: 0; padding: 0; list-style: none; display: inline-block; *display:inline; *zoom:1; border-right: 1px solid #cccccc; }
#topmenu ul li:last-child  {  }
#topmenu ul li a { display: block; font-size: 14px; color: #333333;  text-decoration: none; padding: 8px 17px; text-transform: uppercase; }
#topmenu ul li a:hover{ color: #800000; background-color: #e5e5e5; }
#topmenu ul.menu>li.active>a {  background-color: #e5e5e5; color: #800000; }

/** unterebenen **/
#topmenu ul.menu li ul { width: 220px; w\idth: 220px; margin: 0; padding: 5px 0; text-align:left; position: absolute; z-index: 999; left: -999em; display: none;  height: auto; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4); box-shadow:  2px 2px 5px rgba(0,0,0,.4); border: 1px solid #aaaaaa; border-top-color: #aaaaaa; background: #f5f5f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#topmenu ul li:hover ul { left: auto;  display: block; }
#topmenu ul li ul li { margin: 0; padding: 0px; display:block; height: auto !important; overflow: visible; }
#topmenu ul li ul li a { text-transform: none; border-radius: 0; font-size: 12px; padding: 5px 10px 5px 20px; margin: 0; display: block; height: auto; line-height: 1.2em; text-align: left; width: 218px; w\idth: 218px; background: none; border: none; }
#topmenu li.active>a { color: #800000; }

/* 2 unterebene */
#topmenu ul li:hover ul li.parent>a { background-image: url("../images/arrow.png"); background-position: 95% 10px; background-repeat: no-repeat; }
#topmenu ul li:hover ul li ul { left: -999em; border-radius: 5px;  }
#topmenu ul li ul li:hover ul { left: 218px; margin-top: -32px; }

#innermenu {
    display: block;
    margin-top: 20px;
    overflow: hidden;
}

/** Menü unten */
#footer {  font-size: 12px; color: #cccccc; padding: 20px 0; }
#footer ul { display: inline; margin: 0; padding: 0; }
#footer ul li { display: inline; list-style: none; padding: 0;  font-size: 12px; padding: 0; margin: 0 0 0 15px; }
#footer ul li a { display: inline-block; color: #cccccc; text-decoration: none; padding: 0; margin: 0; border-bottom: 1px solid transparent; border-top: 1px solid transparent; }
#footer ul li a:hover { background: none; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }

/** Mobilmenü */
#menu { display: none; }
#menu.mm-menu.mm-current { display: block; }
#mmheader { font-size: 18px; line-height: 36px; height: 36px; }
#mmheader a { text-decoration: none; padding: 2px 5px; }
#mmheader a:hover { text-decoration: none; }


#jcemediabox-popup-body{
    max-width:760px !important;
}
#jcemediabox-popup-content{
    max-width:755px !important;
}

.acymailing_introtext {
    padding-bottom: 5px;
}

.onelist input[type="checkbox"] {
    padding-left: 20px;
    margin-left: 5px;
}

.newsflash-title {
    margin-bottom: 5px;
}

.tip-wrap {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 100;
}

.control-group {
	margin-bottom: 10px;
}

/** Media Selectoren */
#mobileDetect { display: none; }
@media (max-width: 1199px) {
    .container { width: auto; }
    #pageshadow { display: none; }
    #topmenu ul li a { font-size: 12px; padding: 8px 7px; }
    .container { padding-left: 0px; padding-right: 0px;}
    #tags .fadeout { float: right; }
    #tags ul {  margin: 10px 0 10px 15px; max-width: 120px;  }
    #tags ul li { font-size: 11px;  }
}
@media (max-width: 991px) {
    .css-map-container {
        margin: 0 0 0 -15px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 767px) {
    #mobileDetect { display: block; }
    #logo { display: block; text-align: center; margin: 0 auto 10px auto; }
    #logo a { position: relative; }
    .rstroke { background: none; }
    .mm-page { min-width: 300px; }
    #tags ul { margin: 5px 0; display: block; float: none; }
    #tags ul { display: none; }
    .container { padding-right: 0; padding-left: 0; }
    #cart { font-size: 12px; }
    #searchword { background: #eeeeee; padding: 2px 40px 2px 5px; height: 30px; line-height: 30px; margin: 2px 0; }
    h2 { font-size: 20px; }
    h3 { font-size: 16px; }
    #right .moduletable, #left .moduletable { padding-left: 0px; }
    .item-list .item-row { border-bottom: 0; margin: 0; padding: 0; }
    .spalte { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #b5b5b5; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media screen {
}

@media print {
}