#website{display: none; }

img.testmode {margin-top: -10px;margin-left: 600px;position: absolute;float: left; z-index: 1;}

@media screen and (min-width: 1200px) {
.memberLogo { max-height: 150px; max-width: auto;}
.memberButtons { height:105px;}
}

@media screen and (max-width: 1200px) {
.memberLogo { max-height: 50px; width: auto;}
}

.nav-tabs {
	margin-top: 30pt;
	border-bottom: 0px solid #ddd;
}

.nav-item>a {
	color: #ffffff;
	font-size: 12pt;
	background-color: #009cd6;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #ffffff;
	color: #009cd6;
	
}

.toctext {
    color: #337ab7;
    text-decoration: underline;
}

.tocnumber { display: none; }

.material-entity {
	color: #ffffff;
	font-weight: bold;
	margin-left: 5px;
}

.center, .center > .thumb > .thumbinner {
    width: 100% !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


#wikinote {
    background-color: #DFDFE6;
	border: 1px dashed #ffa500;
	color: black;
	margin: 2em 0 1em;
	padding: .5em 1em;
	vertical-align: middle;
}

.wikitable {
	border: 1px solid #009cd6;
}

.wikitable > * > tr > th {
    text-align: center;
}

.searchmatch {
	font-weight: bold; 
}

#toctitle > h2{line-height:1em;padding:0;font-size: 24px;font-weight:bold;}

#toc {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 7px;
	font-size: 95%;
	display: inline-block;
	line-height: 1.3;
}

.site-content-wiki {
	margin-right: auto;
	margin-left: 10px;
	transition: none;
}

@media screen and (max-width: 1200px) {
	.site-content-wiki {
		padding-left: 10px;
	}
	.container-title-wiki {
		padding-left: 15px;
		text-align: left !important;
	}
}

@media screen and (min-width: 1200px) {
	.site-content-wiki {
		padding-left: 300px;
	}
}

.wiki {line-height: 1.58; }

.wiki > h1, .wiki > h2, .wiki > h3, .wiki > h4 {
	font-weight: bold; 
	margin-top: 0.5em;
	margin-bottom: 8px; }
	
.wiki > h1, .wiki > h2 {
	border-bottom: 1px solid #aaa; 
	line-height: 1.3; 
	padding-bottom: 10px;
	overflow: hidden; }
		

.wiki > h3 {
	color: #009cd6;
 }
 
.wiki > h3 > .mw-headline,  .wiki > h1 > .mw-headline,  .wiki > h2 > .mw-headline,  .wiki > h > .mw-headline,.tabbanner > h2 {
 scroll-margin-top: 70px;
}
 
.wiki > h4 {
	font-weight: bold; 
 }
	
.wiki > p {
	line-height: 1.5em;
	margin: 0.5em 0;
}

.thumb {
    margin-bottom: .5em;
  /*  width: auto; */
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 5px;
}

@media screen {
.mw-body .mw-editsection, .mw-body .mw-editsection-like {
  font-family: sans-serif;
} 

.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection {
  margin-left: 1em; }
  
.mw-editsection, .mw-editsection-like {
  font-size: small;
  font-weight: normal;
  margin-left: 1em;
  vertical-align: baseline;
  line-height: 1em;
  display: inline-block;
}

.mw-editsection, #jump-to-nav {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}}

div.tright {
    margin: .5em 0 1.3em 1.4em;
}

div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}

div.thumbinner {
    padding: 3px;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
    width: 100% !important;
    height: auto;
}

@media screen and (max-width: 1200px) {
	.site-content-wiki {
		padding-left: 10px;
		padding-right: 0px;
	}
}

@media screen and (min-width: 1200px) {
	.site-content-wiki {
		padding-left: 300px;
		padding-right: 300px;
	}
}

.thumbimage {
    border: 1px solid #ccc;
    vertical-align: middle;
    max-width: 100%;
  	height: auto;
}

.thumbcaption {
    border: none;
    line-height: 1.4em;
    padding: 3px;
    font-size: 94%;
    text-align: left;
}

.magnify {
    float: right;
    margin-left: 3px;
    margin-right: 0;
}

div.magnify a {
    background-image: url(https://wiki.ggbn.org/ggbnwiki/resources/src/mediawiki.skinning/images/magnify-clip-ltr.png?4f704); 
    display: block;
	text-indent: 15px;
	white-space: nowrap;
	overflow: hidden;
	width: 15px;
	height: 11px; }
	
ul.gallery {
    margin: 2px;
    padding: 2px;
    display: block;
}

li.gallerycaption {
    font-weight: bold;
    text-align: center;
    display: block;
    word-wrap: break-word;
}

li.thumb { height: 50px; }

li.gallerybox {
    vertical-align: top;
    display: -moz-inline-box;
    display: inline-block;
}

div.gallerytext {
    overflow: hidden;
    font-size: 94%;
    padding: 2px 4px;
    word-wrap: break-word;
}

.nav-link {
	color: #009cd6;
	font-size: 12pt;
}

.nav-tabs > li.active > a {
	color: #009cd6;
	font-size: 12pt;
}

.highlights-caption {
	font-weight: 400;
}

.info{color:green;}

.wrap { display: flex;
flex-direction: column;}

.wrap {
  min-height: 100%;
  height: auto;
}

.wrap > main {
  -webkit-box-flex: 1;
  flex: 1 1 auto; }
  
footer, main {display: block; }

.wrap> main >.container {
background-color:white;
min-height: 100%;
height: auto;
}

@media screen and (min-height: 500px) {
  .wrap> main >.container {
background-color:white;
min-height: 500px;
height: auto;
}
}

@media screen and (min-height: 800px) {
  .wrap> main >.container {
background-color:white;
min-height: 700px;
height: auto;
}
}

@media screen and (min-width: 400px) {
.load {font-size: 16px;}
}

@media screen and (min-width: 768px) {
.load {font-size: 20px;}
}

@media screen and (min-width: 1200px) {
.load {font-size: 30px;}
}

/* .footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
} */



/* Startpage-Search Container with Icon, Input-Form and Button etc.*/
.search_form_container {
	width: 60%;		
}

.multisearch {
	background-color: #009cd6;
}
.multisearch p {
	background-color: transparent;
}

/* edited following example */
.jumbotron {
  background-color: transparent !important; /* to overwrite the bootstrap color #eee */
  color: #ffffff;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 100px;
  margin-right: auto;
  margin-left: auto;
}

.overview-box {
  background-color: #ffff;
  color: #009cd6;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 100px;
  margin-right: auto;
  margin-left: auto;
}


/* added */
.input-group {
	width: 100%;
	background: white;
	padding: 12px 20px;	
	
}

.form-control {
	border: solid #009cd6 1px;
	
}

.no-rd-brd {
	border-radius: 0;
	
}


/*.input-group .form-control:first-child {
	border-radius: 4px;
} */

.header_home {
	background-image: url("../images/penguins_kim_labuschagne.jpg");
	background-color: #009cd6;
	background-size: cover;
	background-position: center;
	color: #ffffff;
	position: relative;
	height: 400px;
}

.header_members {
	height: 400px;
}


.thumbnail-news {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
	height: 210px;
	display: block;
  	padding: 4px;
  	margin-bottom: 20px;
  	line-height: 1.42857143;
  	background-color: #fff;
  	border: 1px solid #ddd;
  	border-radius: 4px;
  	-webkit-transition: border .2s ease-in-out;
  	-o-transition: border .2s ease-in-out;
  	transition: border .2s ease-in-out;
}

.thumbnail-image > img {
	max-height: 100px;
	max-width: 97%;	
	vertical-align: middle;
    display: table-cell;

}

.thumbnail-image {
	height: 100px;
	text-align: -webkit-center;
}

.thumbnail {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
}

@media screen and (min-width: 1200px) {
	.thumbnail {
	height: 180px;
	}
}

.thumbnail>.caption, .thumbnail-news>.caption {
	color: #009cd6;
	font-size: 12pt;
	max-height: 100px;
	vertical-align: bottom;
}

.thumbnail>a, .thumbnail-news>a  {
	font-size: 12pt;
	text-align: center;
	color: #337ab7; }
	
.thumbnail-record {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
}

.highlights {
	font-size: 12pt;
	float: inline-end;
}

/*li a, li, .news_home > h2 {
	color: #fff;
	
} */

.external {
	color: #337ab7;
	text-decoration: none;
	
}
.wiki > li a, li {
	color: #42474b;
	margin-top: 5px;

}

.wiki > ol li a {
	color: #337ab7;
	text-decoration: underline;
}

.wiki > h2 {
	color: #009cd6;
}

.thumbnail > img {
	max-height: 150px;
	
}
.container-fluid {
  width: 100%;
  font-size: 14pt;
  margin: 0px;
  padding-top: 20px;
}

a.no-underline { 
	text-decoration: none; 
	color: #fff;
	}

.searchResources {
	width: 100%;
	background-color: #009cd6;
	overflow: auto;
	color: #fff;
}

.resources {
	font-size: 12pt;
	
	padding-top: 5px;
	padding-bottom: 5px;	
}


.body_home {
	max-width: 1200px;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
	
}

.tabs_home {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-right: auto;
margin-left: auto;
}

.footerstartpage{
	height: 50px;
}

.row100 {
	width: 100%;
	
}

.pre-wrapper {
	width: 90.6%;
}

.footerstartpage a, .footerstartpage {
	color: #fff;
	/*font-size: 1.2em;*/
}

.footercenter{
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  margin: auto;
}

.tabbanner, .footerstartpage {
	background-color: #009cd6;
}
.tabheader {
	margin-right: auto;
	margin-left: auto;
	
}

.nav-tabs > li {
	padding-left: 15px;
	margin-bottom: 0px;
}

.tabheader-records {
	padding-left: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
	
}

.categories {
	color: #42474b;
	font-size: 12pt;
	font-weight: normal;
}

.img_caption {
font-size: 12px;
position: absolute;
right: 0;
bottom: 0;
padding: 5px 10px 0;
color:#009cd6;
background: white;
}
/* .jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
} */

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Sakkal Majalla';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ "↑";
}

a.desc:after {
  content: /*"\e114"*/ "↓";
}

.sort-numerical a.asc:after {
  content: "↑";
}

.sort-numerical a.desc:after {
  content: "↓";
}

.sort-ordinal a.asc:after {
  content: "↑";
}

.sort-ordinal a.desc:after {
  content: "↓";
}

.grid-view th {
  white-space: nowrap;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6 {
    float: left;
  }
.col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  
@media screen and (min-width: 1500px) {  
  .col-lg-4 {
    width: 33.33333333%;
  }
    .col-lg-7 {
    width: 58.33333333%;
  }
}
@media screen and (max-width: 1500px) {
  .col-lg-4, .col-lg-7 {
    width: 100%;
  }
}
  .col-lg-3 {
    width: 25%;
  }
  
  .col-lg-2 {
	  width: 20%;
  }
  
  .centerDiv{float:center;margin:auto;width:400px;}

#feedback { 
  height: 104px; 
  width: 95px; 
  position: fixed; 
  top: 41%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback span { 
  display: block; 
  background: #009cd6; 
  height: 35px; 
  width: 120px; 
  padding: 8px 16px;
  color: #fff; 
  font-size: 1.2em; 
  font-weight: bold; 
  text-decoration: none; 
  border: thin solid grey;
  border-left: solid 1px #333;
  border-right: solid 1px #fff;
}

#feedback span:hover { 
  background: #06c; 
  cursor:pointer;
}
#feedbackdiv{display:none;}

.browser hr{width:90%;padding-left:0;margin-left:0;margin:auto; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #06c , rgba(0, 0, 0, 0));}

.alert{width:400px;margin:auto;
z-index: 2500;
position: absolute;
left: 30%;
top: 30px;}

#youtube { 
  width: 30px; 
  position: fixed; 
  top: 19%; 
  z-index: 999;
}

#youtube { 
  width: 30px; 
  position: fixed; 
  top: 19%; 
  z-index: 999;
}

#facebook { 
  height: 30px; 
  width: 30px; 
  position: fixed; 
  top: 22%; 
  z-index: 999;
}
#twitter { 
  height: 30px; 
  width: 30px; 
  position: fixed; 
  top: 26%; 
  z-index: 999;
}
#tweet { 
  height: 30px; 
  width: 30px; 
  position: fixed; 
  top: 35.5%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#linkedin { 
  height: 30px; 
  width: 30px; 
  position: fixed; 
  top: 30%; 
  z-index: 999;
}
#google { 
  height: 30px; 
  width: 30px; 
  position: fixed; 
  top: 34%; 
  z-index: 999;
}

#server_warning{
       color: black;
       font-size: 1.2em;
       text-align: center;
       background-color: red;
       z-index: 2500;
       position: relative;
}