#ASN-main
{
  background: #ABABA0 url('../images/page.jpeg') top center fixed;
  margin: 0 auto;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  overflow: hidden;
}

table, ul.ASN-hmenu
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

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

.ASN-button
{
  border: 0;
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #A1ADBA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
  height: 24px;
}

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

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

.ASN-postcontent p
{
  margin: 13px 0;
}

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

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

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

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

.ASN-postcontent h1
{
  color: #434F5B;
  margin: 10px 0 0;
  font-size: 26px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h1
{
  margin: 10px 0 0;
  font-size: 26px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h1 a, .ASN-postcontent h1 a:link, .ASN-postcontent h1 a:hover, .ASN-postcontent h1 a:visited, .ASN-blockcontent h1 a, .ASN-blockcontent h1 a:link, .ASN-blockcontent h1 a:hover, .ASN-blockcontent h1 a:visited
{
  font-size: 26px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h2
{
  color: #576675;
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h2
{
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h2 a, .ASN-postcontent h2 a:link, .ASN-postcontent h2 a:hover, .ASN-postcontent h2 a:visited, .ASN-blockcontent h2 a, .ASN-blockcontent h2 a:link, .ASN-blockcontent h2 a:hover, .ASN-blockcontent h2 a:visited
{
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h3
{
  color: #C84504;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h3
{
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h3 a, .ASN-postcontent h3 a:link, .ASN-postcontent h3 a:hover, .ASN-postcontent h3 a:visited, .ASN-blockcontent h3 a, .ASN-blockcontent h3 a:link, .ASN-blockcontent h3 a:hover, .ASN-blockcontent h3 a:visited
{
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h4
{
  color: #364759;
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h4
{
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h4 a, .ASN-postcontent h4 a:link, .ASN-postcontent h4 a:hover, .ASN-postcontent h4 a:visited, .ASN-blockcontent h4 a, .ASN-blockcontent h4 a:link, .ASN-blockcontent h4 a:hover, .ASN-blockcontent h4 a:visited
{
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h5
{
  color: #364759;
  margin: 10px 0 0;
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h5
{
  margin: 10px 0 0;
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h5 a, .ASN-postcontent h5 a:link, .ASN-postcontent h5 a:hover, .ASN-postcontent h5 a:visited, .ASN-blockcontent h5 a, .ASN-blockcontent h5 a:link, .ASN-blockcontent h5 a:hover, .ASN-blockcontent h5 a:visited
{
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h6
{
  color: #5E7C9C;
  margin: 10px 0 0;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-blockcontent h6
{
  margin: 10px 0 0;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-postcontent h6 a, .ASN-postcontent h6 a:link, .ASN-postcontent h6 a:hover, .ASN-postcontent h6 a:visited, .ASN-blockcontent h6 a, .ASN-blockcontent h6 a:link, .ASN-blockcontent h6 a:hover, .ASN-blockcontent h6 a:visited
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

header, footer, article, nav, #ASN-hmenu-bg, .ASN-sheet, .ASN-slidenavigator > a, .ASN-checkbox:before, .ASN-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%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html
{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body
{
  padding: 0;
  margin: 0;
  min-width: 1000px;
  color: #1F2833;
}

.ASN-header:before, #ASN-header-bg:before, .ASN-layout-cell:before, .ASN-layout-wrapper:before, .ASN-footer:before, .ASN-nav:before, #ASN-hmenu-bg:before, .ASN-sheet:before
{
  width: 100%;
  content: " ";
  display: table;
}

.ASN-header:after, #ASN-header-bg:after, .ASN-layout-cell:after, .ASN-layout-wrapper:after, .ASN-footer:after, .ASN-nav:after, #ASN-hmenu-bg:after, .ASN-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, .ASN-postcontent li h1, .ASN-blockcontent li h1
{
  margin: 1px;
}

li h2, .ASN-postcontent li h2, .ASN-blockcontent li h2
{
  margin: 1px;
}

li h3, .ASN-postcontent li h3, .ASN-blockcontent li h3
{
  margin: 1px;
}

li h4, .ASN-postcontent li h4, .ASN-blockcontent li h4
{
  margin: 1px;
}

li h5, .ASN-postcontent li h5, .ASN-blockcontent li h5
{
  margin: 1px;
}

li h6, .ASN-postcontent li h6, .ASN-blockcontent li h6
{
  margin: 1px;
}

li p, .ASN-postcontent li p, .ASN-blockcontent li p
{
  margin: 1px;
}

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

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

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

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

.ASN-footer .layout-item-0
{
  margin-left: 0px;
}

.ie7 .ASN-post .ASN-layout-cell
{
  border: none !important;
  padding: 0 !important;
}

.ie6 .ASN-post .ASN-layout-cell
{
  border: none !important;
  padding: 0 !important;
}

.ASN-header
{
  margin: 0 auto;
  background-repeat: no-repeat;
  height: 250px;
  background-image: url('../images/header.png');
  background-position: 0 0;
  position: relative;
  width: 1000px;
  z-index: auto !important;
}

.custom-responsive .ASN-header
{
  background-image: url('../images/header.png');
  background-position: 0 0;
}

.default-responsive .ASN-header, .default-responsive #ASN-header-bg
{
  background-image: url('../images/header.png');
  background-position: center center;
  background-size: cover;
}

.ASN-header>div.ASN-nostyle, .ASN-header>div.ASN-block, .ASN-header>div.ASN-post
{
  position: absolute;
  z-index: 101;
}

.ASN-nav
{
  background: url('../images/nav.png') repeat-x scroll;
  margin: 0 auto;
  position: relative;
  z-index: 499;
}

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

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

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

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

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

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

ul.ASN-hmenu
{
  display: inline-block;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px;
}

.ASN-nav-inner:before
{
  content: ' ';
}

.ASN-nav-inner
{
  text-align: left;
  margin: 0 auto;
}

.desktop  .ASN-nav-inner
{
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
}

.desktop .ASN-nav
{
  padding-left: 0;
  padding-right: 0;
}

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

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

.ASN-hmenu
{
  float: left;
}

.ASN-menuitemcontainer
{
  margin: 0 auto;
}

ul.ASN-hmenu>li
{
  margin-left: 1px;
}

ul.ASN-hmenu>li:first-child
{
  margin-left: 0;
}

ul.ASN-hmenu>li:last-child, ul.ASN-hmenu>li.last-child
{
  margin-right: 0;
}

ul.ASN-hmenu>li>a
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 8px;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 26px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  line-height: 26px;
  text-align: center;
}

.ASN-hmenu>li>a, .ASN-hmenu>li>a:link, .ASN-hmenu>li>a:visited, .ASN-hmenu>li>a.active, .ASN-hmenu>li>a:hover
{
  font-size: 13px;
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
}

ul.ASN-hmenu>li>a.active
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 8px;
  margin: 0 auto;
  color: #000000;
  text-decoration: none;
}

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

ul.ASN-hmenu>li>a:hover, .desktop ul.ASN-hmenu>li:hover>a
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 8px;
  margin: 0 auto;
}

ul.ASN-hmenu>li>a:hover, .desktop ul.ASN-hmenu>li:hover>a
{
  color: #000000;
  text-decoration: none;
}

ul.ASN-hmenu>li:before
{
  position: absolute;
  display: block;
  content: ' ';
  top: 0;
  left: -1px;
  width: 1px;
  height: 26px;
  background: url('../images/menuseparator.png') center center no-repeat;
}

ul.ASN-hmenu>li:first-child:before
{
  display: none;
}

ul.ASN-hmenu li li a
{
  background: #B9C2CB;
  background: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  margin: 0 auto;
}

ul.ASN-hmenu li li
{
  float: none;
  width: auto;
  margin-top: 2px;
  margin-bottom: 2px;
}

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

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

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

.ASN-hmenu ul a:link, .ASN-hmenu ul a:visited, .ASN-hmenu ul a.active, .ASN-hmenu ul a:hover
{
  text-align: left;
  line-height: 24px;
  color: #6A7D90;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  margin: 0;
}

ul.ASN-hmenu li li:after
{
  display: block;
  position: absolute;
  content: ' ';
  height: 0;
  top: -1px;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 1px dotted #C6D1DD;
}

.desktop ul.ASN-hmenu li li:first-child:before, .desktop ul.ASN-hmenu li li:first-child:after
{
  display: none;
}

ul.ASN-hmenu ul li a:hover, .desktop ul.ASN-hmenu ul li:hover>a
{
  background: #FFFFFF;
  background: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0 auto;
}

.ASN-hmenu ul a:hover
{
  text-decoration: none;
  color: #872F03;
}

.desktop .ASN-hmenu ul li:hover>a
{
  color: #872F03;
}

ul.ASN-hmenu ul:before
{
  background: #EFF2F5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px dotted rgba(207, 216, 226, 0.9);
  margin: 0 auto;
  display: block;
  position: absolute;
  content: ' ';
  z-index: 1;
}

.desktop ul.ASN-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.desktop ul.ASN-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

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

.desktop ul.ASN-hmenu>li>ul
{
  padding: 16px 36px 36px 36px;
  margin: -10px 0 0 -30px;
}

.desktop ul.ASN-hmenu ul ul
{
  padding: 36px 36px 36px 18px;
  margin: -36px 0 0 -5px;
}

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

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

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

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

.desktop ul.ASN-hmenu ul ul.ASN-hmenu-left-to-right
{
  right: auto;
  left: 0;
  padding: 36px 36px 36px 18px;
  margin: -36px 0 0 -5px;
}

.desktop ul.ASN-hmenu ul ul.ASN-hmenu-right-to-left
{
  left: auto;
  right: 0;
  padding: 36px 18px 36px 36px;
  margin: -36px -5px 0 0;
}

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

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

.desktop ul.ASN-hmenu ul ul:before
{
  border-radius: 2px;
  top: 30px;
  bottom: 30px;
  right: 30px;
  left: 12px;
}

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

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

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

.desktop ul.ASN-hmenu ul ul.ASN-hmenu-left-to-right:before
{
  right: 30px;
  left: 12px;
}

.desktop ul.ASN-hmenu ul ul.ASN-hmenu-right-to-left:before
{
  right: 12px;
  left: 30px;
}

.desktop ul.ASN-hmenu>li.ext>a
{
  white-space: nowrap;
}

.desktop ul.ASN-hmenu>li.ext>a:hover, .desktop ul.ASN-hmenu>li.ext:hover>a, .desktop ul.ASN-hmenu>li.ext:hover>a.active
{
  background: none;
  padding: 0 8px 0 8px;
  margin: -0 -0 0 -0;
  overflow: hidden;
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #000000;
}

.desktop ul.ASN-hmenu>li.ext>a:hover:before, .desktop ul.ASN-hmenu>li.ext:hover>a:before, .desktop ul.ASN-hmenu>li.ext:hover>a.active:before
{
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  left: 0;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  z-index: -1;
}

.desktop ul.ASN-hmenu>li.ext:hover>ul
{
  padding-top: 5px;
  margin-top: 0;
}

.desktop ul.ASN-hmenu>li.ext:hover>ul:before
{
  top: -1px;
  clip: rect(6px, auto, auto, auto);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

ul.ASN-hmenu>li.ext>.ext-r, ul.ASN-hmenu>li.ext>.ext-l, ul.ASN-hmenu>li.ext>.ext-m, ul.ASN-hmenu>li.ext>.ext-off
{
  display: none;
  z-index: 12;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.desktop ul.ASN-hmenu>li.ext>ul
{
  z-index: 13;
}

.desktop ul.ASN-hmenu>li.ext.ext-r:hover>.ext-r, .desktop ul.ASN-hmenu>li.ext.ext-l:hover>.ext-l
{
  position: absolute;
  display: block;
  overflow: hidden;
  height: 6px;
  top: 100%;
  padding-top: 1px;
  margin-top: -1px;
}

.desktop ul.ASN-hmenu>li.ext:hover>.ext-r:before, .desktop ul.ASN-hmenu>li.ext:hover>.ext-l:before
{
  position: absolute;
  content: ' ';
  top: 0;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

.desktop ul.ASN-hmenu>li.ext.ext-r:hover>.ext-r
{
  left: 100%;
  right: auto;
  padding-left: 0;
  margin-left: 0;
  padding-right: 1px;
  margin-right: -1px;
}

.desktop ul.ASN-hmenu>li.ext.ext-r:hover>.ext-r:before
{
  right: 0;
  left: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}

.desktop ul.ASN-hmenu>li.ext.ext-l:hover>.ext-l
{
  right: 100%;
  left: auto;
  padding-right: 0;
  margin-right: 0;
  padding-left: 1px;
  margin-left: -1px;
}

.desktop ul.ASN-hmenu>li.ext.ext-l:hover>.ext-l:before
{
  right: -1px;
  left: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 2px;
}

.desktop ul.ASN-hmenu>li.ext:hover>.ext-m, .desktop ul.ASN-hmenu>li.ext:hover>.ext-off
{
  position: absolute;
  display: block;
  overflow: hidden;
  height: 5px;
  top: 100%;
}

.desktop ul.ASN-hmenu>li.ext.ext-r:hover>.ext-m
{
  left: -0;
  right: 0;
  padding-right: 0;
  padding-left: 0;
}

.desktop ul.ASN-hmenu>li.ext:hover>.ext-off
{
  left: -0;
  right: -0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.ASN-hmenu>li.ext.ext-l:hover>.ext-m
{
  right: -0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.ASN-hmenu>li.ext.ext-l.ext-r:hover>.ext-m
{
  right: -0;
  left: -0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.ASN-hmenu>li.ext:hover>.ext-m:before, .desktop ul.ASN-hmenu>li.ext:hover>.ext-off:before
{
  position: absolute;
  content: ' ';
  top: -1px;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

.desktop ul.ASN-hmenu>li.ext.ext-r:hover>.ext-m:before
{
  right: -1px;
  left: 0;
}

.desktop ul.ASN-hmenu>li.ext.ext-l:hover>.ext-m:before
{
  left: -1px;
  right: 0;
}

.desktop ul.ASN-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before
{
  left: -1px;
  right: -1px;
}

.ASN-sheet
{
  background: url('../images/sheet.png') no-repeat scroll;
  padding: 10px;
  margin: 30px auto 0;
  position: relative;
  cursor: auto;
  width: 1000px;
  z-index: auto !important;
}

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

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

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

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

.ASN-postcontent .ASN-content-layout
{
  border-collapse: collapse;
}

.ASN-block
{
  margin: 3px;
}

div.ASN-block img
{
  border: none;
  margin: 0;
}

.ASN-blockheader
{
  padding: 6px 5px;
  margin: 0 auto 2px;
}

.ASN-blockheader .t, .ASN-blockheader .t a, .ASN-blockheader .t a:link, .ASN-blockheader .t a:visited, .ASN-blockheader .t a:hover
{
  color: #4E5C6A;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  margin: 0 5px;
}

.ASN-blockcontent
{
  padding: 5px;
  margin: 0 auto;
  color: #1F2833;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

.ASN-blockcontent table, .ASN-blockcontent li, .ASN-blockcontent a, .ASN-blockcontent a:link, .ASN-blockcontent a:visited, .ASN-blockcontent a:hover
{
  color: #1F2833;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

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

.ASN-blockcontent a, .ASN-blockcontent a:link
{
  color: #C84504;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

.ASN-blockcontent a:hover, .ASN-blockcontent a.hover
{
  color: #9B3603;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.ASN-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: -12px;
}

.opera .ASN-block ul>li:before
{
  bottom: 0;
}

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

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

.ASN-block ul>li
{
  padding-left: 12px;
}

.ASN-breadcrumbs
{
  margin: 0 auto;
}

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

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

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

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

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

input.ASN-button
{
  float: none !important;
  -webkit-appearance: none;
}

.ASN-button.active, .ASN-button.active:hover
{
  background: #A1ADBA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
}

.ASN-button.active, .ASN-button.active:hover
{
  color: #FFFFFF !important;
}

.ASN-button.hover, .ASN-button:hover
{
  background: #8A99A8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
}

.ASN-button.hover, .ASN-button:hover
{
  color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  background: #F9FAFB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #B9C2CB;
  margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  width: 100%;
  padding: 4px 0;
  color: #3D5166 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
}

input.ASN-error, textarea.ASN-error
{
  background: #F9FAFB;
  border: 1px solid #E2341D;
  margin: 0 auto;
}

input.ASN-error, textarea.ASN-error
{
  color: #3D5166 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.ASN-search input[type="text"]
{
  background: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCD6E0;
  margin: 0 auto;
  width: 100%;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #364049 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.ASN-search
{
  background-image: none;
  border: 0;
  display: block;
  position: relative;
  top: 0;
  padding: 0;
  margin: 5px;
  left: 0;
  line-height: 0;
}

form.ASN-search input, a.ASN-search-button
{
  -webkit-appearance: none;
  top: 0;
  right: 0;
}

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

form.ASN-search input[type="submit"], input.ASN-search-button, a.ASN-search-button
{
  border-radius: 0;
  margin: 0 auto;
}

form.ASN-search input[type="submit"], input.ASN-search-button, a.ASN-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: #FFFFFF !important;
  cursor: pointer;
}

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

label.ASN-checkbox:before
{
  background: #F9FAFB;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
}

label.ASN-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: #23292F !important;
}

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

label.ASN-checkbox.active:before
{
  background: #FC905A;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  display: inline-block;
}

label.ASN-checkbox.hovered:before
{
  background: #D9DEE3;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  display: inline-block;
}

label.ASN-radiobutton:before
{
  background: #F9FAFB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
}

label.ASN-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: #23292F !important;
}

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

label.ASN-radiobutton.active:before
{
  background: #B9C2CB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

label.ASN-radiobutton.hovered:before
{
  background: #D9DEE3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.ASN-comments
{
  border-top: 1px dotted #A1ADBA;
  margin: 0 auto;
  margin-top: 25px;
}

.ASN-comments h2
{
  color: #181C20;
}

.ASN-comment-inner
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  margin: 0 auto;
  margin-left: 96px;
}

.ASN-comment-avatar
{
  float: left;
  width: 80px;
  height: 80px;
  padding: 2px;
  background: #fff;
  border: 1px solid #E2E8EE;
}

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

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

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

.ASN-comment:first-child
{
  margin-top: 0;
}

.ASN-comment-header
{
  color: #181C20;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.ASN-comment-header a, .ASN-comment-header a:link, .ASN-comment-header a:visited, .ASN-comment-header a.visited, .ASN-comment-header a:hover, .ASN-comment-header a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.ASN-comment-header a, .ASN-comment-header a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  color: #4E5C6A;
}

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

.ASN-comment-header a:hover, .ASN-comment-header a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #4E5C6A;
}

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

.ASN-comment-content a, .ASN-comment-content a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #8C3103;
}

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

.ASN-comment-content a:hover, .ASN-comment-content a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #8C3103;
}

.ASN-pager
{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px;
  margin: 2px;
}

.ASN-pager>*:last-child
{
  margin-right: 0 !important;
}

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

.ASN-pager>*
{
  background: #D9DEE3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin: 0 4px 0 auto;
  line-height: normal;
  position: relative;
  display: inline-block;
  margin-left: 0;
}

.ASN-pager a:link, .ASN-pager a:visited, .ASN-pager .active
{
  line-height: normal;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #1C2126;
}

.ASN-pager .active
{
  background: #B6BFC9;
  padding: 10px;
  margin: 0 4px 0 auto;
  color: #FFFFFF;
}

.ASN-pager .more
{
  background: #D9DEE3;
  margin: 0 4px 0 auto;
}

.ASN-pager a.more:link, .ASN-pager a.more:visited
{
  color: #411701;
}

.ASN-pager a:hover
{
  background: #B9C2CB;
  padding: 10px;
  margin: 0 4px 0 auto;
}

.ASN-pager  a:hover, .ASN-pager  a.more:hover
{
  text-decoration: none;
  color: #21262C;
}

.ASN-pager>*:after
{
  margin: 0 0 0 auto;
  display: inline-block;
  position: absolute;
  content: ' ';
  top: 0;
  width: 0;
  height: 100%;
  right: 0;
  text-decoration: none;
}

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

.ASN-commentsform
{
  background: #E2E8EE;
  background: transparent;
  padding: 10px;
  margin: 0 auto;
  margin-top: 25px;
  color: #181C20;
}

.ASN-commentsform h2
{
  padding-bottom: 10px;
  margin: 0;
  color: #181C20;
}

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

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

.ASN-commentsform .form-submit
{
  margin-top: 10px;
}

.ASN-post
{
  padding: 5px;
}

a img
{
  border: 0;
}

.ASN-article img, img.ASN-article, .ASN-block img, .ASN-footer img
{
  margin: 7px 7px 7px 7px;
}

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

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

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

.ASN-article th, .ASN-article td
{
  padding: 2px;
  vertical-align: top;
  text-align: left;
}

.ASN-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: 7px 7px 7px 7px;
  -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.ASN-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;
}

.ASN-postheader
{
  color: #364759;
  margin: 5px 10px;
  font-size: 24px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

.ASN-postheader a, .ASN-postheader a:link, .ASN-postheader a:visited, .ASN-postheader a.visited, .ASN-postheader a:hover, .ASN-postheader a.hovered
{
  font-size: 24px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

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

.ASN-postheader a:visited, .ASN-postheader a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #3F5369;
}

.ASN-postheader a:hover, .ASN-postheader a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #C84504;
}

.ASN-postheadericons, .ASN-postheadericons a, .ASN-postheadericons a:link, .ASN-postheadericons a:visited, .ASN-postheadericons a:hover
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #364759;
}

.ASN-postheadericons
{
  padding: 1px;
  margin: 0 0 0 10px;
}

.ASN-postheadericons a, .ASN-postheadericons a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #DC4C04;
}

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

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

.ASN-postdateicon:before
{
  content: url('../images/postdateicon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .ASN-postdateicon:before
{
  bottom: 0;
}

.ASN-postauthoricon:before
{
  content: url('../images/postauthoricon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .ASN-postauthoricon:before
{
  bottom: 0;
}

.ASN-postediticon:before
{
  content: url('../images/system/edit.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .ASN-postediticon:before
{
  bottom: 0;
}

.ASN-postcontent li, .ASN-post li, .ASN-textblock li
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #303F50;
  margin: 3px 0 0 11px;
}

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

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

.ASN-postcontent li, .ASN-post li, .ASN-textblock li
{
  margin: 3px 0 0 0;
}

blockquote
{
  background: #EFF2F5 url('../images/postquote.png') no-repeat scroll;
  padding: 10px 10px 10px 47px;
  margin: 10px 0 0 25px;
  color: #0D1216;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  overflow: auto;
  clear: both;
}

blockquote a, .ASN-postcontent blockquote a, .ASN-blockcontent blockquote a, .ASN-footer blockquote a, blockquote a:link, .ASN-postcontent blockquote a:link, .ASN-blockcontent blockquote a:link, .ASN-footer blockquote a:link, blockquote a:visited, .ASN-postcontent blockquote a:visited, .ASN-blockcontent blockquote a:visited, .ASN-footer blockquote a:visited, blockquote a:hover, .ASN-postcontent blockquote a:hover, .ASN-blockcontent blockquote a:hover, .ASN-footer blockquote a:hover
{
  color: #0D1216;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

blockquote p, .ASN-postcontent blockquote p, .ASN-blockcontent blockquote p, .ASN-footer blockquote p
{
  margin: 0;
  margin: 5px 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: #4C5967;
}

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

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

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

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

.ASN-footer
{
  margin: 20px auto 0;
  position: relative;
  color: #455B73;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
  text-align: center;
  padding: 0;
}

.ASN-footer a, .ASN-footer a:link, .ASN-footer a:visited, .ASN-footer a:hover, .ASN-footer td, .ASN-footer th, .ASN-footer caption
{
  color: #455B73;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

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

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

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

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

.ASN-footer h1
{
  color: #8A99A8;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

.ASN-footer h3
{
  color: #FA681E;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-footer h4
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-footer h5
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-footer h6
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.ASN-footer img
{
  border: none;
  margin: 0;
}

.ASN-footer-inner
{
  margin: 0 auto;
  width: 1000px;
  padding: 25px;
  padding-right: 35px;
  padding-left: 35px;
}

.ASN-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;
  vertical-align: middle;
}

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

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

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

.ASN-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;
  vertical-align: middle;
}

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

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

.ASN-tumblr-tag-icon:empty
{
  vertical-align: middle;
}

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

.ASN-pinterest-tag-icon:empty
{
  vertical-align: middle;
}

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

.ASN-vimeo-tag-icon:empty
{
  vertical-align: middle;
}

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

.ASN-youtube-tag-icon:empty
{
  vertical-align: middle;
}

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

.ASN-linkedin-tag-icon:empty
{
  vertical-align: middle;
}

.ASN-footer 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: -13px;
}

.opera .ASN-footer ul>li:before
{
  bottom: 0;
}

.ASN-footer li
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #6E2602;
}

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

.ASN-footer ul>li
{
  padding-left: 13px;
}

.ASN-page-footer, .ASN-page-footer a, .ASN-page-footer a:link, .ASN-page-footer a:visited, .ASN-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: #4C5967;
}

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

.ASN-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;
}

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

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

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

.ASN-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;
}

.ASN-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;
}

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

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

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

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

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

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

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

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

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

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

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

.ASN-lightbox-wrapper .cw
{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.ASN-lightbox-wrapper .ccw
{
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

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

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

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

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

fieldset
{
  border: none;
}

fieldset dl
{
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

fieldset dt
{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 12em;
  height: 2em;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  background: none;
  line-height: 2em;
  overflow: hidden;
}

fieldset dd
{
  display: block;
  min-height: 2em;
  margin: 0 0 0 12em;
  padding: 0;
  background: none;
  line-height: 2em;
}

fieldset label
{
  display: inline-block;
  width: 12em;
}

fieldset textarea
{
  vertical-align: text-top;
}

.img-fulltext-left, .img-intro-left
{
  float: left;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0.3em 0.3em 0;
  margin-top: 0;
}

.img-fulltext-right, .img-intro-right
{
  float: right;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 0.3em 0.3em;
  margin-top: 0;
}

ul.pagenav
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

ul.pagenav li, ul.pagenav li:before
{
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: center;
  content: normal;
}

ul.pagenav li.pagenav-prev
{
  float: left;
}

ul.pagenav li.pagenav-next
{
  margin: 0 0 0 50%;
}

div.item-page dl.tabs
{
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page dl.tabs:before
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  width: 1em;
  height: 2em;
  overflow: hidden;
}

div.item-page dl.tabs dt
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  height: 2em;
  overflow: hidden;
  border-left: 1px solid black;
  border-top: 1px solid black;
}

div.item-page dl.tabs dt h3
{
  margin: 0;
  padding: 0 1em;
  line-height: 2em;
  font-size: 100%;
  overflow: hidden;
}

div.item-page dl.tabs dt h3 a
{
  text-decoration: none;
}

div.item-page dl.tabs:after
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  border-left: 1px solid black;
  content: " ";
  overflow: hidden;
  height: 2em;
}

div.item-page div.current
{
  clear: both;
  border: 1px solid black;
}

div.item-page div.current dd.tabs
{
  margin: 0;
  padding: 0;
}

div.item-page .panel
{
  border: 1px solid black;
  margin-top: -1px;
}

div.item-page .panel h3
{
  margin: 0;
  padding: 0;
}

div.item-page .panel h3 a
{
  display: block;
  padding: 6px;
  text-decoration: none;
}

div.item-page .panel h3.pane-toggler-down a
{
  border-bottom: 1px solid black;
}

div.item-page .panel .pane-slider
{
  margin: 0;
  padding: 0;
}

div.item-page div.pagination ul
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page div.pagination li
{
  display: block;
  width: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
  white-space: nowrap;
}

div.item-page div.pagination:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.edit.item-page fieldset
{
  border: 1px solid black;
}

.edit.item-page fieldset legend
{
  padding: 7px;
  font-weight: bold;
}

#editor-xtd-buttons
{
  float: left;
  padding: 0;
}

.toggle-editor
{
  float: right;
}

#searchForm .phrases-box
{
  display: block;
  float: left;
}

#searchForm .ordering-box
{
  text-align: right;
}

#searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label
{
  display: inline-block;
  width: auto;
  height: 2em;
  margin: 0;
  padding: 0 0.3em;
}

#mod-finder-searchform label
{
  display: block;
}

#mod-finder-searchform input.inputbox
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

#login-form fieldset label
{
  width: 100%;
}

#login-form #form-login-username label, #login-form #form-login-password label
{
  display: block;
}

#login-form #form-login-username input, #login-form #form-login-password input
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

dl.stats-module
{
  padding: 0.3em 0 0.3em 0.3em;
  margin: 0;
}

dl.stats-module dt
{
  float: left;
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  width: 10em;
  padding: 0.3em 0.3em 0 0;
  margin: 0;
  font-weight: bold;
}

dl.stats-module dd
{
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  margin: 0 0 0 10em;
}

div.mod-languages ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.mod-languages li
{
  background: none;
  margin: 0 0.3em;
  padding: 0;
}

div.mod-languages ul.lang-inline li
{
  display: inline;
}

div.mod-languages ul.lang-block li
{
  display: block;
}

div.mod-languages img
{
  border: none;
  margin: 0;
  padding: 0;
}

div.clr
{
  clear: both;
}

#system-message ul li
{
  background-image: none;
}

ul.actions, ul.actions li, ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

ul.actions li
{
  background: none;
  list-style: none;
}

.items-row
{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.items-row .item
{
  display: table-cell;
  vertical-align: top;
}

.items-row .row-separator
{
  display: none;
}

div.pagination p.counter
{
  display: inline-block;
  margin: 0 0.3em 0 0;
  padding: 0;
  background: none;
}

div.pagination ul, div.pagination ul li, div.pagination ul > li:before
{
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 0.3em;
  background: none;
  content: normal;
}

div.tip-wrap
{
  background: #fff;
  border: 1px solid #aaa;
}

div.tip-wrap div.tip
{
  padding: 0.3em;
}

div.tip-wrap div.tip-title
{
  font-weight: bold;
}

table.category
{
  width: 100%;
}

table.category thead th img
{
  padding: 0 0 0 0.3em;
  margin: 0;
  border: none;
}

span.hasTip a img
{
  padding: 0;
  margin: 0;
  border: none;
}

div.categories-list ul li span.item-title, div.cat-children ul li span.item-title
{
  display: block;
  margin: 0 0 0.3em 0;
}

div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc
{
  margin: 0 0 0.3em 0;
}

div.categories-list dl, div.cat-children dl
{
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background: none;
}

div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd
{
  display: inline-block;
  padding: 0;
  margin: 0;
  background: none;
}

div.img_caption p.img_caption
{
  padding: 0.3em 0;
  margin: 0;
}

form .search label, form .finder label
{
  display: none;
}

#search-searchword
{
  margin-bottom: 5px;
}

.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
  float: left;
  clear: right;
}

.cols-2 .column-1
{
  width: 50%;
}

.cols-2 .column-2
{
  width: 50%;
}

.cols-3 .column-1
{
  width: 33%;
}

.cols-3 .column-2
{
  width: 33%;
}

.cols-3 .column-3
{
  width: 34%;
}

.row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6
{
  display: inline;
}

.only, .phrases
{
  border: solid 1px #ccc;
  margin: 10px 0 0 0px;
  padding: 15px;
  line-height: 1.3em;
}

div.tags
{
  display: inline;
}

.tag-category ul > li:before
{
  content: normal;
}

ul.list-striped > li:before
{
  content: normal;
}

.list-striped
{
  border-top: 1px solid #ddd;
}

.list-striped li, .list-striped dd
{
  border-bottom: 1px solid #ddd;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */
/* =====================================================================
   Joomla 6-compatibiliteit (toegevoegd door ASN-Solutions, 2026)
   1-op-1 nabouw: Joomla 6 levert andere HTML dan Joomla 2.5.
   ===================================================================== */

/* --- Hoofdmenu (mod_menu: ul.menu in plaats van ul.ASN-hmenu) --- */
.ASN-nav ul.menu
{
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border: 0;
  list-style-type: none;
  float: left;
}

.ASN-nav ul.menu > li
{
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
}

.ASN-nav ul.menu > li + li
{
  margin-left: 1px;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 8px;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 26px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  line-height: 26px;
  text-align: left;
  font-size: 13px;
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

.ASN-nav ul.menu > li > a:hover,
.ASN-nav ul.menu > li > a.active,
.ASN-nav ul.menu > li.active > a
{
  color: #000000;
  text-decoration: none;
  background: #EFF2F5;
}

/* scheidingstussenstreepjes tussen menu-items */
.ASN-nav ul.menu > li + li:before
{
  position: absolute;
  display: block;
  content: ' ';
  top: 0;
  left: -1px;
  width: 1px;
  height: 26px;
  background: url('../images/menuseparator.png') center center no-repeat;
}

/* --- Paginakoppen in extra1 (modules "Wie zijn wij" e.d.) --- */
.ASN-hmenu-extra1 .mod-custom strong,
.ASN-hmenu-extra1 .moduletable strong
{
  font-size: 12pt;
  font-family: Arial, Helvetica, Sans-Serif;
  color: #364759;
}

/* --- Contactpagina (com_contact): formulier links, gegevens rechts --- */
.contact-position,
.contact-category,
.contact-items
{
  text-align: left;
}

.contact-form
{
  float: left;
  width: 490px;
  margin-right: 30px;
  padding: 10px;
}

.contact-form legend
{
  font-weight: bold;
  color: #364759;
}

.contact-form .form-label
{
  line-height: 25px;
}

.contact-form .controls .btn
{
  background: #A1ADBA;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  color: #FFFFFF;
  padding: 0 21px;
  height: 24px;
  line-height: 24px;
  text-transform: none;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.contact-form .controls .btn:hover
{
  background: #8A99A8;
  color: #FFFFFF;
}

.contact-details
{
  float: right;
  width: 300px;
  text-align: center;
  padding: 10px;
}

.contact-details dl
{
  margin: 0 0 13px;
}

.contact-details dt
{
  font-weight: bold;
  text-decoration: underline;
}

.contact-details dd
{
  margin: 0;
}

/* --- Galerij op positie album (Projecten) --- */
.asn-gallery
{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.asn-gallery img
{
  max-height: 250px;
  max-width: 100%;
  border: 1px solid #B9C2CB;
  margin: 5px;
}

/* --- Systeem- en foutmeldingen --- */
#system-message
{
  margin: 10px;
}

#system-message .alert
{
  background: #EFF2F5;
  border: 1px dotted #B9C2CB;
  border-radius: 3px;
  color: #1F2833;
}

#system-message .alert-heading
{
  color: #4E5C6A;
  font-weight: bold;
}

/* --- Formuliervelden algemeen (Joomla 6 formulieren) --- */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form textarea
{
  background: #F9FAFB;
  border: 1px solid #B9C2CB;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  padding: 4px 6px;
  color: #3D5166 !important;
  font-size: 13px;
  font-family: Arial, Helvetica, Sans-Serif;
  box-sizing: border-box;
}

/* --- Responsieve aanvulling (oude template was min-width 1000px) --- */
@media screen and (max-width: 1020px)
{
  body
  {
    min-width: 0;
  }

  .ASN-header, .ASN-nav-inner, .ASN-sheet, .ASN-footer-inner
  {
    width: auto;
    max-width: 1000px;
  }

  .ASN-sheet
  {
    margin: 10px;
    width: auto;
  }

  .contact-form,
  .contact-details
  {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

/* Einde Joomla 6-compatibiliteit */

/* =====================================================================
   Fix 1 (28-10-2026): HOME-pagina
   De absoluut gepositioneerde afbeeldingen van het HOME-artikel ankeren
   aan de content-cel (zoals in de oude asnbleekerrest10-template),
   in plaats van aan de pagina-top.
   ===================================================================== */
.ASN-layout-cell.ASN-content
{
  position: relative;
}

/* Zorg dat de content-cel ruimte biedt aan de absoluut gepositioneerde
   afbeeldingen van de HOME-pagina (anders klapt de pagina dicht en
   schuiven de footer-modules omhoog). */
.ASN-content .item-page
{
  min-height: 660px;
}

/* =====================================================================
   Fix 2 (28-10-2026): HOME-pagina zonder wit vel
   Op de originele site gebruikte het Home-menu-item een aparte
   template-stijl (asnbleeker04): de homepagina toont de blokken direct
   op de donkergrijze achtergrond, zonder wit "vel" (sheet).
   De body-klasse "asn-home" wordt door index.php op de homepagina gezet.
   ===================================================================== */
body.asn-home .ASN-sheet
{
  background: none;
  padding: 0;
  margin: 0 auto;
}

body.asn-home .ASN-layout-wrapper
{
  margin: 0;
}

body.asn-home .ASN-content .item-page
{
  min-height: 0;
}

/* De grijze pagina-achtergrond op de homepagina wat donkerder/strak,
   zoals het origineel (asnbleeker04) */
body.asn-home #ASN-main
{
  background-color: #ABABA0;
}

/* =====================================================================
   Fix 3 (28-10-2026): HOME-pagina - blokken dichter tegen de bovenkant
   Het origineel (asnbleeker04) had op de homepagina een kleine header
   zonder foto-achtergrond; de blokken stonden daardoor hoger.
   ===================================================================== */
body.asn-home .ASN-header
{
  background-image: none;
  height: 130px;
}

body.asn-home .ASN-sheet
{
  margin-top: 0;
}

/* Footertekst blijft netjes onder de blokken */
body.asn-home .ASN-content .item-page
{
  min-height: 640px;
}

/* =====================================================================
   Fix 4 (28-10-2026): HOME-pagina - blokken nóg hoger en footertekst
   vrij van de blokken (laatste afbeelding eindigt op ~700px; de
   content-zone krijgt daarom 780px hoogte).
   ===================================================================== */
body.asn-home .ASN-header
{
  height: 90px;
}

body.asn-home .ASN-content .item-page
{
  min-height: 780px;
}

body.asn-home .ASN-content
{
  margin-top: -20px;
}

/* =====================================================================
   Fix 5 (28-10-2026): menubalk zoals origineel
   De oude template zette de class "desktop" op de pagina, waarmee de
   menubalk 1000px breed en gecentreerd werd (gelijk met het witte vel).
   Zonder die class liep de balk over de volle breedte en te dik.
   ===================================================================== */
.ASN-nav
{
  height: 30px;
}

.ASN-nav-inner
{
  width: 1000px;
  height: 30px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.ASN-nav ul.menu
{
  height: 26px;
  padding: 2px 0 0 0;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  height: 26px;
  line-height: 26px;
}

/* =====================================================================
   Fix 6 (28-10-2026): menubalk iets dikker + tekst uitgelijnd met het
   blok (witte vel) eronder: de tekst begint nu op dezelfde linkerkant.
   ===================================================================== */
.ASN-nav
{
  height: 40px;
}

.ASN-nav-inner
{
  height: 40px;
}

.ASN-nav ul.menu
{
  height: 36px;
  padding-top: 6px;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  height: 36px;
  line-height: 36px;
}

/* Menu-tekst start 10px verder naar rechts: gelijk met de linkerkant
   van het contentblok eronder */
.ASN-nav ul.menu
{
  padding-left: 10px;
}

/* =====================================================================
   Fix 7 (28-10-2026): menu-tekst verticaal exact gecentreerd in de balk
   ===================================================================== */
.ASN-nav
{
  height: 40px;
}

.ASN-nav-inner
{
  height: 40px;
}

.ASN-nav ul.menu
{
  height: 40px;
  padding-top: 0;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  height: 40px;
  line-height: 40px;
}

/* =====================================================================
   Fix 8 (28-10-2026): menu-tekst meer afstand van de linkerrand van de
   balk (10px -> 20px extra), uitgelijnd met de contentrand van het vel.
   ===================================================================== */
.ASN-nav ul.menu
{
  padding-left: 20px;
}

/* =====================================================================
   Fix 9 (28-10-2026):
   - Menu-tekst stond te hoog: 4px omlaag gezet (ruim boven, strak
     gecentreerd t.o.v. de grijze balk met nav.png tegel van 40px).
   - Artikeltekst in het witte vel stond te dicht op de donkere
     linkerrand: zij-instelling van het vel 10px -> 20px.
   ===================================================================== */
.ASN-nav ul.menu
{
  padding-top: 4px;
  height: 36px;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  height: 36px;
  line-height: 36px;
}

.ASN-sheet
{
  padding-left: 20px;
  padding-right: 20px;
}

/* =====================================================================
   Fix 10 (28-10-2026): menu-tekst nog iets omlaag (4px -> 8px onder)
   ===================================================================== */
.ASN-nav ul.menu
{
  padding-top: 8px;
  height: 32px;
}

.ASN-nav ul.menu > li > a,
.ASN-nav ul.menu > li > .nav-header
{
  height: 32px;
  line-height: 32px;
}

/* =====================================================================
   Fix 11 (28-10-2026): DE TEKST IN DE MENUBALK (de paginakop, bijv.
   "Wie zijn wij?") verticaal gecentreerd. De eerdere afstellingen
   golden het hoofdmenu (ul.menu); deze tekst zit in de module-container
   .ASN-hmenu-extra1 en plakte tegen de bovenrand van de balk.
   ===================================================================== */
.ASN-nav .ASN-hmenu-extra1
{
  height: 40px;
  line-height: 40px;
}

.ASN-nav .ASN-hmenu-extra1 p
{
  margin: 0;
  height: 40px;
  line-height: 40px;
}

.ASN-nav .ASN-hmenu-extra1 .mod-custom
{
  height: 40px;
  line-height: 40px;
}

/* =====================================================================
   Fix 12 (28-10-2026): PROJECTEN-GALERIJ - responsive grid met de 20
   projectfoto's (vierkante tegels van 160px, klikbaar naar de grote
   foto). Vervangt de oude slideshow-module die niet in Joomla 6
   bestaat.
   ===================================================================== */
.asn-gallery
{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0;
}

.asn-gallery a
{
  display: block;
  width: 160px;
  height: 160px;
  border: 4px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  background: #fff;
}

.asn-gallery img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

.asn-gallery a:hover img
{
  opacity: 0.85;
}