@charset "utf-8";

/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v23-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
	font-display: swap;
  }
  /* montserrat-500 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v23-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v23-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v23-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
	font-display: swap;
  }
  /* montserrat-600 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v23-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v23-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v23-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
	font-display: swap;
  }
  /* montserrat-700 - latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v23-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v23-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v23-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
	font-display: swap;
  }

/* Allgemeine Definitionen
----------------------------------------------- */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, table, ul {
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
html {
	overflow-y: scroll;
}
body {
	background: #fff;
	color: #333;
   	font-family: 'Montserrat', sans-serif;
   	font-size: 15px;
   	font-weight: 400;
   	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
img,
a img {
	border: 0;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;	
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
.line {
	background: #fff;	
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
	margin-bottom: 20px;
}
.divider {
  border-top-width: 1px;
  border-top-color: #C00731;
  border-top-style: solid;
  padding-top: 19.5px;
}
.fline {
	background: #999;
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
	margin-bottom: 19px;
}




/* Links
----------------------------------------------- */
a {
	color: #004477;;
	outline: none;
	text-decoration: underline;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
	transition: all 0.3s; 
	opacity: 1;
}
a:hover {
	color: #49abd3;
	text-decoration: underline;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s;  
	-ms-transition: all 0.3s;  
	-o-transition: all 0.3s;  
	transition: all 0.3s; 
	opacity: 1;
}
.toplink {
	float: right;
	margin: 0 0 4px 0;
}


/* Typo
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: normal;
	margin: 0;
	padding: 0;
}
h1 {
   	color: #004476;
	font-size: 28px;
	margin: -7px 0 14px 0;
	text-transform: uppercase;
}
h2 {
   	color: #49abd3;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 14px 0;
	
 }
h3 {
	font-size: 19px;
	font-weight: 500;
	margin: 0 0 14px 0;
	color: #004476;
}
h4 {
    font-size: 17px;
    font-weight: 600;
	margin: 0 0 16px 0;
	text-transform: uppercase;
	color: #49abd3;
}

h5 {
	font-size: 16px;
	letter-spacing: 0px;
	color: #333;
	margin: 0;
	margin-bottom: 10px;
}
h6 {
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	color: #f01e1e;
	margin-bottom: 14px;
	
}
blockquote {
	font-style: italic;
	color: #047;
	font-weight: 500;
	margin: 0 0 20px 0;
	background-color: #49abd31a;
	border-top: 1px solid #49abd3;
	border-bottom: 1px solid #49abd3;
	width: 90%;
	padding: 14px 10px 0 10px;
}
p {
	margin: 0 0 1.3em 0;
	padding: 0;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;	
}
ul {
    margin: 0 0 1em 20px;
    padding: 0;
    list-style-type: circle;
}
ul li {
	margin: 0;
	padding: 0;
}
.videocontainer {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;		
	margin-bottom: 15px;

}
div.videocontainer iframe,
iframe.video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.main ul {
	margin: 0 0 1em 0;
	padding: 0;
}
.main ul li {
	background: url(gfx/lidot.png) no-repeat 0 7px;
	background-size: 5px;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 0 0 3px 14px;
}
.main ul ul {
	margin: 0;
	padding: 0;
}
.main ul ul li {
	background: url(gfx/lidot-3-1.png) no-repeat 6px 15px;
	line-height: 16px;
	list-style: none;
	margin: 0;
	padding: 4px 0 3px 18px;
}
.main ol {
	counter-reset: listenpunkt_ebene1;
	list-style: none;
	margin: 0 0 20px 4px;
	padding: 0;
}
.main ol li {
	line-height: 20px;	
	margin: 0;
	padding: 6px 0;	
}
.main ol li::before {
	content: counter(listenpunkt_ebene1) ". ";
	counter-increment: listenpunkt_ebene1;
}
.main ol ol {
	counter-reset:listenpunkt_ebene2;
	list-style: none;
	margin: 5px 0 0 15px;
	padding: 0;		
}
.main ol ol li {
	line-height: 16px;	
	margin: 0;
	padding: 4px 0;		
}
.main ol ol li::before {
	content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". ";
	counter-increment:listenpunkt_ebene2;
}

#footer strong {
	font-weight: 400;
}
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .main p, .main ul {
	padding: 0 4px;
}


/* Layout
-----------------------------------------------*/ 
#wrapper {
	background: #fff;
	float: left;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 100%;
}
.inner {
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	max-width: 994px;
}
#header {
	border-bottom: 2px solid #49abd3;	
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#home #header {
	border-bottom: none;
}
#innerheader {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}


p.logo {
	visibility: visible;
	opacity: 1;	
    float: left;
	margin: 27px 0 27px 0;
    padding: 0;
	max-width: 208px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

p.toptext {
	float: left;
	font-size: 13px;
	line-height: 24px;
	margin: 0 0 12px 0;
	padding: 10px 0;
	text-align: right;
	width: 100%;
}
p.toptext strong {
	font-weight: 400;
}
.middot {
	padding: 0 4px;
}
#navigation {
	float: right;
	margin: 45px 0 0 0;
	padding: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;	
}
#container {
    	float: left;
    	margin: 0;
    	padding: 136px 0 15px 0;
    	width: 100%;	
}

#topbar {
	background: #e9e9e9;
	color: #3c3c3b;
	float: left;
	font-size: 11px;
	font-weight: 400;
	height: 20px;
	line-height: 20px;
	padding: 5px 0;
	text-align: right;
	width: 100%;
}
#topbar strong {
	font-weight: 600;
}
#topbar a {
	color: #3c3c3b;
	text-decoration: none;
}




#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.sidebar {
	float: left;
	margin: 0 5.325% 0 0;
	width: 29.175%;
}
.main {
	float: left;
	padding: 0 0 40px 0;
	width: 65.5%;
}
.main p.frameimg {
	background: #fff;
	display: block;
	float: left;
	padding: 0;
        min-height: 205px;
}
.main p.frameimg.rightimg {
	float: right;
}
p.frameimg span {
	display: block;
	float: left;
	margin: 4px;	
	overflow: hidden;
}
.frameimg img {
	display: block;
}
.certs img {
	height: 350px;
        width: 290px;
        object-fit: contain;
}
p.frameimg a span img {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;
}
p.frameimg a:hover span img {	
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

/* new content gallery */

.frameimg-wrapper {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.frameimg-wrapper > * {
    margin-bottom:0;
}

.frameimg span, .frameimg img {
    width:100%;
}


#sidebar {
	float: left;
	margin: 0 4.5% 25px 0;
	width: 30.333%;	
}
ul#sbmenu {
	float: left;
	margin: 41px 0 80px 0;
	padding: 0;
	width: 100%;
}
ul#sbmenu li {
	list-style: none;
	margin: 0 0 2px 0;
	padding: 0;
}
ul#sbmenu li a {
	background: #e4f2f8;
	color: #3c3c3b;
	display: block;
	font-size: 17px;
	line-height: 24px;
	padding: 8px 35px;
	text-decoration: none;
}
ul#sbmenu li a.active,
ul#sbmenu li a:hover {
	background: #004476;
	color: #fff;	
	display: block;
	text-decoration: none;	
}

ul.side-lvl-3 {
    margin:0;
}

ul.side-lvl-3 li a {
    background: #f8f8f8 !important;
    color: #3C3C3B !important;
    padding-left:40px !important;
}

ul.side-lvl-3 li:hover a,
ul.side-lvl-3 li a.active {
    background: #004476 !important;
    color: white !important;
}

.box12,
.box13,
.box23,
.footerbox {
	float: left;
}
.box12 {
	margin: 5px 8.45% 0 0;
	width: 45.775%;
}
.box13,
.footerbox {
	letter-spacing: -.5px;
	line-height: 23px;
	margin: 0 4.5% 25px 0;
	width: 30.333%;
}
.box23 {
	margin: 0 4.5% 45px 0;
	width: 65.166%;
}
.lastbox {
	margin-right: 0;
}
.contactbox {
	background: #00355d url(gfx/bg_contactbox.webp) no-repeat 0 0;
	color: #fff;
	letter-spacing: -.5px;
	line-height: 18px;	
	text-align: left;
	width: 100%;
}
.box13 p.boximg,
.box12 p.boximg,
.box12 p.boximg2 {
	background: #fff;
	display: block;
	float: left;
	padding: 0;
	border: none;
	border-bottom: 2px solid #49abd3;
    	padding-bottom: 2px;
	margin-bottom: 18px;
}
.box12 p.boximg2 {
	margin-bottom: 6px;
}
.box13 p.boximg span,
.box12 p.boximg span,
.box12 p.boximg2 span {
	display: block;
	float: left;
	margin: 0;	
	overflow: hidden;
}
.boximg img,
.boximg2 img {
	display: block;
	width: 100%;
}
p.boximg a span img,
p.boximg2 a span img {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;
}
p.boximg a:hover span img,
p.boximg2 a:hover span img {	
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

img.bimg {
	border-bottom: 2px solid #49abd3;
    	padding-bottom: 2px;
	margin-bottom: 20px;
}

p.boximgtext {
	background: #fff;
	display: block;
	float: left;
	padding: 0;
}
p.boximgtext span.bit-img {
	border: 4px solid #fff;
	display: block;
	float: left;
	margin: 0;	
	overflow: hidden;
}
.boximgtext img {
	display: block;
             width: 100%;
     max-width: -moz-max-content;

}
p.boximgtext a span.bit-img img {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;
}
p.boximgtext a:hover span.bit-img img {	
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
p.boximgtext .bit-name,
.bit-name {
	color: #004476;
	display: block;
	float: left;
    	font-size: 20px;
    	font-weight: 600 !important;
	margin: 0 0 7px 0;
	padding: 18px 0 0 0;
	text-transform: uppercase;	
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}
p.boximgtext a .bit-name,
.teamtitle a {
	text-decoration: none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;	
	font-size: 18px;
}
p.boximgtext a:hover .bit-name,
.teamtitle a:hover {
	color: #49abd3;
	text-decoration: none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;	
}


span.teamtitle, .bit-name, .teamtitle a  {
 	font-weight: 500;

}
 
.box12 p {
    font-size: 15px !important;
}





.contactbox {
	display: block;
	float: left;
	font-size: 15px;
	font-weight: 600;	
	padding: 24px 18px 0 24px;
	outline: 1px solid #ccc;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}
.contactbox a {
	color: #fff;	
	text-decoration: none;
}
.contactbox a:hover {
	color: #fff;	
	text-decoration: underline;	
}

p.cbimg {
	text-align: right;
}
p.name {
	line-height: 24px;
	margin-bottom: 14px;
}
p.name strong {
	font-size: 24px;
	text-transform: uppercase;
}
p.cbcontact a.phone {
	font-weight: 400;
}
.ptab {
	display: inline-block;
	width: 2.3em;
}
p a.cbbtn,
a.ctabtn {
	background: #49abd3;
	border: 2px solid #fff;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}
p a:hover.cbbtn,
a:hover.ctabtn {
	background: #004477;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
}
a.ctabtn {
	max-width: 250px;
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
}
.main ul {
	float: left;
	padding: 0;
	width: 100%;
}


#footer {
	background: #49abd3 url(gfx/flogo.png) no-repeat center -2px;
	color: #fff;
	float: left;
	font-size: 15px;
	font-weight: 400;
	margin: 5px 0 0 0;
	padding: 35px 0 0 0;
	width: 100%;
}
#footer p {
	font-weight: 600;
	margin: 0;
	padding: 0;	
	text-transform: uppercase;
}
#footer ul {
	margin: 0 0 6px 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #004477;
	text-decoration: none;
}
p.flinks {
	margin: 0 0 25px 0;
}
#socket {
	background: #004477;
	color: #fff;
	float: left;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
#socket p {
	margin:  0;
	padding: 0;
}
#socket a {
	color: #fff;
	padding: 0 4px;
	text-decoration: none;
	font-size: 14px;
}
#socket a:hover {
	color: #49abd3;
	text-decoration: none;
}
ul.siegel {
	float: right;
	margin: 0;
	padding: 0;
}
ul.siegel li {
	float: left;
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0;
}


/* Forms
-----------------------------------------------*/
input,
textarea {
	font-family: inherit;
	font-size: inherit;
	-webkit-appearance: none;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
#fform p {
	float: left;
	margin: 0 0 14px 0;
	width: 100%;
}
.flabel {
	float: left;
	width: 100%;
}
.finput,
.ftxta {
	background: #f0f0f0;
	border: none;
	border-top: 2px solid #b8b8b8;
	float: left;
	height: 28px;
	margin: 3px 0 0 0;
	padding: 0 5px;
	width: 100%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.finput {
	line-height: 26px;
}
.ftxta {
	height: 110px;
}
.fbtn {
	background: #49abd3;
	border: 2px solid #f0f0f0;
	color: #fff;
	display: table;
	float: right;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	margin: 12px 0 0 0;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	width: 94px;
	text-decoration: none;

}
.fbtn:hover {
	background: #6dcaf1;
	border-color: #f0f0f0;
	color: #666;
	cursor: pointer;
}
.formerror strong {
        background-color: #49abd3;
        color: white;
        display: inline-block;
        font-size: 18px;
        width: 100%;
}
.formerror strong span {
        display: inline-block;
        padding: 5px;
}


/* Tabellen
-----------------------------------------------*/
#content table {
	font-size: 13px;
	background: #fff;
	border: solid #fff;
	border-width: 0 0;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	display: inline-block;
	overflow: auto;		
}
#content table th {
	border: none;
	background: #e9e9e9;
	margin: 0;
	padding: 4px 5px;
	vertical-align: top;
}
#content table td {
	border: none;
	background: #e9e9e9;
	margin: 0;
	padding: 4px 5px;
	vertical-align: top;
}
#content table tr:last-child td {
	border: none;
}
.year {
	width: 125px;
}


/* Download table
-----------------------------------------------*/

#content table.dltable {
	background: #e9e9e9;
}


/* Sidebar teasers
-----------------------------------------------*/

.sideteaser-wrapper {
	margin: 16px auto;
	float: left;
	margin: 41px 0 80px 0;
}

.sideteaser-wrapper a {
	text-decoration: none;

	display: block;
}

.sideteaser {
	margin: 16px auto;
	display: inline-block;
	float: none;
	width: 100%;
}

.sideteaser .bit-name {
	margin-top:0;
	padding-top:0;
}

/* Navigationen
-----------------------------------------------*/
ul.infobtn {
	float: left;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: normal;	
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}
ul.infobtn li {
	float: left;
	list-style: none;
	margin: 0 2.5% 0 0;
	padding: 0;
	text-align: center;
	width: 42.5%;
}
ul.infobtn li:last-child {
	margin-right: 0;
	width: 10%;
	
}
ul.infobtn li a {
    background: #fff;
	border: 1px solid #004477;
    color: #3c3c3b;
    display: block;
    float: left;
    padding: 5px 8px;
    text-decoration: none;
    border-radius: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;			
}
ul.infobtn li a:hover {
	background: #004477;
	color: #fff;
	text-decoration: none;
}

ul.infobtn li:last-child a {
    background: #0c4d7c;
	border: 1px solid #0c4d7c;
    color: #fff;		
}
ul.infobtn li:last-child a:hover {
	background: #0c4d7c;
	color: #fff;
}




@media only screen and (min-width: 1025px) {
	.header {
		background: #fff;
		background: rgba(255, 255, 255, 0.97);
		left: 0;
		position: fixed;
		top: 0;
		z-index: 1000;
		-webkit-transition: height 0.5s;
		-moz-transition: height 0.5s;
		transition: height 0.5s;
		width: 100%;
	}
	.header.shrink {
		border-top: none;	
		border-bottom: none;
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
		box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
	}
	.header.shrink p.logo {
		margin: 8px 0 8px 0;
	}
	.header.shrink #navigation {
		margin-top: 22px;
	}
	#content {
		padding-top: 86px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;		
	}
	ul#navmenu-h {
		font-size: 15px;
	}	
}

@media only screen and (max-width: 1025px) {
	#container {
		padding-top: 0;
	}	
	#content {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 980px) {
	ul#navmenu-h {
		float: left;
		font-size: 14px;
		font-weight: 400;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		text-transform: uppercase;
		z-index: 7000;
	}
	ul#navmenu-h ul {
		 display: none;
		 float: none;
		 font-weight: normal;
		 left: -26px;
		 list-style: none;
		 margin: 0;
		 position: absolute;
		 text-transform: none;
		 top: 100%;
		 width: 220px; /* Sub Menu Width */
		 z-index: 7001;
		 padding: 0;	 
	}
	ul#navmenu-h ul ul,ul#navmenu-h ul ul ul {
		font-size: 14px;
		left: 100%;
		top: 0;
	}
	ul#navmenu-h li {
		display: inline;
		float: left;
		margin: 0 0 0 26px;
		padding: 0;		
		position: relative;
	}
	ul#navmenu-h ul li {
		display: block;
		padding: 0;
		width: 100%;
	}
	ul#navmenu-h li .nav-level3 li {
		margin-left:0;
	}
	ul#navmenu-h li .nav-level3 li:hover a {
		color:#fff ;
		background:#004476;
	}
	ul#navmenu-h li .nav-level3 li a.active {
		color:#fff !important;
		background:#004476 !important;
	}
	/* Root Menu */
	ul#navmenu-h a {
		border: none;
		border-bottom: 1px solid #fff;
		color: #3c3c3b;
		display: block;
		float: left;
		height: 1%;
		line-height: 15px;
		margin: 0;
		padding: 4px 0 4px 0;
		text-decoration: none;
	}
	ul#navmenu-h li:last-child a {
		margin-right: 0;
	}
	ul#navmenu-h a.active {
		border-bottom: 1px solid #49abd3;
	}
	ul#navmenu-h ul li a {
		border: none;
		border-bottom: 1px solid #fff;
		display: block;
		line-height: 36px;
		margin: 0;
		padding: 0 10px 0 26px;
	}
	/*ul#navmenu-h ul li:last-child a {
		border-right: none;
	}*/
	/* Root Menu Hover Persistence */
	ul#navmenu-h a:hover,
	ul#navmenu-h li:hover a,
	ul#navmenu-h li.iehover a {
		border-bottom: 1px solid #49abd3;
	}
	/* 2nd Menu */
	ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
		background: #e4f2f8;
    		border-color: #fff;
    		color: #3c3c3b;
    		float: none;
    		padding: 5px 10px 5px 10px;
    		font-weight: 400;
    		font-size: 14px;
    		border-radius: 0;
		letter-spacing: 0;
	}
	/* 2nd Menu Hover Persistence */
	ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
		background-color: #004476;
		color: #fff;
	}
	/* 3rd Menu */
	ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
		background: #e4f2f8;
		color: #3c3c3b;
	}
	/* 3rd Menu Hover Persistence */
	ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
		background: #e4f2f8;
		color: #e4f2f8;
	}
	/* Hover Function - Do Not Move */
	ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul {
		display: none;
	}
	ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul {
		display: block;
	}
	ul#navmenu-h .nav-level3 li:hover a {
		background:#004476 !important;
		color:#fff !important;
	}
}


/* Responsive
-----------------------------------------------*/
.onlymobile,
.onlysmartphone,
ul#mobilemenu,
.navtoogle {
	display: none;
}





@media only screen and (max-width: 980px) {
	.toptext {
		display: none;
	}	
	/*#header {
		padding-top: 35px;
	}*/
	#footer {
		background-position: -48px -2px;
	}
	.box23 {
		margin-right: 0;
		width: 100%;
	}	
	
  .nav-level2-toggler {
	display:flex;
    width:1.4em;
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: .9em 1.3em;
    opacity:.7;
    top: 0;
	border-left: 1px solid gray;
  }	
  .nav-level3-toggler {
	display:flex;
    width:.8em;
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: .9em 1.3em;
    opacity:.7;
    top: 0;
	border-left: 1px solid gray;
  }	
}




@media only screen and (min-width: 980px) {
  .nav-level2-toggler,
  .nav-level3-toggler {
    display: none;
  }
}




@media only screen and (max-width: 980px) {	
	.nomobile,
	.sidebar {
		display: none !important;
	}
	.onlysmartphone,
	.onlymobile {
		display: block !important;
	}	
	ul#navmenu-h {
		display: none;
	}
	li.navtoggle-wrapper {
		float: right;
	}
	.navtoogle {
		display: block;
		float: right;
		font-weight: 400;	
		font-size: 18px;
		line-height: 18px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;	
		width: 100%;
	}	
	.navtoogle a {
		background: #0c4d7c;
		border: 1px solid #0c4d7c;
		color: #fff;
		display: block;
		padding: 4px 10px;
		text-decoration: none;		
	}	
	.navtoogle a:hover {
		background: #0c4d7c;
		color: #fff;
		text-decoration: none;
	}
	ul#navmenu-h {
		float: left;
		font-size: 16px;
		font-weight: 400;
		list-style: none;
		letter-spacing: 1px;		
		margin: 0;
		padding: 0;
		position: relative;
		text-transform: uppercase;
		width: 100%;
		z-index: 7000;
		/* mobile scroll hack */
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: calc(100vh - 90px);
		max-height: calc(100vh - 90px);
	}
	ul#navmenu-h ul {
		 display: block;
		 float: none;
		 font-size: 14px;
		 left: auto;
		 letter-spacing: normal;
		 list-style: none;
		 margin: 0;
		 position: relative;
		 text-transform: none;
		 top: auto;
		 width: 100%;
		 z-index: 7010;  
	}
  ul#navmenu-h ul {
    display: none;
  }	
	ul#navmenu-h li {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}
	ul#navmenu-h ul li {
		display: block;
		width: 100%;
	}
	ul#navmenu-h a {
		background: #e4f2f8;
		border-top: 1px solid #fff;  
		color: #3c3c3b;
		display: block;
		float: left;
		height: auto;
		line-height: 18px;
		margin: 0;
		padding: 15px 15px;
		text-decoration: none;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;			
	}
	ul#navmenu-h a.active {
		background: #004476 !important;
		color: #fff !important;
	}
	ul#navmenu-h img.active {
		filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(102deg) brightness(103%) contrast(102%);
	}
	ul#navmenu-h ul a {
		border: none;
		border-top: 1px solid #f0f0f0;  
		display: block;
		line-height: 18px;
		margin: 0;
		padding: 9px 15px 9px 25px;
		width: 100%;
	}
	ul#navmenu-h ul li:last-child a {
		border-bottom: none;
	}
	ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
		background: #e4f2f8;
		color: #3c3c3b;
	}
	/* 2nd level */
	ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
		background: #e4f2f8;
		border-top: 1px solid #f0f0f0;  
		color: #3c3c3b;
		float: none;
	}
/* 	ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover {
		background: #004476;
		color: #fff;
	} */
	ul#navmenu-h ul ul a {
		border-top: 1px solid #f0f0f0;  
	}
	ul.nav-level3 li a {
		padding-left:30px !important;
	}	
	#header {
		padding-top: 0;
	}	
	p.logo {
		margin-top: 5px;
	}
	#innerheader {
	margin: 0 0 -6px 0;
	}
	.main p.frameimg.rightimg {
		float: left;
	}
	ul.siegel {
		float: left;
	}
	ul.siegel li {
		float: left;
		list-style: none;
		margin: 0 20px 10px 0;
		padding: 0;
	}
	.qanlogo {
		display: none;
	}
}


@media only screen and (max-width: 768px) {
	#topbar {
		height: 4px;
		line-height: 4px;
		padding: 0;
	}		
	#footer p {
		text-align: center;
	}	
}



@media only screen and (max-width: 767px) {

	.inner {
		padding: 0 10px;
		margin: -8px 0 24px 0;
	}
	#container {
		padding-top: 0;
	}
	#home #content {
		padding-top: 0px;
	}
	.logo {
		max-width: 80%;
	}
	p.logo {
		float: none;
		margin: 15px auto;
		text-align: center;
		margin-top: 23px;
		margin-bottom: 20px;		
	}
	.main,
	.box23 {
		width: 100%;
	}
	.year {
		width: 65px;
	}
	#innerheader {
	margin: 0 0 -6px 0;
	}
	h1	{
		font-size: 24px;
	}
}

@media only screen and (min-width: 551px) and (max-width: 767px) {
  .noipad {
		display: none !important;
	}
}

@media only screen and (max-width: 550px) {
	.box12,
	.box13,
	.footerbox {
		width: 100%;
	}	
}

/* Custom */
.fancybox-overlay {
z-index: 9999;
z-index: 8010;
}


/* reworked navigation */
@media only screen and (max-width: 980px) {

	.mobilenav {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		position: relative;
		top: 0;
	}

	.mobilenav .fa {
		font-size: 36px;
		padding: 0 12px;
		color: #686868;
	}

	.mobilenav>p {
		padding: 0 !important;
		margin: 0 !important;
	}

	#innerheader .inner {
		margin: 5px 0;
	}

	#innerheader {
		margin: 0;
		height: 64px;
		background: #fff;
	}

	#header {
		position: fixed;
		background: #fff;
		z-index: 99;
		-webkit-box-shadow: 0px 1px 6px 5px rgba(0, 0, 0, 0.18);
		box-shadow: 0px 1px 6px 5px rgba(0, 0, 0, 0.18);
		padding:12px 0
	}

	#container {
		margin-top: 89px;
	}
	#navigation {
		margin-top:17px;
	}
	#topbar {
		display:none;
	}
}

@media only screen and (max-width: 399px) {
	.mobilenav {
		height:54px;
	}
	.mobilenav .logo {
		width: 180px;
	}
}

@media only screen and (max-width: 340px) {
		.mobilenav .logo {
		width: 160px;
	}
}

ul#navmenu-h li.onlysmartphone {
	display:none;
}

.box23.lastbox.fancybox-content {
	width: 100%;
}