/*
Theme Name: BKAchim_160117_2
Theme URI: 
Description: 
Version: 1.0
Author: Claudia Schmidt
Author URI: 
Tags: fixed-width, left-sidebar, two-columns, valid HTML5, widgets
*/

/* Created by Artisteer v4.1.0.59861 */
/* Hauptcontainer verbreitern */
.art-sheet {
    max-width: 1200px;   /* Standard war ca. 900px */
    margin: 0 auto;
    padding: 0 20px;
}

/* Inhaltsbereich verbreitern */
.art-content {
    width: 100%;
    flex: 1;
}
/* Website-Titel über Banner */
.site-title {
    position: absolute;
    top: 30px;        /* Abstand vom oberen Rand des Headers */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    font-size: 2rem;
    font-weight: bold;
    pointer-events: none;
}

.site-title a {
    color: inherit;
    text-decoration: none;
}

/* Seitenleisten optional schmaler machen */
.art-layout-cell.art-sidebar1,
.art-layout-cell.art-sidebar2 {
    width: 20%;
}
/* ✅ Banner-Titel sauber über dem Headerbild zentrieren */
.site-title-banner {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 90%;
    z-index: 10;
}

.site-title-banner h1 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
    margin: 0;
    padding: 0;
}

/* Artikel etwas luftiger */
.art-article {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    border-radius: 4px;
}

/* Optional für responsives Layout */
@media (max-width: 800px) {
    .art-sheet {
        max-width: 100%;
        padding: 10px;
    }
    .art-layout-cell.art-sidebar1,
    .art-layout-cell.art-sidebar2 {
        width: 100%;
    }
}

#art-main
{
   background: #E5E59E url('images/page.jpeg') top center fixed;
   background: linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background: -webkit-linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, -webkit-linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background: -moz-linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, -moz-linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background: -o-linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, -o-linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background: -ms-linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, -ms-linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background: linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   -svg-background: linear-gradient(top, rgba(95, 95, 25, 0.22) 0, rgba(101, 101, 27, 0.22) 21px, rgba(255, 255, 255, 0.6) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #C5C534 0, #C9C936 21px, #FFFFFF 1050px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
   margin:0 auto;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: justify;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.art-hmenu
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: justify;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.art-button
{
   border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #F59B14;
   background: linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   background: -moz-linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   background: -o-linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   background: -ms-linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   background: linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   -svg-background: linear-gradient(top, #F5970A 0, #F7AE40 20%, #F69F1E 50%, #F5970A 74%, #F0940A 80%, #F5970A 87%, #F59B14 100%) no-repeat;
   border-width: 0;
   padding:0 5px;
   margin:0 auto;
   height:20px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a 
{
   text-align: justify;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent p
{
   margin: 12px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-size: 30px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   font-variant: small-caps;
   line-height: 120%;
}

.art-postcontent a, .art-postcontent a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #A5B040;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #000000;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #585E22;
}

.art-postcontent h1
{
   color: #A5B040;
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h2
{
   color: #A5B040;
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 
{
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h3
{
   color: #585E22;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h4
{
   color: #353814;
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h5
{
   color: #353814;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h6
{
   color: #7E8731;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-variant: small-caps;
   text-align: center;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 900px;
   color: #353814;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after,
.cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent li p 
{
   margin:1px;
}


.art-shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.art-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.art-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.art-slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.art-headline {
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 50px;
  line-height: 100%;
  z-index: 101;
  text-align: center;
  margin: 0 !important;
}


.art-headline, 
.art-headline a, 
.art-headline a:link, 
.art-headline a:visited, 
.art-headline a:hover
{
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
text-align: center;
text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.5);
  padding: 0;
  margin: 0;
  color: #F7EC8D !important;
  white-space: nowrap;
}
.art-slogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 132px;
  left: 19.89%;
  line-height: 100%;
  margin-left: -33px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 102;
  white-space: nowrap;
}

.art-slogan, 
.art-slogan a, 
.art-slogan a:link, 
.art-slogan a:visited, 
.art-slogan a:hover
{
font-size: 28px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
text-shadow: 0px 0px 12px rgb(23, 23, 23);
  padding: 0;
  margin: 0;
  color: #393909 !important;
}
.art-object1572242495 h1, 
.art-object1572242495 h2, 
.art-object1572242495 h3, 
.art-object1572242495 h4, 
.art-object1572242495 h5, 
.art-object1572242495 h6, 
.art-object1572242495 p, 
.art-object1572242495 a, 
.art-object1572242495 ul, 
.art-object1572242495 ol, 
.art-object1572242495 li
{
  line-height: 100%;
}

.art-object1572242495
{  
  position: absolute;
  top: 120px;
  left: 97.19%;
  margin-left: -218px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
      z-index: 103;
  width: 225px;
  height: 24px;
}







.art-header
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   margin:10px auto 0;
   height: 180px;
   background-image: url('images/object821571212.png'), url('images/header.png');
   background-position: 12px 20px, 0 0;
   background-repeat: no-repeat;
   position: relative;
   width: 900px;
   z-index: auto !important;
}

.responsive .art-header 
{
   background-image: url('images/header.png');
   background-position: center center;
}

.art-header>.widget 
{
   position:absolute;
   z-index:101;
}

.art-header .art-slider-inner
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
}

.art-nav
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   padding:3px;
   margin:0 auto;
   position: relative;
   z-index: 499;
   text-align: left;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.art-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.art-hmenu, ul.art-hmenu ul 
{
   min-height: 0;
}

ul.art-hmenu 
{
   display: inline-block;
   vertical-align: middle;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.art-nav:before 
{
   content:' ';
}

.desktop .art-nav{
   width: 900px;
   padding-left: 3px;
   padding-right: 3px;
}

.art-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu
{
   float: left;
}

.art-menuitemcontainer
{
   margin:0 auto;
}
ul.art-hmenu>li {
   margin-left: 9px;
}
ul.art-hmenu>li:first-child {
   margin-left: 4px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
   margin-right: 4px;
}

ul.art-hmenu>li>a
{
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid transparent;
   padding:0 17px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 22px;
   cursor: pointer;
   text-decoration: none;
   color: #000000;
   line-height: 22px;
   text-align: center;
}

.art-hmenu a, 
.art-hmenu a:link, 
.art-hmenu a:visited, 
.art-hmenu a.active, 
.art-hmenu a:hover
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.art-hmenu>li>a.active
{
   background: #393909;
   background: linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   background: -webkit-linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   background: -moz-linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   background: -o-linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   background: -ms-linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   background: linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   -svg-background: linear-gradient(top, #929017 0, #000000 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #7D7A1C;
   padding:0 17px;
   margin:0 auto;
   color: #DFDB6D;
   text-decoration: none;
}

ul.art-hmenu>li>a:visited, 
ul.art-hmenu>li>a:hover, 
ul.art-hmenu>li:hover>a {
   text-decoration: none;
}

ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
{
   background: #D6D7B7;
   background: linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   background: -moz-linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   background: -o-linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   background: -ms-linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   background: linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   -svg-background: linear-gradient(top, #F4F4EB 0, #B8BA82 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #7D7A1C;
   padding:0 17px;
   margin:0 auto;
}
ul.art-hmenu>li>a:hover, 
.desktop ul.art-hmenu>li:hover>a {
   color: #000000;
   text-decoration: none;
}

ul.art-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -9px;
   width:9px;
   height: 22px;
   background: url('images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li:first-child:before{
   display:none;
}

ul.art-hmenu li li a
{
   background: #E7E492;
   background: transparent;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   padding:0 10px;
   margin:0 auto;
}
ul.art-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop ul.art-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.art-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 31px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 31px;
   color: #3F4318;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.art-hmenu ul a:link, 
.art-hmenu ul a:visited, 
.art-hmenu ul a.active, 
.art-hmenu ul a:hover
{
   text-align: left;
   line-height: 31px;
   color: #3F4318;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
{
   background: #F0DB24;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   margin:0 auto;
}
.art-hmenu ul a:hover
{
   text-decoration: none;
}

.art-hmenu ul li a:hover
{
   color: #4E3003;
}

.desktop .art-hmenu ul li:hover>a
{
   color: #4E3003;
}

ul.art-hmenu ul:before
{
   background: #E6E9C3;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   border:3px solid #51561F;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop ul.art-hmenu>li>ul
{
   padding: 14px 34px 34px 34px;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul
{
   padding: 34px 34px 34px 18px;
   margin: -34px 0 0 -9px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 34px 34px 34px 18px;
   margin: -34px 0 0 -9px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 34px 18px 34px 34px;
   margin: -34px -9px 0 0;
}

.desktop ul.art-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.art-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before
{
   border-radius: 7px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 14px;
}

.desktop ul.art-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 14px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
   right: 14px;
   left: 30px;
}

.art-sheet
{
   background: #F1F1EE;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   -webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.3);
   margin:10px auto 0;
   position:relative;
   cursor:auto;
   width: 900px;
   z-index: auto !important;
}

.art-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.art-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.art-content-layout-row 
{
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.art-postcontent .art-content-layout
{
   border-collapse: collapse;
}

.art-vmenublock
{
   background: #CED58B;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid transparent;
   margin:7px;
}
div.art-vmenublock img
{
   margin: 0;
}

.art-vmenublockcontent
{
   margin:0 auto;
}

ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.art-vmenu ul.active
{
   display: block;
}

ul.art-vmenu>li>a
{
   background: #BCC662;
   -webkit-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid transparent;
   padding:0 10px;
   margin:0 auto;
   color: #000000;
   min-height: 32px;
   line-height: 32px;
}
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li
{
   margin-top: 5px;
}
ul.art-vmenu>li>ul
{
   padding: 0;
   margin-top: 6px;
   margin-bottom: 6px;
}
ul.art-vmenu>li:first-child
{
   margin-top:0;
}

ul.art-vmenu>li>a:before
{
   content:url('images/vmenuitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.art-vmenu>li>a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.art-vmenu>li>a.active:before
{
   content:url('images/vmenuactiveitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.art-vmenu>li>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.art-vmenu>li>a:hover:before,  ul.art-vmenu>li>a.active:hover:before,  ul.art-vmenu>li:hover>a:before,  ul.art-vmenu>li:hover>a.active:before
{
   content:url('images/vmenuhovereditemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.art-vmenu>li>a:hover:before, .opera   ul.art-vmenu>li>a.active:hover:before, .opera   ul.art-vmenu>li:hover>a:before, .opera   ul.art-vmenu>li:hover>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   background: #E5E59E;
   -webkit-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #A1AC3E;
   padding:0 10px;
   margin:0 auto;
}
ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   text-decoration: underline;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover 
{
   color: #585E22;
}

ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.art-vmenu>li>a.active
{
   background: #F0DB24;
   -webkit-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #E18B09;
   padding:0 10px;
   margin:0 auto;
   text-decoration: underline;
   color: #696617;
}

ul.art-vmenu>li:after, ul.art-vmenu>li>ul:after{
   display: block;
   position: absolute;
   content: ' ';
   left: 0;
   right: 0;
   top: -5px;
}

ul.art-vmenu>li:after, ul.art-vmenu>li>ul:after{
   z-index: 1;
   height: 2px;
   border-bottom: 1px solid #E9ECCB;
}

ul.art-vmenu>li:first-child:before, ul.art-vmenu>li:first-child:after 
{
   display:none;
}

ul.art-vmenu>li>ul:before
{
   background: #F5F4D1;
   background: transparent;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.art-vmenu li li a
{
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   margin:0 auto;
   position: relative;
}
ul.art-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li{
   position: relative;
   margin-top: 6px;
}

ul.art-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 24px;
   overflow: visible;
   padding: 0;
   padding-left: 25px;
   padding-right: 25px;
   z-index: 0;
   line-height: 24px;
   color: #000000;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
   line-height: 24px;
   color: #000000;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul ul a
{
   padding-left: 50px;
}
ul.art-vmenu ul ul ul a
{
   padding-left: 75px;
}
ul.art-vmenu ul ul ul ul a
{
   padding-left: 100px;
}
ul.art-vmenu ul ul ul ul ul a
{
   padding-left: 125px;
}

ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
   background: #F0DB24;
   background: rgba(240, 219, 36, 0.4);
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   margin:0 auto;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
   text-decoration: underline;
   color: #5D3904;
}

ul.art-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.art-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.art-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.art-vmenu ul>li>a.active
{
   background: #F0DB24;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   margin:0 auto;
}
ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #827E1C;
}

.art-block
{
   background: #F1F3DD;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   padding:7px;
   margin:7px;
}
div.art-block img
{
   border: 1px dotted #CED58B;
   margin: 7px;
}

.art-blockheader
{
   background: #A1AC3E;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #ABA726;
   padding:12px 5px;
   margin:0 auto 2px;
}
.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #000000;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   font-variant: small-caps;
   text-align: center;
   margin: 0 10px;
}

.art-blockcontent
{
   background: #CED58B;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   color: #1C1E0B;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: justify;
}
.art-blockcontent table,
.art-blockcontent li, 
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover
{
   color: #1C1E0B;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: justify;
}

.art-blockcontent p
{
   margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link
{
   color: #23250E;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-blockcontent a:visited, .art-blockcontent a.visited
{
   color: #23250E;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover
{
   color: #4D521E;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}
.art-block ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -13px;
}
.opera .art-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #212107;
   margin: 5px 0 0 10px;
}

.art-block ul>li, .art-block ol
{
   padding: 0;
}

.art-block ul>li
{
   padding-left: 13px;
}

.art-breadcrumbs
{
   margin:0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button
{
   text-decoration: none;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #191A09;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 20px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.art-button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .art-button
{
   display: block;
   float: left;
}

input, select, textarea, a.art-search-button span
{
   vertical-align: middle;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.art-block select 
{
   width:96%;
}

input.art-button
{
   float: none !important;
}

.art-button.active, .art-button.active:hover
{
   background: #585E22;
   background: linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   background: -webkit-linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   background: -moz-linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   background: -o-linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   background: -ms-linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   background: linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   -svg-background: linear-gradient(top, #4D521E 0, #777F2E 20%, #5F6524 50%, #4A4F1C 80%, #585E22 100%) no-repeat;
   border-width: 0;
   padding:0 5px;
   margin:0 auto;
}
.art-button.active, .art-button.active:hover {
   color: #E6E9C3 !important;
}

.art-button.hover, .art-button:hover
{
   background: #A1AC3E;
   background: linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   background: -webkit-linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   background: -moz-linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   background: -o-linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   background: -ms-linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   background: linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   -svg-background: linear-gradient(top, #9AA53B 0, #AFBB44 11%, #B7C256 20%, #AFBB44 41%, #A8B441 50%, #97A13A 80%, #A1AC3E 100%) no-repeat;
   border-width: 0;
   padding:0 5px;
   margin:0 auto;
}
.art-button.hover, .art-button:hover {
   color: #0D0C03 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #FDFDF7;
   border:1px solid #BCC662;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: 100%;
   padding: 4px 0;
   color: #383C16 !important;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-shadow: none;
}
input.art-error, textarea.art-error
{
   background: #FDFDF7;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.art-error, textarea.art-error {
   color: #383C16 !important;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}
form.art-search input[type="text"]
{
   background: #FDFDF7;
   border-radius: 0;
   border:1px solid #BCC662;
   margin:0 auto;
   width: 100%;
   padding: 3px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #383C16 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.art-search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.art-search input, a.art-search-button
{
   top:0;
   right:0;
}

form.art-search>input, a.art-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button
{
   margin:0 auto;
}
form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #191A09 !important;
   cursor: pointer;
}

a.art-search-button span.art-search-button-text {
   display: none;
}

label.art-checkbox:before
{
   background: #FDFDF7;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -moz-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -o-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -ms-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   -svg-background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #ABA726;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.art-checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #353814 !important;
}

.art-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.art-checkbox.active:before
{
   background: #DDD964;
   background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -webkit-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -moz-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -o-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -ms-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   -svg-background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A1AC3E;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-checkbox.hovered:before
{
   background: #F5F4D1;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -moz-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -o-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -ms-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   -svg-background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A1AC3E;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-radiobutton:before
{
   background: #FDFDF7;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -moz-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -o-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: -ms-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   -svg-background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #EBE8A3 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #ABA726;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.art-radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #353814 !important;
}

.art-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.art-radiobutton.active:before
{
   background: #DDD964;
   background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -webkit-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -moz-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -o-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: -ms-linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   -svg-background: linear-gradient(top, #DDD964 0, #DEDA68 40%, #DEDA68 80%, #D5D03F 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A1AC3E;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.art-radiobutton.hovered:before
{
   background: #F5F4D1;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -moz-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -o-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: -ms-linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   -svg-background: linear-gradient(top, #F5F4D1 0, #F6F5D5 40%, #F6F5D5 80%, #ECE9A7 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A1AC3E;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.art-comments
{
   border-top:1px solid #CED58B;
   margin:0 auto;
   margin-top: 25px;
}

.art-comments h2
{
   color: #353814;
}

.art-comment-inner
{
   -webkit-border-radius:8px;
   -moz-border-radius:8px;
   border-radius:8px;
   padding:10px;
   margin:0 auto;
   margin-left: 56px;
}
.art-comment-avatar 
{
   float:left;
   width:42px;
   height:42px;
   padding:2px;
   background:#fff;
   border:1px dotted #BCC662;
}

.art-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.art-comment-content
{
   padding:10px 0;
   color: #353814;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment
{
   margin-top: 6px;
}

#comment-list>li:first-child>.art-comment
{
   margin-top: 0;
}

.art-comment-header
{
   color: #353814;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, 
.art-comment-header a:link, 
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, .art-comment-header a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4D521E;
}

.art-comment-header a:visited, .art-comment-header a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #000000;
}

.art-comment-header a:hover,  .art-comment-header a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #585E22;
}

.art-comment-content a, 
.art-comment-content a:link, 
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-content a, .art-comment-content a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4D521E;
}

.art-comment-content a:visited, .art-comment-content a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #000000;
}

.art-comment-content a:hover,  .art-comment-content a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #585E22;
}

.art-pager
{
   background: #F1F3DD;
   background: transparent;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   padding:5px;
   margin:3px;
   text-align:left;
}

.art-pager>*:last-child,
.art-pager>*:last-child:hover
{
   margin-right:0;
}

.art-pager>span {
   cursor:default;
}

.art-pager>*
{
   background: #E6E9C3;
   background: transparent;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:5px;
   margin:0 8px 0 auto;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #492D03
;
}

.art-pager .active
{
   background: #BCC662;
   background: transparent;
   padding:5px;
   margin:0 8px 0 auto;
   color: #492D03
;
}

.art-pager .more
{
   background: #E6E9C3;
   background: transparent;
   margin:0 8px 0 auto;
}
.art-pager a.more:link,
.art-pager a.more:visited
{
   color: #492D03
;
}
.art-pager a:hover
{
   background: #F7B24A;
   padding:5px;
   margin:0 8px 0 auto;
}
.art-pager  a:hover,
.art-pager  a.more:hover
{
   color: #221501
;
}
.art-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.art-pager>*:last-child:after{
   display:none;
}

.art-commentsform
{
   background: #EFF1DA;
   background: transparent;
   -webkit-border-radius:8px;
   -moz-border-radius:8px;
   border-radius:8px;
   border:1px dotted #CED58B;
   padding:5px;
   margin:0 auto;
   margin-top:25px;
   color: #353814;
}

.art-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #353814;
}

.art-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.art-commentsform .form-submit
{
   margin-top: 25px;
}
.art-post
{
   padding:5px;
   margin:10px;
}
a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer-text img
{
   margin: 5px 5px 5px 5px;
}

.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
}

.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th, .art-article td
{
   padding: 2px;
   border: dotted 1px #7B832F;
   vertical-align: top;
   text-align: left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 5px 5px 5px 5px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.art-collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.art-postmetadataheader
{
   background: #E6E9C3;
   background: rgba(230, 233, 195, 0.7);
   border:1px solid #CED58B;
   border-left:none;
   border-right:none;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
}

.art-postheadericon:before
{
   content:url('images/postheadericon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postheadericon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postheader
{
   color: #43471A;
   margin: 5px 0;
   font-size: 24px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   font-variant: small-caps;
   text-align: center;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 24px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   font-variant: small-caps;
   text-align: center;
}

.art-postheader a, .art-postheader a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #666D27;
}

.art-postheader a:visited, .art-postheader a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #666D27;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #666D27;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
   color: #5B6123;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
   color: #545A20;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
   color: #545A20;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: underline;
   color: #764805;
}

.art-postpdficon:before
{
   content:url('images/postpdficon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postpdficon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postprinticon:before
{
   content:url('images/postprinticon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postprinticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postemailicon:before
{
   content:url('images/postemailicon.png');
   margin-right:6px;
   bottom: 1px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .art-postemailicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: justify;
   color: #191A09;
   margin: 5px 0 5px 11px;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
{
   padding: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
   padding-left: 12px;
}

.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
{
   margin-left: -12px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
{
   margin: 1em 0 1em 11px;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li, .art-post li, .art-textblock li
{
   margin: 5px 0 5px 0;
}

.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
   background: #E7E492 url('images/postquote.png') no-repeat scroll;
   border:1px solid #CED58B;
   padding:15px 15px 15px 39px;
   margin:0 0 0 20px;
   color: #111004;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: justify;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer-text blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer-text blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer-text blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer-text blockquote a:hover
{
   color: #111004;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: justify;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer-text blockquote p
{
   margin: 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #97A13A;
}

.Sorter a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #97A13A;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #97A13A;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #70782B;
}

.Sorter
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#4D521E;
}

.art-footer
{
   background: #D6D7B7;
   background: linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   background: -webkit-linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   background: -moz-linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   background: -o-linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   background: -ms-linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   background: linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   -svg-background: linear-gradient(top, #C2C392 0, #EBEBDB 100%) no-repeat;
   -webkit-border-radius:0 0 15px 15px;
   -moz-border-radius:0 0 15px 15px;
   border-radius:0 0 15px 15px;
   border-top:1px solid #CED58B;
   padding:8px;
   margin:0 auto;
   position: relative;
   color: #23250E;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}

.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td, 
.art-footer-text th,
.art-footer-text caption
{
   color: #23250E;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text p 
{
   padding:0;
   text-align: center;
}

.art-footer-text a,
.art-footer-text a:link
{
   color: #5B6123;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer-text a:visited
{
   color: #2A2D10;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer-text a:hover
{
   color: #6D6A18;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.art-footer-text h1
{
   color: #A1AC3E;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text h2
{
   color: #A1AC3E;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text h3
{
   color: #51561F;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text h4
{
   color: #7B832F;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text h5
{
   color: #7B832F;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text h6
{
   color: #7B832F;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer-text img
{
   border: 1px dotted #CED58B;
   margin: 10px;
}

.art-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}

.art-rss-tag-icon:empty
{
   vertical-align: middle;
}

.art-facebook-tag-icon
{
   background:  url('images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:22px;
   min-width:22px;
   display: inline-block;
   text-indent: 25px;
   background-position: left center;
}

.art-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.art-twitter-tag-icon
{
   background:  url('images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}

.art-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.art-footer-text ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -10px;
}
.opera .art-footer-text ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-footer-text li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #2A2909;
}

.art-footer-text ul>li, .art-footer-text ol
{
   padding: 0;
}

.art-footer-text ul>li
{
   padding-left: 10px;
}

.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #1C1E0B;
}

.art-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #585E22;
}

.art-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
   cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
   display: inline-block;
}

.art-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.art-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.art-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.art-lightbox-wrapper .arrow-t, 
.art-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.art-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.art-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw, 
.art-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.art-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.art-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.art-lightbox-wrapper .close-alt, 
.art-lightbox-wrapper .arrow-right-alt, 
.art-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt, 
.ie8 .art-lightbox-wrapper .arrow-right-alt, 
.ie8 .art-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .art-lightbox-wrapper .cw, 
.ie8 .art-lightbox-wrapper .ccw 
{
   display: none;
}

.art-content-layout .art-sidebar1
{
   -webkit-border-radius:15px 0 0;
   -moz-border-radius:15px 0 0;
   border-radius:15px 0 0;
   margin:0 auto;
   width: 225px;
}

.art-content-layout .art-content
{
   margin:0 auto;
}



#comment
{
    width:99%;
}

#comments-list, #comments-list .comment 
{
  background: none;
  padding:0;
  margin:0;
  overflow: visible;
}

#comments-list .comment:before, #comments-list .comment:after
{
  display:none;
}

#comments-list .comment .comment 
{
  margin-left: 20px;
}

span.page-navi-outer, span.page-navi-inner 
{
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

span.page-navi-outer
{
  margin: 1px;
  border: 1px solid #aaa;
}

span.page-navi-inner 
{
  padding: 1px;
  min-width:14px;
  line-height:18px;
  text-align:center;
  border: 2px solid #fff;
  font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    border-width:1px;
    font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
    margin:2px 1px;
}

ul#comments-list li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

#commentform
{
  text-align:left;
}

.rtl #commentform
{
  text-align:right;
}

img.wp-smiley
{
  border: none;
  margin: 1px;
  vertical-align:middle;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center; 
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.wp-caption, .wp-caption p
{
    text-align: center;
}

.gallery {
	margin: 0 auto 18px;
    clear:both;
    overflow:hidden;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

.art-content {
  position: relative;
  z-index: 1;   
}

#todays-events{
  position: relative;
  z-index: 11;    
}

#upcoming-events{
  position: relative;
  z-index: 10;    
}

img.wp-post-image 
{
    margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
    list-style-image: none;
    background:none;
    list-style-type:none;
    
}

div.art-footer div.art-content-layout
{
    margin:0 auto;
    width:100%;
}

div.art-layout-cell-size1 
{
    width:100%;
}

div.art-layout-cell-size2 
{
    width:50%;
}
div.art-layout-cell-size3 
{
    width:33%;
}

div.art-layout-cell-size4
{
    width:25%;
}

.art-widget-title
{
    padding:0 0 0 24px;
    margin-bottom:0;
}

div.art-center-wrapper
{
  position: relative;
  float: right;
  right: 50%;

}

div.art-center-inner
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 div.art-center-inner
{
  float: none;
}

.art-hmenu-extra1, .art-hmenu-extra2 {
 font-size:12px;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
    margin:0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

#comments-list #respond {
	margin-left: 30px !important;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	font-size: 12px;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	width: auto;
}

.art-footer .art-widget-title 
{
    font-size:1.2em;
    padding: 0;
}

.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover
{
    text-align: left;
}

DIV[id^="GMPmap"] IMG 
{
    margin: 0px;
}
.site-footer {
    text-align: center;
    margin-top: 40px;
    padding: 20px 0;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}

.site-footer .footer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    gap: 20px;
}

.site-footer .footer-nav li {
    display: inline;
}

.site-footer .footer-nav a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.site-footer .footer-nav a:hover {
    text-decoration: underline;
}
/* Seitenmenü links */
.art-sidebar-left {
    float: left;
    width: 20%;
    padding: 10px;
    box-sizing: border-box;
}

.art-vmenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.art-vmenu li {
    margin-bottom: 5px;
}

.art-vmenu a {
    display: block;
    padding: 8px;
    text-decoration: none;
    background: #f1f1f1;
    border-radius: 4px;
    color: #333;
}

.art-vmenu a:hover {
    background: #ddd;
}
/* 📌 Linkes Seitenmenü – neben dem Inhaltsframe */
.art-sidebar-left {
    float: left;
    width: 220px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 20px;
}

.art-content {
    float: left;
    width: calc(100% - 260px); /* 220px Menü + 40px Abstand */
    box-sizing: border-box;
}

.art-vmenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.art-vmenu li {
    margin-bottom: 5px;
}

.art-vmenu a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    background: #f1f1f1;
    border-radius: 4px;
    color: #333;
    transition: background 0.2s;
}

.art-vmenu a:hover {
    background: #ddd;
}
/* ===========================================================
   📌 Seitenmenü links außerhalb des Inhaltsbereichs
   =========================================================== */

.art-content-layout-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

/* Seitenmenü links */
.art-sidebar-left {
    width: 220px;
    margin-right: 20px;
}

/* Inhaltsbereich */
.art-content {
    flex: 1;
    min-width: 0;
}

/* Navigation innerhalb der Sidebar */
.art-sidebar-left .art-hmenu,
.art-sidebar-left .art-hmenu-extra1 {
    display: block;
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
}
.art-sidebar-left .art-hmenu li {
    display: block;
    margin-bottom: 5px;
}
.art-sidebar-left .art-hmenu li a {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    background: #eee;
    border-radius: 4px;
}
.art-sidebar-left .art-hmenu li a:hover {
    background: #ddd;
}
/* ===== Layout: Linkes Menü neben dem Inhalts-Rahmen ===== */
.layout-with-leftmenu {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;          /* Gesamtbereich zentrieren */
    margin: 15px auto;
    max-width: 1460px;                /* 1200 + 220 + Lücken */
    padding: 0 10px;
}

/* Linke Menüspalte (außerhalb des Rahmens) */
.leftmenu {
    width: 220px;                     /* feste Breite fürs Seitenmenü */
    flex: 0 0 220px;
}

/* Der bekannte Artisteer-Rahmen nun rechts daneben und breiter */
.art-sheet {
    width: 1200px;                    /* wie gewünscht starten wir mit 1200px */
    max-width: 100%;
}

/* Optional: Überschrift & Slogan im Header mittig */
.site-title {
    margin: 0;
    text-align: center;
    font-size: 28px;
    font-variant: small-caps;
}
.site-title a {
    text-decoration: none;
    color: #F7EC8D; /* harmoniert mit deinem Design */
}
.site-tagline {
    text-align: center;
    margin: 4px 0 0;
}

/* Menü (art-vmenu) etwas ruhiger */
.art-vmenu { margin: 0; padding: 0; list-style: none; }
.art-vmenu li { margin: 0 0 6px; }
.art-vmenu a {
    display: block;
    padding: 8px 10px;
    background: #f1f1f1;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    transition: background .2s ease;
}
.art-vmenu a:hover { background: #ddd; }

/* Responsiv etwas zusammenrücken */
@media (max-width: 1100px) {
    .layout-with-leftmenu {
        flex-direction: column;
        align-items: stretch;
        max-width: 100%;
    }
    .leftmenu {
        width: 100%;
        flex: 0 0 auto;
        order: 0;
    }
    .art-sheet {
        width: auto;
        order: 1;
    }
}
/* ===== Layout: Linke Sidebar + Inhaltsblock nebeneinander ===== */
.layout-with-leftsidebar {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    max-width: 1460px;
    margin: 20px auto;
    padding: 0 10px;
}

.left-sidebar {
    flex: 0 0 220px;        /* feste Breite */
}

.art-sheet {
    width: 1200px;          /* Content bekommt mehr Platz */
    max-width: 100%;
}

/* Responsiv: Sidebar nach oben klappen */
@media (max-width: 1100px) {
    .layout-with-leftsidebar {
        flex-direction: column;
        max-width: 100%;
    }
    .left-sidebar {
        width: 100%;
    }
    .art-sheet {
        width: auto;
    }
}
/* ✅ Seitenlayout mit Menü links */
.layout-wrapper {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    gap: 20px;
}

.sidebar-left {
    width: 220px;
    flex-shrink: 0;
}

.side-menu-container {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}

.side-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu li {
    margin-bottom: 5px;
}

.side-menu a {
    display: block;
    padding: 8px 10px;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}

.side-menu a:hover {
    background: #eee;
}

.main-content {
    flex: 1;
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}


/* Begin Additional CSS Styles */

/* End Additional CSS Styles */