/* CSS Document CitecTheme */

/* Remember this is how a comment looks like                                 */
/* # <-- This is not a comment unless this css file becomes a bash-script :) */
/* Before you change some of these values you may have a look at the         */
/* 
/*tabs.css or nicemenus.css because they are includes after this this file  */
/* and may override some classes                                             */

body {
    background: #FFFFFF;
    color:#333333;
    line-height: 1.5;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
table {
    border-top-style: 	none;
    color:	#000000;
}

th {
}

p {
    padding: 0;
    margin: 0;
}

.content p {
    padding: 0 0 1em 0;
}
a  {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #0e7dbd;
}

.middle a {
    text-decoration: underline;
}
.middle h2 a {
    text-decoration: none;
}

ul, ol {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
ol {
    padding-left: 0.5em;
}
li, li.collapsed {
    margin: 5px 0 0 1em;
    padding: 0;
    line-height:1.5;
}
ul li::before {
    content: "■"; /*▪*/
    color:  #2A9DDF;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}
ul li.collapsed::before {
    content: "▸";
}
ul.links.inline {
    display: none; /* hide inline links */
    font-size: 80%;
}
.left .menu li, .right .menu li {
    margin: 0;
}

.middle .content p {
    margin-top: 5px;
    margin-bottom: 5px;	
}

li.last {
    border: 0;
}

.item-list ul li {
    list-style: url(./gfx/bullet.gif);
    margin: 0;
}
.middle .item-list li::before {
    content: none;
}

/* top-level list entries */
.right li, .left li {
    list-style: url(./gfx/bullet.gif);
    /* border-bottom: 1px dashed #2A9DDF; */
}
.right li::before, .left li::before {
    content: none;
    display: none;
}
.right li.expanded, .left li.expanded {
    border-bottom: 0px;
}
.right li.active-trail, .left li.active-trail {
    list-style: url(./gfx/bullet_active.gif);
    font-weight: bold;
}
.right li:hover, .left li:hover {
    list-style: url(./gfx/bullet_active.gif);
    color: #2A9DDF;
}
/* low-level list entries */
.right li li, .left li li {
    font-weight: normal; /* undo bold inherited from parent */
}

.edit {
    padding: 3px 0 5px 0;
    text-align: right;
    font-size: 80%;
}
.more-link {
    padding: 3px 0 0 0;
    text-align: right;
}
.edit a,
.more-link a {
    text-decoration: underline;
    color: #7C7C7C;
}
h1 {
    border-bottom: 5px solid #2A9DDF;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 3px;
    position: relative;
}
.middle h2, .middle h3 {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
}

.left h2, .right h2 {
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 110%;
    border-bottom: 5px solid #2A9DDF;
    font-weight: bold;
}

.left h3, .right h3 {
   margin: 7px 0px 0px 0px;
   border-bottom: 2px solid #2A9DDF;
   font-weight: bold;
}


.node {
    margin-bottom:5px;
    margin-top:5px;
    padding:0 0 0 0;
    text-align: justify;
}

.content img {
    max-width: 100%;
    margin: 1em;
}
img.teximage {
    float: none;
    margin: 0;
    margin-right: 0.3em;
}
.contributors {
    clear: both;
}
.contributor {
    margin-right: 1em;
}

.teaser.content .links .links {display:none;}

.teaser img, img.teaser {
    width: 20%!important;
    float: left;
    margin: 5px 1em 5px 0px;
}

.display-container {
    clear: both;
    position: relative;
    margin: 1em 0 0 0;
}
.left-floating, img.left-floating {
	 float: left;
    margin: 0 1em 1em 0;
}
.right-floating, img.righ-floating {
	 float: right;
    margin: 0 0 1em 1em;
}
.left-floating img, .right-floating img {
    margin: 0;
}
.caption {
    font-size: 80%;
}

.citec {
    width: 980px;
}
.uni {
    padding: 12px 0 0 65px;
    width: 185px;
    float: left;
}

.claim {
    float: left;
    width: 570px;
    padding: 54px 0 0 6px;
}

p.claim {
    padding: 0;
    margin: 0;
    font-size: 120%;
    font-weight: bold;
}

.logo {
    width: 150px;
    float: left;
    text-align: right;
    padding:8px 0  0 0;
}
.info {
    font-size: 80%;
}
.info .left {
    display: block;
    float: left;
    width: 222px;
    padding: 5px 0 0 28px;
    color: #fff;
}
.info .right {
    display: block;
    float: left;
    width: 484px;
    height: 26px;
    padding: 5px 0 0 0;
    white-space: nowrap;
}

.search h2, .search label, .search .edit {
    display: none;
}
.search .content {
    padding: 0;
    display: inline;
}
form#search-block-form {
    display: block;
    width: 237px;
    float: left;
    padding: 4px 0 0 4px;
}
form#search-block-form input#edit-search-block-form-1,
form#search-block-form input.form-text {
    border: 1px solid #ccc;
    display: block;
    width: 172px;
    float: left;
    background: #fff;

}
form#search-block-form input#edit-submit,
form#search-block-form input.form-submit {
    border: 1px solid #cccccc/*2A9DDF #f59f00*/;
    width: 58px;
    position: relative;
    left: 4px;
}

/* UniBi header images */
.flash_lane {
    height: 146px;
    background: #fff url('gfx/bg_flash_lane2.gif') no-repeat;
}
.flash_lane .flash {
    height: 120px;
    padding: 0 0 0 250px;
    font-size: 0;
}
.flash_lane .flashL {
    display: none;
}
.flash_lane .flashR {
    display: none;
}
.flash_lane .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.content {
    padding: 5px 0 0 28px;
}
.content .content {
    padding: 5px 0 0 0;
}
.content .left {
    width: 180px;
    float: left;
    padding: 28px 42px 0 0;
}
.content .middle {
    float:left;
    padding: 25px 0px 5px;
    width: 727px;
}
.content .right {
    padding: 28px 0 0 39px;
    width: 198px;
    float: left;
}
.footer {
    border-top: 1px solid #2A9DDF;
    padding:0 0 25px 0;
    font-size: 80%;
}
.footer p.left {
    display: inline;
    width: 222px;
    padding: 5px 190px 0 25px;
    color: #666666;
}

.footer p.middle {
    display: inline;
    width:	200px;
    padding: 5px 0 0 0;
}
.footer p.right {
    display: inline;
    width: 210px;
    padding: 5px 0 0 350px;
    color: #666666;
}
form.login {
}
form.login input {
    border: 1px solid #ccc;
    width: 178px;
    display: block;
    float: left;
    background: #fff;
    margin: 0 0 6px 0;
}
form.login input.pass {
    width: 130px;
}

form.login input.submit {
    border: 1px solid #000000 /*#f59f00*/;
    width: 43px;
    position: relative;
    left: 5px;
    height: 20px;
}
.padding {
    padding: 0 0 45px 0 ;
}
.cleaner {
    clear: both;
}

.breadcrumb {
    display: inline;
    margin:0px;
    padding:0px;
}

.page-previous {
    color:#000000;
    display: block;
    float: right;
    width: 100px;
}
.page-up {
    color: #000000;
    width: 100px;
    text-align: center;
    display: block;
    float: right;
}
.page-next {
    color:#000000;
    text-align: right;
    display: block;
    float: right;
    width: 100px;
}
#user-login-form label {
    display: block;
    width: 100px;
    float: left;
}
#user-login-form input {
    display: block;
    width: 100px;
    float: left;
    border: 1px solid #ccc;
    display: none;
}
#user-login-form #edit-name {
    width: 177px;
    display: block;
}

#user-login-form #edit-pass {
    width: 121px;
    margin:0 5px 0 0 ;
    display: block;
}

#user-login-form #edit-submit {
    width: 50px;
    display: block;
}

#user-login-form div {
    clear: both;
}
#user-login-form input.form-submit {
    width: auto;
}
.block-inner {
    padding: 0 0 15px 0;
}

.content .middle form fieldset .form-text {
    width:470px;
}

/* content forms */
.content .middle form fieldset {
    border: 0;
    border-bottom: 1px dashed #2A9DDF;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
.content .middle form legend,
.content .middle form legend a {
    font-weight: bold;
    padding: 0;
    display: block;
    padding: 0 0 5px 0;
}
.content .middle form input {
    border: 1px solid #ccc;
}
.content .middle form label {
    display: block;
}
.content .middle form div.description {
    padding: 5px 0 15px 0;
}
.ministerium {
    padding: 5px 0;
}



/* PEOPLE VIEWS */

thead th.views-field {
    /* border-bottom: 5px solid #F59F00;*/
}

/* People view headings */

thead th a {
    font-size:80%;
}

.view-people .item-list ul li {
    display: inline;
    float: left;	
    margin: 0em 1em 0.5em 0em;
    width: 160px;
    height = 150px;
}

.view-people .views-field-value-1 a:link {
    font-style: italic;
    /*font-weight: bold;*/
    text-decoration: none;
}

.view-people .views-field-value-2 a:link {
    font-style: italic;
    /*font-weight: bold;*/
    text-decoration: none;	
}

.view-people .views-field {
    padding: 5px; 
    font-weight:bold;
	
}

.views-field-field-akro-value {
    width:70px;
}

.views-field-tid {
    width:424px;
    font-size: 80%;	
    margin-bottom: 15px;
}

.user_profile .overview {
    margin-top:0.5em;
}

.user_profile .pubs, .user_profile .description {
    margin-top:1em;
}

.picture img {
    margin: 0;
    padding-right:2em;
}
.user_profile .picture {
    float: left;
}
.user_profile .field-name {
    padding-bottom:0.65em;
    padding-right:2em;
    vertical-align:top;
}
.user_profile .field-name:after {content:":";}

.user_profile .field {
    vertical-align:top;
}


/* Style Disabled fields */ 
input[type=text][readonly] {
    color: black;
    background: #E6E6E6;
}

.view-teaching .views-row-even {
    background: none;
}

/* News View */

.middle .view-news .views-field-title a{
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 0px 0px 0px;	
}
.views-field-title {
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;		
    padding: 0px 0px 0px;	

}

.views-field-created {
    color:#808080;
    font-size:80%;
    margin-bottom: 7px;
    margin-top: 4px;
}

.views-field-teaser {
    float: left;
    border-bottom: 5px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.middle .pager {
    border-top: 1px dashed #000000;
    margin: 2em 0 1em 0 ;
}

/*
 * MESSAGES STYLE
 *
 * Add sensible messages styling.
*/

div.messages, /* Important messages (status, warning, and error) for the user */
div.status,
div.warning,
div.error
{
    min-height: 21px;
    min-width:443px;
    margin: 0px 0px 0px 0px;
    border: 2px solid #ff7;
    padding: 10px 5px 5px 35px;
    color: #000;
    margin-bottom: 30px;
    background-color: #ffc;
    background-image: url(images/messages-status.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-style: italic;

}

div.error a {
    display:none;
}

div.status /* Normal priority messages */
{
}

div.warning /* Medium priority messages */
{
    border-color: #fc0;
    background-image: url(images/messages-warning.png);
}

div.warning,
tr.warning,
body.section-admin tr.warning
{
    color: #000; /* Drupal core uses #220 */
    background-color: #ffc;
}

div.error /* High priority messages. See also the .error declaration below. */
{
    /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
    border-color: #c00;
    background-image: url(images/messages-error.png);
}

div.error,
tr.error,
body.section-admin tr.error
{
    color: #900; /* Drupal core uses #200 */
    background-color: #fee;
}

div.messages ul
{
    margin-top: 0;
    margin-bottom: 0;
}


/* Custom user Profile CSS */

.middle .content p.section_heading {
    border-bottom: 1px dashed #2A9DDF;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 10px;
    margin-left: 130px;
}

#faq_title, #bio_title, #mot_title, #pubspid, .user_pubs {
    margin-left: 0px;
}

.toggle_faq, .toggle_bio, .toggle_motivation {
    display:block;
    margin-bottom: 7px;
}

.user_pubs #biblio-header{
    display:none;
}

.user_pubs .biblio-current-filters {
    display:none;
}


/* Biblio styles */

.biblio-title a {
    color:#000000;
}

/* Webforms */

#webform-components {
    max-width:484px;
}

html.js fieldset.collapsible legend a {
}

.form-item label {
}

tr.even, tr.odd {
    margin-bottom: 5px;
    margin-top: 5px;
}

input {
    -x-system-font:none;
    color:#494949;
    font-family:Verdana,sans-serif;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:100%;
    max-width:430px;
    min-width:50px;
}


/*coding styles */

pre {
    padding: 0;
    margin: 0;
    background: #f0f0f0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 20px; /*--Height of each line of code--*/
    max-width: 500px;
    overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
    overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
    margin: 0 0 0 40px;  /*--Left Margin--*/
    padding: 18px 0;
    display: block;
}

li pre {
    margin-left: -40px;
}


/* Video Overlay classes */

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
    background-image:url(images/transparent.png);
    color:#fff;
}

div.apple_overlay h2 {
    margin:10px 0 -9px 0;
    font-weight:bold;
}

div.black h2 {
    color:#fff;
}

#triggers {
    margin:0px;
    margin-bottom:10px;
    text-align:center;
}

#triggers img {
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    margin:2px 5px;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#triggers img:hover {
    background-color:#ff9900;
    padding:2px;
    border:1px solid #ff9900;
    margin:2px 5px;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


#triggers_layer2 {
    margin:10px;
    margin-bottom:10px;
    text-align:center;
}

#triggers_layer2 img {
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    margin:2px 5px;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#triggers_layer2 img:hover {
    background-color:#ff9900;
    padding:2px;
    border:1px solid #ff9900;
    margin:2px 5px;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

fieldset.collapsed legend a:hover {
    color:#ff9900;
}


/* book styles */
.book-navigation {
    clear: both;
    padding-top: 1em;
}
.book-navigation .menu {
    border-top: 1px solid #2A9DDF;
    padding: 1em 0 1em 1em;
}
.book-navigation .page-links {
    border-top: 1px dashed #2A9DDF;
    border-bottom: 1px solid #2A9DDF;
    text-align: center;
    padding: 0.5em;
}

/* YouTube styles */
.field-field-youtube-video .field-label {
    display:none;
}

/* Front Page Views Style */

div.red{
	color:red;
}
div.green{
	color:green;
}

div.blue{
	color:blue;
}

div.aqua{
	color:aqua;
}

div.fuchsia{
	color:fuchsia;
}

div.lime{
	color:lime;
}

div.silver{
	color:silver;
}

div.gray{
	color:gray;
}

div.teal{
	color:teal;
}

div.purple{
	color:purple;
}

div.navy{
	color:navy;
}

div.olive{
	color:olive;
}

div.maroon{
	color:maroon;
}

.views-row {
    padding: 5px;
}

.views-row-odd {
    background: none;
}
.views-row-even {
    background: rgb(210, 235, 248);
}
.item-list .views-row-even {
    background: none;
}

div.newsblock {
    margin-top: 0px;
    margin-bottom: 0px; 
    background: #ffffff;
    padding: 0px;
}

.slides-controls {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    text-align: center;
}
.slides-controls div {
    padding-right: 8px;
    padding-left: 8px;
}
.slides-controls .slides-badge {
    display: inline-block;
    height:13px;
    width:13px;
    padding:0;
    cursor:pointer;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.badge-active {
    color: #000;
    background-color: #fff;
}
.slides-caption {
    background-color: #2A9DDF;
    color: white;
    padding: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.slides img {
    float: none;
    margin: 0;
}