/** Seitenlayout */
body.site {  background: #244a84 url("../images/noise.png") 0 0 repeat; padding: 20px; }
#mainbox { position: relative;  background: #ffffff; padding: 15px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); }
#main { padding: 0 15px;  margin: 15px 0; }
#content { padding-top: 15px; padding-bottom: 15px;  }
#header, #footer { background: #244a84; color: #ffffff; padding: 15px;
    /*
    background: -moz-linear-gradient(top, #4b7db0 1%, #406699 40%, #244a84 100%);
    background: -webkit-linear-gradient(top, #4b7db0 1%,#406699 40%,#244a84 100%);
    background: -ms-linear-gradient(top, #4b7db0 1%,#406699 40%,#244a84 100%);
    background: linear-gradient(to bottom, #4b7db0 1%,#406699 40%,#244a84 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7db0', endColorstr='#244a84',GradientType=0 );
    */
}
#leftbar { background: #4B7DB0; color: #ffffff; padding: 15px 0; }
#sidebar { background: #e5e5e5; padding: 15px; }
#logo { width: 100%; height: auto; max-width: 260px; margin: 10px auto; }
a.readmore, a.readon, a.back  { display: block;  padding: 5px 0; margin: 5px 0; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
a.back:before { content: "\f0d9"; color: #000000; margin-right: 10px; font-family: FontAwesome;   }
a.readmore:before { content: "\f0da";  color: #000000;  margin-right: 10px; font-family: FontAwesome;  }
.icons { display: block; margin: 10px 0; }
#scrolltotop { font-size: 22px; cursor: pointer; text-align: center; }

/* pagination */
.radius {  border-radius: 5px; }
.counter {  margin-bottom: 15px; }
.pagination, .pager {  margin: 0 0 15px 0; clear: both; display: block; text-align: center; }
.pagination ul, .pager ul {  display: inline-block;  *display: inline;  margin: 0 auto;  padding: 0;  list-style: none; }
.pagination li, .pager li {  display: inline; margin: 0; padding: 0; }
.pagination a {  float: left;  padding: 0 8px; line-height: 26px;  text-decoration: none;  border: 1px solid #ddd; border-left-width: 0; }
.pager li { margin: 0 10px; }
.pagination {  background-color:#f0f0f0; padding: 10px 3px; border-bottom: 1px solid #ccc; border-top: 1px solid #eee; text-align: center; border-radius: 5px; }
.pagination a:hover,
.pagination .active a {  background-color: #244a84; color: #fff;  cursor: pointer;  }
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {  color: #999999;  cursor: default;  background-color: transparent;  }
.pagination li:first-child a {  border-left-width: 1px;  }
.letters a { padding: 0 3px; }
.letters { margin-top: 0; }
.list-header { margin: 10px 0; padding-bottom: 8px; border-bottom: 1px solid #cccccc; }
.img_caption { font-size: 12px; color: #666666; padding: 5px 5px 0 5px; text-align: right; margin: 0;}

.moduletable ul { margin: 10px 0;padding-left: 20px; }
.moduletable { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.15); }
#leftbar .moduletable { border-bottom: 1px solid rgba(255,255,255,0.15);  }
.moduletable:last-child { border-bottom: 0;  margin-bottom: 0; }
.item-row, .items-row { padding: 0 0 20px 0; margin-bottom: 20px;  border-bottom: 1px solid #cccccc; }
.item-row.last, .items-row.last, .item-row:last-of-type { border-bottom: 0; }
.pagenavcounter { display: block; margin: 5px 0; }
.article-index { background: #4B7DB0; border-radius: 5px; margin: 0 10px 10px 10px; padding: 10px 0; }
.article-index a { color: #ffffff; padding: 3px 10px; }
.article-index a:hover { color: #ffffff; background: #244a84; }

.icons .btn-group a { color: #244a84; text-decoration: none; display: block; padding: 3px; }
.icons .btn-group a:hover { color: #ffffff; background-color: #244a84; text-decoration: none; }
.icons .btn-group { width: 110px; text-align: right;  }
.sortitems .fa { color: #333333;}

.titlebox h3, .titlebox h4, .titlebox h5 { margin: 0 0 5px 0; }
.titlebox { margin-bottom: 10px; }
.details { margin-bottom: 20px; }
.well { background: #ffffff; padding: 10px; border-radius: 5px; }
.well img { position: relative; margin: 0 auto; }
.item-image { margin: 15px; }
.img-cover { margin-bottom: 10px; }
.pull-left.item-image { margin: 0 15px 15px 0; }
.pull-right.item-image { margin: 0 0 15px 15px; }

.checkout { margin-bottom: 10px; text-align: right; }
.checkout .fa { font-size: 20px; }

.bar  { background: #264c87; padding: 5px 15px; color: #ffffff; }
.bar a, .bar a:hover { color: #ffffff; text-decoration: none; }
#mmheader { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#mobile { font-size: 18px; font-weight: 500; height: 26px; line-height: 26px; }

a.dropdown-toggle {  display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #dddddd; border-radius: 4px;  background: #ffffff;  }
a.dropdown-toggle:before { content: "\f078"; }
.dropdown-menu { width: 110px; margin: 0; padding: 10px; text-align:left; position: absolute; left: -999px; z-index: 999; height: auto; background: #ffffff; list-style: none; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);  background-clip: padding-box; }
ul.dropdown-menu li { border-bottom: 1px solid #cccccc; }
ul.dropdown-menu li:last-child { border-bottom: none; }
ul.dropdown-menu li a { color: #B02216; padding: 3px 5px; }

.article-info-term { display: none; }
dl.article-info { text-align: right; margin: 0 0 10px 0; font-size: 12px; color: #999999; }

.autocomplete-suggestion { padding: 5px; cursor: pointer; }
.autocomplete-suggestion:hover { background-color: #E5E5E5; }
.autocomplete-suggestion strong, .highlight { color: #B02216; font-weight: 500; }
.buybutton { margin-bottom: 10px; min-width: 160px; text-align: center; }
.preis { font-weight: 500; text-shadow: #bbb 1px 1px 3px; }
.teaser { height: 220px; }
.teaser img { max-height: 194px; }

/**  Menüeinstellungen */
ul.nav { margin: 0; padding: 0; list-style: none;}
ul.nav li { list-style: none; display: block; margin: 0; padding: 0; }
ul.nav li a, ul.nav li a:hover { display: block; text-decoration: none;  }
ul.nav ul { margin: 0; padding: 0; }

/** Hauptmenü */
#leftbar ul.menu { margin-bottom: 15px; border-top: 1px solid rgba(255,255,255,0.15);  }
#leftbar ul.menu>li { padding: 0; border-bottom: 1px solid rgba(255,255,255,0.15); }
#leftbar ul.menu>li:last-child { }
#leftbar ul.menu li a { color: #ffffff;  font-weight: 500; font-size: 16px; padding: 3px 15px; }
#leftbar ul.menu li ul li a { font-size: 13px; font-weight: normal; padding: 3px 15px 3px 35px;  }
#leftbar ul.menu li ul li:before { float: left; margin: 6px 0 0 18px; content: "\f0da"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
#leftbar ul.menu li ul li ul li:before { margin: 6px 0 0 32px; }
#leftbar ul.menu li ul li ul li a { padding: 3px 15px 3px 45px; }

#leftbar ul.menu li a:hover, #leftbar ul.menu li.active>a { background-color: #244a84; }

ul.menu .divider { height: auto; line-height: 0; }
ul.menu .separator {  display: block;  height: 28px;  line-height: 28px; color: #4B7DB0;}

#searchbox {  margin-top: 50px; }
#searchword { float: left; color: #666666; width: 100%; font-size: 14px; line-height: 1em; background: #f5f5f5; border: 1px solid #284c89; border-radius: 5px; padding: 5px 8px; }
#searchword:focus { color: #333333;  outline: 0; box-shadow: none; background: #ffffff; border: 1px solid #4B7DB0;  -moz-box-shadow: 1px 1px 3px #000000;  -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: inset 1px 1px 3px rgba(0,0,0, 0.6); }
#searchbox .search-button { color: #333333; position: absolute; right: 25px; font-size: 16px; border: 0; background-color: transparent; margin: 0 0 0 10px; line-height: 30px; }
#searchbox .search-button:focus { outline: 0; }

/** Seitenfußmenü */
#footer  ul.nav li { display: inline-block; *display: inline; margin-right: 15px; }
#footer a, #footer a:hover { color: #ffffff; }

/** Kopfmenü */
#pagehead ul.nav { overflow: hidden; }
#pagehead ul.nav li { display: inline-block; *display: inline; margin-left: 15px; }
#pagehead ul.nav li a { padding: 5px 15px; background: #4B7DB0; color: #fff; font-weight: 500; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }
#pagehead ul.nav li a:hover, #pagehead ul.nav li a:active, #pagehead ul.nav li.active a {  position: relative; z-index: 100;  background: #ffffff; color: #333333;  }

#mmfooter { text-align: center; }
#mmfooter ul.nav { display: inline; position: relative; margin: 0 auto; }
#mmfooter ul.nav li { display: inline-block; *display: inline; padding: 5px 10px; }

    /** Media Selectoren */
#mobileDetect { display: none; }

@media (max-width: 1199px) {
    body { font-size: 13px; }
}
@media (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 767px) {
    #mobileDetect { display: block; }
    body.site { padding: 0; }
    #mainbox { margin: 15px 10px; }
    #searchbox { margin: 0; }
    #searchword { padding: 3px 5px; }
    #searchbox .search-button { line-height: 25px; }
    .container { margin: 0; padding: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media screen {
}
@media print {
}