@charset "utf-8";
@import url("fontawesome-free/css/fontawesome-all.min.css");
/* merriweather-300 - latin */

@font-face {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/merriweather-v21-latin-300.eot'); /* IE9 Compat Modes */

  src: local('Merriweather Light'), local('Merriweather-Light'),

       url('../fonts/merriweather-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/merriweather-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/merriweather-v21-latin-300.woff') format('woff'), /* Modern Browsers */

       url('../fonts/merriweather-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/merriweather-v21-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */

}

/* merriweather-regular - latin */

@font-face {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Merriweather Regular'), local('Merriweather-Regular'),

       url('../fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */

}

/* lato-300 - latin */

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/lato-v16-latin-300.eot'); /* IE9 Compat Modes */

  src: local('Lato Light'), local('Lato-Light'),

       url('../fonts/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */

       url('../fonts/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */

}

/* lato-regular - latin */

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Lato Regular'), local('Lato-Regular'),

       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */

}
body                     { color: #333; font-size: 0.8em; font-family: Merriweather, serif; font-weight: 300; line-height: 1.8em; letter-spacing: 0.07em; margin: 0; font-display: swap; } html { } .clear-both { clear: both; } .hidden { display: none; }
/* Header
--------------------------------------------------------------------------------------------------------------- */
#header1{ color: #042c5d; padding:50px 0; max-width: 1400px; }
#header1 a { color: #042c5d; font-size: 0.9em; text-decoration: none; }
#header1 #logo{ color: #042c5d; }
#header1 #logo *{margin:0; padding:0; padding:0 0 0 2px; line-height:1;}
#header1 #logo h1{margin-top:-15px;}
#header1 #logo p{font-size:0.8em; text-transform:capitalize;}
/* Text URL Header
--------------------------------------------------------------------------------------------------------------- */
#header1 ul{ color: #042c5d; }
#header1 ul li{ color: #042c5d; }
#header1 ul li div{ color: #042c5d; position:relative; min-height:45px; padding:0 0 0 60px; line-height:1; }
#header1 ul li div i{ position:absolute; top:0; left:0; width:45px; height:45px; line-height:43px; font-size:16px; text-align:center; visibility: visible; border:solid 1px; border-radius:50%; }
#header1 ul li div span{ padding:4px 0 0; }
#header1 ul li div strong{display:block; margin:0 0 8px 0;}

#header1 div:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */




/*Kopf
--------------------------------------------------------------------------------------------------------------- */
#kopf{ font-family: Lato, sans-serif; text-decoration: none; text-align: center; letter-spacing: 0.1em; padding-bottom: 50px; }
#kopf h1 { color: #fff; font-size: 2.5em; font-weight: 400; text-align: center; text-shadow: 1px 1px 1px #000; font-display: swap; }
#kopf #logo{}
#kopf #logo *{margin:0; padding:0; line-height:1;}
#kopf #logo h1{ font-size: 2.5em; margin-top:-10px; }
#kopf #logo p{text-transform:capitalize;}

#kopf ul{}
#kopf ul li{}
#kopf ul li div{position:relative; min-height:45px; padding:0 0 0 60px; line-height:1;}
#kopf ul li div i{position:absolute; top:0; left:0; width:45px; height:45px; line-height:43px; font-size:16px; text-align:center; border:1px solid; border-radius:50%;}
#kopf ul li div span{display:block; padding:4px 0 0 0;}
#kopf ul li div strong{display:block; margin:0 0 8px 0;}

#kopf div:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */

#banner { font-family: Lato, sans-serif; background-repeat: repeat; text-decoration: none; text-align: center; letter-spacing: 0.1em; position: relative; width: 100%; list-style: none; }

#banner h1 { color: #fff; font-size: 2.5em; font-weight: 400; text-align: center; text-shadow: 1px 1px 1px #000; font-display: swap; }

banner { z-index: 999; }

.banner { z-index: 999; }

#header { color: #fff; font-family: Lato, sans-serif; font-weight: 400; text-decoration: none; position: relative; top: -100px; height: 100%; z-index: 1; clear: both; margin: 0 auto -20px; property: value; font-display: swap; } .haeder  { color: #fff; z-index: 1; margin: 0 auto; max-width: 100%; clear: both; } #header p {  } #header  h1          { color: #042c5d; font-size: 200%; font-weight: 400; text-align: center; letter-spacing: 0.1em; z-index: 1     ; visibility: visible; }
#header h2            { color: #00963f; font-size: 200%; text-shadow: black 0.1em 0.1em 0.2em; }
/* Download Gallery3 */
@media screen and (max-width: 768px) {
	div.mod_downloadgallery .rwd-table .hide_on_mobile{display:none;}
    div.mod_downloadgallery .rwd-table .item_description{
      border-bottom:1px solid #000 !important;
      border-collapse:separate;
  }
}
div.mod_downloadgallery .rwd-table{border:0;border-collapse:collapse;margin:1em 0;min-width:300px;width:100%;}
div.mod_downloadgallery .rwd-table th{display:none;}
div.mod_downloadgallery .rwd-table td{display:block;}
div.mod_downloadgallery .rwd-table td:first-child{padding-top:.5em;}
div.mod_downloadgallery .rwd-table td:last-child{padding-bottom:.5em;}
div.mod_downloadgallery .rwd-table td:before{content:attr(data-th) ": ";font-weight:bold;width:8.5em;display:inline-block;margin-right:0.1em;}
div.mod_downloadgallery .rwd-table th, div.mod_downloadgallery .rwd-table td{text-align:left;}
div.mod_downloadgallery .rwd-table{border-radius:.4em;overflow:hidden;}
div.mod_downloadgallery .rwd-table tr{}
div.mod_downloadgallery .rwd-table .groupheader{ border-top-left-radius:4px; border-top-right-radius:4px; text-align:center; visibility: hidden; }

div.mod_downloadgallery div.center{text-align:center;font-size:.9em;}
div.mod_downloadgallery div.dlg_search_result{border-radius:5px;border:1px solid #34495e;padding:8px;margin:15px auto;}
div.mod_downloadgallery div.dlg_search_result a.dlg_button{padding:1px 5px;border-radius:5px;float:right;}


@media (min-width: 480px) {
  div.mod_downloadgallery .rwd-table th, div.mod_downloadgallery .rwd-table td {
    display: table-cell;
    padding: .3em;
  }
  div.mod_downloadgallery .rwd-table th:first-child, div.mod_downloadgallery .rwd-table td:first-child {
    padding-left: 0;
  }
  div.mod_downloadgallery .rwd-table th:last-child, div.mod_downloadgallery .rwd-table td:last-child {
    padding-right: 0;
  }
  div.mod_downloadgallery .rwd-table td:before {
    display: none;
  }
  div.mod_downloadgallery .rwd-table .hide-on-mobile{
    display:none !important;
  }
}

div.mod_downloadgallery nav[role="navigation"] {
  text-align:center;
}

div.mod_downloadgallery nav{background-color:#fff;}
div.mod_downloadgallery nav ul.bullets{list-style: none outside none;}
div.mod_downloadgallery nav ul.bullets li{display:inline-block;width:30px;height:30px;line-height:30px;font-size:.9em;padding:0;margin:2px;background-color:#a6c3df;border:1px solid #34495E;border-radius:100%;z-index:2;position:relative;;white-space:nowrap}
div.mod_downloadgallery nav ul.bullets li a{color:#000;}
div.mod_downloadgallery nav ul.bullets li.current{background-color:#34495E;color:#fff;font-weight:900;}
div.mod_downloadgallery nav ul.bullets li.current a{color:#fff;}
div.mod_downloadgallery nav ul.bullets li.prev{min-width:130px;border-radius:50px;border-bottom-right-radius: 0;border-top-right-radius: 0;}
div.mod_downloadgallery nav ul.bullets li.next{min-width:130px;border-radius:50px;border-bottom-left-radius:0;border-top-left-radius:0;position:relative;z-index: 0;}
div.mod_downloadgallery nav ul.bullets li.next::before, div.mod_downloadgallery nav ul.bullets li.prev::after{content:" ";display:inline-block !important;height:30px;width:30px;background-color:#ffffff;border-radius:50px;position:relative;z-index:-1;}
div.mod_downloadgallery nav ul.bullets li.next::before{border-right:1px solid #34495e;float:left;margin-left:-15px;}
div.mod_downloadgallery nav ul.bullets li.prev::after{border-left:1px solid #34495e;float:right;margin-right:-15px;}

@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1170px) {
}



/*Module
--------------------------------------------------------------------------------------------------------------- */
.tp-blocks-inner .mod_topic_loop a.loop-pic img {
    /* width: 100%; */
    /* float: left; */
    /* opacity: 1; */
    /* transition: 0.5s all; */
}

.tp-blocks-inner .mod_topic_loop a.loop-pic img {
    width: 100%;
    height: auto!important;
    float: left;
    opacity: 1;
    transition: 0.5s all;
    
}

.wb-accordion p {
    margin: 0;
    padding: 5px 0 5px 48px;
}
.accordion-content { margin-right: 10px; padding-right: 10px; }
.minihero-text p.pfirst { color: #fff;	border: solid 0; padding: 10px 0; font-size: 20px;	font-size: 160%; font-weight: 200; letter-spacing: 2px; text-shadow: 1px 1px 1px #000; font-family: inherit; }

.minihero-text p.psecond {

	color: #fff;

	border: solid 0;

	padding: 10px 0;

	font-size: 12px;

	font-size: 140%;

	font-weight: 200;

	letter-spacing: 1px;

	text-shadow: 1px 1px 1px #000;

    font-family: inherit;

}

.minihero-text a.button {

font-size: 12px;

	font-size: 140%;

	color: #fff;

	background-color: #00963f;

    border: outset thin #f93;

    color: #fff;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

	text-shadow: none;

    display: inline-block;

	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;

}

.minihero-text a.button:hover {	background-color: #ec861a; text-decoration: none; transition:0.5s all;}

/* Button */
/* button-23*/
a.button-23:link {
  background-color: #ffffff;
  border: 1px solid #042c5d;
  border-radius: 8px;
  box-sizing: border-box;
  color: #042c5d;
  cursor: pointer;
  display: inline-block;
  font-family: Circular,-apple-system,BlinkMacSystemFont,Lato, san-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 10px;
  margin: 0;
  outline: none;
  padding: 12px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  transition: box-shadow .2s,-ms-transform .1s,-webkit-transform .1s,transform .1s;
  user-select: none;
  -webkit-user-select: none;
  width: auto; }

.button-23:focus-visible {
  box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
  transition: box-shadow .2s; }

.button-23:active {
  background-color: #F7F7F7;
  border-color: #000000;
  transform: scale(.96); }

.button-23:disabled {
  border-color: #DDDDDD;
  color: #DDDDDD;
  cursor: not-allowed;
  opacity: 1; }

/* Navigation Impressum */
#mainimpress    { height: 100%; z-index: 10; margin: 0 auto; }
.mainimpress { width: 100%; height: 140px; z-index: 10; padding-right: 3%; padding-left: 3%; } #impress p       { color: #666; font-size: 90%; text-align: center; display: block; top: 6px; left: -30px; max-width: 320px; width: auto ; float: right  ; } #impress a  { color: #666; text-decoration: none ; padding-right: 5px; padding-left: 5px; } #impress a:hover { color: #003867; text-decoration: underline; transition:0.5s all; } /* /* Header menu */ #main-menu { position: relative; top: 10px; left: -15px; z-index:999; float: left; clear: left; padding-top: 5px; padding-bottom: 10px; display: inline; } /* end menu */ /* Search Box in banner */ #search_box            { background-color: #fff; text-align: right; position: relative; top: -90px; margin-left: 10px; padding-bottom: 10px; width: 200px; height: 18px; float: right; border: solid 2px #f93            ; display: block; }

#search_box .searchstring          { color: #959595; background-color: #fff; padding-top: 5px; padding-left: 10px; width: 148px; height: 19px; float: left; border: solid 0 #fff } .submitbutton { background-color: #fff; display: inline; width: 36px } #prevnext { float:right; margin-top:0px; margin-right:10px; color: #fff; font-weight: bold; } #prevnext a {color: #fff; } .clearfix:after { visibility: hidden; display: block; height: 0; clear: both; content: "."  } /*  */ * html #clearfix { height: 1% } /*  */ #maincontainer            { font-family: Merriweather, serif; position: relative; top: -20px; margin-right: auto; margin-left: auto; z-index: 1; max-width: 1400px; width: 100%; height: inherit  ; padding-right: 10px; padding-left: 10px; } #mainbody               { top: -400px; max-width: 1400px; width: 100% ; } .innerwrap {  } /*Content Weiß */ #content2 { font-weight: 300; text-decoration: none; background-color: #fff; clear: both; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.content2          { margin: 0 auto; padding: 0 10px; max-width: 1400px; width: auto; clear: both }

.content2 p {color: #333; font-weight: 300; line-height: 1.8em; letter-spacing: 0.07em; margin: 0 0 5px; font-display: swap; }

/*Ende Conten Weiß*/ /*Content Grau*/ #content3 { color: #042c5d; font-weight: 300; background-color: #ccc; text-decoration: none; top: 0; clear: both; margin-right: auto; margin-bottom: 0; margin-left: auto; } .content3          { margin: 0 auto; padding: 0 10px; max-width: 1400px; width: auto; clear: both  }

.content3 h1 { color: #003867; }

.content3 h2 { color: #003867; }

.content3 h6 { color: #003867; }

/*Ende Conten Grau*/ /*Content Verlauf*/ #content4 { color: #cdcdcd; font-weight: 300; text-decoration: none; background-image: url(../images/gradient2.jpg); background-repeat: repeat; top: 0; clear: both; margin-right: auto; margin-bottom: 0; margin-left: auto; } #content4 a { color: #ec861a; text-decoration: none; }
#content4 a:hover { color: #ec861a; text-decoration: underline; }
.content4          { color: #cdcdcd; margin: 0 auto; max-width: 1400px; width: auto; clear: both  ; padding: 0 10px 0; }

.content4 h1 { color: #cdcdcd; }

.content4 h2 { color: #cdcdcd; }

.content4 h6 { color: #cdcdcd; }

.vegasbox_inner h3 {color: #FF8C00 ! important; max-width:600px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1); font-weight:bold; margin:0;}

.vegasbox_inner p { color: #fff; font-weight: lighter; text-align: left; margin: 0; max-width: 100%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1); }

/*Ende Content Verlauf*/ /* CSS */ /* 2 Spalten CSS */ #grid { padding-top: 5px; padding-bottom: 5px; padding-left: 0; max-width: 1400px; margin-right: auto; margin-left: auto; } .wrapper { height:auto; } /* grid */ .grid { width:auto; }

.grid .span { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-left:10px solid #fff; border-right:10px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; float:left; height:100%; width:45%; padding-right: 5px; padding-left: 5px; /* 3 columns */ } /* /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Customise the standard HTML ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ p a       { color: #666; line-height: 1.8em; } a:link, a:visited, a:active        { color: #042c5d; text-decoration: none } a:hover      { color: #ec861a; text-decoration: underline; transition:0.5s all; } img    { text-decoration: none; border-width: 0; outline-width: 0; max-width:100%; height:auto!important; } a img { text-decoration: none; border-width: 0; outline-width: 0; } /* ------------------------------------------------ */

h1, h2, h3, h4, h5, h6, strong      { line-height: 150%; text-align: left; font-display: swap; } p     { margin: 0 0 5px ; font-display: swap; }

h1  { color: #333; font-size: 2.2em; font-family: Lato, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em     }

h2  { color: #333; font-size: 2em; font-family: Lato, sans-serif; font-weight: 400; letter-spacing: 0.2em; margin: 0 0 10px     }

h3  { color: #042c5d; font-size: 1.8em; font-family: Lato, sans-serif; font-weight: 400; letter-spacing: 0.1em; margin: 10px 0 4px      } h4  { color: #ec861a; font-size: 24px; font-family: Lato, sans-serif; font-weight: 400; letter-spacing: 0.1em; margin: 10px 0 4px    } h5   { color: #042c5d; font-size: 20px; font-family: Merriweather, serif; font-weight: bolder; letter-spacing: 0.1em; margin: 10px 0 0      } h6      { color: #042c5d; font-size: 18px; font-family: Merriweather, serif; font-weight: bolder; letter-spacing: 0.1em; margin-top: 10px; margin-bottom: 3px; } 

.vegasbox_inner h3 { color: #ff9933; font-weight: lighter; text-align: left; max-width:100%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1); padding-top: 40px; }

.vegasbox_inner p { color: #fff; font-size: 50%; font-weight: lighter; text-align: left; margin: 0; max-width: 100%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1); }

form  { margin: 1px 0 0 }

hr    { color: #999; margin: 5px 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #f93 #999 #999 } ul li   { padding-bottom: 0 } ul { line-height: 150%; margin-top: 0; margin-bottom: 10px; margin-left: 0.7em; padding-left: 0.7em } ol { line-height: 150%; margin-top: 0; margin-bottom: 10px; margin-left: 0.9em; padding-left: 0.9em; } blockquote  { background-color: #e6e6e6; margin: 3px 0 20px; padding: 3px; border-left: 2px solid #f93 } pre, .code      {font-family: 'Meriweather', serif; font-size: 16px; font-style: normal; font-weight: normal; font-stretch: normal; padding: 6px; border: solid 1px #f93 } address         { font-size: 16px; font-family: "Meriwether", serif; font-style: normal; font-weight: normal; font-stretch: normal; padding-left: 6px; border-left: 4px solid #f93  } /*-----------------------------------------------------------------*/ table {border-collapse:collapse; border:0;}

abbr    {} acroynm   {} cite    {} address   {} strong   {} em     {} /* Inline font Styles */ /* Pretty styles for changing text in the WYSIWYG editor */ .important  { color: #c40004; font-weight: bold } .code      { color: #5492c5; font-family: "Courier New", Courier, mono; letter-spacing: 1px } .info-box     { padding: 4px; border: solid 1px #f93 } /* News */

td.post_date { display: none; } /* Customise the Login Box */ #login-box         { text-align: left; visibility: hidden; margin-top: 20px; margin-bottom: 60px; width: 180px } #login-box fieldset  { width: 150px; border: 0 } #login-box legend   { color: #333; font-size: 90%; width: 150px } .username  { color: #00963f } /* Color of name when logged in*/ .topboxbody  { font-size: 0.8em; text-align: left; padding: 2px } #login-box label {clear:left; width: 100px; display:block; float:left;} #login-box input { display:block; float:left; font-size: 10px; margin: 2px auto 1px auto; width: 100px; } #login-box div {clear:left;} /* footer */

#footer { color: #042c5d; font-size: 1.2em; font-family: Lato, sans-serif; font-weight: 300; text-decoration: none; background-color: #ec861a; text-align: justify; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; position: relative; top: 0; clear: both; }
#footer a { color: #042c5d; font-weight: 300; }
#footer a:hover { color: #042c5d; text-decoration: underline; transition:0.5s all; }
.baker_footer          { font-weight: 300; margin: 0 auto; padding: 0 10px; position: relative; top: 1px; max-width: 1400px; width: auto; clear: both   }
.baker_footer h1 { color: #fff; font-weight: 300; }

.baker_footer h2 { color: #fff; font-weight: 300; }

.baker_footer h6 { color: #fff; font-weight: 300; }

/* Pulls information from PAGE_FOOTER */ #extras { color: #fff; font-size: 85%; background-image: url(../images/bg75.png); background-repeat: repeat; background-position: 0 0; visibility: visible; margin: 0 auto -30px; padding: 5px 0 25px; width: auto; float: none; clear: both; border-top: 2px solid #003867; } #powered_by, #coding        { color: #fff; margin-right: 5%; margin-left: auto; width: auto ; clear: both     ; }

#powered_by p, #coding p     { color: #fff; text-decoration: none    ; padding-right: 5px; padding-left: 5px; } #powered_by a, #coding a { color: #ec861a; text-decoration: none; } #powered_by a:hover, #coding a:hover     { color: #ec861a; text-decoration: underline; transition:0.5s all;  }

/*Menue */

#toggleMenu { font-family: Lato, sans-serif; font-weight: 300; background-image: url(../images/bg75.png); background-repeat: repeat; width: 100%; height: 100%; z-index: 100; }

.toggleMenu { display:  none; z-index: 100; margin-right: auto; margin-left: auto; }

.toggleMenu span { font-size: 120%; font-weight: 300; display:block; padding: 10px 15px; z-index: 100; }

.nav { text-transform: uppercase; font-family: Lato, sans-serif; font-weight: 300; background-repeat: repeat; text-decoration: none; list-style: none; z-index: 100; max-width: 1400px; margin: 0 auto; padding: 0 10px; }

.nav:before, .nav:after { content: " "; display: table; }

.nav:after {

    clear: both;

}

.nav ul { list-style: none; width: 14em; margin: 0; padding: 0; }

.nav a { color: #fff; padding: 8px 12px; text-decoration: none; z-index: 100; }

.nav a:hover { color: #fff; background-color: #042c5d; text-decoration: none; }

.nav a.menu-current, .nav a.menu-parent { color: #fff; background-color: #042c5d;}

.nav li { background-repeat: repeat; position: relative; margin: 0; padding: 0; }

.nav li li { z-index:100; }

.nav > li {

    float: left;

}

.nav > li > .parent { background-image: url('url('); background-repeat: no-repeat; background-position: right 50%; padding-right: 20px; }

.nav > li > .parent:hover { background-image: url();

    background-repeat: no-repeat;

    background-position: right 50%; }

.nav > li >.nav a.menu-current, .nav a.menu-parent { color: #042c5d; background-image: url('url('); background-repeat: no-repeat; background-position: right 50%; }

.nav > li > a {

    display: block;

}

.nav li ul { background-image: url(../images/nav_back_m.png); background-repeat: repeat; background-position: 0 0; position: absolute; left: -9999px; display: none; z-index:110; border: solid 1px #666; -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2); box-shadow:0 5px 9px rgba(0,0,0,0.2); }

.nav li li ul { background-image: url(../images/nav_back_m.png); background-repeat: repeat; display: none; position: absolute; z-index: 110; left: -9999px; border: solid 1px #666; -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.2); box-shadow: 0 5px 9px rgba(0,0,0,0.2); }

.nav > li.hover > ul { left: 0; display: block; }

.nav li li.hover ul { left: 100%; display: block; top: 0; }

.nav li a:hover { color: #fff; background-color: #042c5d; }

.nav li li a.menu-current, .nav a.menu-parent { color: #fff; }

.nav li li a { color: #373737; display: block; position: relative; z-index:110; }

.nav li li a:hover { color: #fff; background-color: #666; }

.nav li li li a { z-index:110; }

.clearfix:after { visibility: hidden; display: block; height: 0; clear: both; content: "."  }

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

	body {  }

    .active {

        display: block;

    }
    
    #header1 ul li div{ color: #003867; position:relative; min-height:45px; padding:0 0 0 40px; line-height:1; }
    #header1 ul li div span{ visibility: hidden; }
    
    toggleMenu { background-color: #fff; }
	.nav > li { float: none; border-right: medium none; }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

	.nav > li > .parent:hover { background-position: 95% 50%; }

	.nav li li .parent {

        background-image: url("");

        background-repeat: no-repeat;

        background-position: right 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

       position: static;

    }

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.mainbox { width: 100%; margin: 20px 0; }

	.contentbox { width: 100%; }

	.rightbox { display:none; }

	.showonmobiles {display:block ! important;}