/*
* http://www.iab.de/css/content.css
* Usage: Stylesheet for all media - content styles
*
* Copyright (C)2007 Institut fuer Arbeitsmarkt- und Berufsforschung
*
* Last modification: 2007-05-15 18:00
*******************************************************************************/


@media all {

/* fonts */

@font-face {
   font-family: 'FontAwesome';
   src: url(../fonts/fontawesome-webfont.eot);
   src: url(../fonts/fontawesome-webfont.woff2) format("woff2"), url(../fonts/fontawesome-webfont.woff) format("woff");
   src: 
	local('Font Awesome'),
	local('Font-Awesome'),
	url('fonts/fontawesome-webfont.otf') 
	format('opentype');
src: 
	local('Font Awesome'),
	local('Font-Awesome'),
	url('fonts/fontawesome-webfont.ttf') 
	format('truetype');
}


/*
* Basic font size - 11pt
*******************************************************************************/
* {
	/* Equalizer */
	font-size: 100%; margin: 0em; padding: 0em; /* border: 0em;  */
}
body {
	font-size: 81.25%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	line-height: 1.5em;
	color: #000000;
	border: 0;
}
br {
	clear: left;
}

/*
* Headlines
*******************************************************************************/
h1 {
	/* Reserved for title */
	visibility: hidden;
	display: none;
}
h2 {
	/* Reserved for structure */
	visibility: hidden;
	display: none;
}
h3 {
    font-size: 2.2em;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 0.5em;
	    color: #003f7d;
	line-height:1.2em;

}
.left h3, .right h3 {
	font-size: 110%;
	margin-bottom: 0.5em;
}
 legend {
	border-bottom: 1px dotted #003E7D;
	margin-top: 1.0em;
	margin-bottom: 0.5em;
}
h4{ 
font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    border-bottom: 1px dotted #4d4d4d;
    margin-top: 1.3em;
    margin-bottom: 0.8em;
    color: #003f7d;
}
h5{
    font-weight: bold;
    line-height: 120%;
    margin-top: 1em;
    color: #647aa9;
}
h6, table caption, legend {
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
}
.left h4, .left h5, .left h6, .right h4, .right h5, .right h6 {
	font-size: 90%;
	color: #064884;
}


/*
* Elements
*******************************************************************************/
p {
	padding: 0; margin: 0;
	margin-top: 0.5em;
}
em {}
strong {}
dfn {
	background-color: #EBECF2;
	font-size: 100%;
	font-weight: normal;
	line-height: 120%;
	font-style: normal;
}
.left dfn, .right dfn {
	background-color: #FFFFFF;
}
ins {
	color: #CC6600;
}
del {
	color: #CC6600;
}
bdo {}
b {}
u {}
strike,s {}
big {
	font-size: 125%;
}
small {
	font-size: 80%;
}
sup {
	position: relative;
	font-size: 80%;
}
sub {
	position: relative;
	font-size: 80%;
}
hr {
	height: 1px;
	line-height: 1px;
	color: transparent;
	background-color: transparent;
	border: none;
	border-bottom: 1px dotted #003E7D;
	margin-bottom: 1em;
	margin-top: 1em;
}
.left hr, .right hr {
	display: block;
	height: 3px;
	width: 180px;
	border-bottom: none;
	margin-bottom: 1em;
	margin-top: 1em;
}
.left hr {
	border-top: 3px solid #EBECF2;
}
.right hr {
	border-top: 3px solid #FFFFFF;
}
dl {
	color: #666666;
	text-indent: 2em;
	margin-top: 0px;
}
dt {
	font-weight: bold;
	margin-left: 3px;
}
dd {
	margin-left: 3px;
}
ol {
	margin-left: 5px;
	padding-left: 25px;
}
ol li {}
ul {}
ul li {
	list-style-type: none;
	padding-left: 21px;
}
ol li, ul li {
margin-top: 0.2em;
}
* li * li {
	margin-top: 1em;
}
pre {
	font-family: Courier New, Courier, monospace;
	font-size: 100%;
	font-weight: normal;
	line-height: 120%;
	font-style: normal;
}
img {
	/*float: left;*/
	margin-right: 1em;
	margin-bottom: 1em;
	border: 0;
	display: block;
}
.rahmen {
	border: 1px solid #666666;
}
/* Spezielle Anpassung für Kosmos 07-07-21 */

img#p_ctl06_fvMitarbeiterdetail_BildLabel {
	height: 179px;
}
img {
	/*float: left;*/
	margin-right: 1em;
	margin-bottom: 1em;
	border: 0;
	display: block;
}
.rahmen {
	border: 1px solid #666666;
}

/*
* Tables
*******************************************************************************/
table {
	border-spacing: 0;
	padding: 0;
	margin: 0;
}
table caption {
	text-align: left;
}
thead td {
	font-weight: normal;
	font-style: normal;
}
tfoot td {
	border: none;
	color: #666666;
}
tbody {}
th {
	background-color: #EBECF2;
	border-bottom: 1px solid #003E7D;
}
tr {
}
td {
	border-bottom: 1px dotted #003E7D;
}
table * {
	text-align: left;
}
table .zentriert, tr .zentriert td, td .zentriert {
	text-align: center;
}
.full {
	width: 100%;
}

/*
* Forms
*******************************************************************************/
form, fieldset { display: block; }
form br {
	clear: left;
}
form#aspnetForm {
	/* Workaround for ASP forms in Apple Safari Browser */
	display: inline;
}
fieldset * {
	margin: 0em; padding: 0em; border: 0em;
}
fieldset {
	border: 0em;
	margin-top: 2em;
	margin-bottom: 2em;
}
legend { 
	display: inline;
	border-bottom: 1px dotted #003E7D;
}
/* Fields */
input.small, input.medium, input.large,
select.small, select.medium, select.large,
textarea.small, textarea.medium, textarea.large {
	background: #EBECF2;
	border: 1px solid #003E7D;
	height: 18px;
	padding-left: 2px;
	padding-right: 2px;
}
select.small, select.medium, select.large {
	height: 20px;
}
label, input, select, textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	margin-top: 2px;
	margin-bottom: 2px;
}
input, select, textarea {
	color: #000000;
}
label {
	padding-top: 2px;
}
label.small, label.medium, label.large {
	float: left;
	display: block;
	text-align: right;
	padding-right: 1em;
}
select {
	height: 22px;
}
/* Checkboxes, radio buttons */
input.checkbox {
	display: inline-block;
	vertical-align: middle;
}
input.tabcheckbox {
	display: inline-block;
	margin-left: 162px;
	vertical-align: middle;
}
input.radio {
	display: inline-block;
	vertical-align: middle;
	padding-right: 4px;
}
input.tabradio {
	display: inline-block;
	margin-left: 162px;
	vertical-align: middle;
	padding-right: 4px;
}
/* Buttons */
.submit, #submit, .reset, #reset {
	color: #000000;
	margin-top: 1em;
	padding: 0em 0.4em 0em 0.4em;
}
.submit, #submit {
	display: inline;
	margin-left: 162px;
	text-align: center;
}
.reset, #reset {
	text-align: center;
	margin-left: 20px;
}
/* Mandatory fields */
.pflicht {
	font-weight: bold;
}
/* Errormessages */
.fehler {
	display: block;
	font-weight: bold;
	color: #CC3300;
	margin-left: 162px;
	padding-left: 3px;
}
/* Sizes */
.small { width: auto; }
.medium { width: 150px; }
.large { width: 300px; }
select.small { width: auto; }
select.medium { width: 154px; }
select.large { width: 304px; }
textarea.small { height: 40px; }
textarea.medium { height: 80px; }
textarea.large { height: 120px; }


/*
* Searchfield
*******************************************************************************/
.suche {
	margin-top: 17px;
	width: 190px;
	height: 50px;
	overflow: hidden;
	padding-left: 11px;
}
.suche * {
	margin-top: 0px;
	background: none;
	border: 0px;
}
.suche label {
	visibility: hidden;
	display: none;
}
.suche input:focus {
	/* 	Focus not defined */
}
.suchfeld {
	width: 146px;
	height: 18px;
	line-height: 18px;
	background: #EBECF2;
	border: 1px solid #003E7D;
	vertical-align: top;
}
.suchen {
	background: url("../images/icons/suchen.gif") no-repeat;
	height: 22px;
	width: 22px;
	margin-left: 10px;
	padding-top: 32px;
	border: 0px;
}

.linkVolltexte 
{
    float:right;
    padding-left: 20px;
    background: url("../images/icons/gluehbirne_klein.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: right;
    font-weight: bold;
    height: 100px;
    padding-left: 30px;
    padding-top: 5px;
}
.pager 
{
    margin-top: 10px;
}

.pager * span, .pager * a
{
    border: 1px solid #bcb5d6;
    padding: 2px 4px 2px 4px;
    margin-left: 2px;
}
/*
* Classes
*******************************************************************************/
.archiv { background: url("../images/icons/archiv.gif"); }
.beenden { background: url("../images/icons/beenden.gif"); }
.daten { background: url("../images/icons/daten.gif"); }
.download { background: url("../images/icons/download.gif"); }
.drucken { background: url("../images/icons/drucken.gif"); }
.filmdatei { background: url("../images/icons/filmdatei.gif"); }
.galerie { background: url("../images/icons/galerie.png"); }
.hilfe { background: url("../images/icons/hilfe.gif"); }
.loeschen { background: url("../images/icons/loeschen.gif"); }
.mail { background: url("../images/icons/mail.gif"); }
.neu { background: url("../images/icons/neu.gif"); }
.news { background: url("../images/icons/news.gif"); }
.pdf { background: url("../images/icons/pdf.gif"); }
.presse { background: url("../images/icons/presse.gif"); }
.projekte { background: url("../images/icons/projekte.gif"); }
.publikationen { background: url("../images/icons/publikationen.gif"); }
.rss { background: url("../images/icons/rss.gif"); }
.service { background: url("../images/icons/service.gif"); }
.sounddatei { background: url("../images/icons/sounddatei.gif"); }
.sprache_dt { background: url("../images/icons/sprache_dt.gif"); }
.sprache_en { background: url("../images/icons/sprache_en.gif"); }
.finden { background: url("../images/icons/suchen.gif"); }
.veranstaltungen { background: url("../images/icons/veranstaltungen.gif"); }
.warenkorb { background: url("../images/icons/warenkorb.gif"); }
.weiterleiten { background: url("../images/icons/weiterleiten.gif"); }
.wiederholen { background: url("../images/icons/wiederholen.gif"); }

.archiv, .beenden, .daten, .download, .drucken, .filmdatei, .galerie, .hilfe, .loeschen, .mail, .neu, .news, .pdf, .presse, .projekte, .publikationen, .rss, .service, .sounddatei, .sprache_dt, .sprache_en, .finden, .veranstaltungen, .warenkorb, .weiterleiten, .wiederholen {
	display: inline-block;
	padding-left: 24px;
	padding-top: 4px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.topcontent a, .topcontent img {
	padding: 0; margin: 0;
}
/* Special position class */
.rechts {
	margin-top: -1.2em;
	float: right;
}
.preis {
	font-weight: bold;
}
.stueckzahl {
	color: #CC3300;
}
.sep {
	display: inline;
	margin-left: 1em;
}
/* Special employee table class */
table.mitarbeiter th, table.mitarbeiter tr, table.mitarbeiter td {
	vertical-align: bottom;
	border: none;
}
/* Special multi column list class */
ul.mehrspaltig li {
	float: left;
	width: 150px;
}
/* Special image caption class */
.bildunterschrift-links{
	display: inline-block;
	float: left;
	font-size: 0.85em;
	font-style: italic;
	color: #000000;
	padding: 10px;
}
.bildunterschrift-rechts {
	display: inline-block;
	float: right;
	font-size: 0.85em;
	font-style: italic;
	color: #000000;
	padding: 10px;
}
.bildunterschrift-rechts img {
	/**/
	clear: both;
	margin: 0px;
	padding: 0px;
}

.bildunterschrift-links img {
	/**/
	clear: both;
	margin: 0px;
	padding: 0px;
}

/* Special video caption class */
.video {
	display: inline-block;
	float: left;
	padding-bottom: 10px;
}
.video object {
	float: left;
	margin-right: 10px;
}

/*
* Meta information
*******************************************************************************/
.meta,  .datum,  .uhrzeit,  .hauptkategorie,  .nebenkategorie,  .autor,  .teaser,  .linkdetailseite, .bildunterschrift,
.hmeta, .hdatum, .huhrzeit, .hhauptkategorie, .hnebenkategorie, .hautor, .hteaser, .hlinkdetailseite, .hbildunterschrift {
	color: #666666;
}
.newsdatum
{
	color: #666666;
	font-style:normal;
	font-weight: normal;
	margin-bottom: 10px;
}
.hmeta, .hdatum, .huhrzeit, .hhauptkategorie, .hnebenkategorie, .hautor, .hteaser, .hlinkdetailseite, .hbildunterschrift {
	margin-top: -1em;
}


/*
* Links
*******************************************************************************/
/* a:link,  a:hover, a:active, a:focus, a:visited, a:visited:hover, a:visited:active, a:visited:focus { */
a {
	color: #0000FF;
	text-decoration: none;
}
a.wichtig, a#active  {
	font-weight: bold;
}
a.hyperlink_extern { background: url("../images/icons/hyperlink_extern.gif") no-repeat; }
a.anfang { background: url("../images/navi/anfang.gif") no-repeat; }
a.ende { background: url("../images/navi/ende.gif") no-repeat; }
a.rauf { background: url("../images/navi/rauf.gif") no-repeat; }
a.runter { background: url("../images/navi/runter.gif") no-repeat; }
a.vor { background: url("../images/navi/vor.gif") no-repeat; }
a.zurueck { background: url("../images/navi/zurueck.gif") no-repeat; }

a.anfang, a.ende, a.vor, a.zurueck {
	display: inline-block;
	width: 8px;
}
a.rauf, a.runter {
	padding-left: 18px;
	padding-top: 4px;
}
a.hyperlink_extern {
	padding-left: 18px;
	display: inline-block;
}

/*
* Feed Icon
************************************************************************************/
.linkFeedIcon {
	float: right;
}

}

.articlelist li a {
	float: left;
}
.articlelist li{
	clear: both;
}

.rightFloat 
{
    float:right;
}

/* bilder */

.fwimg 
{
    width:100%;
}

/* personen */



.person_outer:hover .fadeout {
    display: none;
}
.fa_deout {
    position: absolute; 
    bottom: 0em;
    width:95%;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
} 

.person h4 {
    margin-bottom: 1em;
}
.person_outer { 

    margin: 1.1em;
    float:left;

    height: 19em;
    z-index:0;
    overflow:hidden;
    position:relative; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    width: 28%;
    border-bottom: solid 1px lightgray;

}  

.person_outer:focus, .person_outer:focus .person  {
    overflow:visible;
    z-index: 100;
    background: white;
}

.person_outer:hover  {
    overflow:visible;
    transition: overflow 0s linear 0.2s;
    -webkit-transition: overflow 0s linear 0.2s;
    z-index:100;

}
.person_outer:hover .person, .person_outer:focus .person{
    z-index: 100;
    background: white;
    -webkit-box-shadow: 1px 0px 20px 0px rgba(50, 50, 50, 0.87);
    -moz-box-shadow:    1px 0px 20px 0px rgba(50, 50, 50, 0.87);
    box-shadow:         1px 0px 20px 0px rgba(50, 50, 50, 0.87);

}
.person {

    border:solid 1px lightgray;
    padding: 0.5em;
    z-index:100;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;

    background-color: white;
    margin: 0 ; 
    border: 1px solid lightgray;
    border-top: 20px solid #e0e382;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.8em 1.5em 1.5em 1.5em;


}
.person h4 ~ * 
{
    visibility:hidden;
}

.person:hover h4 ~ * 
{

	visibility:visible;
}

.person h4
{
    font-weight:bold;
    border-bottom:0;
    text-align:center;
	font-size: 1.12em;
    margin-top:0.1em;
}
.person:hover .person:focus {
    background: white;

}

.crop{
    float:left;
    margin:.5em 10px 0.2em 0;
    overflow:hidden;                                     
    width: 100%;

}

.crop img{
    /* margin: -20% 0 -30% 0;*/
    width: 100%;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;

}

.person:hover .crop, .person_outer:focus .crop {
    overflow:visible; 

}
.person:hover img, .person_outer:focus  img {
    margin: 0;
}
/* tabs */

ul.tab {

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #e0e382;
}

/* Float the list items side by side */
ul.tab li {float: left;
 background-image:none;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1.1em;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #f0f2c5;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #f0f2c5;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

ul.tab li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom:0;
}

.tabcontent table {
	width: 100%;
}
.tabcontent table tbody tr td {
	padding:10px;
}
/* Float the list items side by side */	
.articlelist h3 {
	font-size:1.5em;
}
.rightcontent .articlelist h3 {
    font-size: 1em;
 
}