/********************************************************************************
 *
 * Stylesheet für neues TUCAL4-Cooperate Webdesign
 *
 * @author: Thomas Körner (thomas.koerner@mb.tu-chemnitz.de)
 *
 * Last changed: 11.01.2016
 *
 ********************************************************************************/
 
/*************************************
	Externe Stylesheets
**************************************/

	@import url("style.downloads.css");
	@import url("style.auftragsverwaltung.css");


/*************************************
	Anpassung der Standardstyles
**************************************/

	div.page-content {
		padding: 0 1em 1em 1em;
	}
	
	.page-content:first-child:not(h1) {
		padding-top: 0;
		margin-top: 0px;
	}
	
	.page-content > h1:first-child {
		padding-top: 1em; /* zur Abwärtskompatibilität */
		padding-top: 1rem;
	}
	
	body.mce-content-body  {
		margin: 5px !important;
	}
	
	a.btn > span.badge {background-color: #fff;}
	a.btn-default > span.badge {color: #123375;}
	
	.alert-success, .alert-default {
		background-color: #123375 !important;
		color: #fff;
	}
	.alert-success > .close, .alert-default > .close {
		text-decoration: none !important;
		color: #fff !important;
		text-shadow: 1px 1px 0 #000;
		opacity: 0.3;
	}
	.alert-success > .close:hover, .alert-default > .close:hover {
		opacity: 1;
	}
	.alert-success > p > a,
        .alert-success > a,
        .alert-default > p > a,
        .alert-default > a {
		color: #207EDB !important;
	}
    .alert-success > p > a:visited, 
        .alert-success > a:visited,
        .alert-default > p > a:visited,
        .alert-default > a:visited{
		color: #207EDB !important;
	}
	
	div.tucbox-area-danger {
		background: initial;
		background-color: red !important;
		color: #555!important;
		border: none;
		padding: 15px;
		margin-bottom: 22px;
	}
	
	.page-content input.form-control {
		height: 31pt;
	}
	
	select.input-sm {
		height: 22pt;
	}
	
	ul.nav.nav-tabs {
		margin-bottom: 20px;
	}
	
	.hs-modal > a[data-image] {
		max-width: 100%;
	}
	
	.badge-notify{
		position:relative;
		top: 16px !important;
		left: -2px;
		margin-left: -25px;
		opacity: 0.3;
	}


/*************************************
	Allgemeine Styles
**************************************/
	
	.title {
		font-weight: bold;
	}
	
	.nopadding {
		padding: 0 !important;
	}
	
	.padding-left {
		padding-left: 1em;
	}
	
	.icon-grey-link {
	  opacity:0.5;
	  filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	a:hover > i.icon-grey-link {
	  opacity:1;
	  filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
	.popover-init:hover {
		cursor: pointer;
	}
	
	.silbentrennung {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		 hyphens: auto;
	}
	
	.full_width {
		width: 100%;
	}
       
/** Kopfzeile mit Shortcuts zu Intern-Funktionen **/
	section#internShortcutLeiste {
		background-color: #E6E6E4;
		width: 100%;
		padding: 0.3em 0.5em 0.5em 0.5em;
	}
	section#internShortcutLeiste.seitenbild {
		margin-top: 1em;
	}
	section#internShortcutLeiste .btn {
		padding: 3px 6px;
		margin-top: 3px;
	}
	
/** User-Dropdown-Menü **/

	.user-dropdown > button.dropdown-toggle {
		margin-top: 0px !important;
	}

	.class-mb #tucal-content .page-content .dropdown-menu {
		background-color: #123375!important;
		border: 0px;
		padding: 5px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-animation-fill-mode: forwards;  
		animation-fill-mode: forwards; 
		display: block; 
		transition: all 100ms linear;
		-webkit-transition: all 100ms linear;
	}

	.class-mb #tucal-content .page-content .open > .dropdown-menu {
		visibility: visible;
		opacity: 1;
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li>a.mitarbeiterMenu:hover {
		background-color: #143982!important;
		color: #D9FFFF!important;
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li>a {
		background-color: #123375!important;
		color: #D9FFFF!important;
		padding:0px;
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li>a.mitarbeiterMenu {
		background-color: #123375!important;
		color: #D9FFFF!important;
		padding: 3px 10px;
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li>a.mitarbeiterMenu-nextimg {
		clear: none;
		margin-left: 103px;
		padding: 3px 10px;
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li>a>img {
		margin: 0px 5px 5px 0px;
		width: 98px; /*65 */
		height: 120px; /*80*/
	}

	.class-mb #tucal-content .page-content .dropdown-menu>li.divider {
		clear: both;
		margin: 5px 0px;
	}
        
        
/** Überschriften **/

h3.background {
	padding: 10px;
	margin-top: 0.5em !important;
}

h3.background.grey {
	background-color: #e6e6e6;
}
	
/** Tabellen **/

table.greyhead th {
	background-color: #e6e6e6;
}

table.smaller td {
	padding: 0.2em 1em 0.2em 0em !important;
}

/*************************************
	Startseite
**************************************/
	img.startseite_professor {
		max-width: 38%; /* Standard 20% */
		min-width: 120px;
		height: auto;
		float: right;
		margin: 0 0 0.5em 1em;
	}
	
	h1.startseite-willkommen {
		font-size: 1.7em;
	}
	
	div.startseite-panel h4 {
		margin: 0px;
	}
	div.startseite-panel div.panel-heading {
		padding: 0.5em 0.7em;
	}
	
	div.startseite-panel div.panel-heading h4 a {
		text-decoration: none !important;
	}
	
	div.startseite-panel div.panel-body {
		padding: 0.7em;
	}
	
	div.startseite-panel .nav.nav-pills a {
		padding: 5px 10px;
	}

	section.startseite_news {
		min-width: 300px;
		max-width: 351px;
		float:left;
		margin: 10px;
	}
	
	div.startseite_aktuelles_body {
		line-height: 1em;
	}
	
	h6.startseite_news {
		margin: 1em 0 0 0;
		padding: 0;
	}
	
	a.startseite_news_titel {
		margin: 0px;
		padding:0px;
	}
	
	span.startseite_news_meta {
		font-size: 0.7em;
		margin-top: 0px;
		padding-top:0px;
		font-style:italic;
		text-align: top;
	}
	
	section.startseite_sponsoren {
		text-align: left;
	}
	section.startseite_sponsoren h3 {
		text-align: left;
	}
	
	img.sponsoren {
		max-width: 49%;
		margin: 0 1em 0.5em 0em;
		/*border: 1px solid black;*/
	}
	
/*************************************
	Forschung Übersicht
**************************************/	

	.carousel-inner .carousel-caption {
	background: rgba(0, 0, 0, 0.46);
	margin-top: 5;
	padding-left: 5px;
	padding-right: 5px;
	}

	.carousel-control > .glyphicon {
	color: #fff;
	}

	.carousel-indicators {
	bottom: 0px;
	}

	.carousel-indicators .active {
	margin: 0 3px 5px 3px;
	background-color: #fff;
	width: 40px;
	height: 7px;
	border-radius: 0px;
	box-shadow: 0 0 3px #ffffff91;
	}

	.carousel-indicators li {
	margin: 0 3px 5px 3px;
	display: inline-block;
	width: 40px;
	height: 7px;
	border-radius: 0px;
	background-color: rgba(179, 179, 179, 0.26);
	box-shadow: inset 0 0 3px #00000091;
	border: none;
	}

	.carousel-indicators li:hover {
	box-shadow: inset 0 0 1px #00000091;
	}

	.carousel-caption {
	padding-top: 5px;
	padding-bottom: 15px;
	bottom: 10px;
	box-shadow: 0px 0px 16px #0000005e;
	}

	.carousel-inner h2 {
	color: #fff;
	background-color: initial;
	}

.page-content .slide .carousel-caption > h3 {
	text-shadow: 0 0 1px #4a4a4a;
	/* background-color: rgba(220, 220, 220, 0.33); */
}

	
/*************************************
	Neuigkeiten / Aktuelles
**************************************/

	h1.neuigkeiten {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	h3.neuigkeiten {
		margin-top: 1.5em;
		margin-bottom: 0px;
	}
	
	div.neuigkeiten_content {
		margin-top: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	span.neuigkeiten_meta {
		font-size: 0.8em;
		margin-bottom: 0em;
		display:block;
		color: black;
	}
	
	span.neuigkeiten_meta a{
		color: black !important;
	}
	
	div.neuigkeiten_share {
		margin-top: 2em;
	}
	div.neuigkeiten_share img {
		max-height: 1.5em;
		margin: 0 4px 0 4px;
		border: 0px;
	}
	
/*************************************
	Mitarbeiter
**************************************/
	
	adress.mitarbeiter {
		overflow:visible;
		padding-right: 0.5em !important; 
		padding-top: 10px;
	}
	
	adress.mitarbeiter div {
		overflow:visible;
	}
	
	.row.vcard h4 {
		margin-bottom: 2px;
	}
	
	adress.mitarbeiter .vcardimg {
		margin: 3px 0px 25px 0px !important;
		width: 100%;
	}
	
	adress.mitarbeiter div.row {
		font-size: 0.9em;
		line-height: 1.6em;
		white-space: nowrap;
		
	}
	
	adress.mitarbeiter div.note {
		font-style: oblique;
		white-space: normal;
		padding-bottom: 0.7em;
		
	}
	
	adress.mitarbeiter div.info {
		//font-style: oblique;
		white-space: normal;
		padding-bottom: 2px;
		color: grey;
		
	}
	
	adress.kontakt {
		border-bottom: 0px !important;
	}

	.mitarbeiter.row.vcard .col-lg-4 {
		padding-right: 18px;
	}
	.mitarbeiter.row.vcard .col-lg-8 {
		padding-right: 4px;
		padding-left: 10px;
	}
	.mitarbeiter.row.vcard .col-sm-2 {
		padding-right: 14px;
		padding-left: 14px;
	}
	
	.mitarbeiter.row.vcard .mitarbeiter-img {
		padding-right: 10px;
		padding-left: 0;
	}
	
	.mitarbeiter.row.vcard .mitarbeiter-data {
		padding-left: 0px;
	}
	
/*************************************
	Lehrveranstaltungen
**************************************/
	
	span.lehre_details_ueberschrift {
		font-weight: bold;
	}
	
	.lehre_head {
		max-width: 100px;
		/*max-height: auto;*/
		float: right;
		margin-left: 1em;
	}
	
/*************************************
	Studentische Arbeiten
**************************************/

	span.studentischearbeiten_autor {
		color: #005195;
		/*font-weight: bold;*/
	}
	span.studentischearbeiten_datum {
		margin-left: 1em;
	}
	
	.studentischearbeiten_titel {
		font-weight: bold;
	}
	a.studentischearbeiten_autor {
		color: #000000 !important;
	}

/*************************************
	Seiten / Pages
**************************************/

	div.wysiwyg_pages ul {
		margin-left: 1em;
		padding-left: 1.6em;
		overflow:auto;

	}
	
	div.wysiwyg_pages h3 {
		clear: both;
		margin-top: 1.5em;
	}
	
/*************************************
	Ausstattung
**************************************/


@media (max-width: 549px) { /*col-xm*/
	div.ausstattung_detail_img {
		margin-bottom: 0.5em;
	}
	div.ausstattung_detail_img div, div.ausstattung_list_img {
		max-height: 10em;
		line-height:10em;
		overflow: hidden;
		text-align:center;
	}
	div.ausstattung_detail_img img, div.ausstattung_list_img img {
		margin:-100%;
	}
}
@media (min-width: 550px) { /*col-sm*/
	div.ausstattung_detail_img {
		margin: 0 0 0.5em 0.5em;
	}
}

div.ausstattung_overview_img {
	max-height: 12em;
	line-height:12em;
	overflow: hidden;
	text-align:center;
}

div.ausstattung_overview_img img {
	margin:-100%;
	max-width: 75%;
	vertical-align: middle !important;
}
a.ausstattung_overview_link:hover {
	text-decoration: none!important;
}
a.ausstattung_overview_link div.caption {
	padding: 5px;
}

a.ausstattung_overview_link div.caption {
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
}

/** Bilder **/

.labore_overview {
	margin-buttom: 2em;
}

.labore_overview_img {
	max-height: 15em;
	line-height:15em;
	overflow: hidden;
	text-align:center;
	position: relative;

}

.labore_overview_img img {
	max-width: 100%;
	margin:-100%;
	vertical-align: middle !important;
}

.labore_overview_img span {
	width: 100%;
	position:absolute;
	line-height: 1.5em;
	font-size: 1.5em;
	color: white;
	bottom: 0em;
	left: 0em;
	padding: 0.3em 0.3em;
	text-align: left;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(90, 90, 90, 0.6);
	transition: padding-bottom 0.3s ease, background 0.3s ease;
}

a.labore_overview_link span:hover {
	padding-bottom: 0.5em;
	background: rgba(70, 70, 70, 0.8);
}

.labore_overview_img a {

	bottom: 0px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(120, 120, 120, 0.5);
	width: 100%;
	padding: 0.5em 0.3em;
	font-size: 2em;
	line-height: 2em;
	height: 1.8em;
	color: white;
	vertical-align: middle;
	transition: height 0.7s ease, background 0.7s ease;
}

.labore_overview a a:hover {
	height: 40%;
	background: rgba(80, 80, 80, 0.7);
}

*/
/** Bilder **/

.bild_subtitle {
	width: 265px;
	height: 150px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0px 5px 5px 0px;
}

.bild_subtitle img {
	width: 300px;
	max-height: 200px;
	display: block;
}

.bild_subtitle a span {
	position: absolute;
	bottom: 0px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(120, 120, 120, 0.5);
	width: 100%;
	padding: 0.5em 0.3em;
	font-size: 2em;
	height: 1.8em;
	color: white;
	vertical-align: middle;
	transition: height 0.7s ease, background 0.7s ease;
}

.bild_subtitle a span:hover {
	height: 40%;
	background: rgba(80, 80, 80, 0.7);
}