@charset "UTF-8"; 
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyre/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyre/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyre/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyre/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyre/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyre/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.eot');
    src: url('fonts/texgyre/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyre/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyre/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyre/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot');
    src: url('fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.woff') format('woff'),
         url('fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
    src: url('fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @font-face {
  font-family: 'fontello';
  src: url('fonts/fontello-16ad93f8/font/fontello.eot?82656401');
  src: url('fonts/fontello-16ad93f8/font/fontello.eot?82656401#iefix') format('embedded-opentype'),
       url('fonts/fontello-16ad93f8/font/fontello.woff?82656401') format('woff'),
       url('fonts/fontello-16ad93f8/font/fontello.ttf?82656401') format('truetype'),
       url('fonts/fontello-16ad93f8/font/fontello.svg?82656401#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight: normal;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
sup {
    /*line-height: inherit;
    vertical-align: top;*/
    vertical-align: text-top;
}    
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	box-sizing: border-box;
}
/* Main CSS */
body {
	/*font: 16px/2 'open_sanssemibold', Sans-Serif;*/
	font: 16px/24px 'open_sansregular', Sans-Serif;
	color: white; 
}

em, i, blockquote {
    font-family: 'open_sansitalic', sans-serif;
    font-weight: normal;
    font-style: normal;
}
.quote {	
	text-align: right;
	padding-left: 40%;
	margin: 40px 0;
}
.quote-attribution {
	font-size: 12px;	
}

strong, b {
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
    font-style: normal;
}
h1, .contact h3 { 
	/*font: 30px/1 'open_sans_condensedbold', Sans-Serif;*/
	font: 36px/1 'texgyreadventorregular', Sans-Serif;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	margin-bottom: 20px;
	/*color: white;*/
	color: #E4D21F;

}
h2	{ 
	/*font: 20px/1 'open_sans_condensedbold', Sans-Serif;*/
	font: 24px/1 'texgyreadventorregular', Sans-Serif;
	/*color: #E4D21F;*/
	color: white;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	/*margin-bottom: 10px;*/
}	
.content-wrapper tr:first-child td, h3 {
	font: 20px/1 'texgyreadventorbold', Sans-Serif;
	color: #E4D21F;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
.content-wrapper tr:first-child td {
	margin: 10px 0 5px 0;
}
h3 {
	margin: 40px 0 20px 0;

}
/*img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	left: 0;
}*/

div.bg-bggradient {
	background-color: rgb(72,141,196);
	height: auto;
	width: 100%;
	min-height: 100%;
	min-width: 1024px;
	position: fixed;
}

div.bg {
	background: #ffffff url("../images/background-1024_b.jpg") no-repeat center bottom;
	width: 100%;
	height: auto;
	min-height: 391px;
	min-width: 1024px;
	bottom: 0;
	left: 0;
	background-size: cover;
	position: fixed;
}

div.bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 250px;
	left: 0;
	background-image: linear-gradient(to bottom,rgba(72,141,196,1),rgba(72,141,196,0));
	/*opacity: .1; */
}

.bg-gradient2 {
	background-image:linear-gradient(
	to bottom right,
		rgb(30, 61, 18),
		rgb(54, 107, 33) 50%,
		rgb(84, 168, 51) 70%,
		rgb(123, 244, 75)
	);

	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	left: 0;
}

.bg-gradient {
	background-image:linear-gradient(
	to bottom right,
		rgb(24, 55, 114),
		rgb(33, 85, 145) 50%,
		rgb(60, 108, 196) 70%,
		rgb(126, 200, 236)
	);

	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	left: 0;
}

.schwung {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	max-height: 190px;
}

header {
    background: url("../images/schwung2.svg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 190px;
    position: relative;
    width: 100%;
}
.vert-logo {
	position: absolute;
	width: 10%;
	top: 10px;
	right: 30px;			
}
.content-wrapper {
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    width: 820px;
}
.overlay, .no-overlay {
	padding: 0px 30px 40px 30px;
}
.overlay {
	background-image:linear-gradient(
	to bottom,
		rgba(0, 0, 0, 0), 
		rgba(33, 85, 145, 0.5) 80px, 
		rgba(33, 85, 145, 0.8) 150px
	);
	border-radius: 4px;
}
.content-wrapper-gradient {
	padding: 20px 30px;
}
.overlay li {
    color: white;
    padding: 0;
    position: relative;
}
.overlay li:not(.edit-icon):before {
    background: none repeat scroll 0 0 #e4d21f;
    border: 0.2em solid #e4d21f;
    border-radius: 0.2em;
    content: "";
    display: block;
    height: 0.1em;
    left: -1em;
    position: absolute;
    top: 0.5em;
    width: 0.1em;
}

.overlay ul.bio li:not(.edit-icon):before {
	border: none;
	background: none;
    color: #ffffff;
    content: ">>";
    display: block;
    position: absolute;
	left: -1.5em;
	top: 0em;
}

.overlay ul.bio {
    padding-left: 1.5em;
}

.teasers {
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
  	margin: 30px 0;
}

.teaser {
  	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	width: 245px;
	height: 245px;
	background: #1e497e;
  	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	border-radius: 4px;
	padding: 20px;
	transition: background .20s ease-in-out;
	-moz-transition: background .20s ease-in-out;
	-webkit-transition: background .20s ease-in-out;
}

.teaser-text {
	color: #FFFFFF;
  	font-size: 24px;
	text-decoration: none;
  	line-height: 30px;
}

.teaser-link {
  	display: flex;
	justify-content: right;
	font: 20px/1 'texgyreadventorbold', Sans-Serif;
	color: #E4D21F;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

.content-wrapper li > ul {
	margin-left: 20px;
} 

.content-wrapper p { 
 	color: white;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.5);*/
}
.content-wrapper p + p {
	margin: 0 0 30px 0;
}

.content-wrapper p + p.topSpace {
  margin-top: 10px;
}

div.topSpace {
  margin-top: 10px;
}

.content-wrapper a {
	font-family: 'texgyreadventorbold';
	color: #E4D21F;
	text-decoration: none;
}
.content-wrapper a:hover {
	text-decoration: underline;
}
.jmoddiv.jmodinside.category-module, .category-module {
	position: absolute;
	margin-left: -240px;
	text-align: right;
}
.category-module:after {
    background: url("/j3/images/siegel_vert.svg") no-repeat scroll right center / contain rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 140px;
    margin-right: 10px;
    margin-top: 20px;
    position: relative;
    right: 0;
}    
.content-wrapper .category-module li {
	display: block;
	/*border-right: 1px solid #E4D21F;*/
	border-bottom: 1px solid #E4D21F;
	padding-right: 0;
	width: 200px;
	height: auto;
	margin: 0 10px 0 0;
}
.content-wrapper .category-module li:last-child {
	border-bottom: none;
}	
.content-wrapper .category-module li:before {
	content: '';
	margin: 0;
}
.content-wrapper .category-module a {
	font: 16px/1.5 'texgyreadventorregular', sans-serif;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.content-wrapper .category-module li:hover { 
	background: linear-gradient(to bottom, 
	rgba(33, 85, 145, 0.7), 
	rgba(33, 85, 145, 0.9) 50%, rgba(24, 55, 114, 0.7));
}
.content-wrapper .category-module a:hover {
	text-decoration: none;
	/*font-family: 'texgyreadventorbold', sans-serif;*/
}
.content-wrapper .category-module a.active {
	font-family: 'texgyreadventorbold', sans-serif;
}
.content-wrapper var {
	color: #E4D21F;
	border-bottom: 1px dotted #E4D21F;
}
.content-wrapper img {
	width: 760px;
}
.content-wrapper table {
	margin: 10px auto;
}	
.content-wrapper td {
	padding: 10px;
}
.content-wrapper tr:first-child td {
	border-bottom: 1px dotted #E4D21F;
}
.content-wrapper td:not(:last-child) {
	border-right: 1px dotted #E4D21F;
}

.content-wrapper h2:before {
    clear: both;
    content: "";
    display: block;
}

figure.pull-right, figure.pull-left, .pull-left img, .pull-right img, img.pull-right, img.pull-left {
	width: 240px;
}
.pull-right {
	float: right;
	margin: 10px 0 20px 20px;
}
.pull-left {
	float: left;
	/*margin: 10px 20px 20px 0;*/
  margin: 20px 20px 0 0;
}

button, a.button, .btn-toolbar > a, .nav-toggle {
	background: #54A833;
	border-radius: 4px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	padding: 10px 20px;
	/*margin: 10px 3px;*/
	margin-right: 6px;
	border: none;
	/*font: 20px/1 'open_sans_condensedbold', Sans-Serif;*/
	font: 20px/1 'texgyreadventorregular', Sans-Serif;
	color: white;
	text-decoration: none;
	transition: background .20s ease-in-out;
	-moz-transition: background .20s ease-in-out;
	-webkit-transition: background .20s ease-in-out;	
}
button:hover, a.button:hover, .btn-toolbar > a:hover, .nav-toggle:hover {
	background: #E4D21F;
	color: #0E2149;
	text-decoration: none;
}

.btn-toolbar a {
	margin-right: 20px;
}

a.button {
	float: right;
	margin: 10px 0 10px 10px;
}
a.button:after {
    content:'';
    display:block;	
	clear: both;
}
footer .nav li {
	list-style-type: none;
	display: inline-block;i
	color: #54A833;
}
footer .nav li + li:before {
	content: '|';/*'•';*/
	margin: 0 0.4em;
	font-family: 'opensans_semibold';
}
footer {
	/*height: 60px;*/
	font: 12px/1 'texgyreadventorregular', Sans-Serif;	
	color: #54A833;	
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: white;
  	z-index: 1;
}
footer a {
	color: #0E2149;
}
	
footer .nav {
    margin: 10px auto;
    text-transform: uppercase;
    position: relative;
    width: 760px;
	text-align: left;
}
address {
	position: absolute;
	right: 30px;
	bottom: 10px;
}
/* http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu */

.center {
    margin: 0px auto;
  	position: relative;  
    width: 760px;
}

nav {
	z-index: 10;
	left: 0;
    position: absolute; /* relative */
	text-align: left;
    padding: 30px 0px;
	font: 18px/1 'texgyreadventorregular', Sans-Serif;	    
}

nav ul ul {
	display: none;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

nav ul li:hover > ul {
	display: block;
}


nav ul {
	background: transparent; 
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
	transition: background .20s ease-in-out;
	-moz-transition: background .20s ease-in-out;
	-webkit-transition: background .20s ease-in-out;	
}
nav ul li:hover {
	background: #54A833;
}
nav ul li:hover li a, nav ul ul li:hover li a {
	color: #54A833;
}
nav > ul > li:hover > a,
nav ul ul li:hover a,
nav ul ul ul li:hover a {
	color: white;
}
nav ul li a {
	display: block; 
	padding: 5px 10px;
	color: #54A833; 
	text-decoration: none;
	white-space: nowrap;
	/*text-shadow: 1px 1px 1px 1px rgba(24, 71, 6,0.5);*/
}
		
	
nav ul ul {
	background: white; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none; 
	/*border-top: 1px solid #54A833;*/
	border-bottom: 1px solid #dfdfdf; position: relative;
	transition: background .20s ease-in-out;
	-moz-transition: background .20s ease-in-out;
	-webkit-transition: background .20s ease-in-out;	
}
nav ul ul li a {
	padding: 10px 10px;
	color: #54A833;
}	
nav ul ul li a:hover {
	background: #54A833;
	color: white;
}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

.c2 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
div.c2 + div.c2 {
	margin-left: 10px;
}

/* Joomla Classes */
.control-group {
	margin-bottom: 20px;
}
.btn-group {
	display: inline-block;
	margin-right: 10px;
}
#publishing, #language, #metadata, .nav.nav-tabs, #uploadform {
	display: none;
}


.tooltip, .tip, .tooltip-inner, .tooltip-arrow {
	display: none;
	opacity: 0.001;
}


.icons {
	position: fixed;
	top: 10px;
	left: 10px;
}
.icons li:before {
	content: '';
	margin: 0;
}
.edit-icon a:before {
    border: 1px solid #54a833;
    border-radius: 4px;
    background-color: #fff;
    color: #54a833;
    content: "✎";
    display: block;
    font-size: 36px;
    height: 36px;
    padding: 5px 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    pointer-events: none; /* fix for link not clickable in chrome */
}
.edit-icon:hover a:before {
	background-color: #54A833;
	color: #fff;
}
.edit-icon a {
	color: transparent;
}
.edit-icon a:hover {
	text-decoration: none;
}

.edit-icon img {
	width: 16px;
	height: 16px;
}
#sbox-window, #sbox-window div {
	box-sizing: content-box;
}

/*! responsive-nav.js 1.0.34 by @viljamis */

.js .nav-collapse {
  clip: rect(0 0 0 0);
  /*max-height: 0;*/
  position: absolute;
  display: block;
  /*overflow: hidden;*/
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 800px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
/* end responsive-nav */
/*
@media screen and (min-height: 1200px) { 
	.overlay { background-image: none; padding: 30px;  }
	.content-wrapper p { text-shadow: none; }
}*/
@media screen and (max-width: 1306px) { /* Specific to this particular image */
	/*img.bg {
		left: 50%;
		margin-left: -512px;  
	}*/  /* 50% */
	address {
		display: none;
	}
	.category-module {
		position: relative;
		display: block;
		margin: 0 0 20px 20px;
		text-align: left;
	}
	.category-module:after {
		display: none;
	}    
	.content-wrapper .category-module li {
		display: inline;
		border-bottom: none;
		padding: 0 10px;
		width: auto;
		max-width: 760px;
		height: auto;
		margin: 0;
	}
	.content-wrapper .category-module li + li {
			border-left: 1px solid #E4D21F;
	}
}
@media screen and (min-width: 1440px) {
	div.bg {
		background: #ffffff url("../images/background-2048.jpg") no-repeat center bottom;
		min-height: 784px;
		min-width: 1024px;
		background-size: cover;
	}
	header {
		background-position: center bottom;
	}
	.vert-logo {
		right: 100px;
		width: auto;
		height: 80px;
	}
}
	
@media screen and (max-width: 800px) { /* Specific to this particular image */
	.icons {
		position: fixed;
		top: 10px;
		right: 10px;
	}
	.schwung {
		display: none;
	}
	.vert-logo {
		height: 60px;
		width: auto;
	}
	header {
		background: white;
		height: 100px;
		position: fixed;
		z-index: 10;
		top: 0px;
		padding: 10px;
	}
	nav {
		/*font-size: 16px;*/	
		padding: 10px 0px;
	}
	.center {
		width: auto;
		margin: 0;
	}
	.content-wrapper {
		width: auto;
		margin: 100px 0px;
		padding: 0px;
	}
	.content-wrapper-gradient {
		padding: 10px 20px;
	}
	.overlay, .no-overlay {
		padding: 20px;
	}
	footer .nav {
		margin: 10px 20px;
	}
	.nav-toggle {
		margin: 20px 0 0 20px;
		display: inline-block;
	}
	.nav-collapse ul {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  display: block;
	  list-style: none;
	}
	.nav-collapse li {
	  width: 100%;
	  display: block;
	  background: white;
	}
	.nav-collapse ul ul {
		display: none;
	}
	.nav-collapse li:hover ul {
		display: none;
	}
	.content-wrapper img, figure.pull-right, figure.pull-left, .pull-left img, .pull-right img, img.pull-right, img.pull-left {
		width: 100%;
		float: none;
		margin: 0;
	}
	
}

#upbutton, .buttonSmall {
  font: 14px/1 "texgyreadventorregular",sans-serif;
  margin: 5px 0;
  padding: 5px 10px;
}

#editor-xtd-buttons {
    padding: 0px;
}

/* ----------- IMAGE-FORM ----------- */

ul.manager.thumbnails {
	margin-top: 20px;
}

ul.manager.thumbnails li a div.height-50 i.icon-folder-2:before {
	color: #54a833;
	content:"\1F4C1";
	font-family: 'fontello';
  font-size: 20pt;
  font-style: normal;
  font-weight: normal;
}

ul.manager.thumbnails li a div.height-50 i.icon-folder-2 {
    display: block;
    padding-bottom: 10px;
    padding-top: 20px;
}

ul.manager.thumbnails li a div.height-50 img {
    margin-top: 9px;
}

ul.manager.thumbnails li {
	display: inline-block;
	margin-right: 5px;
}

ul.manager.thumbnails li a {
	border: 1px solid #b3b3b3;
	height: 80px;
  display: block;
  width: 80px;
  text-align: center;
  text-decoration: none;
}
		
ul.manager.thumbnails li div.small {
	font: 10px/1 'texgyreadventorregular', Sans-Serif;	 
	padding-top: 2px;
}
#adminForm table {
	color: black;
	background: white;
}
#adminForm table a {
	color: #54A833;
}
#imageForm div.well, #adminForm fieldset {
  background-image: linear-gradient(to bottom, rgba(33, 85, 145, 0.9) 70%, rgba(24, 55, 114, 0.7));
  border-radius: 4px;
  padding: 10px;
  color: black;
}

#imageForm div.well div.control-group {
	width: 370px;
}

#imageForm div.well div.control-group input[type="text"] {
	width: 300px;
	margin-bottom: 15px;
}

#imageForm div.well div div.control-group, #imageForm div.well div.pull-right {
	display: inline-block;
	margin: 0;
}

.popup {
	display: none;
	position: fixed;
	top: 20px;
	z-index: 100;
	max-height: 670px;
	max-width: 820px;
	width: auto;
	height:auto;
	background: white;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}
.popup-close {
	display: block;
	position:absolute;
	right: 10px;
	top: 5px;
}
a.popup-close:hover {
	text-decoration: none;
	cursor: pointer;
}

.popup-content {
	padding: 30px 10px 10px;
	max-height: 670px;
	max-width: 820px;
	width: auto;
	height:auto;
}
/* ----------- ALERT-BOX ----------- */

.alert {
	background-color: #ffc8c8;
  /* border: 1px solid red; */
  border-radius: 4px;
  color: red;
  font: 17px/1 "texgyreadventorregular",sans-serif;
  margin-bottom: 10px;
  padding: 15px 10px;
}

.alert h4 {
	display: none;
}

.alert a.close {
	float: right;
	margin-top: -12px;
	cursor:	pointer;
}

.alert a.close:hover {
	color: #000000;
}

.alert p:before {
  border: 1px solid red;
  border-radius: 78%;
  color: red;
  content: "\f12a";
  font-size: 14px/1;
  margin-right: 10px;
  padding: 2px 8px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
}

.logout-description {
	padding: 60px 0 20px 0;
}
.members {
	margin: 20px 0;
}
.members figure {
	height: 250px;
	display: inline-block;
	/*float: left;*/
	vertical-align: baseline;
	margin: 0 10px 10px 0;	
	position: relative;
}
.members figure, .members figcaption, .img-container {
	width: 176px;
	text-align: center;
}
.members figcaption, .img-container {
	display: block;
}
.img-container {
	height: 200px;
	line-height: 200px;
	/*background: white;*/
	background-image:linear-gradient(
	to bottom,
		rgba(255, 255, 255,0.7),
		rgba(255,255,255,0.95) 20%,
		rgba(255,255,255,1) 50%,
		rgba(255,255,255,0.95) 80%,
		rgba(255, 255, 255,0.9)
	);
}
.members img {
	max-width: 150px;
	max-height: 180px;
	margin: 10px 5px;
	vertical-align: middle;
  	width: 100%;
	height: auto;
}
.members figcaption {
	background: white;
	position: absolute;
	border-top: 1px solid #275F99;
	font-size: 14px;
	color: #242445;
	bottom: 0;
	padding: 5px;
	line-height: 20px;
	height: 50px;
}

.contact h3 {

}
.contact h3 ~h3 {
	display: none;
}
.contact legend {
	font: 16px/1 'texgyreadventorregular', Sans-Serif;	 
	margin-bottom: 10px;
}
.contact label {
	color: #E4D21F;
	font: 20px/1 'texgyreadventorregular', Sans-Serif;
}
.contact input[type=text], .contact input[type=email]  {
	width: 50%;
}
#jform_contact_emailmsg, .contact textarea {
	width: 100%;
}
.contact .form-actions {
	text-align: right;
}

.overlay li.publication:not(.edit-icon):before {
	display: none;
}

ul.publications {
	list-style: none;
	list-style-type: none;
}

li.publication {
	display: flex;
	flex-flow: row nowrap;
	padding: 10px 0;
	justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255,255,255,0.3);
  	gap: 30px;
    font-size: 14px;
}

.download-long li.publication {
	border-bottom: none;
}

.download-long .download,
.download-hide-title {
	position: absolute;
	right: 0px;
}

.download-long .title {
	width: 600px;
}

.overlay ul.bio li {
	width: 600px;
}

.download-hide-title .title,
.download-hide-title .publishing {
	display: none;
}

.extra-title {
	padding: 10px 0;
}

li.publication .id {
	display: none;
}

li.publication .title,
.acknowledgments{
	font-weight: bold;
	font-size: 20px;
}

li.publication.magazine .publishing {
	padding-top: 10px;
}

li.publication .download {
	text-align: right;
  	width: 160px;
	flex-shrink: 0;
}

.download ~ .bio {
	border-bottom: 1px solid rgba(255,255,255,0.3);
  	padding-bottom: 10px;
}

.content-wrapper a.jdbutton {
  padding: 0;
  box-shadow: none;
}

.content-wrapper .download img {
  width: 24px;
  vertical-align: bottom;
}

.content-wrapper .download .none {
	font-style: italic;
	line-height: 1.3;
	padding-bottom: 15px;
	padding-top: 3px;
}

.content-wrapper .download .none.jdbutton {
	font-style: normal;
}

.hidden {
	display: none;
}