/*
Theme Name: AnnaWeb Template
Author: LANGE+PFLANZ Werbeagentur GmbH / Jan Hoffmann
Version: 1.0
*/

* {
margin:0px;
padding:0px;
border:0px;
}

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

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

a {
color:#012056;
}

/* main styling */

html, body {
font-family: "myriad-pro",Arial,sans-serif;
background: url("img/background.png") repeat fixed 0 0 #cdcdcd;
}

#wrapper {
margin:0px auto;
width:960px;
position:relative;
background:#fff;
}

header {
/*background: none repeat scroll 0 0 #fff;
display: block;
height: 100px;
position: fixed;
top: 0;
width: 960px;
z-index: 2147483647;*/
}

.scrolling {
position:fixed;
top:0px;
height:139px;
width:960px;
z-index: 1000;
}

section {
margin-bottom: 25px;
margin-left: -5px;
padding: 25px 40px;
position: relative;
width: 880px;
height:auto;
}

.news {
background:url(img/bg-news-box.jpg);
height:314px;
}

#nav_top {
height:38px;
color:#fff;
font-size:15px;
background:url('img/navtop-bg.png');
}

.social {
float:left;
margin-top:5px;
margin-left: 15px;
margin-top: 11px;
}

.social li, .footer_social li {
list-style-type:none;
float:left;
margin-right:13px;
}

.slogan {
float:right;
padding-right: 25px;
padding-top: 9px;
}

#header_main {
height:101px;
position:relative;
background: url("img/schraffur-red-header.png") no-repeat scroll right -3px bottom #fff;
}

.schraffur_left {
display: block;
height: 67px;
left: auto;
margin-left: -958px;
position: fixed;
top: 54px;
width: 100%;
background-image:url('img/grau-schraffur.jpg');
}

.schraffur_right {
background-image: url("img/red-schraffur.jpg");
float: right;
height: 20px;
position: fixed;
right: 0px;
top: 120px;
width: 50%;
z-index: 0;
}

.schraffur_right_top {
background-image:url("img/grau-schraffur.jpg");
float: right;
height: 94px;
position: fixed;
right: 0;
top: 0px;
width: 50%;
z-index: 1;
}

.schraffur_right_white {
background-color: #fff;
float: right;
height: 26px;
position: fixed;
right: 0;
top: 94px;
width: 50%;
z-index: 1;
}

.logo {
height: 67px;
width: 207px;
top:16px;
position:absolute;
}

.search_form {
position: absolute;
right: 0;
top: 17px;
}

.search_entry {
margin-bottom: 55px;
}

input.suche {
background: #fff;
-moz-box-shadow:    inset 0 0 10px #888888;
-webkit-box-shadow: inset 0 0 10px #888888;
box-shadow:         inset 0 0 10px #888888;
padding-left: 9px;
width:160px;
height:23px;
}

.schraffur_header_grau {
background: url("img/schraffur-header-grey.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
float: right;
height: 55px;
width: 698px;
}

.main_nav {
font-size: 15px;
font-weight: bold;
height: 28px;
position: absolute;
right: 160px;
text-transform: uppercase;
top: 55px;
}

.main_nav li {
float:left;
list-style-type:none;
margin-right:18px;
margin-top:3px;
}

.main_nav li a {
color:#5e5f59;
text-decoration:none;
display:block;
}

.main_nav li a:hover, .main_nav li.current_page_item a, li.current-page-ancestor a {
color:#ec008c;
}

.main_nav .sub-menu {
display:none;
}

.main_nav li:hover .sub-menu {
display:block;
position:absolute;
font-weight:normal;
background:#fff;
z-index:10000;
height:auto;
/*padding:15px;
padding-left: 10px;*/
box-shadow: 0 6px 7px #222222;
-moz-box-shadow: 0 6px 7px #222222;
-webkit-box-shadow: 0 6px 7px #222222;
text-transform:none;
opacity: 0.90;
padding-top:15px;
padding-bottom:15px;
}
.main_nav li:hover .sub-menu li {
float:none;
margin-right:0px;
padding-left:10px;
padding-right:10px;
}
.main_nav li:hover .sub-menu li a {
color:#5e5f59;
}
.main_nav li:hover .sub-menu li.current-menu-item a, .main_nav li:hover .sub-menu li a:hover {
color:#ec008c;
}

.main_nav .login {
background: url("../media/annaisin/login-button.png") no-repeat scroll 0px -2px rgba(0, 0, 0, 0);
display: block;
height: 28px;
width: 105px;
margin-top: 1px;
position: absolute;
left: 550px;
}

.main_nav li:hover .sub-menu li .sub-menu {
display:none;
}

.main_nav li:hover .sub-menu li:hover .sub-menu {
display:block;
}

.main_nav ul ul ul {
	left:100%;
	position:absolute;
	top:0;
	min-width: 250px;
}

.main_nav li.leer {
	cursor:default;
}

#slider {
height:383px;
margin-top:139px;
}

.nivo-directionNav {
display:none;
}

main {
margin: 0 auto 0;
width: 950px;
min-height:450px;
}

.section_content_grid {
width:878px;
}

main p {
color:#012056;
margin-bottom: 1em;
}

main h2, main h1 {
background: url("img/schraffur-headline.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #012056;
font-size: 46px;
font-weight: lighter;
height: 67px;
line-height: 101px;
margin: -25px -30px 30px -40px;
padding-left: 40px;
text-transform: uppercase;
width: 920px;
z-index:100000000;
}

main .alignleft {
float:left;
margin-right: 30px;
}

main .alignright {
float:right;
margin-left: 30px;
}

main .aligncenter {
margin:1em auto;
display:block;
}

.wp-caption-text {
font-size:15px;
font-style:italic;
}

.wp-caption {
width:auto !important;
}

main .news h2 {
color:#fff;
}

main .news h3 {
color:#fff;
margin-left:0px;
}

.news_box {
color: #00184c;
float: left;
height: 170px;
margin-right: 64px;
padding: 15px;
width: 220px;
}

.news_box .date {
font-size: 21px;
margin-bottom: 7px;
}

.news_box .headline {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin-bottom: 7px;
}

.news_box .headline a {
color: #00184c;
text-decoration:none;
}

.news_box .content p, .news_box .content ul {
font-size:12px;
margin-left:0px;
}

.news_box .read-more {
color:#ec008c;
}

.news_box {
background:url('img/news_box_left.png');
}

.news_box:nth-child(4) {
background:url('img/news_box_middle.png') !important;
}

.news_box:last-child {
background:url('img/news_box_right.png') !important;
}

.news_box:last-child {
margin:0px;
}

.read_more {
color:#ec008c;
text-decoration:underline;
}

.subscribe {
color: #ec008c;
font-size: 14px;
position: absolute;
right: 30px;
text-decoration: underline;
top: 104px;
width: 140px;
}

.section_left {
width: 430px;/*475*/
}

.isin .section_left {
width: 370px;
}

section.isin ul {
list-style: none;
margin-left:10px;
}

section.isin li {
padding-left: 1em;
text-indent: -.7em;
float:left;
margin-right:20px;
}

section.isin li:before {
content: "• ";
color: #196ea2;
font-size:22px;
}

.isin-map {
left: 410px;
position: absolute;
top: 100px;
}

section.who {
margin-top:50px;
}

section.about h2 {
margin:-25px -30px 30px -25px;
}

section.who img {
position: absolute;
right: 40px;
top: 0;
z-index:0;
}

main h3 {
margin-bottom: 20px;
color:#012056;
font-size: 22px;
font-weight: normal;
}

main h4 {
color:#012056;
margin-bottom:10px;
}

.faq-glossary {
position: absolute;
right: 0px;
top: 20px;
}

section.isin {
background:url('img/ANNA-WEB_HOME_Hintergrund_grau.jpg');
height: 430px;
margin-bottom: -1px;
}

section.world {
background:url('img/ANNA-WEB_HOME_Identifiers_bg.jpg');
height: 395px;
}

.world a {
color:#ec008c;
}

section.about {
margin-bottom:5px;
}

section.standardisation {
height:360px;
}

section.standardisation p {
color:#fff;
}

section.standardisation a {
color:#ec008c;
}

.content_box {
color: #fff;
float: left;
height: 223px;
margin-right: 60px;
padding: 15px;
width: 223px;
}

.content_box .date {
font-size:25px;
margin-bottom:13px;
}

.content_box .headline {
margin-bottom:13px;
font-weight:bold;
font-size: 15px;
}

.content_box .content {
font-size:14px;
}

.content_box.left {
background:url('img/content_box_left.png');
}

.content_box.mid {
background:url('img/content_box_middle.png');
}

.content_box.right {
background:url('img/content_box_right.png');
margin-right:0px;
}

.right_box_template {
float:right;
margin-right:0px;
margin-left: 30px;
height:auto;
font-size:13px;
}

.right_box_template.bottom_box {
  display:none;
}

.right_box_template .content li {
margin-bottom: 10px;
margin-left: 15px;
}

.right_box_template tr {
border-bottom: 0px;
}

section.world h2, section.world h3, section.world p {
color:#fff;
}

table, td, tr {
color:#012056;
}

main p.left {
color:#012056;
margin-left: 40px;
width:300px;
}

main table {
width: 100%;
border-collapse: collapse;
}

main td:first-child {
width: 300px;
}

td.headline {
width: 160px !important;
}

td.iso {
width: 70px;
}

main .table-normal {
	margin-bottom: 2em;
}

.table-normal td {
    border-right: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
}

.table-normal td:last-child {
    border-right: 0 none;
}

.table-normal tr:last-child {
    border: 0 none;
}

main .table-normal td:first-child {
    width: 40px;
}

main th {
text-align: left;
}

main tr {
border-bottom:1px solid #5e5f59;
line-height: 35px;
}

main blockquote {
margin-left:30px;
}

main li {
margin:0 0 10px 18px;
color:#012056;
}

main ul {
margin-bottom: 2em;
}

#mc-embedded-subscribe-form h2 {
  background:transparent;
  margin:0px 0 1em 0;
  padding:0px;
  font-size:25px;
}

#mc-embedded-subscribe-form .mc-field-group {
    margin-bottom: 20px;
}

#mc-embedded-subscribe-form .mc-field-group > label {
    display: block;
    margin-top: 20px;
    color: #012056;
}

#mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="submit"] {
    background-color: #e7e8ea;
    color: #012056;
    display: block;
    margin-top: -20px;
    padding: 7px;
    min-width: 25%;
}

#mc-embedded-subscribe-form input[type="radio"] {
  margin-right:10px;
}

#mc-embedded-subscribe-form input[type="submit"] {
  cursor:pointer;
  min-width:auto;
}

#mc-embedded-subscribe-form input[type="submit"]:hover {
  background-color: #012056;
color: #fff;
}

#mc-embedded-subscribe-form .mc-field-group li {
  list-style-type:none;
}

.wpcf7-form input {
background-color: #e7e8ea;
color: #012056;
padding: 7px;
}

.wpcf7-form [type="submit"]:hover {
background-color: #012056;
color: #fff;
cursor:pointer;
}

.AnythingPopup_BoxContainer br {
display:none;
}

.collapseomatic_content br {
display: none;
}

.AnythingPopup_BoxContainer {
border-radius: 0px !important;
}

.AnythingPopup_BoxContainerHeader {
border-radius: 0px !important;
background-color:#012056 !important;
}

.AnythingPopup_BoxTitle, .AnythingPopup_BoxClose {
margin:-3px 0 0 10px !important;
}

.amcharts-chart-div a {
display:none !important;
}

.content_single h1 {
font-size:24px;
line-height: 115px;
}

.bottomcontainerBox {
margin-top: 30px;
}

.spring h3:before {
display: block;
content: " ";
height: 85px;
visibility: hidden;
}

.newspage .headline {
font-size:19px;
}

.newspage .news_excerpt{
margin-top:5px;
}

.meta {
color: #012056;
}

footer {
background: url("../media/annaisin/footer-bg.png") no-repeat scroll right center #000;
height: 30px;
width: 100%;
}

.footer_copyright_inner {
color:#fff;
font-size:12px;
margin:0px auto;
width:945px;
padding-top:6px;
font-weight:bold;
}

#footer_top {
height: 210px;/*85*/
}

.footer_menu {
bottom: 10px;
left: 25px;
position: absolute;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
color:#5e5f59;
}

.footer_social {
bottom: 10px;
list-style-type: none;
position: absolute;
right: 25px;
list-style-type:none;
}

.footer_menu a {
color:#5e5f59;
text-decoration:none;
}

.footer_menu a:hover {
color:#5e5f59;
}

/* Members DB */

.members-db-list > li {
    border-bottom: 1px solid #5e5f59;
    padding-bottom:10px;
}

.members-db-list a, .agency, .iso-wert, .status {
    display: inline-block;
}

.agency {
    margin-left: 100px;
}

.iso-wert {
    margin-left: 400px;
}

.status {
    margin-left: 30px;
}

.members-popup {
    display:none;
}

.members-popup.show {
    display:block;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px 0px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

.white-popup table {
    border-collapse: collapse;
}

.white-popup table tr {
    border-bottom: 1px solid #5e5f59;
}

.white-popup table td {
    padding:10px;
}

.white-popup table td.text {
  width:25%;
}

.slicknav_menu {
  display:none;
}

.disablepoint {
  display:none;
}

/* Responsive Design // Oktober 2016 */

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

  #wrapper,
  .scrolling,
  .footer_copyright_inner,
  section,
  main,
  main h2, main h1,
  .section_content_grid {
    width:100%;
    box-sizing:border-box;
  }

  #wrapper {
    overflow:hidden;
  }

  section {
    margin-left: 0px;
  }

  main h2, main h1 {
    margin-right:0px;
    box-sizing:content-box;
  }

  #slider {
    height:auto;
  }

  .news {
    height:auto;
    background-size:100% 100%;
  }

  .news_box, .content_box {
    width:100%;
    float:none;
    margin-bottom:20px;
    margin-right:0px;
    box-sizing: border-box;
    background-image:none;
    background-color:#E7E8E9;
  }

  .news_box:last-child {
    background-color: #e7e8e9 !important;
    background-image: none !important;
  }

  .content_box.left,
  .content_box.mid,
  .content_box.right {
    background-image:none;
  }

  .content_box.left {
    background-color:#052255;
  }

  .content_box.mid {
    background-color:#1B4473;
  }

  .content_box.right {
    background-color:#2275AE;
  }

  section.isin,
  section.world,
  section.standardisation {
    height:auto;
  }

  .section_left{
    width: 50%;
  }

  .isin .section_left {
    width:100%;
  }

  .isin-map {
    left: 0;
    position: relative;
    top: 0px;
  }

  .map-legende {
    left: 50px;
    right: 0;
  }

  section.world {
    background-size:cover;
  }

  .nivo-controlNav {
    display:none;
  }

  .schraffur_header_grau {
    display:none;
  }

  #header_main {
    background-image:none;
  }

  .main_nav .login {
    display:none;
  }

  .main_nav {
    right:0px;
  }

  .search_form {
    right:20px;
  }


img {
  max-width: 100%;
  height: auto;
}

.right_box_template {
  margin-left:0px;
  background-image:none !important;
}

.content_single h1,
.page-child h1,
.page-template-default h1,
.page-template-page-sitemap h1,
.page-template-page-members h1,
.page-template-page-news h1,
.page-template-page-with-box h1 {
    background-image: none;
    height: auto;
    line-height: 40px;
    margin-top: 5px;
}

.logindisable {
  display:block;
}

.right_box_template.bottom_box {
  display:block !important;
}

.news_box.right_box_template {
  display:none;
}


}

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

  .section_left {
    width:100%;
  }

  section.who img {
    position:inherit;
    right:0px;
  }

  main h2, main h1 {
    font-size:6vw;

  }

  section.who {
    margin-top: 50px;
}


}


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

  .slicknav_menu {
    display:block;
  }

  .slicknav_nav .sub-menu {
    background-color:#052358 !important;
    opacity:1 !important;
    position:relative !important;
    box-shadow:none !important;
  }

  .slicknav_nav li {
    float:none !important;
  }

  .main_nav ul ul ul {
    left:0 !important;
  }

  .menu-menu-1-container {
    display:none;
  }

  .faq-glossary {
    display:none;
  }

}

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

.map-legende {
    display: none;
}

  .isin-map {
    display: none;
}

main h2, main h1 {
    font-size: 8vw;
}

.isin h2,
.world h2 {
  line-height:36px;
}

}

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

  .news_box {
    height:auto;
  }

  .standardisation h3 br {
    display:none;
  }
}

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

section {
  padding:25px 20px;
}

  /* Force table to not be like tables anymore */
  .white-popup table, .white-popup thead, .white-popup tbody, .white-popup th, .white-popup td, .white-popup tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .white-popup thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .white-popup tr { border: 1px solid #ccc; }

  .white-popup td {
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding-left: 50%;
  }

  .white-popup td.text {
    font-weight:bold;
  }

  .white-popup td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }


}

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

  footer {
    height:60px;
    background-size: cover;
  }

  .footer_copyright_inner {
    padding-left:25px;
    padding-right:25px;
  }

}


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

  .search_form {
    display:none;
  }

  main h2, main h1 {
    font-size: 10vw;
}

}