@CHARSET "UTF-8";

/*
    OFFIS blue		:	#289ae7		40,154,231
    OFFIS orange	:	#ed9900		237,153,0
    OFFIS lightgray	:	#f2f2f2		242,242,242
    OFFIS gray		:	#ebebeb		232,232,232
    OFFIS text		:	#46464d		70,70,77
*/


/***********************************************/
/******************** Fonts ********************/
/***********************************************/
/* 
    fonts.com:
    font-family		:	'PF Centro Slab W01 Thin';
    font-family		:	'PF Centro Slab W01 Regular';
    font-family		:	'Meta Offc W01 Normal';
    font-family         :       'MetaCompPro-Medium W01 Regular';
*/
/***********************************************/


/*********************************************************/
/******************** generell Styles ********************/
/*********************************************************/
.todo {color:red !Important;}
* {outline:none;}
div.frame.default {margin-bottom:50px;}
#pluginArea div.frame.default {margin-bottom:0;border-bottom:none;}
div[class^="csc-container-"] ul {
    margin-left:0;
	padding-left:20px;
}
div[class^="csc-container-"] ul li {
    margin-bottom:5px;
}
ul.typo3-messages {margin-left:0; padding:0; list-style:none;}
ul.typo3-messages .alert-info {
    color: #289ae7;
    background-color:rgba(40,154,231,0.15);
    border-color: #289ae7;
}
.offis-message > p {padding:15px;}
div.bgGrey {background:#ededed;}
a {text-decoration:underline; color:inherit; outline:0;}
a:hover {text-decoration:underline; color:inherit;}
b, strong, th {font-family:'MetaCompPro-Medium W01 Regular';font-weight: 500;}
/* h1 = Logo in HeaderArea */
h2,h3,h4 {margin:0 0 13px 0; font-family:'PF Centro Slab W01 Regular'; font-weight:normal; color:#289ae7;}

h2 {position:relative; margin-bottom:50px; padding-left:20px; border-left:9px solid #ed9900; font-size:42px; }
h2 > span.subheader {
	display:block;
	padding-top:13px;
	font-family:'Meta Offc W01 Normal', Helvetica, Arial, sans-serif;
	font-size:21px;
	line-height:28px;
}
h2:before {content:"\f04b"; position:absolute; top:25px; left:-9px; font-size:10px !Important; color:#fff;}
h2:after {content:" "; position:absolute; top:0; left:-9px; display:block; width:10px; height:7px; background-color:#fff;}
#pageHeaderContainer h2.pageSubheader {margin-bottom:50px; padding:0; border:0; font-size:42px; text-align:center;}
#pageHeaderContainer h2:before {content:" ";}
#teaserArea h2:before,
#personViewData > h2:before {color:#289ae7;}
#teaserArea h2:after,
#personViewData > h2:after{background-color:#289ae7;}
.bgGrey h2:before {color:#ededed;}
.bgGrey h2:after {background-color:#ededed;}
#pluginArea #searchHeaderArea > div> h2:before,
#projectViewData > h2:before {color:#f2f2f2;}
#pluginArea #searchHeaderArea > div > h2:after,
#projectViewData h2:after {background-color:#f2f2f2;}

projectViewData

h3 {font-size:28px; margin-bottom:10px;}
.col-2-container .last h3,h3.blogNavHeader {margin-bottom:20px; padding-bottom:5px; font-size:15px; line-height:20px; border-bottom:5px solid #289ae7; text-transform:uppercase;}
.col-2-container .last .assignedPersonsContainer h3 {border-bottom:1px solid #289ae7;}
.col-2-container .last .assignedPersonsContainer:first-child h3 {border-bottom:5px solid #289ae7;}
.col-2-container h3.subnav-headline {margin-bottom:0;border:none;}


h4 {font-size:21px; margin-bottom:5px;}

h2 > a, h3 > a, h4 > a, h5 > a,h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover {text-decoration:none;}

iframe{border:none;}
.caret {
  margin-left: 5px;
}
.valign {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.valign > .vcontainer {
  display: table-cell;
  vertical-align: middle;
}
.panel-group {
  margin-bottom: 20px;
}

h2:before,
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}


/***************************************************/
/******************** Structure ********************/
/***************************************************/
.alert {
    text-align:center;
}
html {}
body {
  position: relative;
  background-color:#fff;
  font-family:'Meta Offc W01 Normal', Helvetica, Arial, sans-serif;
  font-size:17px;
  line-height:25px;
  color:#46464d;
}
body.noTouchDevice {min-width:300px;}
#stage {
  overflow: hidden;
  zoom: 1;
}

#headerArea {position:static; top:0; left:0; width:100%; color:#fff;}
#headerContainer {position:relative}
#headerArea .logoLink {display:inline-block; position:absolute; top:35px; left:15px;}
#headerArea #searchArea {display:none; height:80px; background:#f2f2f2; color:#777;
-moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
    box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
}
#headerArea #searchContainer form {position:relative;}
#headerArea #searchContainer .inputSearch {width:100%; height:80px; border:none; background:none; font-family:'PF Centro Slab W01 Thin'; font-size:42px; line-height:80px;}
#headerArea #searchContainer button {position:absolute; top:0; right:0; width:80px; margin:0; padding:0; font-size:42px; line-height:80px; background:transparent; border:none; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
#kesearch_updating_results {display:none;}
#headerArea #navigationArea {height:123px; background:#fff; border-bottom:1px solid #bfe6f8;}
#kesearch_results .messsage {display:none;}
#breadcrumbArea { height:61px; background:#289ae7; color:#fff; font-size:12px; text-transform:uppercase; border-bottom:1px solid #fff;}

#quickNavArea{padding: 70px 0 10px 0;}

#contentArea{padding: 70px 0 40px 0;}
#contentArea > #contentContainer {}
.twoColContainer > div,
.threeColContainer > div,
.fourColContainer > div {margin-bottom:30px;}
.pageImage  {text-align:center;}
.pageImage:after {content:" "; display:block; clear:both;}
.pageImage img {width:50%; max-width:230px; height:auto; margin-bottom:19px; border-radius:50%;}
.twoColumn_3-1 .pageImage {}
.twoColumn_3-1 .pageImage img {width:90%; margin-bottom:38px;}
.col-2-container .first div[class^="csc-container-"] {
    margin-bottom:30px;
}

#newsArea{padding: 70px 0 40px 0;}

#footerArea {padding:40px 0; background:#289ae7; color:#fff;}
#footerContainer {text-align:center;}

.csc-default {margin-bottom:30px;}
#pluginArea .csc-default,
.csc-default .csc-default {margin-bottom:0;}
#pluginArea {background-color:#f2f2f2}
/***************************************************/


/******************************************************/
/******************** Teaser Start ********************/
/******************************************************/
#teaserArea {
	position:relative;
	padding: 125px 0 30px 0;
	background-color:#289ae7;
	background-image:url(../Images/teaser_bg.png);
	background-repeat:no-repeat;
	background-size:cover; 
	color:#fff;
}
#teaserArea h2 {color:#fff;}
#teaserArea h2 > span.subheader:before {color:#289ae7;}

#teaserArea .teaserThreeColContainer > div {margin-bottom:30px;}
#teaserArea .teaserThreeColContainer > div > div {border-radius:5px; overflow:hidden;}
#teaserArea .teaserThreeColContainer > div > div .image {margin-bottom:0; background:#fff;}
#teaserArea .teaserThreeColContainer > div > div .image > img {border-radius:5px 5px 0 0;}
.teaserThreeColContainer .first img,
.teaserThreeColContainer .middle img {width:100%; max-width:772px; height:auto;}
.teaserThreeColContainer .caption {display:none;}
#teaserArea .teaserThreeColContainer > div > div .text {padding:0px; background:#fff;}
#teaserArea .teaserThreeColContainer > div > div .text h3 {margin:0;}
#teaserArea .teaserThreeColContainer > div > div .text a{display:block; padding:15px; text-decoration:none;}
.teaserContainerPagerContainer {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.teaserContainerPager { display:inline-block; padding:10px 50px; cursor:pointer;}
/******************************************************/


/****************************************************/
/******************** Navigation ********************/
/****************************************************/
/* secNav ab 2. Ebene */
ul.secNav,
ul.secNav ul {width:100%; margin:0; padding:0; list-style:none;}
ul.secNav {margin-bottom:70px; border-top:5px solid #289ae7;}
ul.secNav ul {border-top:1px solid #289ae7;}
ul.secNav li {border-bottom:1px solid #289ae7;}
ul.secNav ul li.last {border-bottom:none;}
ul.secNav li a {display:block; padding:15px 0 9px 0; color:#289ae7; font-size:19px; line-height:24px; text-decoration:none; border-bottom:6px solid transparent;}
ul.secNav li a:hover,
ul.secNav li.active > a {border-color:#ebebeb;}
ul.secNav li ul li a {padding:7px 0 2px 10px; font-size:15px; line-height:20px; border-bottom:3px solid #fff;}
ul.secNav li ul li ul li a {padding-left:20px;}
ul.secNav li ul li ul li ul li a  {padding-left:30px;}
/* Quicknav */
#quickNavArea h3 {padding-top:20px; padding-bottom:10px;}
.quicknavWidthSub > div > div {margin-bottom:30px;}
.quicknavWidthSub > div > div:nth-child(3n+1) {clear:both;}
.quicknav .item a,
.quicknavWidthSub .item a {display:block; text-align:center; text-decoration:none;}
.quicknav .item img,
.quicknavWidthSub .item img {
	margin-bottom:20px;
	width:60%;
	max-width:100%;
	height:auto;
	border-radius:50%;
}
.quicknavWidthSub .item h4 {
	margin-bottom:15px;
	width:100%;
	text-align:center;
}
body#pageID-1 .quicknav > .row > div.col-sm-4 {margin-bottom:30px;}

/* Site competence-center.html */
body#pageID-7 .quicknavWidthSub .secNav {border:none;}

/* Tabnav */
.tabnav {min-height:59px;}
.tabnav ul {display:block; height:59px; margin:0; padding:0; list-style:none; border-bottom:5px solid #ed9900; overflow:hidden;}
.tabnav ul:after {content:" "; clear:both; display:block;}
.tabnav li {float:left; display:inline-block;; margin-right:9px; padding-top:6px;}
.tabnav li.active {padding-top:0;}
.tabnav li a {display:inline-block; width:auto; padding:0 20px; background:#dedede; color:#289ae7; font-size:13px; line-height:48px; text-decoration:none; text-transform:uppercase; border-radius:5px 5px 0 0; overflow:hidden;}
.tabnav li a span {padding-left:10px;}
.tabnav li.active a {background:#ed9900; color:#fff; line-height:54px;}
.tabnav li > a:before {
	position:relative;
	top:4px;
	display:inline-block;
	width:20px;
}
.tabnav li#tab-13 > a:before {
	content:url(../Images/ico_window_orange.svg);
	width:25px;
}
.tabnav li#tab-13.active > a:before {
	content:url(../Images/ico_window_weiss.svg);
}
.tabnav #tab-53 > a:before {
	content:url(../Images/ico_person_orange.svg);
	width:25px;
}
.tabnav li#tab-53.active > a:before {
	content:url(../Images/ico_person_weiss.svg);
}
.tabnav li#tab-51 > a:before {
	content:url(../Images/ico_projekt.svg);
}
.tabnav li#tab-51.active > a:before {
	content:url(../Images/ico_projekt_weiss.svg);
}
.tabnav li#tab-52 > a:before {
	content:url(../Images/ico_publikation.svg);
}
.tabnav li#tab-52.active > a:before {
	content:url(../Images/ico_publikation_weiss.svg);
}


/* Filter Navigation */
.offisDataListFilter {margin-bottom:25px;}
.offisDataListFilter .resetFilter {margin:0; padding:10px 0; list-style:none;}
.offisDataListFilter .resetTagFilter {margin:0; padding:0; list-style:none;}
.resetFilterItem {display:inline-block; margin:5px 10px 5px 0; padding:5px 15px; background:#dedede; border:1px solid #46464d; border-radius:5px; color:#46464d; cursor:pointer;}
.resetFilterItem i {margin-left:10px;}
.offisDataFilterForm .offisDataListFilterItem {position:relative; margin-bottom:15px;}
.offisDataFilterForm .offisDataListFilterItem label {display:block; width:100%; line-height:30px; margin:0; padding:0 15px; background:#fff;}
.offisDataFilterForm .offisDataListFilterItem label i {float:right; line-height:30px;}
.offisDataFilterForm .offisDataListFilterItem input,
.offisDataFilterForm .offisDataListFilterItem select {display:block; width:100%; height:30px; line-height:30px; margin:0; padding:0 15px;}
.offisDataFilterForm .offisDataListFilterItem input {border:none;}
.offisDataFilterForm .offisDataListFilterItem select {position:absolute; top:0; left:0; opacity:0;}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #46464d;
}
.ui-widget-content a {
	color: #46464d;
}
.ui-widget-header {
	border: 1px solid #cccccc;
	background: #cccccc;
	color: #46464d;
	font-weight: bold;
}
.ui-widget-header a {
	color: #46464d;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: #e6e6e6;
	font-weight: normal;
	color: #46464d;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #46464d;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ed9900;
	background: #ed9900;
	font-weight: normal;
	color: #fff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}




/* Breadcrumb */
.breadcrumbContainer ol {margin:0; padding:0; list-style:none;}
.breadcrumbContainer ol li {position:relative; display:inline-block; padding:0 12px 0 8px; overflow:hidden;}
.breadcrumbContainer ol li.home {padding-left:12px;}
.breadcrumbContainer ol li:after {content:url(../Images/breadcrumb-divider.png); position:absolute; top:0; right:0;}
.breadcrumbContainer ol li.home:before {content:url(../Images/breadcrumb-divider.png); position:absolute; top:0; left:0; }
.breadcrumbContainer ol li.last:after {content:"";}
.breadcrumbContainer ol li a,
.breadcrumbContainer ol li span,
.breadcrumbContainer ol li strong {color:#fff; line-height:60px; text-decoration:none;}

/* Footer Social Media */
#footerContainer .socialMediaButtons {padding:0 0 30px 0;}
#footerContainer .socialMediaButtons > a {float:none; margin:0 5px;}
/* Footer Navigation */
#footerLogoContainer {margin-bottom:30px;}
/*#footerLogoContainer > svg {width:90px; height:52.56px;}*/ /* offis logo */
#footerLogoContainer > svg {width:111px; height:53px;} /* offis logo 30 jahre*/
#footerNavContainer > a {display:inline-block; margin:0 18px; font-size:15px; line-height:25px; text-decoration:none;}
#back-top {
    display:none;
	position: fixed;
    bottom: 33px;
    z-index: 99;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    text-align: right;
}
#back-top a {
	float:right;
	display: block;
	width:50px;
	height:50px;
	background:rgba(40,154,231,0.75);
	text-align:center;
	border: 1px solid #fff;
	border-right:none;
	border-radius: 5px 0 0 5px;
}
#back-top a span{
	display:inline-block;
	transform:rotate(180deg);
	line-height:50px;
}
#back-top a:hover {
	background:rgba(40,154,231,1);
}


.navbar-nav {margin: 0 -15px;}
.navbar-default .navbar-nav > li {border-bottom:1px solid rgba(0,0,0,0.25);}
.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  line-height:37px;
  font-family: "Adelle W02 Regular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color:rgba(255,255,255,0.5);
  display: block;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open-xs>a, 
.navbar-default .navbar-nav>.open-xs>a:focus, 
.navbar-default .navbar-nav>.open-xs>a:hover {
  color:rgba(255,255,255,1);
  background:transparent;
}

.navbar-default .navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu,
.navbar-default .navbar-nav .open-xs .dropdown-menu {margin:0; padding:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a,
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a:hover {
	padding-top:20px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a:hover {color:#fff;}

.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a,
.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a:hover {
	padding-bottom:20px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.15)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.15) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.15) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.15) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}
.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a:hover {color:#fff;}

.navbar-default .navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a {
	color:rgba(255,255,255,0.75);
	font-size:14px;
	line-height:41px;
	text-align:center;
	text-transform: uppercase;	
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu >.active >a, 
.navbar-default .navbar-nav .open .dropdown-menu >.active >a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu >.active >a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a, 
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:focus, 
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:hover {color:#fff; background:transparent;}
/****************************************************/


/****************************************************/
/******************** Formulare  ********************/
/****************************************************/
.form-control {
    border: 1px solid #ebebeb;
	font-size: 17px;
	-webkit-box-shadow:none;
    box-shadow:none;
}
a.btn,button.btn,
a.btn:focus,button.btn:focus {width:100%; padding:12px; background:#289ae7; color:#fff; outline:none;}
a.btn:hover,button.btn:hover {background:#289ae7; color:#ebebeb; outline:none;}
a.btn {width:100%;text-decoration:none;}
.form-group span.error {
	display:block;
	color:red;
}
.form-check-input {
    margin: 10px 0;
}


/********************************************************/
/******************** Contact Person ********************/
/********************************************************/
.assignedPersonsContainer .offisDataContactPersons:first-child {padding-top:19px; border-top:1px solid transparent; transition: all 0.5s ease-in-out;}
.assignedPersonsContainer.open .offisDataContactPersons:first-child {border-top:1px solid #289ae7; }
.offisDataContactPersons {clear:both; margin-bottom:15px;}
.offisDataContactPersons img {margin:0 15px 4px 0; vertical-align:bottom; border-radius:5px; background:#fff;}
.offisDataContactPersons img.offisDataContactPersonsNoImage {border:1px solid #ebebeb;}
.offisDataContactPersons .offisDataContactPersonsText {display:inline-block;width:100%;}
.offisDataContactPersons a {display:inline-block; color:#289ae7;}

.assignedPersonsToggler {border-top:1px solid #289ae7; color:#289ae7; font-size:15px; text-align:center; cursor:pointer; text-transform:uppercase;}
.assignedPersonsToggler span.fa {font-size:40px;}
/********************************************************/


/*****************************************************/
/******************** Person View ********************/
/*****************************************************/
#personViewArea {padding-top:70px; background:#289ae7;}
#personViewArea h2 {color:#fff;}
#personViewArea h2 > span.personTitle {font-family:'PF Centro Slab W01 Thin';}
#personViewArea h2 > span.subheader:before {color:#289ae7;}

.offisDataViewBox {padding:20px; background-color:#fff; border-radius:5px; overflow:hidden; color:#289ae7; cursor:pointer;}

#personViewData .offisDataViewBox.offisDataViewEmptyBox {background:rgba(255,255,255,0.05); cursor:default;}
.offisDataViewBoxes > div:nth-child(3) {float:right;}
#personViewData .opend .offisDataViewEmptyBox,
#personViewData .opend .offisDataViewActiveBox {height:auto !Important; border-radius:5px 5px 0 0;}
#personViewData .opend .offisDataViewActiveBox {background:rgba(255,255,255,0.5)}

#personViewData .opend .offisDataViewActiveBox.active {background:#fff;}
#personViewImage {padding:0; background-color:transparent; border-radius:5px; overflow:hidden;}
#personViewImage > img {width:100%; max-width:500px; height:auto;}

.offisDataViewBoxContentContainer {margin-bottom:20px;
                                  position:relative; top:-1px; /*IE*/
}
.offisDataViewBoxContent {display:none; padding:20px; background:#fff; border-radius:0 0 5px 5px}
.offisDataViewJobsItem {margin-bottom:25px;}

.socialMediaButtons {padding-top:20px;}
.socialMediaButtons > a {display:inline-block; width:30px; height:30px; margin-right:10px; margin-bottom:10px; overflow:hidden; background:#289ae7; border:1px solid #fff; border-radius:50%; font-size:13px; text-align:center; color:#fff; text-decoration:none;}
.socialMediaButtons > a > i {line-height:30px;}
.socialMediaButtons > a > i.ai {font-size:16px;}
.socialMediaButtons > a > i.dblp:before {content:"dblp"; position:relative; right:1px; bottom:2px; font-size:12px;}
.socialMediaButtons > a > i.ai-publons {}
.socialMediaButtons > a > i.ai-publons:before {
    content:url(../Images/icon_publons.svg);
    width:30px;
    height:30px;
}
.personContactInfo {color:#fff;}
.personContactInfo .infoItem label {margin:0; padding:0; display:block; font-size:12px; text-transform:uppercase;}
.personContactInfo .infoItem a {text-decoration:underline;}
.personContactInfo .infoItemGroup > p {float:left; padding-right:50px;}
.personContactInfo .infoItemGroup:after {content:" "; clear:both; display:block;}

#relatedInfoArea {padding:70px 0; background:#f2f2f2;}

.offisDataList {background:#f2f2f2;}
.offisDataListGroup {margin-bottom:20px;}
.offisDataList > .offisDataListGroup:last-child {margin-bottom:0;}
.offisDataListGroupHeader h4 {margin-bottom:0; padding-bottom:5px; border-bottom:5px solid #289ae7; color:#289ae7; font-family:'Meta Offc W01 Normal', Helvetica, Arial, sans-serif; font-size:15px;}
.offisDataListItemRow.hover {background:#fff;}
.offisDataListItem {display:table; width:100%; padding:10px 0;border-bottom:1px solid #fff;}
.offisDataListItemRow.noborder .offisDataListItem,
.offisDataListGroup .offisDataListItemRow:last-child .offisDataListItem {border-color:transparent;}
.offisDataListItem > div {display: table-cell; vertical-align: top;}
.offisDataListIcon {float:left; width:50px; font-size:25px; color:#ed9900;}
.offisDataListTitle {width:100%; padding-right:30px;}
.offisDataListTitle a {color:#289ae7; text-decoration:none;}
.offisDataListTitle p {margin:0;}
.offisDataListTitle p > a {color:#000;}
.offisDataListAction {text-align:right; white-space:nowrap;}
.offisDataListAction > a {display:inline-block; margin-left:10px; color:#289ae7;}
#pagination {display:none;}
.ias-trigger {display:none !important;}
.offisDataList .ias-spinner {padding:10px 0 30px 0;}

.offisDataViewPersonsItem {margin-bottom:50px;}
.offisDataViewPersonsItem h3,
.offisDataViewPersonsItem h4 {margin-bottom:20px; border-bottom:5px solid #289ae7; color:#289ae7; font-size:13px; line-height:20px; text-transform:uppercase;}
.offisDataViewPersonsItem h4 {margin-bottom:10px; border-width:1px;}

.projectPublicationListItem {position:relative; padding:10px 0; border-bottom:1px solid #f2f2f2;}
.projectPublicationListIcon {position:absolute; top:15px; left:0;}
.projectPublicationListTitle {padding-left:40px;}
.projectPublicationListTitle a {color:#289ae7; text-decoration:none;}

.offisDataEditList {background:#fff;}
.offisPublicationsEditGroup .offisDataListItemRow {padding-left:15px; padding-right:15px;}
.offisPublicationsEditGroup .offisDataListItemRow.hover {background:#f2f2f2;}
.offisPublicationsEditGroup .offisDataListTitle {padding-right:0;}

.projectPartnerListItem {position:relative; padding:10px 0; border-bottom:1px solid #f2f2f2;}
.projectPartnerListIcon {position:absolute; top:12px; left:0;}
.projectPartnerListTitle {padding-left:40px;}
.projectPartnerListTitle a {color:#289ae7; text-decoration:none;}

.projectInfoBox {margin-bottom:50px;}
.projectInfoBox > h3 {border-bottom:1px solid #289ae7; color:#289ae7; font-size:13px; line-height:20px; text-transform:uppercase;}
#projectViewData .projectInfoBox:first-child > h3 {margin-bottom:10px; border-width:5px;}

.offisDataListAction a.personPhoneLink {display:none;}
body.touchDevice .offisDataListAction a.personPhoneLink {display:inline;}


.publicationsform .custom-header {height:34px;padding-top:5px;margin-bottom:5px;}
.publicationsform .ms-container{
  background: transparent url('../../Images/switch.png') no-repeat 50% 50%;
  width: 100%;
}
.publicationsform .search-input {margin-bottom:5px;}
.publicationsform div.section {
    margin-top: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

/*****************************************************/


/*********************************************************/
/******************** Project View ********************/
/*********************************************************/
#projectViewArea {padding-top:70px; background:#f2f2f2;}
#projectViewData > .row {margin-bottom:20px;}
#projectViewData a {color:#289ae7;}

.projectInfoBox {margin-bottom:30px;}
.projectInfoBox .projectInfoBoxContent img {max-width:100%; height:auto;}
#projectViewImage {margin-bottom:30px;}


/**************************************************************/
/******************** New Publication Form ********************/
/**************************************************************/
form#newPublications {position:relative;}
form#newPublications .formCarousel {padding-bottom:15px;}
.formCarouselNavigarion {margin-bottom:50px; text-align:center;}
.formCarouselNavigarion .slick-arrow {
	background:none;
	border:none;
}
.formCarouselNavigarion .slick-arrow > span {text-decoration:underline;}
.formCarouselNavigarion .formCarouselNavigarionPrev {float:left;}
.formCarouselNavigarion .formCarouselNavigarionNext {float:right;}
.formCarouselNavigarion button.slick-disabled {color:#ebebeb; cursor:default;}


/**********************************************************/
/******************** Publication View ********************/
/**********************************************************/
#publicationData > div.row {margin-bottom:10px;}
#publicationData a {color:#289ae7;}


/*********************************************************/
/******************** OFFIS Data View ********************/
/*********************************************************/
.projectContentBox {margin-bottom:25px;}

.offisDataViewBox {padding:20px; background-color:#e9e9e9; border-radius:5px; overflow:hidden; color:#289ae7; cursor:pointer;}
#personViewData .offisDataViewBox {background-color:#fff;}
.offisDataViewBox > img {position:relative; top:7px; float:right;}
.offisDataViewBox.active > img {transform:rotate(180deg);}
.offisDataViewBox.offisDataViewEmptyBox {background:rgba(233,233,233,0.5); cursor:default;}
.offisDataViewBoxes > div:nth-child(3) {float:right;}
.opend .offisDataViewEmptyBox,
.opend .offisDataViewActiveBox {height:auto !Important; border-radius:5px 5px 0 0;}
.opend .offisDataViewActiveBox {background:#e9e9e9;}
.opend .offisDataViewActiveBox.active {background:#fff;}

.offisDataViewImageBox {padding:0; background-color:transparent; border-radius:5px; overflow:hidden;}
.offisDataViewImageBox > img {width:100%; max-width:500px; height:auto;}
.offisDataViewImageBox.offisDataViewNoImageBox {padding:0; background:transparent;}

#projectViewData .offisDataViewBoxContentContainer {margin-bottom:0;}
.offisDataViewBoxContent {display:none; padding:20px; background:#fff; border-radius:0 0 5px 5px}


/**************************************************************/
/******************** OFFIS Data Accordion ********************/
/**************************************************************/
.oneColumnPlugin {background:#f2f2f2;}
.offisDataAccordionItem {border-bottom:1px solid #fff;}
.active .offisDataAccordionHeader.affix {top:0; left:0; width:100%; background:#f2f2f2; border-bottom:1px solid rgba(255,255,255,0.5); z-index:999;}
.offisDataAccordionHeader h3 {color:#289ae7; font-size:34px; line-height:90px; cursor:pointer;}
.offisDataAccordionHeader h3 > img {float:right; height:90px;}
.active .offisDataAccordionHeader h3 > img {transform:rotate(180deg);}
.offisDataAccordionContent {display:none;}
.allOffisDataLink {padding:0 0 15px 0;}
.allOffisDataLink a {color:#289ae7;}
/**************************************************************/


/**************************************************************/
/******************** OFFIS Website Search ********************/
/**************************************************************/
#searchHeaderArea {padding-top:70px; background:#f2f2f2;}
.tabnav,
#searchResultArea {background:#f2f2f2;}
#searchHeaderArea .subheader, .newSearchPhrase{cursor:pointer;}
.newSearchPhrase{text-decoration: underline;}
.result-title span.hit{color: #ed9900;}

.kesearch_pagebrowser {padding:15px 0 50px 0; border-top:5px solid #289ae7;}
.kesearch_pagebrowser > ul {list-style:none; margin:0; padding:0;}
.kesearch_pagebrowser > ul > li {float:left; margin-right:25px;}
.kesearch_pagebrowser > ul > li > a {color:#289ae7; text-transform:capitalize;}
.kesearch_pagebrowser > ul > li > a.current {text-decoration:none;}
/**************************************************************/


/***************************************************************/
/******************** Jahresberichte Archiv ********************/
/***************************************************************/
body#pageID-203 .col-2-container .row > .col-md-6:first-child a > img {border:1px solid #ebebeb;}
/***************************************************************/


/************************************************/
/******************** Images ********************/
/************************************************/
.teaserThreeColContainer img.lazyload {display:none;}
#contentContainer .twoColContainer .image > img,
#contentContainer .threeColContainer .image > img,
#contentContainer .fourColContainer .image > img,
#contentContainer .teaserThreeColContainer .image > img,
figure.image > img {border-radius:5px; overflow:hidden;}
.image {
  display: block;
  margin-bottom: 20px;
  line-height: 1.42857143;
}
.image > img,
.image a > img,
noscript > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .image > img,
  .image a > img {
    margin: 0 auto;
  }
}
.image .caption {
  padding: 9px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.image-row {
  margin-left: -15px;
  margin-right: -15px;
}
.image-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .image-column {
    float: left;
  }
}
.image-wrap {
  max-width: 100%;
}
.image-below .image-wrap {
  margin-top: 20px;
}
.image-center-outer {
  width: 100%;
  position: relative;
  float: right;
  right: 50%;
}
.image-center-inner {
  width: 100%;
  position: relative;
  float: right;
  right: -50%;
}
.image-left .image-wrap {
  float: left;
}
.image-left .text {
  clear: left;
}
.image-right .image-wrap {
  float: right;
}
.image-right .text {
  clear: right;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
  float: left;
  margin-left: -15px;
}
.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
  float: right;
  margin-right: -15px;
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.image-beside-right,
.image-beside-left {
  overflow: hidden;
  zoom: 1;
}
.image-beside-right .text,
.image-beside-left .text {
  overflow: hidden;
  zoom: 1;
}
@media (max-width: 767px) {
  .image-beside-right .image-wrap,
  .image-beside-left .image-wrap {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
    float: none;
  }
}
.image-header-1 .image-wrap,
.image-header-2 .image-wrap,
.image-header-3 .image-wrap {
  margin-top: 20px;
}
.image-header-4 .image-wrap,
.image-header-5 .image-wrap,
.image-header-6 .image-wrap {
  margin-top: 10px;
}
.news-info {
  margin-bottom: 10px;
}


/**************************************************/
/******************** Carousel ********************/
/**************************************************/
.carousel-small .carousel-inner .item {
  height: 300px;
}
@media (min-width: 992px) {
  .carousel-small .carousel-inner .item {
    height: 400px;
  }
}
.carousel-text {
  color: #FFFFFF;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}
.carousel-item-type-header .carousel-text-inner {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .carousel-item-type-header .carousel-text-inner {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .carousel-item-type-header .carousel-text-inner {
    width: 65%;
  }
}
.carousel-item-type-textandimage .carousel-image {
  display: none;
}
.carousel-item-type-textandimage .carousel-image img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: auto;
}
@media (min-width: 768px) {
  .carousel-item-type-textandimage .carousel-image {
    display: table-cell;
  }
}
.carousel-inner {
  z-index: 0;
}
.carousel-inner h1,
.carousel-inner h2,
.carousel-inner h3,
.carousel-inner h4,
.carousel-inner h5,
.carousel-inner h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.carousel-inner .valign {
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  .carousel-inner .valign {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .carousel-inner .valign {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .carousel-inner .valign {
    width: 1140px;
  }
}
.carousel-inner > .item {
  overflow: hidden;
  height: 400px;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  transition: opacity 0.6s ease-in-out 0s;
}
@media (min-width: 992px) {
  .carousel-inner > .item {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .carousel-inner > .item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.carousel-inner > .active {
  z-index: 1;
  opacity: 1;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  opacity: 1;
  z-index: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev,
.carousel-inner > .active.left,
.carousel-inner > .active.right {
  left: 0;
}
.carousel-inner > .active.left,
.carousel-inner > .active.right {
  opacity: 0;
}
.container .carousel {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .container .carousel {
    margin-left: 0;
    margin-right: 0;
  }
}
.container .carousel-inner > .item {
  padding-left: 30px;
  padding-right: 30px;
}
.container .carousel-inner .valign {
  width: 100%;
}
@media (min-width: 992px) {
  .carousel-control {
    width: 100px;
  }
  .carousel-control.left,
  .carousel-control.right {
    filter: none;
    background-image: none;
  }
}
.carousel-indicators,
.carousel-control {
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  transition: opacity 0.6s ease-in-out 0s;
  opacity: 0;
}
.carousel:hover .carousel-indicators,
.carousel:hover .carousel-control {
  opacity: .5;
}
/****************************************************/


/********************************************************/
/******************** Carousel Small ********************/
/********************************************************/
.carousel-small .carousel-item,
.container .carousel-small .carousel-inner > .item {
	height:auto;
	padding:0;
	background:#fff !important;
}
.carousel-small .carousel-indicators span {display:none;}

.carousel-small .carousel-item img {
	width:100%;
	height:auto;
}
.carousel-small .valign > .carousel-image {display:block; padding-bottom:79px;}
.carousel-small .valign > .carousel-text {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	min-height:80px;
	padding:10px 20px;
	background:#289ae7;
	color:#fff;
	line-height:18px;
	display:block;
}
.carousel-small .valign > .carousel-text h1.carousel-header,
.carousel-small .valign > .carousel-text h2.carousel-header,
.carousel-small .valign > .carousel-text h3.carousel-header,
.carousel-small .valign > .carousel-text h4.carousel-header {
	display:inline; 
	font-family: 'Meta Offc W01 Normal', Helvetica, Arial, sans-serif;
	line-height:18px;
	border:none; 
	color:#fff; 
	margin:0; 
	padding:0; 
	text-shadow:none; 
	white-space: 
	pre-wrap; /* Needs prefixing */
  	box-decoration-break: clone;
  	-webkit-box-decoration-break: clone;
}
.carousel-small .valign > .carousel-text h1.carousel-header {font-size:14px;}
.carousel-small .valign > .carousel-text h2.carousel-header {font-size:14px;}
.carousel-small .valign > .carousel-text h3.carousel-header {font-size:14px;}
.carousel-small .valign > .carousel-text h4.carousel-header {font-size:14px;}
.carousel-small .valign > .carousel-text h1.carousel-header:before,
.carousel-small .valign > .carousel-text h2.carousel-header:before,
.carousel-small .valign > .carousel-text h1.carousel-header:after,
.carousel-small .valign > .carousel-text h2.carousel-header:after {display:none;}
.carousel-small .carousel-indicators {bottom:80px;}

.carousel-small .carousel-control:focus {
    opacity:0;
}
.carousel-small .carousel-control:hover {
    opacity:0.9;
}
.carousel-small .carousel-control .carousel-control-icon {
	display:inline-block;
	width:40px;
	height:40px;
	position:relative;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.carousel-small .carousel-control .carousel-control-icon:before {
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	padding:10px;
	border:1px solid #fff;
	border-radius:5px;
	background-color:rgba(40,154,231,0.75);
	background-image:url(../Images/icon_oeffner_weiss.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:60%;
}
.carousel-small .carousel-control .carousel-control-icon:hover:before {
	background-color:rgba(40,154,231,1);
	opacity:0.9;
}
.carousel-control.left {text-align:left;}
.carousel-control-prev-icon {margin-left:15px;}
.carousel-control-prev-icon:before {transform:rotate(90deg);}
.carousel-control.right {text-align:right;}
.carousel-control-next-icon {margin-right:15px;}
.carousel-control-next-icon:before {transform:rotate(-90deg);}
/********************************************************/


.panel-body *:last-child {
  margin-bottom: 0;
}
.frame.well *:first-child {
  margin-top: 0px;
}
.frame.well *:last-child {
  margin-bottom: 0px;
}
.frame.rulerbefore {
  border-top: 1px solid #eeeeee;
  padding-top: 9px;
  margin-top: 20px;
}
.frame.rulerafter {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 9px;
  margin-bottom: 20px;
}
.footer-section {
  border-top: 1px solid #3c3c3c;
  color: #ffffff;
  margin-top: 40px;
  padding: 20px 0 30px;
  background: #333333;
}
.footer-section a {
  color: #ffffff;
}
.footer-section a:hover,
.footer-section a:focus {
  color: #ff8700;
}
.meta-section {
  color: #ffffff;
  border-top: 1px solid #2b2b2b;
  background-color: #333333;
  padding: 10px 0;
}
.meta-section a {
  font-weight: bold;
  color: #ffffff;
}
.meta-section a:hover,
.meta-section a:focus {
  color: #ff8700;
}
.meta-section .active a {
  color: #ff8700;
}
.meta-section ul,
.meta-section p {
  margin: 10px 0;
}
@media (min-width: 992px) {
  .meta-section ul,
  .meta-section p {
    margin: 0;
  }
  .meta-section .copyright {
    text-align: right;
  }
}
img.lazyload {
  -webkit-transition: opacity 0.3s ease-in 0s;
  transition: opacity 0.3s ease-in 0s;
}
.list-inline > li:first-child {
  padding-left: 0px;
}
body .typo3-feedit-element {
  outline: 3px solid rgba(255, 135, 0, 0.5) !important;
}
body .typo3-feedit-element:hover {
  outline: 3px solid #ff8700 !important;
}
.typo3-editPanel {
  background-color: #eaeaea !important;
  color: #333333;
  padding: 0px 5px;
  line-height: 2em;
  margin-bottom: 20px;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
body .typo3-feedit-element-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
body .typo3-feedit-element-hidden:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.t3-icon {
  vertical-align: middle;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page .typo3-feedit-element {
  outline: none !important;
  border-bottom: 3px solid #ff8700;
}
.typo3-feedit-page .typo3-editPanel {
  margin-bottom: 0;
}
.modal-lightbox {
  margin: 10px auto;
}
.modal-lightbox .close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 15px;
  line-height: 40px;
}
.modal-lightbox .modal-body {
  padding: 0px;
}
.modal-lightbox .modal-content {
  border: none;
}
.modal-lightbox .modal-caption {
  background-color: #ff8700;
  background-color: rgba(255, 135, 0, 0.9);
  color: #FFFFFF;
  padding: 10px 20px;
}
.modal-lightbox .modal-caption-title {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
}
.modal-lightbox .img-responsive {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .modal-lightbox {
    margin: 30px auto;
    width: 600px;
  }
  .modal-lightbox .modal-caption {
    position: absolute;
    left: 0px;
    bottom: 20px;
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .modal-lightbox {
    width: 800px;
  }
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}


/******************************************************************/
/******************** Themenliste / Startseite ********************/
/******************************************************************/
.topicItem {margin-bottom:30px;}
.topicItem time {color:#289ae7; font-size:13px; line-height:40px;}
.topicItemText {padding-left:60px;}
.topicItem .categories {margin-right:10px; color:#ed9900;}
.topicItem .categories:before {position:absolute; top:0; left:15px; width:20px;}
.topicItem .Thema:before{content:url(../Images/ico_thema.svg); width:18px; height:36px;}
.topicItem .Projekt:before{content:url(../Images/ico_projekt.svg); height:26px;}
.topicItem .Publikation:before{content:url(../Images/ico_publikation.svg); height:26px;}

/**********************************************/
/******************** News ********************/
/**********************************************/
.latestNewsItemContainer .latestNewsItemContainer {margin-bottom:15px;}
.latestNewsItem {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.latestNewsContainer {padding:15px; background:#fff; color:#289ae7;}
.latestNewsTitle {display:block;  font-size:21px; color:#289ae7; text-decoration:none; }
.latestNewsContainer > div.latestNewsItemContainer:nth-child(3) > div.latestNewsItem {border-bottom-width:5px;}
.latestNewsTitle:hover {color:#289ae7; text-decoration:none;}
.latestNewsDate {margin:0; font-size:13px;}
.latestNewsBottom {text-align:center;}
.latestNewsBottom a {font-size:16px; text-transform:uppercase; text-decoration:none;}

.listNewsItem {margin-bottom:50px;}
.listNewsItem a {text-decoration:none;}
.listNewsItemMeta {color:#289ae7;}
.listNewsItemCategory {text-transform:uppercase;}
.listNewsItemImage {display:table-cell; width:260px; height:260px; border:1px solid #ddd; border-radius:5px; text-align:center; vertical-align:middle; overflow:hidden;}
.listNewsItemImage img.landscapeImage {width:100%; height:auto;}
.listNewsItemImage img.portraitImage {width:auto; height:260px;}
.listNewsItemNoImage img {width:75%; height:auto;}
.listNewsItemImage .mediaelement {position:relative; overflow:hidden;}
.listNewsItemImage .mediaelement .mediaelement-video {position:relative; top:-2px;}
.listNewsItemImage .mediaelement .mediaelement-video > iframe {width:100% !Important; height:auto !Important; vertical-align:middle;}
.listNewsItemImage .mediaelement .medialement-alternative-content {display:none;}
.listNewsItemText p {display:inline;}
.listNewsItemText a.more {text-transform:uppercase; color:#289ae7; white-space:nowrap;}
.listNewsContainer .page-navigation {display:none;}

#pluginArea .news-single {padding-top:70px; padding-bottom:50px; background:#fff;}
.newsItemMeta {color:#289ae7; text-align:right;}
.newsItemCategory {text-transform:uppercase;}
.newsItemMedia {margin-bottom:30px;}
.newsItemMedia .mediaelement {border-radius:5px; overflow:hidden;}
.newsItemMedia img {width:100%; height:auto;}
.newsItemMedia .newsItemImageCaption {margin:0; padding-top:10px; color:#289ae7; font-size:14px; line-height:18px; text-transform:uppercase;}
.newsItemMedia .mediaelement-video {position:relative; line-height:0; border-radius:5px; overflow:hidden;}
.newsItemMedia .mediaelement-video > iframe {position:relative; top:-1px; width:100% !Important; height:auto !Important;}
.newsItemMedia .mediaelement-video video { 
   width:100% !Important;
   height:auto !Important;
}

.newsItemText {margin-bottom:20px;}
.shariff {padding:20px 0;}
.shariff .shariff-button a {text-transform:uppercase;}
.shariff .orientation-horizontal li .share_text {padding-left:8px;}
.shariff .fa-facebook {background:#3b5998; color:#fff;}
.shariff .fa-twitter {background:#55acee; color:#fff;}
.shariff .fa-google-plus {top:0 !Important; background:#d34836; color:#fff;}
.shariff .fa-envelope {background:#999; color:#fff;}
.newsItemBackLink {padding-top:20px; border-top:5px solid #289ae7; color:#289ae7;}
/****************************************************/



/************************************************/
/******************** Events ********************/
/************************************************/
.listEventsItem {margin-bottom:50px;}
.listEventsItem a {text-decoration:none;}
.listEventsItemMeta {color:#289ae7;}
.listEventsItemCategory {text-transform:uppercase;}
.listEventsItemImage {display:table-cell; width:260px; height:260px; border:1px solid #ddd; border-radius:5px; text-align:center; vertical-align:middle; overflow:hidden;}
.listEventsItemImage img.landscapeImage {width:100%; height:auto;}
.listEventsItemImage img.portraitImage {width:auto; height:260px;}
.listEventsItemNoImage img {width:75%; height:auto;}
.listEventsItemText .listNewsItemTeaser p {display:inline;}
.listEventsItemText a.more {text-transform:uppercase; color:#289ae7; white-space:nowrap;}
.listNewsContainer .page-navigation {display:none;}

#pluginArea .tx-events {padding-top:70px; padding-bottom:50px; background:#fff;}
.eventsItemHeader h2 .subheader p {display:inline;}
.eventsItemMeta {color:#289ae7; text-align:right;}
.eventsItemCategory {text-transform:uppercase;}
.eventsItemMedia {margin-bottom:30px;}
.eventsItemMedia .mediaelement {border-radius:5px; overflow:hidden;}
.eventsItemMedia img {width:100%; height:auto; border-radius:5px; overflow:hidden;}
.eventsItemMedia .eventsItemImageCaption {margin:0; padding-top:10px; color:#289ae7; font-size:14px; line-height:18px; text-transform:uppercase;}
.eventsItemText {margin-bottom:20px;}
.shariff {padding:20px 0;}
.shariff .shariff-button a {text-transform:uppercase;}
.shariff .orientation-horizontal li .share_text {padding-left:8px;}
.shariff .fa-facebook {background:#3b5998; color:#fff;}
.shariff .fa-twitter {background:#55acee; color:#fff;}
.shariff .fa-google-plus {top:0 !Important; background:#d34836; color:#fff;}
.shariff .fa-envelope {background:#999; color:#fff;}
.eventsItemBackLink {padding-top:20px; border-top:5px solid #289ae7; color:#289ae7;}
label.label-checkbox {position:relative; padding-left:25px;}
label.label-checkbox > input {position:absolute; top:1px; left:0;}
label.error {color:red;display:block;}

a.actionAddToCalendar {text-decoration:none;border-bottom: 1px solid}

/************************************************/

/************************************************/
/******************** bLOG ********************/
/************************************************/

.tx-blog-widget .label {line-height: 2em;}
aside.tx-news-widget {margin-bottom:30px;}
.detailBlog h3 {padding-top:15px;}

/************************************************/


/*******************************************************/
/********************* Bildgalerie *********************/
/*******************************************************/
.oneColumnPlugin h2.pluginPage:before {
    color: #f2f2f2;
}
.oneColumnPlugin h2.pluginPage:after {
    background-color: #f2f2f2;
}
.fs-media-gallery {
	padding-top:70px;
    padding-bottom:50px;
}

/* Album List */
.fs-media-gallery .albums-list .albums-list-item {
    width:100%;
    max-width:385px;
    margin:0 auto 30px auto;
}

/* Asst List */
.asset-list-item {
    margin-bottom:30px;
}
.asset-list-item .thumbnail {
    display:block;
    width:100%;
    max-width:385px;
    height:auto;
    margin:0 auto;
    padding:0;
    border:1px solid #ddd;
    border-radius:5px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}
.asset-list-item .thumbnail > a {
    display:block;
    width:100%;
    max-width:385px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
}
.asset-list-item .thumbnail > a img {
    width:100%;
    height:auto;
}

@media screen and (min-width: 768px) {
    .asset-list-item .thumbnail,
    .asset-list-item .thumbnail > a {
        height:220px;
    }
    .asset-list-item .thumbnail > a img {
        position:relative;
        top:50%;
        transform:translate(0,-50%);
        text-align:center;
    }
    .asset-list-item .thumbnail > a img.landscapeImage {
        width:100%;
        height:auto;
    }
    .asset-list-item .thumbnail a img.portraitImage {
        width:auto;
        height:100%;
    }
}
@media screen and (min-width: 992px) {
    .asset-list-item .thumbnail,
    .asset-list-item .thumbnail > a {
        height:211px;
    }
}
@media screen and (min-width: 1200px) {
    .asset-list-item .thumbnail,
    .asset-list-item .thumbnail > a {
        height:262px;
    }
}
.albumBackLink {
    padding-top: 20px;
    border-top: 5px solid #289ae7;
    color: #289ae7;
}

.fs-media-gallery #searchContainer {
    padding-top:70px;
    padding-bottom:50px;
}
.fs-media-gallery .kesearchbox {
    position:relative;
    width: 100%;
    max-width:300px;
}
.fs-media-gallery .kesearchbox #ke_search_sword {
    position:static;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin:0;
    padding: 0 30px 0 15px;
    border:none;
}
.fs-media-gallery #searchContainer button {
    position:absolute;
    top:0;
    right:0;
    border:none;
    height:30px;
    background:#fff;
}
.fs-media-gallery #searchContainer button:after {
    content: "\e003";
    position: relative;
    top:2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #46464d;
}
@media screen and (max-width: 767px) {
    .fs-media-gallery ul.pagination li:not(.prev):not(.first):not(.disabled):not(.active):not(.last):not(.next) {
        display:none;
    }
}

.tx-powermail{
    padding-top:70px;
    padding-bottom:50px;
}
.powermail_fieldwrap_type_submit {
    text-align:right;
}


/* Suchergebnis */
#kesearch_image_results {
    margin:0;
    padding-top:70px;
    padding-bottom:50px;
}
.asset-list-item .thumbnail {
    display:block;
    width:100%;
    max-width:385px;
    height:auto;
    margin:0 auto;
    padding:0;
    border:1px solid #ddd;
    border-radius:5px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}
/*******************************************************/


/***********************************************/
/******************** TYPO3 ********************/
/***********************************************/
/* TYPO3 Images */
.image {
  display: block;
  margin-bottom: 24px;
  line-height: 1.55;
}
.image > img,
.image a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .image > img,
  .image a > img {
    margin: 0 auto;
  }
}
.image .caption {
  padding: 9px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  color:#289ae7;
  text-transform:uppercase;
  font-size:16px;
  line-height:22px;
}
.image-row {
  margin-left: -15px;
  margin-right: -15px;
}
.image-column {
  max-width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .image-column {
    float: left;
  }
}
.image-wrap {
  overflow: hidden;
  max-width: 100%;
}
.image-below .image-wrap {
  margin-top: 24px;
}
.image-center .image > img {
  margin: 0 auto;
}
.image-center-outer {
  width: 100%;
  position: relative;
  float: right;
  right: 50%;
}
.image-center-inner {
  width: 100%;
  position: relative;
  float: right;
  right: -50%;
}
.image-left .image-wrap {
  float: left;
}
.image-left .text {
  clear: left;
}
.image-right .image-wrap {
  float: right;
}
.image-right .text {
  clear: right;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
  float: left;
  margin-left: -15px;
}
.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
  float: right;
  margin-right: -15px;
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.image-beside-right,
.image-beside-left {
  overflow: hidden;
  zoom: 1;
}
.image-beside-right .text,
.image-beside-left .text {
  overflow: hidden;
  zoom: 1;
}
@media (max-width: 767px) {
  .image-beside-right .image-wrap,
  .image-beside-left .image-wrap {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
    float: none;
  }
}
.image-header-1 .image-wrap,
.image-header-2 .image-wrap,
.image-header-3 .image-wrap {
  margin-top: 24px;
}
.image-header-4 .image-wrap,
.image-header-5 .image-wrap,
.image-header-6 .image-wrap {
  margin-top: 12px;
}
.csc-textpic-caption-c {
  text-align: center;
}
.csc-textpic-caption-l {
  text-align: left;
}
.csc-textpic-caption-r {
  text-align: right;
}

/* TYPO3 Form */
body .typo3-feedit-element,
.htmlarea-content-body .typo3-feedit-element {
  outline: 3px solid rgba(255, 135, 0, 0.5) !important;
}
body .typo3-feedit-element:hover,
.htmlarea-content-body .typo3-feedit-element:hover {
  outline: 3px solid #ff8700 !important;
}
.typo3-editPanel {
  background-color: #eaeaea!important;
  color: #333333;
  padding: 0px 5px;
  line-height: 2em;
  margin-bottom: 24px;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
body .typo3-feedit-element-hidden,
.htmlarea-content-body .typo3-feedit-element-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
body .typo3-feedit-element-hidden:hover,
.htmlarea-content-body .typo3-feedit-element-hidden:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.t3-icon {
  vertical-align: middle;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page .typo3-feedit-element {
  outline: none!important;
  border-bottom: 3px solid #ff8700;
}
.typo3-feedit-page .typo3-editPanel {
  margin-bottom: 0;
}
.csc-form-element .form-group:before,
.csc-form-element .form-group:after {
  content: " ";
  display: table;
}
.csc-form-element .form-group:after {
  clear: both;
}
.csc-form-element .form-group:before,
.csc-form-element .form-group:after {
  content: " ";
  display: table;
}
.csc-form-element .form-group:after {
  clear: both;
}
.csc-form-element .control-label {
  text-align: left;
}
.csc-form-element .control-label legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  border: none;
}
.csc-form-element .help-block.text-danger {
  color: #a94442;
  font-weight: normal;
}
a.csc-form-element .help-block.text-danger:hover,
a.csc-form-element .help-block.text-danger:focus {
  color: #843534;
}
.csc-form-element-radio .radio input[type="radio"],
.csc-form-element-checkbox .checkbox input[type="checkbox"] {
  margin-left: 0;
}
.csc-form-confirmation ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.csc-form-confirmation ol li {
  display: inline-block;
}
.csc-form-confirmation-false input,
.csc-form-confirmation-true input {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.55;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-false input:active:focus,
.csc-form-confirmation-true input:active:focus,
.csc-form-confirmation-false input.active:focus,
.csc-form-confirmation-true input.active:focus,
.csc-form-confirmation-false input.focus,
.csc-form-confirmation-true input.focus,
.csc-form-confirmation-false input:active.focus,
.csc-form-confirmation-true input:active.focus,
.csc-form-confirmation-false input.active.focus,
.csc-form-confirmation-true input.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.csc-form-confirmation-false input:hover,
.csc-form-confirmation-true input:hover,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-false input.focus,
.csc-form-confirmation-true input.focus {
  color: #333333;
  text-decoration: none;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-true input:active,
.csc-form-confirmation-false input.active,
.csc-form-confirmation-true input.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.csc-form-confirmation-false input.disabled,
.csc-form-confirmation-true input.disabled,
.csc-form-confirmation-false input[disabled],
.csc-form-confirmation-true input[disabled],
fieldset[disabled] .csc-form-confirmation-false input,
fieldset[disabled] .csc-form-confirmation-true input {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.csc-form-confirmation-false input.disabled,
a.csc-form-confirmation-true input.disabled,
fieldset[disabled] a.csc-form-confirmation-false input,
fieldset[disabled] a.csc-form-confirmation-true input {
  pointer-events: none;
}
.csc-form-confirmation-true input {
  color: #ffffff;
  background-color: #ff8700;
  border-color: #e67a00;
}
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input.focus {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #663600;
}
.csc-form-confirmation-true input:hover {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #a85900;
}
.csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.active,
.open > .dropdown-toggle.csc-form-confirmation-true input {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #a85900;
}
.csc-form-confirmation-true input:active:hover,
.csc-form-confirmation-true input.active:hover,
.open > .dropdown-toggle.csc-form-confirmation-true input:hover,
.csc-form-confirmation-true input:active:focus,
.csc-form-confirmation-true input.active:focus,
.open > .dropdown-toggle.csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input:active.focus,
.csc-form-confirmation-true input.active.focus,
.open > .dropdown-toggle.csc-form-confirmation-true input.focus {
  color: #ffffff;
  background-color: #a85900;
  border-color: #663600;
}
.csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.active,
.open > .dropdown-toggle.csc-form-confirmation-true input {
  background-image: none;
}
.csc-form-confirmation-true input.disabled,
.csc-form-confirmation-true input[disabled],
fieldset[disabled] .csc-form-confirmation-true input,
.csc-form-confirmation-true input.disabled:hover,
.csc-form-confirmation-true input[disabled]:hover,
fieldset[disabled] .csc-form-confirmation-true input:hover,
.csc-form-confirmation-true input.disabled:focus,
.csc-form-confirmation-true input[disabled]:focus,
fieldset[disabled] .csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input.disabled.focus,
.csc-form-confirmation-true input[disabled].focus,
fieldset[disabled] .csc-form-confirmation-true input.focus,
.csc-form-confirmation-true input.disabled:active,
.csc-form-confirmation-true input[disabled]:active,
fieldset[disabled] .csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.disabled.active,
.csc-form-confirmation-true input[disabled].active,
fieldset[disabled] .csc-form-confirmation-true input.active {
  background-color: #ff8700;
  border-color: #e67a00;
}
.csc-form-confirmation-true input .badge {
  color: #ff8700;
  background-color: #ffffff;
}
.csc-form-confirmation-false input {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.csc-form-confirmation-false input:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.active,
.open > .dropdown-toggle.csc-form-confirmation-false input {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.csc-form-confirmation-false input:active:hover,
.csc-form-confirmation-false input.active:hover,
.open > .dropdown-toggle.csc-form-confirmation-false input:hover,
.csc-form-confirmation-false input:active:focus,
.csc-form-confirmation-false input.active:focus,
.open > .dropdown-toggle.csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input:active.focus,
.csc-form-confirmation-false input.active.focus,
.open > .dropdown-toggle.csc-form-confirmation-false input.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.active,
.open > .dropdown-toggle.csc-form-confirmation-false input {
  background-image: none;
}
.csc-form-confirmation-false input.disabled,
.csc-form-confirmation-false input[disabled],
fieldset[disabled] .csc-form-confirmation-false input,
.csc-form-confirmation-false input.disabled:hover,
.csc-form-confirmation-false input[disabled]:hover,
fieldset[disabled] .csc-form-confirmation-false input:hover,
.csc-form-confirmation-false input.disabled:focus,
.csc-form-confirmation-false input[disabled]:focus,
fieldset[disabled] .csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input.disabled.focus,
.csc-form-confirmation-false input[disabled].focus,
fieldset[disabled] .csc-form-confirmation-false input.focus,
.csc-form-confirmation-false input.disabled:active,
.csc-form-confirmation-false input[disabled]:active,
fieldset[disabled] .csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.disabled.active,
.csc-form-confirmation-false input[disabled].active,
fieldset[disabled] .csc-form-confirmation-false input.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.csc-form-confirmation-false input .badge {
  color: #ffffff;
  background-color: #333333;
}
/***********************************************/

tr.group,
tr.group:hover {
    background-color: #ddd !important;
	font-weight:bold;
}
#personsTable_filter {text-align:left;}
a.btn-persons-list,a.btn-persons-list:focus{width:120px;margin-bottom:-52px;padding: 7px;width:230px}


div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
	width:230px;
}


/************************************************/
/********************* TEMP *********************/
/************************************************/

#pageID-202 ul.uploads-list {
	list-style-type:none;
	    padding-left: 0;
}
#pageID-202 ul.uploads-list li{
	margin-bottom: 30px;
}