/* Style sheet contao */
body { position:relative;margin:0;padding:0;text-align:left}
form{margin:0;padding:0}
img{border:0}
#left{float:left}
#right{float:right}
.block{overflow:hidden}
.clear, #clear { height:.1px;clear:both;font-size:.1px;line-height:.1px }
.invisible
{ width: 0; height: 0; left: -999em; position: absolute; overflow: hidden; display: inline; top: -999em }

/* Style sheet style */
html,body
{ margin:0; padding:0; text-align:left; font:100% myriad pro,arial,sans-serif }
h1,h2,h3,h4,h5,h6,div,span,p,input,textarea,select,ul,ol,li
{ margin:0; padding:0; text-align:left; font-size: 1em; line-height: 1.333; }
.info time { font-size: 1.25em; font-family: monospace; color: #a6a7a8; }

#bgHeader,#bgHome
{ width: 100%; height: 300px; left: 0; top:0; position: absolute; overflow: hidden;
  clear: none; margin: 0 auto; padding: 0; z-index: -1;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#bgHome { height: 951px }
#bgHeader .inside, #bgHome .inside { position: absolute; top: 0; right: 0; }

#wrapper
{ position: relative; float:none; clear:both; display: block; width: 1268px;
  margin: 0 auto; padding: 0; overflow: hidden; }
.no-mediaqueries #wrapper { width: 100%; max-width: 1268px; }
.inside
{ width:100%; overflow: hidden; float:left; clear: both; display:block; margin: 0; padding: 0; }

#header
{ position: relative; float: left; clear: both; display: block; height: 300px; width: 100%;
  padding: 0; z-index: 9; 
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.home #header { height: auto; }
#header .inside
{ float: left; clear: both; display: block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* TOP MENU, CHANGE FONTS */
#topMenu
{ position: absolute; top: 103px; right: 20px; display: block; float: right; clear: both;
  padding: 8px 16px; overflow: hidden; z-index: 9; text-align: right; font-size: .875em;
  background-color: #BDCE33;
  background: transparent -webkit-gradient(linear, top, bottom, from(#BDCE33), to(#BDCE33) 20px, to(rgba(189, 206, 51, 0.4)));
  background: transparent -webkit-linear-gradient(top, #BDCE33 20px, rgba(189, 206, 51, 0.4));
  background: transparent -moz-linear-gradient(top, #BDCE33 20px, rgba(189, 206, 51, 0.4));
  background: transparent -ms-linear-gradient(top, #BDCE33 20px, rgba(189, 206, 51, 0.4));
  background: transparent -o-linear-gradient(top, #BDCE33 20px, rgba(189, 206, 51, 0.4));
  background: transparent linear-gradient(top, #BDCE33 20px, rgba(189, 206, 51, 0.4)); }
#topMenu ul { float: left; display: inline-block; clear: none; }
#topMenu li
{ float: left; clear: none; display: inline; font-size: 1em; line-height: 1.25em }
#topMenu a, #topMenu a:link,#topMenu a:visited,#topMenu span
{ margin-right: 8px; padding-right: 7px; border-right: 1px solid #636466;
  text-decoration: none; color: #636466;
  -webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease; -ms-transition: color 0.4s ease;
  transition: color 0.4s ease}
#topMenu span,#topMenu a:hover { border-right:1px solid #d51035 }
#topMenu span,#topMenu a:hover,#changeFonts span:hover {color:#d51035}
#topMenu span {line-height:1em}
#topMenu #changeFonts { float: right; padding-left: 0; }
#changeFonts li
{ padding-left: 10px; color:#636466; cursor: pointer;
  -webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;
  -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease;
  transition: color 0.4s ease; }

#header-bottom
{ float: left; clear: both; display: block; width: 100%; overflow: hidden;
  background-color: #cd1543; background-color: rgba(205,21,60,0.85);
  background: transparent -webkit-gradient(linear, left top, right top, from(rgba(205,21,60,0.85)), to(rgba(255,0,42,0.85)));
  background: transparent -webkit-linear-gradient(left, rgba(205,21,60,0.85), rgba(255,0,42,0.85));
  background: transparent -moz-linear-gradient(left top, rgba(205,21,60,0.85), rgba(255,0,42,0.85));
  background: transparent -ms-linear-gradient(left top, rgba(205,21,60,0.85), rgba(255,0,42,0.85));
  background: transparent -o-linear-gradient(left top, rgba(205,21,60,0.85), rgba(255,0,42,0.85));
  background: transparent linear-gradient(left top, rgba(205,21,60,0.85), rgba(255,0,42,0.85));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cd1543', EndColorStr='#ff002a'); }
.flexbox #header-bottom
{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;
  -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.no-flexbox #header-bottom { height: 120px; }
#logo
{ height: 90px; overflow: hidden; float: left; clear: left;
  display: inline-block; padding: 20px 56px 10px 20px;
  background-color: rgba(255,255,255, 0.9); }
.flexbox #logo
{ -webkit-flex: 0 0 80px; -moz-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
.no-flexbox #logo { width: 80px; }
.no-mediaqueries.no-flexbox #logo
{ min-width: 100px; max-width: 156px; width: 20%; height: 120px; overflow: hidden;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#siteTitles
{ float: left; clear: right; padding: 35px 20px 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.flexbox #siteTitles { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.no-mediaqueries.no-flexbox #siteTitles { max-width: 80%; overflow: hidden; }
#siteTitles h1, #siteTitles h2 { float: left; clear: both; display: block; }
#siteTitles h1 a:link, #siteTitles h1 a:visited, #siteTitles h1 a:active, #siteTitles h1 a:hover
{ font: 1.75em/1.25em warnock-pro,serif; font-weight:normal; text-decoration:none;
  color: #FFF; text-transform: uppercase; letter-spacing: 0.25em }
#siteTitles h2
{ font: 1.25em/1.5em warnock-pro,serif; font-weight:normal;
  color:#bdce33; letter-spacing: 0.25em }

/*
 * MAIN MENU
 */
#mainMenu
{ float: left; clear: both; display: block; width: 100%; overflow: hidden;
  padding: 10px 0 0 20px; background-color: #fdfdfd;
  background: transparent -webkit-gradient(linear, left top, 550px top, from(#dde1e9), to(#fdfdfd));
  background: transparent -webkit-linear-gradient(left top , rgba(221, 225, 233, 0.9), rgba(221, 225, 233, 0.75) 600px, rgba(240,240,240, 0.4));
  background: transparent -moz-linear-gradient(left top , rgba(221, 225, 233, 0.9), rgba(221, 225, 233, 0.75) 600px, rgba(240,240,240, 0.4));
  background: transparent -ms-linear-gradient(left top , rgba(221, 225, 233, 0.9), rgba(221, 225, 233, 0.75) 600px, rgba(240,240,240, 0.4));
  background: transparent -o-linear-gradient(left top , rgba(221, 225, 233, 0.9), rgba(221, 225, 233, 0.75) 600px, rgba(240,240,240, 0.4));
  background: transparent linear-gradient(left top , rgba(221, 225, 233, 0.9), rgba(221, 225, 233, 0.75) 600px, rgba(240,240,240, 0.4));
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#mainMenu li { float: left; clear: none; display: inline; padding: 10px 10px 10px 0; }
#mainMenu li.first {padding-left: 0; background: none }
#mainMenu li.last { padding-right: 0; }
#mainMenu a:link,#mainMenu a:visited,#mainMenu span
{ float: left; padding-right: 8px; border-right: 2px ridge #636466;
  font-size: 1em; text-decoration:none; color:#636466; letter-spacing: 1px;
  text-transform: uppercase; font-weight: normal; line-height: 1.5em;
  -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease;
  -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease}
#mainMenu a.first,#mainMenu span.first{padding-left:0}
#mainMenu a:hover,#mainMenu span,#mainMenu li.trail a
{ border-right: 2px ridge #d51035; color:#d51035 }
#mainMenu a.last { border: 0 none; }
.mod_breadcrumb
{ position:relative; float:left; clear:left; padding: 5px 20px 5px;
  font-size:.75em; line-height: 1.333em; color:#5a5b5b; z-index: 1;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mod_breadcrumb ul { float: left; display: inline-block; list-style: none; }
.mod_breadcrumb li { float: left; display: inline; }
.mod_breadcrumb a,.mod_breadcrumb a:link,.mod_breadcrumb a:visited,.mod_breadcrumb a:active
{ float:left;clear:none;display:inline;margin-right: 10px; padding-right: 10px;
  background-image:url("../../tl_files/design/sprite.png");background-repeat:no-repeat;
  text-decoration:none;color:#5a5b5b;background-position: right -98px}


.mod_search {width:175px;height:23px;overflow:hidden;float:right;clear:right;display:inline-block;margin-top:15px;margin-bottom:12px;border:1px solid #d0d0d0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mod_article .mod_search{width:407px;height:auto;overflow:hidden;float:left;clear:both;display:inline;margin:0;border:0px hidden}
.mod_search .formbody{width:100%;height:21px;overflow:hidden;float:left;clear:both;display:block;border:1px solid #adadad;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mod_search input{width:146px;height:19px;float:left;clear:none;display:inline;border:0px;font-size:.75em;color:#5a5b5b;background: transparent -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#e6e7e8));background: transparent -webkit-linear-gradient(left, #ffffff, #e6e7e8);background: transparent -moz-linear-gradient(top, #ffffff, #e6e7e8);background: transparent -ms-linear-gradient(top, #ffffff, #e6e7e8);background: transparent -o-linear-gradient(top, #ffffff, #e6e7e8);background: transparent linear-gradient(left, #ffffff, #e6e7e8);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e6e7e8');-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mod_search input.text{width:121px;padding-top:1px;padding-right:4px;padding-left:4px;border-right:1px solid #adadad}
.mod_search input.submit{width:49px;margin-left:1px;padding-left:19px;background-image:url("../../tl_files/design/sprite.png");background-repeat:no-repeat;font-weight:bold;text-transform: uppercase;cursor: pointer;background-position: -165px -140px}
.mod_search .header,.mod_search article,.mod_search .pagination
{width:407px;overflow:hidden;float:left;clear:both;display:block}
.mod_search .highlight{font-weight:bold;font-style:italic}
.mod_search footer{margin-bottom:1.5em}

.pagination ul{float:right;padding:0}
.pagination p{float:left;clear:none;display:inline-block;margin-bottom:0}
.pagination li{float:left;clear:none;display:inline;margin-right:5px}


/*
 * CONTAINER
 */
#container
{ width: 100%; padding-bottom: 20px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.home #container
{ background-color: transparent; border-bottom: 0 none;
  -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

/* Flexbox */
.flexbox #container
{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;
  -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;
  -webkit-justify-content: space-between; -moz-justify-content: space-between;
  -ms-justify-content: space-between; justify-content: space-between;
  min-height: 400px; }
.flexbox #main
{ -webkit-flex: 0 0 722px; -moz-flex: 0 0 722px; -ms-flex: 0 0 722px; flex: 0 0 722px;
  -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; }
.flexbox #left
{ -webkit-flex: 0 0 254px; -moz-flex: 0 0 254px; -ms-flex: 0 0 254px; flex: 0 0 254px;
  -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; }
.flexbox #right
{ -webkit-flex: 0 0 292px; -moz-flex: 0 0 292px; -ms-flex: 0 0 292px; flex: 0 0 292px;
  -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; }
#main .inside, #left .inside
{ width: 100%; padding: 20px;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#left .inside { padding: 0; }

/* NO Flexbox */
.no-flexbox #container { float: left; clear: both; display: block; }
.no-flexbox #main, .no-flexbox #left, .no-flexbox #right
{ margin-bottom: -999em; padding-bottom: 999em; }
/* No Flexbox and no media queries */
.no-flexbox #main, .no-mediaqueries #main,
.no-flexbox #left, .no-mediaqueries #left,
.no-flexbox #right, .no-mediaqueries #right
{ float: left; display: inline-block; clear: none; }
.no-flexbox .home #right, .no-mediaqueries .home #right { float: right; }
.no-mediaqueries #main { width: 55%; }
.no-mediaqueries #left { width: 20%; }
.no-mediaqueries #right { width: 25%; }

/*
 * LEFT
 */
#left
{ width: 254px; padding: 0 0 20px; overflow: hidden;
  background: #bdce33 url("/tl_files/design/bg_left.png") no-repeat 0 93px;
  line-height: 1.5em; color: #5a5b5b; }

#left .module-header, #right .module-header
{ width: 100%; overflow:hidden;float:left;clear:both;display:block;
  padding: 0 20px;
  font-size: 1.125em; font-weight:normal; color:#5a5b5b;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#left .module-header h1, #right .module-header h1 {text-align:center;line-height: 2em}
#left .module-header a, #right .module-header a
{ text-decoration:none;color:#5A5B5B;
  -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;
  transition: all 0.4s}
#left .module-header a:hover, #right .module-header a:hover
{text-decoration:none;color:#d51035}
#left p, #left footer, #left figcaption,
#right p, #right footer, #right figcaption
{ overflow:hidden; float:none; clear:both; display:block; font-size: .8125em; font-style:italic;
  font-family: Arial, sans-serif; }
#left header p, #right header p { font-size: 1em; font-style: normal; }
#left .info time, #right .info time { color: #818282; font-size: 1em; }
#left article h1, #right article h1
{overflow:hidden;float:left;clear:both;display:block; padding: 0.333em 0; font-size: 1em; font-weight:bold}
#left article header a, #left article header a:link, #left article header a:visited,
#left article header a:active, #left article header a:hover,
#right article header a, #right article header a:link, #right article header a:visited,
#right article header a:active, #right article header a:hover
{font-size:1em;text-decoration:none;color:#5a5b5b}
#left .more a,#left .more a:link,#left .more a:visited,#left .more a:active,#left .more a:hover,
#right .more a,#right .more a:link,#right .more a:visited,#right .more a:active,#right .more a:hover
{ padding-right:12px;
  background-image:url("../../tl_files/design/sprite.png");
  background-position:right center;background-repeat:no-repeat;
  text-decoration:none;color:#5a5b5b;
  background-position: right -97px; }
#left img, #right img { max-width: 100%; height: auto; }


#submenu { font-size: 1.125em; }
#submenu li { line-height:1.5em; list-style-type:none}
#submenu > ul {
    float: left; width: 100%; padding: 20px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#submenu a, #submenu a:link, #submenu a:visited, #submenu span
{ float: left; clear: both; display: block; margin-top: 20px; padding-left: 4px;
  font-weight: normal; border-left: 3px solid transparent;
  -webkit-transition: border 0.3s ease;-moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease; -o-transition: border 0.3s ease; transition: border 0.3s ease }
#submenu span,#submenu a:hover
{ margin-left: 0; padding-left: 4px; border-left-color: #FFF }
#submenu .level_3 a, #submenu .level_3 a:link, #submenu .level_3 a:visited, #submenu .level_3 span
{ margin: 0; padding: 0 16px 0 7px; font-weight: normal; color: #fff; border: 0 none }
#submenu .level_3 span,#submenu .level_3 a:hover
{ background: url("../../tl_files/design/sprite.png") no-repeat 100% 3px; }
#submenu a,#submenu a:link,#submenu a:visited { text-decoration: none; color: #5a5b5b }
#submenu .level_3 a,#submenu .level_3 a:link,#submenu .level_3 a:visited {color: #FFF }

#left .mod_newslist { padding: 20px 0; background-color: #e6e7e8; }

/*
 * RIGHT
 */
#right { width: 292px; background-color: #e6e7e8; color:#5a5b5b; overflow: hidden; }
#right .inside { padding: 20px 0 0; }
#right .module-header { background-color: #BDCE33; }
.mod_eventlist article, .mod_newslist article, .mod_klas article, #right .empty, .dohodnina, #right form
{ width:100%; overflow:hidden;float:left;clear:both;display:block;
  padding: 10px 20px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mod_newslist,.mod_eventlist,.mod_klas
{ float: left; clear:both; display:block; width: 100%; padding-bottom: 10px; }
.mod_article .mod_eventlist article,.mod_article .mod_newslist article
{width:auto;float:none;clear:both;display:block;margin-bottom:1.5em;padding:0}
.mod_article .mod_eventlist div.header, .mod_article .mod_eventlist div.event
{ float: left; clear: both; display: block; width: 100%; }
.mod_article .mod_eventlist div.header
{overflow:hidden;padding-top:20px;padding-bottom:10px}
.mod_article .mod_eventlist div.header.first
{overflow:hidden;float:left;clear:both;display:block;padding-top:0}
.mod_article .event{padding-bottom:15px}
.dohodnina { padding: 20px; text-align: center; font-size: 1em/1.5em; color: #5a5b5b; }
#right .image_container { margin: 10px 0; }
#right .image_container.float_above,
.layout_latest header { display: block; float: left; clear: both; width: 100%; overflow: hidden; }

/*
 * MAIN
 */
#main { width: 722px; overflow: hidden; }
#main .inside { padding-right: 58px; padding-left: 58px; }
.mod_article { float:left;clear:both;display:block; }
#main .mod_article
{ position: relative; width: 100%; padding-top: 20px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#main .pdf_link { position: absolute; right: 0; }
#main h2, #main header h1 { padding-bottom: .75em; font-size: 1.5em; font-weight: normal;}
#main h3 { padding-bottom:1em; font-size:1.25em; line-height: 1.5em}
#main p, #main ul, #main figcaption { font-family: Arial, sans-serif; font-size: 0.875em; }

/*#left,#right,#main{margin-bottom:-999em;padding-bottom:999em}*/

.mod_article p { padding-bottom:1.5em;text-align:justify;line-height:1.5em }
.mod_article p.info { padding: .5em 0; }
.mod_article ul,.mod_article ol{padding-bottom:2.4em;padding-left:1.5em;line-height:1.5em}
.mod_article ol ul,.mod_article ol ol,.mod_article ul ol,.mod_article ul ul
{padding-top:.333em;padding-bottom:.333em}
.mod_article li{line-height:1.5}

.mod_article table
{padding-bottom:2.4em;border-collapse:collapse;line-height:1.5em;border-spacing: 0;table-layout: fixed}
.mod_article tr
{ background-color: transparent;
  -webkit-transition: background-color 0.4s ease;-moz-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease}
.mod_article tr:hover{background-color:#E6E7E8}
.mod_article th,.mod_article td
{padding-top:.74em;padding-right:1em;padding-bottom:.75em;vertical-align:top;border-top:.1em solid #ccc}
.mod_article .ce_gallery th,.mod_article .ce_gallery td
{padding:0;vertical-align:baseline;border: none}
.mod_article table p{padding-bottom:0}
.mod_article a,.mod_article a:link,.mod_article a:visited,.mod_article a:active,.mod_article a:hover
{text-decoration:underline;color:#5a5b5b}
.mod_article img { max-width: 100%; height: auto; }
.image_container.float_below, .image_container.float_above {
    float: left; clear: both; width: 100%; padding: 1em; margin: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#main .mod_article .mod_newslist article {
    margin-bottom: 2.4em; padding-bottom: 2.4em; border-bottom: 1px dashed #a6a7a8;
}


/* Galery */
.ce_gallery
{ width:100%;float:left;clear:both;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ce_gallery tr:hover{background: transparent}
.mod_article .ce_gallery ul
{ width:100%;overflow:hidden;float:left;clear:both;display:block;padding-left:0;list-style-type:none;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.ce_gallery li
{ width:20%;overflow:hidden;float:left;clear:none;display:inline-block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.ce_gallery li.col_first{clear:left}
.ce_gallery .col_first .image_container{padding-left:0}
.ce_gallery .col_last .image_container{padding-right:0}
.ce_gallery a,.ce_gallery a:link,.ce_gallery a:visited,.ce_gallery a:active
{opacity: 0.8;-webkit-transition: opacity 0.4s ease, box-shadow 0.4s ease;-moz-transition: opacity 0.4s ease, box-shadow 0.4s ease;-o-transition: opacity 0.4s ease, box-shadow 0.4s ease;transition: opacity 0.4s ease, box-shadow 0.4s ease}
.ce_gallery a:hover{opacity: 1;-webkit-box-shadow: 0 0 15px #CCC; -moz-box-shadow: 0 0 15px #CCC;-o-box-shadow: 0 0 15px #CCC; box-shadow: 0 0 15px #CCC}
.ce_gallery img{}
.ce_gallery .image_container { margin-top:0;margin-right:auto;margin-left:auto;padding:5px;text-align:center }

/*
 * Weekly menu
 */
.mod_weeklymenu table {
    float: left; clear: both; width: 100%; margin-bottom: 2.4em; line-height: 1.5;
    border-collapse: collapse; border-spacing: 0; table-layout: fixed;
}
.mod_weeklymenu caption {
    padding: .25em; background-color: #bdce33; color: #5a5b5b;
}
.mod_weeklymenu .active caption { color: #d51035; }
.mod_weeklymenu tr {
    padding: .125em; background-color: transparent;
    -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;
}
.mod_weeklymenu tr:hover, .mod_weeklymenu .active tr { background-color: #E6E7E8; }
.mod_weeklymenu th, .mod_weeklymenu td {
    padding: .49em 1em .5em; border-top: 0.1em solid #cccccc; 
    vertical-align: top;
}
.mod_weeklymenu th {
    width: 20%; min-width: 125px; font-size:.875em;
}
#main .mod_weeklymenu .allergens { color: #999; font-size: .75em; padding: .5em 0 1em; }
#main .mod_weeklymenu .allergens:last-child { padding-bottom: 0; }

.mod_weeklymenu_nav
{ float: left; clear: both; width: 100%; margin-bottom: 2.4em; padding: 20px 20px 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mod_weeklymenu_nav li {
    line-height: 1.5; list-style-type: none;
}
.mod_weeklymenu_nav a {
    display: block; float: left; clear: both; margin-top: 10px; padding-left: 4px;
    font-weight: normal; color: #5A5B5B; text-decoration: none;
    border-left: 3px solid transparent;
}
.mod_weeklymenu_nav a.active, .mod_weeklymenu_nav a:hover
{ border-left-color: #fff; }
    
/* BLOCKQUOTE */
blockquote {
    margin: 1.5em 10px; padding: 0.5em 10px;
    background: #f9f9f9; border-left: 10px solid #ccc; font-style: italic;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    margin-right: 0.25em; vertical-align: -0.4em;
    color: #ccc; font-size: 4em; line-height: 0.1em;
    content: open-quote;
}
blockquote p { font-style: italic; }
blockquote p:first-of-type {
  display: inline;
}

/*
 * Login
 */
.mod_login .formbody { float: left; width: 100%; padding: .5em 0; box-sizing: border-box; } 
.mod_login label, .mod_login input {
    float: left; clear: both; width: 100%;
}
.mod_login label {
    padding-bottom: .25em;
}
.mod_login input {
    margin-bottom: .75em; padding: .25em .5em; border-radius: 0; box-sizing: border-box; border: 1px solid #b1b2b4;
}
.mod_login input.submit {
    margin-top: .5em; padding: .25em; text-align: center;
    transition: background-color .3s;
}
.mod_login input.submit:hover { background-color: #bdce33 }

#menu-member { float: left; width: 100%; }
#menu-member ul { float: left; width: 100%; padding: 20px; box-sizing: border-box; }    
#menu-member li { float: left; line-height: 1.5em; list-style-type: none; padding-bottom: .75em; }
#menu-member a { float: left; text-decoration: none; color: #5a5b5b; padding: .25em; }

.mod_changePassword .widget, .mod_changePassword label, .mod_changePassword input { display: block; float: left; clear: both; }
.mod_changePassword .widget { margin-bottom: 1.25em; }
.mod_changePassword label { padding-bottom: .25em }
.mod_changePassword input { padding: 0.25em 0.5em; border: 1px solid #b1b2b4; } 
.mod_changePassword input.submit { margin-top: .5em; padding: .25em; transition: background-color .3s; cursor: pointer }
.mod_changePassword input.submit:hover { background-color: #bdce33 }


/*
 * FOOTER
 */
#footer
{ width: 100%; float: left; clear: both; display: block; font-size: .8125em; }
#footer .inside { padding: 20px 0; color:#818284; }
#footer .inside, #contact, #authors
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .protected { float: left; width: 254px; padding: 0 20px; box-sizing: border-box; }
#footer .protected a, #footer .protected a:link, #footer .protected a:visited { text-decoration: none; color: #818284; }
#contact { float: left; width: 722px; padding: 0 58px; text-align: center; }
#contact div { display: inline }
#contact a, #contact a:link, #contact a:visited { text-decoration: none; color: #818284; }
#authors { float:right; width: 292px; padding: 0 20px; }
#authors a:link,#authors a:visited,#authors a:hover
{ float:left; clear:both; display:block; color:#818284;}


@media screen and (max-width: 1268px) {
    #bgHeader .inside, #bgHome .inside { right: 50%; float: right; width: auto; overflow: visible; }
    #bgHeader img, #bgHome img { position: relative; right: -50%; }
    #wrapper { width: 100%; }
    .flexbox #main { flex-basis: 55%; }
    .flexbox #left { flex-basis: 20%; }
    .flexbox #right { flex-basis: 25%; }    
    #footer .inside { padding-left: 20%; }
    #authors { width: 32%; }
    #contact { width: 68%; }
    /* NO FLEXBOX */
    .no-flexbox #main, .no-flexbox #left, .no-flexbox #right
    { float: left; display: inline-block; clear: none; }
    .no-flexbox #main { width: 55%; }
    .no-flexbox #left { width: 20%; }
    .no-flexbox #right { width: 25%; }
}
@media screen and (max-width: 1024px) {
    #mainMenu a:link, #mainMenu a:visited, #mainMenu span { letter-spacing: 0; text-transform: normal; }
    #header-bottom h1 a:link, #header-bottom h1 a:visited,
    #header-bottom h1 a:active, #header-bottom h1 a:hover { letter-spacing: 3px; }
    #main { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; }
    #left { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; }
    #right { -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; }
    .flexbox #main
    { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%;
      margin-bottom: 0; }
    #main .inside { padding: 20px; }
    #left .inside { padding: 0 20px; }
    #main .mod_article, #right .inside { padding-top: 0; }
    .flexbox #left, .flexbox #right
    { -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-basis: 48%; flex-basis: 48%; }
    #left, #submenu { min-height: 0px; }
    #footer .inside { padding-left: 0; }
    #authors, #contact { width: 49%; }
    #contact { float: left; text-align: left; padding: 0 20px; }
    #authors a:link, #authors a:visited, #authors a:hover { float: right; }
}
@media screen and (max-width: 880px) {
    #header-bottom h1 a:link, #header-bottom h1 a:visited, #header-bottom h1 a:active, #header-bottom h1 a:hover
    { letter-spacing: 1px; }
    .no-flexbox #logo { width: 15%; padding-right: 20px; }
    .no-flexbox #siteTitles { width: 75%; }
    .no-flexbox #container { position: relative; }
    .no-flexbox #left, .no-flexbox #main, .no-flexbox #right
    { clear: both; width: 100%; margin-bottom: 20px; padding-bottom: 20px; }
    .no-flexbox #submenu .level_2 a, .no-flexbox #submenu .level_2 a:link,
    .no-flexbox #submenu .level_2 a:visited, .no-flexbox #submenu .level_2 span
    { display: inline; clear: none; margin-right: 20px; }
}
@media screen and (max-width: 768px) {
    #bgHeader .inside { right: 0; width: 100%; height: 115px; overflow: hidden; }
    #bgHeader img { position: static; right: 0; bottom: 0; width: 100%; }
    #header { height: auto; padding-top: 110px; }
    #topMenu
    { position: static; top: 0; right: 0; float: left; width: 100%; margin: 0;
      padding: 10px 20px; background: #fff;
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #topMenu a, #topMenu a:link,#topMenu a:visited,#topMenu span
    { padding-right: 9px; margin-right: 10px; }
    #logo { background-color: #fff; }
    .flexbox #logo { height: auto; padding-right: 20px; }
    #siteTitles { padding-top: 20px; }
    .flexbox #left, .flexbox #right
    { margin-bottom: 20px;
      -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; }
    #left { background-position: 0 20px; }
    .flexbox #submenu .level_2 a, .flexbox #submenu .level_2 a:link,
    .flexbox #submenu .level_2 a:visited, .flexbox #submenu .level_2 span
    { display: inline; clear: none; margin-right: 20px; }
    #authors, #contact { width: 100%; clear: both; float: left; }
    #authors { padding-top: 20px; }
    #authors a:link, #authors a:visited, #authors a:hover { float: left; }
}
@media screen and (max-width: 480px) {
    #bgHeader .inside { height: 75px; }
    #header { padding-top: 75px; }
    #topMenu #changeFonts { display: none; }
    .flexbox #logo, .no-flexbox #logo { padding: 10px 0; text-align: center; }
    .flexbox #logo, .flexbox #siteTitles
    { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; }
    .no-flexbox #header-bottom { height: auto; }
    .no-flexbox #logo, .no-flexbox #siteTitles { width: 100%; clear: both; }
    #logo img { height: 60px; width: 56px; }
}

/*
 * PRINT
 */
@media print {
    #wrapper { width: 100%; margin: 0; }
    #bgHeader, #bgHome, #topMenu, #mainMenu, #left, .flexbox #left, #right, .flexbox #right, .pdf_link, #authors {
        visibility: hidden; display: none; width: 0; height: 0; overflow: hidden;
    }
    #header { height: auto; }
    #header-bottom, #logo { background: transparent; }
    #logo { height: auto; padding-left: 0; padding-right: 30px; }
    #logo img { width: 56px; height: 60px; }
    #siteTitles { padding-right: 0; }
    #siteTitles h1 a:link, #siteTitles h1 a:visited, #siteTitles h1 a:active, #siteTitles h1 a:hover {
        color: #000; font-size: 1.25em; letter-spacing: .1em;
    }
    #siteTitles h2 { font-size: 1em; letter-spacing: .1em; }
    #container, .flexbox #container
    { display: block; float: left; clear: both; min-height: auto;
      -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    #main, .flexbox #main { display: block; float: left; clear: both; width: 100%; }
    #main .inside { padding: 20px 0 0; }
    #footer .inside { padding: 0; }
    #contact { width: 100%; padding: 0; }
}