html {
  /* font-family:'Barlow Semi Condensed',Arial,sans-serif; */
  /* font-size: 18px; */
  color:#444;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family:Oswald,Arial,sans-serif; */
}
h1 a,  h1 a:link,  h1 a:visited,  h1 a:active,  h1 a:hover,  h1 a:focus {
	color:#444!important;
}
h1 {
  font-weight:bold;
  font-size: 1.4em;
  margin:0px;
}
h2 a,  h2 a:link,  h2 a:visited,  h2 a:active,  h2 a:hover,  h2 a:focus {
  color:#444!important;
}
h2 {
  font-weight:bold;
  font-size: 1.4em;
  margin:0px;
}
h3 {
  font-weight:bold;
  font-size: 1.2em;
  margin:0px;
}
h4 {
  font-weight:bold;
  font-size: 1.1em;
  margin:0px;
}
h5 {
  font-weight:bold;
  font-size: 1.0em;
  margin:0px;
}
h6 {
  font-weight:bold;
  font-size: 1.0em;
  margin:0px;
}

address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0 0 10px 0;
}
* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
  margin-top: 10px;
}

.uk-pagination li a {
  border-color: #cccccc #aaaaaa #aaaaaa #cccccc;
  border-style: solid;
  border-width: 1px;
  padding: 0.1em 0.8em;
  margin: 0px 7px;
}
.uk-pagination li span {
  padding: 0.1em 0.8em;
  margin: 0px 7px;
}

.content a:link, .content a:visited, .content a:active, .content a:hover, .content a:focus { color: #02b7ea; }
.content a:hover { text-decoration: underline;  }

h1.bluetext, h2.bluetext {
  color: #02b7ea;
  border-bottom: solid 1px #02b7ea;
  font-size: 1.3em;
  /* margin-bottom: 20px; */
  font-weight:600;
}
h1.greentext, h2.greentext {
  color: #b0cc55;
  border-bottom: solid 1px #b0cc55;
  font-size: 1.3em;
  font-weight:600;
}

.greenstripes {
  background: repeating-linear-gradient(-45deg,#b0cc55,#b0cc55 10px,transparent 10px,transparent 20px);
}
.bluestripes {
  background: repeating-linear-gradient(-45deg,#02b7ea,#02b7ea 10px,transparent 10px,transparent 20px);
}

.textheader {
	margin-bottom:10px;
}
.headerSlogan {
	color: #999;	
}
.subheader {
	font-weight: bold;
	color: #999;
	margin:0px;
}

.content {
	margin-bottom: 30px;
}


.footerintro {
	padding:5px 0px;
	/* background:#f5f5f5; */
	/* border-bottom:1px solid #ccc; */
}
.footersitemap {
  font-size:0.85em;
	padding:10px 0px;
	/* background:rgba(176,204,85,0.3); */
}

.uk-checkbox { margin-right: 10px; }


/* MEDIA QUERIES */
@media(max-width:399px){
  html { line-height: 1.25; }
}
@media(min-width:400px){
  html { line-height: 1.35; }
}
@media(min-width:768px){
  html { line-height: 1.5; }
}
@media(min-width:992px){
	.header-logo {
		background-position:top right;
		background-repeat:no-repeat;
		background-image:url('/typo3conf/ext/weblayout/Resources/Public/Images/ippnw-nobelprize.png');
	}
}
@media(min-width:1200px){

}

/* ce-layout */
.padding-10{padding:10px}
.padding-20{padding:20px}
.light-gray-border{border:2px solid #f6f6f6}
.dark-gray-border{border:2px solid #ebebeb}
.blue-border{border:2px solid #02b7ea}
.green-border{border:2px solid #b0cc55}
.light-gray-background{background-color:#f6f6f6}
.dark-gray-background{background-color:#ebebeb}
.blue-background{background-color:#02b7ea;color:#fff}
.blue-background h1,.blue-background h2,.blue-background h3,.blue-background h4,.blue-background h5,.blue-background h6,.blue-background p{color:#fff!important;}
.blue-background a,.blue-background a:link,.blue-background a:hover,.blue-background a:focus,.blue-background a:active,.blue-background a:visited{color:#fff!important;}
.green-background{background-color:#b0cc55;color:#fff}
.green-background h1,.green-background h2,.green-background h3,.green-background h4,.green-background h5,.green-background h6,.green-background p{color:#fff!important;}
.green-background a,.green-background a:link,.green-background a:hover,.green-background a:focus,.green-background a:active,.green-background a:visited{color:#fff!important;}
.rounded_corners{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:5px}
.clear{clear:both}
.is-hidden{display:none}
.shadow {-moz-box-shadow: 3px 3px 2px 2px #666;-webkit-box-shadow: 3px 3px 2px 2px #666;box-shadow: 3px 3px 2px 2px #666;}

form fieldset { border:none; }
form fieldset legend { display:none; }

/* teaser-elemente */

/* expandPanel */
.expandPanel{
  padding:2px;
  margin:0px 0px 15px 0px;
  border-bottom:1px solid #02b7ea;
  color:#02b7ea;
  text-align:right;
  line-height:21px;
}
.expandPanel a{
  padding:0px 2px;
}

/* ************************************************************************** */

/* IMAGESLOT */
.content .imageslot{
  padding:3px 0px 0px 0px;
}
.content .imageslot .image{
  padding:0px 0px 0px 0px;
  position:relative;
}
.content .imageslot .copyright{
  background-color: #333;
  bottom: 0px;
  color: #fff;
  font-size: 0.8em;
  opacity: 0.6;
  padding: 0 3px;
  position: absolute;
  right: 0px;
}
.content .imageslot .lightboxlink{
  position: absolute;
  top: 2px;
  right: 2px;
}
.content .imageslot .caption{
  background-color:#e4e4e4;
  padding:5px 10px;
  font-size:0.9em;
  color:#666;
  border:1px solid #e4e4e4;
}

.content img.teaserimageright, .content img.textimageright {
	margin:3px 0px 0px 10px;
}
.content img.teaserimageleft, .content img.textimageleft {
	margin:3px 10px 0px 0px;
}

/* REFERENCES */
.content div.reflinks{
  width:313px;
  border:1px solid #e4e4e4;
  float:right;
  padding:0px 10px 10px 10px;
}
.content div.reflinks a, .content div.reflinks a:link, .content div.reflinks a:focus, .content div.reflinks a:active, .content div.reflinks a:hover, .content div.reflinks a:visited{ 
  color:#666666;
}

/* OPEN/CLOSE */
.content .teaseropen, p.teasermore{
  text-align:right;
}
.content .teaseropen a{
  padding:0px 0px 0px 15px;
}
.content .teaserclose{
  text-align:left;
}
.content .teaserclose a{
  padding:0px 0px 0px 15px;
}
div.teaserarea{
  text-align:right;
}
span.teaserURLs{
  text-align:right;
  display:inline;
  color:#999;
  font-size:0.9em;
}
span.teaserURLs a, span.teaserURLs a:link, span.teaserURLs a:focus, span.teaserURLs a:active, span.teaserURLs a:hover, span.teaserURLs a:visited{
  color:#999;
}


/* meta-Navigation im Footer */

ul.naviMETA {
  margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	font-size:0.9em;
	text-align:right;
}
ul.naviMETA li.normal {
  display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	list-style:none;
	color:#8fbc00;
	line-height:30px;
}
ul.naviMETA li.active {
  display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	list-style:none;
	color:#8fbc00;
	line-height:30px;
}
ul.naviMETA li.normal a,ul.naviMETA li.normal a:link,ul.naviMETA li.normal a:visited,ul.naviMETA li.normal a:active,ul.naviMETA li.normal a:hover,ul.naviMETA li.normal a:focus {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#8fbc00;
	font-weight:normal;
	text-decoration:none;
	display:inline;
}
ul.naviMETA li.normal a:hover {
	color:#8fbc00;
	text-decoration:underline;
}
ul.naviMETA li.active a,ul.naviMETA li.active a:link,ul.naviMETA li.active a:visited,ul.naviMETA li.active a:active,ul.naviMETA li.active a:hover,ul.naviMETA li.active a:focus {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#8fbc00;
	font-weight:bold;
	text-decoration:none;
	display:inline;
}
ul.naviMETA li.active a:hover {
	color:#8fbc00;
	text-decoration:none;
}

/* Sitemaps im Footer */

.footersitemap h1, .footersitemap h2, .footersitemap h3, .footersitemap h4, .footersitemap h5, .footersitemap h6 {
  margin: 5px 0px 0px 0px;
  font-weight:bold;
  font-size: 1.0em;
}
.footersitemap div.textbody{
  padding:3px 0px 0px 0px;
}
.footersitemap p {
	line-height:1.1em;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	color:#777;
}
.footersitemap ol{
  margin:3px 0px;
  padding:0px 0px 0px 0px;
}
.footersitemap ul{
  margin:3px 0px;
  padding:0px 0px 0px 0px;
  list-style-type: none;
}
.footersitemap li {
	line-height:1.4em;
	color:#777;
	padding:0px 0px;
}
.footersitemap a, .footersitemap a:link, .footersitemap a:visited, .footersitemap a:active, .footersitemap a:hover, .footersitemap a:focus {
	color:#777;
	font-weight:normal;
	text-decoration:none;
}
.footersitemap a:hover{
	text-decoration:underline;
}