html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }

:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {
	line-height: 1;
	color: #000;
	overflow-y: scroll;
	background-color: #d7ebdf;
	font-family: 'Open Sans';
	font-size: 13px;
	color: black;
    }
body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;
    }

td  {
    vertical-align : top;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

strong {
	font-family: 'Open Sans';
	font-weight:bold;
}
a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

div.wrapper{
	margin: 0 auto;
    position: relative;
    width: 950px;
	height:100%;
}

div.wrapper div.container{
	height: auto !important;
    min-height: 100%;
	margin-bottom:-56px;
}

div.container header{
	margin-bottom: 40px;
	background-color:white;
	border-bottom:3px solid black;
}

div.container header div.logo{
	height:205px;
	text-align:center;
	border-bottom:1px solid #000000;
}

div.container header div.logo a img{
	padding:10px;
	margin-top:65px;
}

header ul.nav-menu{
    margin: 0 auto;
    text-align: center;
	
}
header ul.nav-menu li{
	display: inline-block;
	color: #ffffff;
	font-family: 'Open Sans';
	font-weight:800;
	padding-right: 18px;
	padding-left:17px;
	padding-bottom: 15px;
    padding-top: 15px;
	font-size:11px;
}
header ul.nav-menu li:last-child{
	margin-right: 0;
}
header ul.nav-menu li a{
	text-decoration: none;
	color: #000000;
	display: inline-block;
    letter-spacing:1px;
	text-transform:uppercase;

}
header ul.nav-menu li > a:hover,
header ul.nav-menu li.active > a{
	color: #a8cbb7;
}

header ul.nav-menu > li ul {
	display: none;
	position: absolute;
	padding: 10px 0px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	background-color:#ffffff;
	text-align: left;
	z-index:5;
	margin-top:15px;
} 

header ul.nav-menu > li ul li {
	display: block;
	color: black; 
	padding:2px 18px 2px 17px;
}

header ul.nav-menu > li ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 7px 0px;
}

header ul.nav-menu > li:hover ul {
    display: block; 
}

.content_wrapper{
    padding-bottom: 97px;
}
	
div.footer{
	width: 100%;
    display: inline-block;
	background-color:white;
}
div.footer div.footer-text{
	margin-top:11px;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	text-transform: uppercase;
	letter-spacing:1px;
	text-align:center;
	line-height:28px;
	font-size: 12px;
    font-family: 'Open Sans';
	font-weight:bold;
	color: #000000;
	padding:7px 0px;
}

div.footer div.footer-text a,
p.nav-menu-mobile-footer a{
	text-decoration: none;
	color: #000000;
}
div.footer div.footer-text a:hover,
p.nav-menu-mobile-footer a:hover{
	color: #a8cbb7;
}

.column{
	position: relative;
	float: left;
}

div.content.column{
	width: 720px;
	box-sizing:border-box;
	background-color: white;
	margin-right: 30px;
    padding: 30px 20px;
}
div.teaser.column{
	width: 200px;
	padding:0px;
	box-sizing:border-box;
}

div.content ul.anchors {
    margin-bottom: 30px;
    padding-bottom: 4px;
    text-align: left;
	padding-left:0px;
}

div.content ul.anchors li {
    color: #000000;
    display: inline;
}

div.content ul.anchors li a{
    color: #000000;
	text-decoration:none;
	font-weight:bold;
}

div.content ul.anchors li a:hover,
div.content ul.anchors li.active a{
    color: #a8cbb7;
}

div.content ul.anchors li  span.vertical_divider {
    padding: 0 2px;
	font-weight: bold;
    margin: 0 2px 0 5px;
}

.column p,
.column ul,
.column ol{
	margin-bottom: 15px;
	font-size: 13px;
    color: #000000;
    line-height: 19px;
    font-family: 'Open Sans';
}

.column ul{
    list-style: disc outside;
	padding-left:30px;
}
.column ol{
    list-style:decimal outside;
	padding-left:30px;
}

.column h1,
.column h2{
	font-size: 29px;
	line-height:40px;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding:8px 0px;
	font-family: 'Open Sans';
	font-weight:800;
	letter-spacing:4px;
	text-align:center;
	font-style:normal;
}
.column img{
	margin-bottom: 30px;
	margin-top:5px;
}

.column h3,
.column h4,
.column h5,
.column h6 {
    font-size: 15px;
    color: #000000;
    margin-bottom: 15px;
    line-height: 19px;
    font-family: 'Open Sans';
	font-weight:bold;
}

.column h3{
	 font-size: 17px;
}

.column h5,
.column h6{
	font-size:13px;
}

.column h6{
	font-weight:normal;
}

div.teaser.column p,
div.teaser.column ul,
div.teaser.column ol{
	font-size:12px;
}

div.teaser.column h4{
	text-transform: uppercase;
	font-family: 'Open Sans';
	letter-spacing: 1px;
    color: #000000;
}

.column a {
   color: #a8cbb7;
   font-family: 'Open Sans';
}

.column table{
	width: 100%;
	margin-bottom: 15px;
	font-size: 14px;
	color: #000000;
	font-family: 'Open Sans';
}
.column table tr{
	border-bottom: 1px solid #dddddd;
	margin: 5px;
}
.column table tr td{
	padding: 5px 0 5px 0; 
}
.column table tr th{
	padding-bottom: 5px;
}

div.image-element{
	padding:15px 15px 1px 15px;
	background-color:white;
	margin-bottom:15px;
}

div.download-link{
	padding:0px;
	margin-bottom:15px;
}

div.image-element h4{
	background-image: url("black_line.png");
    background-position: center center;
    background-repeat: repeat-x;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
	font-weight:800;
	line-height:18px;
	font-size:14px;
}

div.image-element h4 span{
	background-color:white;
	padding-left:5px;
	padding-right:5px;
}

div.image-element img{
	width: 100%;
	height: auto;
	margin: 0px 0 10px 0;
}

div.download-link a{
	color: #a8cbb7;
	font-size: 13px;
	font-family: 'Open Sans';
}

div.download-link > img {
    float: left;
    height: 12px;
    margin-right: 5px;
	margin-bottom:5px;
    width: 12px;
}

div.download-link span.ext-type{
	text-transform:uppercase;
}

div.content.column.small{
	width: 300px;
	margin-right: 0; 
	min-height: inherit;
	background-color: inherit;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 30px;
  left: 5px;
  right: 5px;
  height: 7px;
  background: #a8cbb7;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #a8cbb7;
  content: "";
}

.c-hamburger span::before {
  top: -15px;
}

.c-hamburger span::after {
  bottom: -15px;
}

.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
  -webkit-transition: background 0s 0.3s;
  -moz-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  -ms-transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  -ms-transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  -ms-transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -o-transition-property: top, transform;
  -ms-transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  -ms-transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
  
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  -ms-transition-delay: 0s, 0.3s;
  background-color:#000000;
}
div.o-grid__item{
	display: none;
}
ul.nav-menu-mobile,
p.nav-menu-mobile-footer{
	display: none;
}

/* Contact form */
div.content div.contactform_div #form_content {margin-top:20px;}
div.content div.contactform_div input{width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px;}
div.content div.contactform_div textarea {width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; margin-bottom:15px; padding:0px 15px;}
div.content div.contactform_div input:focus{outline:none;}
div.content div.contactform_div input::-webkit-input-placeholder{color: #666666;}div.content div.contactform_div input::-moz-placeholder{color: #666666;}
div.content div.contactform_div input:-ms-input-placeholder{color: #666666;}div.content div.contactform_div input:-moz-placeholder{color: #666666;}
div.content div.contactform_div input::placeholder{color: #666666;}

div.content div.contactform_div select{width:165px; color:#666666; background: url(/includes/icons/select-down-arrow.png) no-repeat 135px 20px; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px; }
div.content div.contactform_div select:focus{outline:none;}
div.content div.contactform_div input, div.content div.contactform_div select, #floating-panel input, #floating-panel .input, button, .btn, #ap_login-form input, .filter-buttons input, .filter-group input[type="reset"], .filter-group input[type="button"], .filter-group input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: none; }
div.content div.contactform_div select::-ms-expand { display: none; }

div.content div.contactform_div select.error, div.content div.contactform_div input.error, div.content div.contactform_div textarea.error { color: #008cb4; border:1px solid #008cb4;}
div.content div.contactform_div input.error::-webkit-input-placeholder, div.content div.contactform_div textarea.error::-webkit-input-placeholder{color: #008cb4;}
div.content div.contactform_div input.error::-moz-placeholder, div.content div.contactform_div textarea.error::-moz-placeholder {color: #008cb4;}
div.content div.contactform_div input.error:-ms-input-placeholder, div.content div.contactform_div textarea.error:-ms-input-placeholder {color: #008cb4;}
div.content div.contactform_div input.error:-moz-placeholder, div.content div.contactform_div textarea.error:-moz-placeholder{color: #008cb4;}
div.content div.contactform_div input.error::placeholder, div.content div.contactform_div textarea.error::placeholder{color: #008cb4;}

div.content div.contactform_div  label.required-label{ color:#008cb4; font-size:16px; display:block; line-height:18px; margin-bottom: 30px; margin-top: 20px; }
div.content div.contactform_div  label.anonymous-label{ font-size:16px; display:block; line-height:18px;margin-top:15px; }
div.content div.contactform_div  label.anonymous-label-inner{ font-size:16px; display:inline-block; line-height:18px;margin-right:10px;padding-left:20px;}
div.content div.contactform_div  label.anonymous-label-inner::before{top:2px; width:14px; height:14px; border-radius:7px;}
div.content div.contactform_div  label.anonymous-label-inner::after	{content: '';    position: absolute;  top: 5px;  left: 3px;  background-color: #008cb4; transition: all .2s; width: 8px;  height: 8px;  border-radius: 4px;}
div.content div.contactform_div  .anonymous_input{    line-height: 18px; height: 30px; margin-top:10px; font-size:16px; max-width:73px;}
div.content div.contactform_div div.submit input{ background-color: #000000; border:1px solid #000000; color: #ffffff; text-transform: uppercase; font-weight:normal; width: auto; padding: 4px 15px; height:48px; margin-top:30px; margin-bottom:30px; cursor: pointer;}
div.content div.contactform_div div.submit input:hover{ background-color: #ffffff; border:1px solid #008cb4; color: #008cb4; }
div.content div.contactform_div.wait input, div.content div.contactform_div.wait select, div.content div.contactform_div.wait label { pointer-events:none !important; }
div.content div.contactform_div.wait { cursor: progress; }