@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/ui.tabs.css";
@import "lib/plugins/shadowbox.css";
@import "lib/plugins/jquery.panels.css";
@import "lib/statistikseite.css";

body {
	margin: 0;
}

#main {
     /* 988px +1px fix for browser zoom-bug */
	 width: 989px;
	 background-color: #ffffff;
	 display: block;
	 padding: 0px 20px 0px 20px;
	 margin:0 auto 0 auto;
	 box-sizing:border-box;
}
#main:after { content: "."; display: block; height: 0;clear: both; visibility: hidden; }


#newsletter #main {
	width: 496px;
}

body#newsletter {
	padding: 0 10px 0 10px;
}

body#external {
	/* not for IE */
	padding-left:8px;
}

html>body#external {
	/* not for IE */
	padding-left:0px;
}

body#external .row.first {
	/* != IE6 width:768px ? */
	width:800px;
	height:auto;
}

/*
blockquote {
	display: block;
	font-size: 12px;
	line-height: 16px;
	border-top : 2px solid #00693b;
	border-bottom : 2px solid #00693b;
	width: 48%;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 6px 0 6px 0;
	color: #333;
	font-weight: bold;
}
*/

blockquote {
	display: block;
	font-size: 14px;
	line-height: 130%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 40%;
	float: right;
	margin: 4px 0 10px 20px;
	padding: 6px 20px 6px 0;
	color: #666;
	font-weight: bold;
	font-style: italic;
}


.topline {
	border-top: 1px dotted #666;
	margin: 24px 0 6px 0;
	padding: 6px 0 0px 0;
}

table.org {
	width: 100%;
	border: none;
	background-color: #eee;
}


table.org td {
	border: none;
	padding: 0;
	margin: 0;
}

table.org a {
	display: block;
	border-top: 1px solid #00693B;
	padding: 4px 0px 8px 0px;
	margin: 6px 6px 6px 6px;
}

table.org a,
table.org a:visited, {
	color: #00693B;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

table.org a:hover, {
	color: #00693B;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

table.picture {
	border: 0;
	float:right;
	width:auto;
	margin: 6px 0 6px 12px;
}
table.picture.left {
	float:left;
	margin: 6px 12px 6px 0px;
}

table.picture.center {
	float:none;
	margin: 6px 0px 6px 0px;
	margin-left:auto; 
    margin-right:auto;
}

table.picture td {
	padding: 0;
	margin: 0;
	border: 0;
}

table.picture th {
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 4px;
}

table.picture img {
	padding: 0;
	margin: 0;
	display: block;
}

table.picture.author {
	margin: 0 0 6px 0;
	float: none;	
}

table.picture.author th {
	vertical-align: bottom;
}

table.picture.author img {
	margin: 0 10px 0 0;
}

table.picture td a {
	display: block;
	background: url("lib/icons/icon_lupe.gif") no-repeat left bottom;
	padding-bottom: 20px;
}

.mediabox {
	clear: both;
}

.mediabox img {
	display: block;
	float: right;
	padding: 0 0 6px 6px;
}

.mediabox p {
	padding: 0 !important;
	margin: 0 !important;
}

.hidescreen {
	display: none;
}
/* @group section links */

/* @group list, linklist, rubriklist */

ul.linklist, ul.special, ul.list {
	list-style-type: none;
	padding: 1px 0 0 0;
	margin: 0 0 0 0;
}

ul.linklist li, ul.list li, ul.special li {
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}

ul.linklist li, ul.list li {
	border-top : 1px dotted #999;
}

ul.linklist li {
	padding-left: 14px;
	background:url("lib/icons/icon_arrow_orange.gif") no-repeat;
	background-position: 0px 9px;
}

ul.special li {
	padding-left: 14px;
	background: url("lib/icons/icon_ntr.gif") no-repeat;
	background-position: 0px 9px;
}

ul.linklist li.noline, ul.list li.noline {
	border: none;
	padding-top: 0px;
	background-position: 0px 3px;
}

ul.linklist li.active {
	background-image: url("lib/icons/icon_active.gif");
}

ul.linklist.download li, ul.linklist li.download {
	background-image: url("lib/icons/icon_ard.gif");
}

ul.linklist.newwin li, ul.linklist li.newwin {
	background-image: url("lib/icons/icon_arn.gif");
}

ul.linklist.jump li {
	background-image: url("lib/icons/icon_jump.gif");
}

ul.linklist.jump li {
	background-image: url("lib/icons/icon_jump.gif");
}

ul.linklist.jump a {
	color: #666;
}

ul.linklist li.active a {
	color:  #00693B;
}


ul.special li.neg {
	color: #900;
	background-image: url("lib/icons/icon_neg.gif");
}

ul.special li.pos {
	color: #00693B;
	background-image: url("lib/icons/icon_pos.gif");
}

a.active {
	color:  #00693B !important;
}

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

ul.linklist h3 {
	margin-top: 0px;
}


/* Call to Action */
ul.linklist li.cta {
	background: transparent;
	border-top: none;
	padding: 0
}

ul.linklist li.cta a,
ul.linklist > li.group {
	padding: 10px;
	display:block;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/* -moz-box-shadow:    0px 2px 3px 0px #999; */
	/* -webkit-box-shadow: 0px 2px 3px 0px #999; */
	/* box-shadow:         0px 2px 3px 0px #999; */
	
}


ul.linklist li.cta a:hover {
	background-color: #00693B !important;
	text-decoration: none;
}

ul.linklist li.cta.orange a {
	background: #f60 url("lib/icons/cta_pos_50.png") right center no-repeat;
	color: #fff;
}

ul.linklist li.cta.orange.download a {
	background: #f60 url("lib/icons/cta_dow_50.png") right center no-repeat;
	color: #fff;
}

ul.linklist li.cta.orange.email a {
	background: #f60 url("lib/icons/icon_mail.png") right center no-repeat;
	color:#fff;
}

ul.linklist li.cta.grey a {
	background: #999 url("lib/icons/cta_pos_50.png") right center no-repeat;
	color:#eee;
}

ul.linklist li.cta.green a {
	background: #00693B url("lib/icons/cta_pos_50.png") right center no-repeat;
	color:#eee;
}
ul.linklist li.cta.green a:hover {
	background-color: #666 !important;
}

ul.linklist li.cta span.big {
	 font-size:18px;
	 font-weight:normal;
	 line-height:20px;
	 display:inline-block;
	 margin-bottom:4px
}

ul.linklist li.cta.blue a {
	background-color: rgb(8, 58, 104);
	color:#fff;
}
ul.linklist li.cta.blue h2 a {
	font-weight: normal
}

/* group */

ul.linklist > li.group.outline {
	background: #eee url("lib/icons/cta_dot_green.png") right top no-repeat;
	border: 2px solid #00693B;
	margin-top:20px;
}

ul.linklist > li.group.filled {
	background: #999 url("lib/icons/cta_dot_50.png") right top no-repeat;
	/* margin-top:20px;	*/
}

ul.linklist > li.group {
}

ul.linklist > li.group:hover {
	background-image: none;
}

ul.linklist > li.group > strong {
	color: #eee;
}

ul.linklist > li.group.outline > strong {
	color: #00693B;
}

ul.linklist > li.group > ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	display:none;
}

ul.linklist > li.group:hover > ul {
	display:block;
}

ul.linklist > li.group > ul > li {
	background:none;
	border:none;
	padding:0px;
}

ul.linklist > li.group.grey > ul > li > a {
	border: 1px solid #ccc;
}

/* Testimonials */
#testimonials {
	height:192px;
}
#testimonials li a { 
	height: 165px;
	background-position: right bottom;
	color: #ccc
}

#testimonials li a strong {
	color: #fff
}

/* @end */


/* @group clickable */

.clickable {
	cursor: pointer;
}

div.clickable, ul.clickable li {
	background: url("lib/icons/icon_arrow_grey.gif") no-repeat right bottom;	
}

div.clickable.chover, ul.clickable li.chover {
	background: url("lib/icons/icon_arrow_orange.gif") no-repeat right bottom;
}

ul.clickable li {
	padding-left: 0px;
	cursor: pointer;
}

.clickable a,
.clickable a:visited,
.clickable a:focus,
.clickable a:hover,
.clickable a:active {
	/* IE6 Problem inherit
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
	*/

	text-decoration: none;
	color: #333;
	font-weight: normal;
}

.clickable b a, 
.clickable b a:hover, 
.clickable b a:visited, 
.clickable strong a, 
.clickable strong a:hover, 
.clickable strong a:visited, 
.clickable h3 a,
.clickable h3 a:hover,
.clickable h3 a:visited, 
.clickable h4 a {
	font-weight: bold;
}

/* ohne pfeil */
div.noarrow, ul.noarrow li, ul.linklist li.noarrow {
	background: none;
}

ul.linklist li.nolink {
	background-image: url("lib/icons/icon_nolink.gif");
}

div.noarrow:hover, ul.noarrow li:hover {
	background: none;
	color: #f60;
}

/* @end */


/* @end */


/* @group Images */

.cell img {
	margin: -4px 0 6px 0;
}

img.imageLeft {
	display: block;
	float: left;
	margin: 0px 6px 6px 0;
}

img.imageRight {
	display: block;
	float: right;
	margin: 0px 0 6px 6px;
}

/* @end */

/* @group Header */

#header
{
	margin: 4px 0 4px 0;
	/*
	width: 948px;
	*/
	height: 108px;
	background-image: url("lib/img/headers/header_00_interim.gif");
	background-repeat: no-repeat;
	position:relative;
}

#header .headerText {
	display: block;
	width: 692px;
	height: 110px;
	float: left;
	margin: 0;
	padding: 0;
}

#newsletter #header .headerText {
	width: 296px;
}

#header .headerText p {
	display: block;
	position: relative;
	top: 80px;
	left: 195px;
	margin: 0;
	padding: 0;	
		
	font-family: times;
	font-weight: normal;
	font-size: 18px;
	color: #00693B;
}

#newsletter #header .headerText p {
	left: 0px;
}

#header .headerImage
{
	display: block;
	float: left;
}

#header .headerLogo
{
	display: block;
	float: right;
}

/* @group Header-Grafiken */

.home {
	background-image: url("lib/img/headers/home.gif") !important;
}

.foerderung {
	background-image: url("lib/img/headers/foerderung.gif") !important;
}

.service {
	background-image: url("lib/img/headers/service_neu.gif") !important;
}

.netzwerk {
	background-image: url("lib/img/headers/netzwerk_green.gif") !important;
}
.presse {
	background-image: url("lib/img/headers/presse.gif") !important;
}
.stiftung {
}
.beratung {
	background-image: url("lib/img/headers/beratung.gif") !important;
}

.sonderprojekte {
}

.nks {
	background-image: none !important;
}
.nks .headerText img
{
	display: block;
	position: relative;
	margin: 7px 0 0 0;
}

/* @end */

/* @end */

/* @group Top Navigation */

#topNavigation
{
	background-color:#00693B;
	width: 948px;
	height: 32px;
	vertical-align: middle;
	font-size: 9px;
	letter-spacing: 1px;
}

#newsletter #topNavigation {
	/*
	width: 496px;
	*/
	width: 100%;
}

#topNavigation #topNavigationRight {
	float: right;
}

#topNavigation #topNavigationLeft a,
#topNavigation #topNavigationRight a
{
	color:#BFD9CE;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	margin-top: 8px;
	font-weight: normal;
}

#topNavigation #topNavigationLeft a
{
	margin-left: 14px;
}

#topNavigation #topNavigationRight a
{
	margin-right: 14px;
}

#topNavigation #topNavigationLeft a:hover,
#topNavigation #topNavigationRight a:hover
{
	color: #f60;
}

/* @end */

/* @group Main Navigation */

#mainNavigation {
	border-top: 2px solid #00693b;
	float: left;
	padding: 6px 0 50px 0;
	width: 180px;
}

#mainNavigation a
{
	color: #666;
	text-decoration: none;
	display: block;
}

#mainNavigation a:hover
{
	color: #ff6600;
}

#mainNavigation ul
{
	list-style: none;
	color: #00693b;
	padding: 0;
	margin: 0;
}


/* first level */

#mainNavigation ul li
{
	border-bottom : 1px solid #d5d5d5;
	margin: 0 0 6px 0;
	padding: 0 0 4px 0;
	font-weight: bold;
	line-height: 14px;
}

/* second level */

#mainNavigation ul li ul 
{
	/* Abstand Level 1 zu Level 2 */
	margin: 0px 0 0 0;
	padding: 0;
}

#mainNavigation ul li ul li
{
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px solid #fff;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
}

#mainNavigation ul li ul li a {
	font-weight: normal;
}


/* @end */

/* @group Content */

#content
{
  	float: left;
}

/*
#firstContentRow
{
	clear: both;
}
*/


/* @group row */

.row
{
	clear: both;
}

.row .brick
{
	border-top : 2px solid #00693B;
	padding: 6px 0 0 0;
	clear:both;
}

.row .brick.important {
	border-color: #f60;
}

/* @end */

/* @group cell */

.cell {
	margin: 0 0 50px 16px;
	float: left;
	width: 240px;
	height:auto;
	/*
	overflow: hidden;
	*/
	/*
	border-bottom: 1px solid #ccc;
	*/
}

#newsletter .cell {
	margin:  0 0 50px 0;
}

.cell .linkGrey {
	margin: 0 0 0 0;
}

.cell .iconizedContentLink {
	padding: 5px 20px 5px 0;
	background: transparent url("lib/icons/icon_more.gif") no-repeat center right;
}

.span-2 img {
	margin: -4px 0 6px 0;
}

.span-2 .iconizedContentLink {
	padding: 5px 20px 5px 0;
	background: transparent url("lib/icons/icon_more.gif") no-repeat center right;
}

.span-2 {
	width: 496px;
}

.span-3 {
	width: 752px;
}

.span-2 h3, .span-3 h3 {
	margin-top: 18px;	
}

.span-2 table td h3 {
	margin-top: 0;
}

.brick {
	border-top : 2px solid #ff6600;
	padding: 6px 0 0 0;
	clear: both;
}

a.arrow, p.arrow a, ul.arrow a, .arrow a {
	padding-left: 14px;
	background:url("lib/icons/icon_arrow_orange.gif") no-repeat;
	background-position: 0px 2px;
}

a.arrownewwin {
	padding-left: 14px;
	background:url("lib/icons/icon_arn.gif") no-repeat;
	background-position: 0px 2px;	
}

a.arrowdownload {
	padding-left: 14px;
	background:url("lib/icons/icon_ard.gif") no-repeat;
	background-position: 0px 2px;	
}

small a.arrowdownload, .mediabox a.arrowdownload {
	padding-left: 10px;
	background:url("lib/icons/icon_ard_small.gif") no-repeat;
	background-position: 0px 3px;		
}

small a.arrownewwin, .mediabox a.arrownewwin {
	padding-left: 10px;
	background:url("lib/icons/icon_arn_small.gif") no-repeat;
	background-position: 0px 2px;	
}

/* @end */

.separate {
	display: block;
	border-top : 1px dotted #999999;
	padding-top: 6px;
	margin-top: 6px;
}

/* search form */
form.search {
	background-color: #eee;
	border-top: 1px solid #666;
	padding-top:  6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
	margin-bottom: 6px;
}
.search label, .search input, .search  select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  margin: 0 4px 4px 4px;
  width: 224px;
}

.search textarea {
	display: block;
	margin: 0 4px 4px 4px;
	/* 
	width: 219px;
	*/
	width: 210px;
	height: 50px;
}

form.search h3, form.search h4, form.search p, form.search.panelright .panel {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 4px;
}

form.search h4 input {
	padding:0;
	margin:0;	
}


form.search label {
	margin-bottom: 8px;
}

form.search input#reset { /* den Submit-Button */
  width: 100px;
  float: left;
}

form.search input#submit { /* den Submit-Button */
  width: 100px;
  float: right;
}

form.search .check {
	width: auto;
	display: inline;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 0px;
}

/* gform */

form.gform {
	background-color: #eee;
	border-top: 1px solid #666;
	padding-top:  6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
	margin-bottom: 6px;
}
form.gform table {
	margin: 0;
}

form.gform table th, form.gform table td {
	padding-left: 4px;
}

form.gform table td input {
	width: 100%;
}

form.gform table td textarea {
	width: 100%;
	height: 50px;
}

/* formular */
table.formular td {
	padding-left:4px;
	padding-top:4px;
	background-color: #eee;
	border-bottom-color: #fff;
}
table.formular td input {
	width:95%;
}
table.formular td textarea {
	width:93%;
	height:60px;
}

html>body table.formular td input {
	width:100%;
}

html>body table.formular td textarea {
	width:98%;
}

table.formular td label {
	font-weight:normal;
}

/* ende */
.formContainer
{
}

.formContainer p {
	margin: 0 0 4px 0;
}

.formContainer input
{
	margin-right: 4px;
	display: block;
	float: left;
}

.width1 {
	width: 140px;
}

.formContainer select
{
	width: 100%;
	display: block;
}

.formContainer .submitButton
{
	width: 80px;
	display: block;
	float: right;
	margin: 0px;
}

.infobox {
	border: 1px solid  #00693b;
	background-color: #bfd9ce;
	padding: 6px 10px 4px 10px;
	margin-bottom: 6px;
}

.infobox h3 {
	margin-top: 0;
}

.alertbox {
	border: 1px solid  #ff6600;
	background-color: #ffd9bf;
	padding: 6px 10px 4px 10px;
	margin-bottom: 6px;
}

.alertbox h3 {
	margin-top: 0;
}


/* Animation Slideshow */
#rotate {
	overflow: hidden;
	width:496px;
	height:218px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}
@media only screen and (max-width: 510px) {
	#rotate {
		width:100%;
	}
	#rotate > img {
		width:100%;
		height:auto;
	}
}

/* paging */
.paging {
	width:100%;
	text-align: right;
	margin-top:8px;
	margin-bottom:8px;
	padding-bottom:8px;
	padding-top:4px;
	border-top: 2px solid #00683D;
	font-weight: bold;
	color: #999;
}

.paging img {
	border: 0px;
	margin: 0px;
	padding:0px;
	vertical-align:text-bottom;
	padding-bottom: 2px;
	}

.paging a {
	text-decoration: none;
}

.paging a:hover {
	color: #00683D;
}

/* @end */

/* @group Footer */

#footer
{
	margin: 0 0 50px 16px;
	padding: 6px 0 0 0;
	border-top: 1px solid #999999;
	width: 752px;
	clear: both;
	position: static;
	font-size: 12px;
	color: #999999;
}

#newsletter #footer {
	margin: 0 0 50px 0px;
	width: 496px;
}

#footer img
{
	margin: 3px 5px 0 0; 
	/* display: block; */
	/* float: left; */
}

#footer a
{
	margin: 0 10px 0 0;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

/* @end */

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

/* Kosmos */

/* -----------------------------------
   KOSMOS
*/

/* @group Kosmos - einsortieren */

h1 {
	height: 67px;
    margin: 0 0 0 0;
    color: #333;
}

.span-2.article h1
{
    /* display: block;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	*/
	
    margin: 0 0 16px 0;
    height: auto;
    color: #333;
}

.span-2.article h2 {
	height: auto;
    margin: 16px 0 16px 0;
	padding: 0;
}

.span-2 h1 {
	height: auto;
	margin: 0 0 17px 0;
	color: #333;
}

/* kosmos ward */
.kosmosAward {
	position:absolute;
	top:0px;
	left:196px
}

#header.kosmos .headerText {
	display:none;
} 


#kosmos #firstContentRow .cell
{
	margin: 0 0 16px 16px;
	padding: 0 0 0 0;
	float: left;
	width: 240px;
}

#kosmos .contentRow .cell
{
	margin: 0 0 50px 16px;
	padding: 0 0 0 0;
	float: left;
	width: 240px;
	border-bottom: 0px;
}

#kosmos h5
{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 16px 0;
}

#kosmos h6
{
	font-size: 10px;
	font-weight: normal;
	font-family: verdana,sans-serif;
	margin: 0 0 16px 0;
}

#kosmos #mainNavigation h3
{
	margin: 16px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

p.image {
	display: block;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

p.image img {
	display: block;
	margin: 6px 0 6px 0;

}

.imageLeftContainer
{
	margin: -4px 0 16px 0;
}
	
.imageLeftContainer div
{
	display: table-cell;
	width: 240px;
}	
	
.imageLeftContainer img
{
	margin: 0;
	display: block;
	float: left;
}

.imageLeftContainer p
{
	position: relative;
	bottom: 0px;
	float: left;
	margin: 6px;
	padding: 0;
	font-family: verdana, arial, helvetica sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.commentContainer
{
	border-top : 1px solid #000;
	padding: 6px 0 0 0;
}

.commentContainer h2
{
	color: #f60;
	margin: 0px 0 6px 0;
	padding: 0;
}

.commentContainer h3
{
	color: #adadad;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0;
}

.commentContainer ul
{
	margin: 0 0 0 0;
	list-style: none;
}

.commentContainer ul li
{
	line-height: 14px;
	border-top : 1px dotted #999999;
	margin: 0;
	padding: 6px 0 6px 0;
}

#kosmos .sublineImage
{
	margin: 6px 0 0 0;
	font-family: verdana, arial, helvetica sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.bookmarkContainer
{
	margin: 0 0 6px 0;
}

.bookmarkContainer img
{
	margin: 0 4px 0 0;
}

h2.info.icon {
	color: #fff;
	padding:10px;
	margin-bottom: 5px;
	background: #999 url("lib/icons/icon_info.png") right top no-repeat;
}

/* hellere schrift */

.brick.light {
	color: #999;
}

figure,
.kosmos-image,
figure p {
	margin:0;
	padding:0;
}
figure img,
.kosmos-image img {
	width: 100%;
	height: auto;
}

.no-brick p,
.no-brick h2,
.no-brick h6 {
	text-align: center;
}

/* kosmos archiv */

#kosmostitles {
	margin-top:10px;
	width:auto;
	height: 225px;
	white-space: nowrap;
	overflow:hidden;
	overflow-x: scroll;
    overflow-y: hidden;
}

#kosmostitles figure {
	width: 158px;
	opacity: .2;
	margin-right:8px;
	display:inline-block;
	cursor: pointer
	-webkit-transition: opacity .5s; /* Safari */
    transition: opacity .5s;

}

#kosmostitles figure.active,
#kosmostitles figure:hover {
	opacity: 1;
}

#kosmostitles figure figcaption {
}


/* sharing buttons */

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 10px 5px 10px 0px;
}

.sharingbuttons {
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.8em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em
}

.resp-sharing-button span {
  padding-left: 0.4em
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--xing {
  background-color: #1a7576;
  border-color: #1a7576;
}

.resp-sharing-button--xing:hover
.resp-sharing-button--xing:active {
  background-color: #114C4C;
  border-color: #114C4C;
}

/* scrollbars */

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; 
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
}

/* kosmos volume */
/* handle .cell margin: 0 0 50px 16px; with left/right margin */

#issue.center div.row.kosmos-volume {
	text-align:center;
}

div.row.kosmos-volume h3 {
		font-weight:normal;
		text-transform: uppercase;
		letter-spacing:1px;
		font-size: 9px;
		font-family: Verdana;
}

div.row.kosmos-volume {
	width: 768px;
	position:relative;
	left:8px;
}

div.row.kosmos-volume > .cell {
	padding: 0 8px 50px 8px;
	margin:0;
}

div.row.kosmos-volume > .cell:last-child {
	float:left;
}

div.row.kosmos-volume .clickable {
	background:none;
}
div.row.kosmos-volume .clickable:hover {
	background:none;
}


@media only screen and (max-width: 988px) {
	div.row.kosmos-volume {
		width:100%;
		left:-8px;
		right:-8px;
	}
  .row.kosmos-volume .cell {
	width: 31%
  }

}

@media only screen and (max-width: 790px)  {
	/* 2-spalting */
	div.row.kosmos-volume {
		width:calc(100% + 18px);
	
	}
  .row.kosmos-volume .cell {
	width: 46%
  }
}

@media only screen and (max-width: 600px)  {
	div.row.kosmos-volume {
		width:calc(100%);
	
	}
  .row.kosmos-volume .cell {
	width: 100%
  }

	#kosmostitles {
		height: 150px;
	}

	#kosmostitles figure {
		width: 100px;
	}

}

@media only screen and (max-width: 490px) {
  .row.kosmos-volume > .cell {
	width: 100%;
  }

	#kosmostitles {
		height: 120px;
	}

	#kosmostitles figure {
		width: 80px;
	}

}

/* @end */

/* Verbesserung Usability */
#mainNavigation a:hover {
/*
	background: url(lib/img/navarrow.gif) no-repeat right 2px;
*/
}

/* navigation 3. Ebene */
#mainNavigation ul li ul li ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mainNavigation ul li ul li ul li {
	font: 10px/12px Verdana, sans-serif !important;
	padding-top: 2px !important;
}

#mainNavigation ul li ul li ul li a {
	padding-left: 6px;
	border-left: 2px solid #fff;
}

#mainNavigation ul li ul li ul li a:hover {
	border-left-color: #f60;
}

/* @group Image Slider */

#slider {
	/* You MUST specify the width and height */
	width:496px;
	height:300px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	overflow:hidden;
	height:100%;
}

#gallery {
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;	
	z-index:0;
}

#gallery li {
	position: absolute;
	top: 0;
	left: 0;
}

#gallery li img {
	margin: 0;
	padding: 0;
}

#mask-excerpt {
	/* Set the position */
	position:absolute;	
	bottom:0;
	left:0;
	z-index:1000;
	height: 74px;
	
	/* width should be lesser than #slider width */
	width:100%;
	overflow:hidden;	
	
}
	
#excerpt {

	/* background-color:#00693b; */

	background: rgb(0, 105, 59); /* The Fallback */
	background: rgba(0, 105, 59, 0.9); 
   	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the style */
	width:100%
	overflow:hidden;
	font-family:arial;
}

#excerpt li {
	height: 75px;
	padding:10px 80px 10px 10px;
	font-size:14px;
	line-height: 18px;
	color:#82B59F;	
}
#excerpt strong {
	color: #fff;
}

#excerpt a {
	font-weight:normal;
}

.clear {
	clear:both;	
}

#buttons {
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:1001
}

#buttons a {
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: block;
	float: left;
	background: url(lib/img/slidericons.png) no-repeat 0 -14px;
}

#buttons a:hover {
	text-decoration: none !important;
}

a#btn-prev {
	background-position: 0 -14px;
}

a#btn-pause {
	background-position: -14px -14px;
}

a#btn-next {
	background-position: -28px -14px;
}

a:hover#btn-prev {
	background-position: 0 0;
}

a:hover#btn-pause, a#btn-pause.paused {
	background-position: -14px 0;
}

a:hover#btn-next {
	background-position: -28px 0;
}


/* @end */

#alumnivereinigungen {
	width:496px;height:218px;
	margin: 0 auto;
}

/* Breakpoint 3-spalting */
@media only screen and (max-width: 988px) {
  #main { width: 100%; }
  
  #topNavigation { 
  	width: 100%;
	font-size:12px;
	height: 42px;
  }
  #topNavigation #topNavigationRight { 
  }
  #topNavigation #topNavigationLeft a,
  #topNavigation #topNavigationRight a {
  }

  #topNavigation #topNavigationRight a:not(:nth-child(5)):not(:last-child) {
  	display:none;
  }
 
  #header { }
  #header .headerText { width: auto; }
  #header .headerLogo { }

  /* interim kosmos award */
  .wrapper.kosmos > div {
  	display:none;
  }

  /* kosmos ward */
  .kosmosAward {
  	display:none;
  }

  #header.kosmos .headerText {
	display:block;
  } 
   
  #content {
    float:none;
  }
  .cell.span-3 { width: 100%;}
  
  /* responsive menu */
  
  #mainNavigation { 
    position:absolute;
    top:0;
    left:0;
    border-top: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    z-index:9999;
    cursor:pointer;
	box-shadow: 0px 50px 100px #333;    
  }
  #mainNavigation::before {
  	content:'';
	position:absolute;
	overflow:hidden;
	display:block;
	top:16px;
	left:33px;
	width:12px;
	height:10px;
	background: url(lib/img/menu-icon.png) no-repeat;
  }
  #mainNavigation.active::before {
	background-position: -15px 0;
  }
  /*
  #mainNavigation.active::after {
  	  	content:'';
		display:block;
		background-color: red;
		width:100%;
		height: 100%;
  }
  */
  
  #topNavigation #topNavigationLeft {
    margin-left:30px;
  }
  #topNavigation #topNavigationLeft a {
    margin-top: 13px;
  }
  #topNavigation #topNavigationRight a {
    margin-top: 13px;
  }

  #mainNavigation ul {
    margin-top:45px;
    padding: 10px 20px;
    background-color: #fff;
    display:none;
  }
  #mainNavigation.active ul {
        display:block;
  }

  #mainNavigation ul li {
	font-size: 14px;
	line-height: 16px;
	padding: 6px 0 10px 10px;
  }
  #mainNavigation ul li ul li {
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px solid #fff;
	padding: 6px 0 2px 0;
  }

	/* ----------- */
	
  .row > .cell:first-child,
  #footer {
    margin-left:0px;
  }
  .row > .cell:last-child {
    float:right;
  }
  #footer {
     width:100%;
  }

  .cell {
    width:31.5%
  }
  .cell.span-2 {
    width:65.5%
  }
  .cell.span-3 {
    width:100%
  }
  .cell.span-3 img {
    width: 100% !important; height: auto !important;
  }

  /* kosmos */
  
  div.clickable > p > img {
    width: 100% !important; height: auto !important;
  }
  

  #slider {
    width:100%
  }
  #gallery li {width: 100%}
  #gallery img {
   width: 100%; height: auto;
  }
  
  #mask-excerpt,
  #excerpt {
    width:100%;
  }
  iframe {
  	width:100%
  }

}
@media only screen and (max-device-width: 988px) {
	/* typo */
	body,
	td,
	th,
	p,
	li,
	h3,
	h4 {
		font-size:14px;
		line-height:18px;
		margin: 0 0 9px 0;
	}

	td, th {
		padding: 6px 10px 6px 0;
	}
	
	h2 {
		
	}
}

/* Breakpoint 1-spaltig */
@media only screen and (max-width: 790px) {
  #main { width: 100%; }
  
  #header {
    background-image: none !important;
  }
  
  /* #header .headerText { display:none; } */
  
  #header .headerText p {
  	left: 0px;
  }
  
  #mainNavigation { }
  #content {
   float: none;
  }
  .row > .cell {
    width: 100%;
    margin-left: 0px;
  }

  /* tabs */
  
  ul.ui-tabs-nav {
  	padding:0;
  }
  .ui-tabs-nav a {
  	float:none;
  	display:block;
  	width:100%;
  	border-bottom: 1px solid #ccc;
  	border-top:none;
  	border-left:none;
  	border-right:none;
  	padding:6px 0;
  	margin:0;
  }

  .ui-tabs-selected a, .ui-tabs-nav a:hover {
  	border-bottom: 1px solid green;
  	top:0px;
  	padding:6px 0;
  	margin:0;
  }

  .ui-tabs-nav a span {
  	color:#ccc;
  }

  .ui-tabs-selected a span, .ui-tabs-nav a:hover span {
  	color:#333;
  }

  .ui-tabs-panel {
  	border-top: none;
  }

	.cell {
		margin-bottom: 9px;
	}
  #mask-excerpt {
  }
  #excerpt li {
	background: rgb(0, 105, 59);
  }
	/* kosmos */
  div.clickable > p > img {
    width: auto !important; height: auto !important;
    float: right;
    margin-left:20px;
  }
  
  #alumnivereinigungen {
  	display:none;
  }

}

/* Breakpoint small */
/* 375 6s
   320 4s-5s
*/
@media only screen and (max-width: 490px) {
  /* #main { width: 320px; } */
  #main {
  	padding: 0px 10px 0px 10px;
  }
  #mainNavigation::before {
    left: 20px;
  }
  
  #footer .left { display: none; }
  #footer .left {float: none }
  
  #slider {
    height: 270px;
  }
  #mask-excerpt {
    height:90px;
  }
  #excerpt li {
    height: 80px;
	padding-right:50px;
	font-size:13px;
	line-height: 16px;
  }


	/* kosmos */


  div.clickable > p > img {
    float: none;
    margin-left:0px;
  } 
}

/* content in iframes */

iframe#avhiframe {
	width:100% !important;
	margin-left: 16px !important;
}
@media only screen and (max-width:988px) {
	iframe#avhiframe {
		margin-left: 0px !important;
	}
}
body#iframe {
	background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
  body#iframe .row > .cell:first-child,
  body#iframe #footer {
    margin-left:0px;
  }
  body#iframe .row > .cell:last-child {
    float:left;
  }
  body#iframe #footer {
     width: 752px;
  }
  body#iframe .row > .cell {
    width: 240px;
    margin-left: 16px;
  }
  body#iframe .cell.span-2 {
    width: 496px;
  }
  body#iframe .cell.span-3 {
   width: 752px;
  }
}
@media only screen and (max-width: 750px) {
  body#iframe .row > .cell,
  body#iframe #footer {
    margin-left:0px;
  }
  body#iframe .row > .cell:last-child {
    float:none;
  }
  body#iframe #footer {
     width:100% !important;
  }
  body#iframe .cell {
    width:100% !important;
  }
  body#iframe .cell.span-2 {
    width:100% !important;
  }
  body#iframe .cell.span-3 {
    width:100% !important
  }
}