/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset,
form, label, legend{border:0;font-family:inherit;font-size:100%;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
html,body{height: 100%;     font-family: 'Roboto', sans-serif;}
/*----- common -----*/

body{background-color:#fff;color:#000;line-height:1.5em;font-size:.75em;}

h1,h2,h3,h4,h5,h6{line-height:normal;margin: 0;padding: 0;}
input,select,textarea{color:#38444f;font:normal normal 1em Arial, Helvetica, sans-serif;}
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus{outline:none}
a:link,a:visited,a:hover,a:focus{text-decoration:none;}
a:link,a:visited{color:#000;}
a:hover,a:focus{color:#7f7f7f;}
.clear{clear:both}
.no-margin{
  margin: 0px;
}
.no-padding{
  padding: 0px;
}
.border-l{
  border-left: 2px solid #fff;
}
.border-r{
  border-right: 2px solid #fff;
}
.border-b{
  border-bottom: 2px solid #fff;
}
.padding-2{
  padding: 2px;
}
.padding-7{
  padding: 0px 7px;
}
.margin-2{
  margin: 0px -2px;
}
.no-padding-l{
  padding-left: 0px;
}
.width-100,
img{
  width: 100%;
}
.container{
  width: 980px;
}
.page-wrap{
  position: absolute; top: 0px; width: 100%;
}
/*********************** Header ***********************/
.logo{
  left:8px;height:69px;position:absolute;
}
.logo img{
  height:69px;position:relative;
}
.cert{
  top: 47px; left: 132px; width: 133px; position: absolute; visibility: inherit; transform-origin: 0px 23.5px 0px;
}
.cert h1 a{
  color: rgba(119,119,119,0.76);
}
#wp-header{
  height: 70px;
  box-shadow: 0 2px 4px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px -3px rgba(0, 0, 0, 0.2);
}

#DrpDwnMn1 > li{
  display: inherit;
  color: grey;
  height: 19px;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 0 7px;
  float: left;
  cursor: pointer;
}
#primary_nav_wrap ul li:first-child{
  border-left: 0px;
}
#primary_nav_wrap ul li a{
  text-align: left; line-height: 19px;
  color: #373737;
  transition: color 0.4s ease 0s;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}
#primary_nav_wrap ul li:hover > a{
  color: #7F7F7F;
}
#primary_nav_wrap ul li.active > a{
  color: #1EABC7;
}
#primary_nav_wrap ul ul
{
  display:none;
  position:absolute;
  top: 100%;
  left: 4px;
  background:#f9f9f9;
  padding:0;
  width: 200px;
  z-index: 999;
  height: auto;
}
/*#primary_nav_wrap ul li:last-child ul{
  width: 120px;
}*/
#primary_nav_wrap ul ul li
{
  float:none;
}
#primary_nav_wrap ul ul li:first-child{
  padding-top: 10px;
}
#primary_nav_wrap ul ul a
{
  line-height:120%;
  padding: 8px 15px;
}
#primary_nav_wrap ul li:hover > ul
{
  display:block
}
/*********************** Navigation ****************************/
.login_logout{
  float: right;
}
.login_logout ul ul{
  right: 0px;
  left: auto !important;
}
.login_logout ul li:last-child ul{
  width: auto !important;
}
.menu {
  clear: both;
  padding-top: 34px;
}
/*********************** End Header ***********************/

/*********************** impressum ***********************/
#page-wrap{
  min-height: 100%;
}
/*.impressum{
  padding: 50px 0px;
}*/
.impressum h5{
  font: normal normal normal 24px/1.4em 'open sans', sans-serif;
  color: #147285;
  line-height: 1.5em;
}
.font_7{
  font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
  color: #147285;
}
.font_8{
  font: normal normal normal 14px/1.4em 'Open Sans',sans-serif;
  color: #0A3942;
}
/*********************** impressum ***********************/

/*********************** lizenzpartner ***********************/
/*.lizenzpartner{
  padding: 30px 0px;
}*/
.lizenzpartner img{
  width: 129px;
  height: 57px;
  margin: 30px 0px;
}
.lizenzpartner h5{
  font: normal normal normal 24px/1.4em 'open sans', sans-serif;
  color: #147285;
  text-transform: uppercase;
}

.lizenzpartner .bold_italic{
  font-weight: bold;
  font-style: italic;
  color: #147285;
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
}
/*********************** lizenzpartner ***********************/
/*********************** qet-richtlinien ***********************/


/*.qet-richtlinien{*/
  /*padding: 30px 0px;*/
/*}*/
.qet-richtlinien h5{
  font: normal normal normal 24px/1.4em 'open sans', sans-serif;
  color: #147285;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.qet-richtlinien .jetzt-qet-auditor{
  padding: 10px;
  border: 0px solid rgba(50, 65, 88, 1);
  background-color: rgba(20, 114, 133, 1);
  border-radius: 0;
}
.color_8{
  color: #FFFFFF;
}
.qet-richtlinien .tabs-container{
  margin-top: 40px;
}
.qet-richtlinien .tabs-container ul{
  border-bottom: 0px;
}
.qet-richtlinien .tabs-container ul li{
  float: none;
  list-style: none;
  background: rgba(20, 114, 133, 1);
  padding: 7px 10px;
  margin-right: 20px;
  margin-bottom: 6px;
}
.qet-richtlinien .tabs-container ul li a{
  font-size: 18px;
  font: normal normal normal 17px/21px ;
  color: #FFFFFF;
  text-transform: uppercase;
  border: 0px;
  border-radius: 0px;
  opacity: .6;
}
.qet-richtlinien .tabs-container ul li.active a{
  opacity: 1;
  font-weight: bold;
}
/*.qet-richtlinien .tabs-container ul li a:focus{
  border: 0px;
  background: rgba(20, 114, 133, 1);
  font-size: 18px;
  font: normal normal normal 17px/21px ;
  color: #FFFFFF;
  opacity: 1;
}*/
.qet-richtlinien .tabs .question{

}
.qet-richtlinien .tabs .question .question-title{
  position: relative;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border-bottom: 2px solid;
  font-size: 26px;
  font: normal normal normal 16px/1.4em ;
  color: #147285;
  border-color: rgba(10,57,66,0.18032786885245902);
  margin: 10px;
}
.qet-richtlinien .tabs .question .question-detail{
  display: none;
  font-size: 16px;
  color: #545454;
  margin-top: 20px;
}
.qet-richtlinien .tabs .question .question-title p.p_arrow{
  cursor: pointer;
  padding: 15px 0px 20px 10px;
}
.qet-richtlinien .tabs .question .down p:after{
  content: '';
  position: absolute;
  right: 3px;
  top: 20px;
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.qet-richtlinien .tabs .question .down p:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  border-top: 10px solid rgba(20, 114, 133, 1);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.qet-richtlinien .tabs .question .up .p_arrow:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  border-bottom: 10px solid rgba(20, 114, 133, 1);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.qet-richtlinien .tabs .question .up .p_arrow:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 23px;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.qet-richtlinien .tabs .question .content_description{
  margin-bottom: 8px;
}
.qet-richtlinien .tabs .question .content_description ul li,
.qet-richtlinien .tabs .question .content_description p{
  font: normal normal normal 14px/1.4em 'open sans',sans-serif;
  color: #0A3942;
}
.qet-richtlinien .tabs .question .blog-post-thumb{
  margin-bottom: 10px;
}

/*********************** qet-richtlinien ***********************/
/*********************** selbst-audit ***********************/
.selbst-audit .tabs-container ul li{
  list-style: none;
  /*float: left;*/
  padding-right: 10px;
}
.selbst-audit .tabs-container ul li:last-child{
  padding-right: 0px;
}
.selbst-audit .tabs-container ul li a, .nav-tabs li a.btn{
  background-color: rgba(20, 114, 133, 1);
  border: solid rgba(10, 57, 66, 1) 0px;
  padding: 7px 10px;
  background: rgba(20, 114, 133, 1);
  font-size: 10px;
  font: normal normal normal 17px/21px ;
  color: #FFFFFF;
  text-transform: uppercase;
  border: 0px;
  border-radius: 0px;
  text-align: center;
  line-height: 20px;
``  /*height: 71px;*/
}
.selbst-audit .tabs-container ul li.active a, .nav-tabs li.active a.btn {
  opacity: 1;
  background: rgba(30, 171, 199, 1);
  cursor: pointer;
}
.selbst-audit .tabs-container ul li:hover a{
  color: #A9E1EC !important;
}
.selbst-audit .tabs-container ul li.active:hover a{
  border: 0px;
  color: #0A3942 !important;
}
.selbst-audit .tabs-container ul li.active:focus{
  border: 0px !important;
}
.selbst-audit .tabs-container ul{
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 10px;
  border-bottom: none;
}

/*********************** selbst-audit ***********************/

/*********************** Footer ***********************/
#wp-footer{
  padding: 45px 0px;
  background-color: rgba(20, 114, 133, 1);
  border-top: 0px solid rgba(10, 57, 66, 1);
  border-bottom: 0px solid rgba(10, 57, 66, 1);
}
#wp-footer p, #wp-footer a{
  color: #fff;
  font: normal normal normal 14px/1.4em 'Open Sans',sans-serif;
}
#wp-footer a{
  padding: 0px 10px;
}

/*********************** End Footer ***********************/

/*********************** Become-company ***********************/
.become-company{

}
.become-company h6{
  font: normal normal normal 24px/1.4em 'open sans', sans-serif;
  color: #147285;
  margin-bottom: 40px;
}
.become-company ul{
  list-style-type: disc;
  line-height: 1.5em;
  padding-left: 1.3em;
  padding-right: 0;
  margin-left: 0.5em;
  margin-right: 0;
  letter-spacing: normal;
  margin: 20px 0px;
}
.become-company ul li{

}
.become-company ul li p.font_8{
  line-height: 1.5em;
}
.color_14{
  color: #147285 !important;
}
.padding-t-20{
  padding: 20px 0px;
}
/*********************** Become-company ***********************/

.detail-auditor{
  padding: 50px 0px;
}
.detail-auditor h5{
  font: normal normal normal 24px/1.4em 'open sans',sans-serif;
  color: #147285;
  line-height:1.2em;
  font-weight: bold;
}
.detail-auditor ul.tag li{
  float: left;
  margin-right: 20px;
}
.detail-auditor ul.tag li a{
  font: normal normal normal 14px/1.4em 'open sans',sans-serif;
  color: #A0A09F;
}
.detail-auditor ul.tag{
  padding: 40px 0px;
}
.detail-auditor .list-auditor ul.list-auditor-detail li{
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}
.detail-auditor .list-auditor ul.list-auditor-detail li .detail .date-register{
  position: absolute;
  left: 80px;
  bottom: -3px;
  font: normal normal normal 10px/1.2em Arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
  color: #2A2A2A;
}
.detail-auditor .list-auditor ul.list-auditor-detail li .detail a.link-image{
  float: left;
  margin-right: 10px
}
.list-by-month li a:hover,
.detail-auditor .list-auditor .hastag li a:hover,
.detail-auditor .list-auditor ul.list-auditor-detail li .detail a:hover{
  text-decoration: underline;
}
.detail-auditor .list-auditor ul.list-auditor-detail li .detail a img{
  width: 70px;
}
.font_6 {
  font: normal normal normal 18px/1.4em 'open sans',sans-serif;
  color: #39729B;
}
.detail-auditor .list-auditor  .line{
  border-bottom: 6px solid rgba(30, 171, 199, 1);
  height: 20px;
  min-height: 0 !important;
}
.detail-auditor .list-auditor ul.list-auditor-detail,
.list-by-month,
.detail-auditor .list-auditor .hastag{
  margin-top: 10px;
}
.detail-auditor .list-auditor .hastag li{
  float: left;
  margin-right: 5px;
}
.list-by-month li a,
.detail-auditor .list-auditor ul.list-auditor-detail li .detail a,
.detail-auditor .list-auditor .hastag li a{
  font: normal normal normal 14px/1.4em 'open sans',sans-serif;
  color: #0A3942;
}
.detail-auditor .list-auditor h6{
  margin-top: 40px;
  color:#147285;
}
.detail-auditor .list-auditor h6:first-child{
  margin-top: 0px;
}
.detail-auditor .list-auditor li:last-child{
  margin-bottom: 0px;
}
.detail-auditor .list-auditor .content-bxslider{
  width: 100%;
  overflow: hidden;
  margin-top: 10px
}
.detail-auditor .list-auditor .content-bxslider a{
  font:normal normal normal 16px/1.4em 'open sans',sans-serif ;
  color:#147285;
}
.detail-auditor .list-auditor .content-bxslider .date-register{
  font: normal normal normal 10px/1.2em Arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
  color: #2A2A2A;
}
.detail-auditor .list-auditor .content-bxslider .bx-wrapper{
  margin-bottom: 15px;
}
.detail-auditor .summary{
  display: none;
}
.detail-auditor .read-more a.btn{
  position: absolute;
  margin: 0px;
  bottom: 0px;
}
.detail-auditor .read-more{
  position: relative;
}

.certified-pdf{
  width: 181px;
  background-color: rgba(169, 169, 169, 1);
  border: 1px solid rgba(169, 169, 169, 1);
}
.certified-logo{
  width: 178px
}
.certified-logo-cycle{
  width: 146px
}
/*********************** modal ***********************/

#image-overlay .modal-dialog {
  height: 100%;
  width: 100%;
  margin: 0px;
}
#image-overlay .modal-dialog .modal-content {
  height: 100%;
  width: 100%;
  display: inline-table;
  background: rgba(25, 25, 25, 0.9);
  border-radius: 0px;
}
#image-overlay .modal-dialog .modal-header{
  border-bottom: 0px;
  padding: 50px;
}
#image-overlay .modal-dialog .modal-header button.close{
  opacity: 1;
  color: white;
  box-shadow: 0px;
}
#image-overlay .modal-dialog .content-image-show{
  width: 600px;
  margin: 0px auto;
  text-align: center;
}
#image-overlay .modal-dialog .content-image-show img{
  width: 40%;
}
#image-overlay .modal-dialog .content-image-show p{
  display: none;
  font-size: 16px;
  margin: 20px auto;
  max-width: 100%;
  font-weight: 100;
  color: white;
  font-family: Helvetica;
}
  /*********************** end modal ***********************/

/*********************** all page ***********************/
.font_5{
  font: normal normal normal 24px/1.4em 'Open Sans',sans-serif;
  color: #147285;
}
.color_17{
  color: #A9A9A9;
}
.nav-tabs{
  border-bottom: none;
}
.contact .create-company{
  float: right;
  margin-top: 13px;
}
.accountList{
  margin-top: 30px;
}
.account-content{
  margin: 10px auto;
  width: 80%;
}
.account-content .item td{
  padding-top: 15px;
}
.account-content .item td:last-child{
  padding-top: 0px;
}
.btn-account{
  height: 30px;
}
@media screen and (max-width: 992px){
  #btn_company, #btn_auditor {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  li.btn-qet-report{
    width: 33.3333333% !important;
    display: inline-block;
  }
  #btn_company, #btn_auditor {
      width: 48% !important;
  }
}
@media screen and (max-width: 480px) {
  #btn_company, #btn_auditor {
      width: 47% !important;
  }
  li.btn-qet-report a{
    font-size: 15px !important;
  }
}
@media screen and (max-width: 380px) {
  li.btn-qet-report a{
    padding: 5px!important;
    font-size: 12px !important;
  }
}



@media screen and (max-width: 1023px){
  #primary_nav_wrap ul ul{
    display: block; position: inherit; background: none; margin-left: 30px;
  }
  #primary_nav_wrap ul li:first-child{
    border-top: none;
  }
  .nav-menu{
    clear: both;
  }
  #primary_nav_wrap li{
    position: inherit; display: block;
  }
}