/*
 *  CeBiTec template for Joomla 4
 */

/*
 *  we provide our own FontAwesome
 *
@import "../fontawesome/css/fontawesome.min.css";
@import "../fontawesome/css/solid.min.css";
@import "../fontawesome/css/regular.min.css";
*/

:root {
	--templatecolor: #b0b5ca;
	--linkcolor: #e75f1c;
	--textcolor: #333;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100.01%;
	position:relative;
	color: var(--textcolor);
	font-family: arial, helvetica, sans-serif;
	background: #eeeeee none repeat scroll 0 0;
	padding: 10px 0;
}

#all {
	font-size: 0.8em;
	margin: auto;
	width: 1020px;
	text-align: left;
	border: solid 0px #ddd  !important;
}

#header {
	display: block;
	position: relative;
/*	overflow: hidden; */
	height: 265px;
	background: #fff;
}

.unilogo img {
	max-height: 72px;
}

.linkline {
	position: absolute;
	top: 205px;
	left: 250px;
	color: white;
}
.linkline a:link,
.linkline a:visited {
	color: white;
}

#contentarea,
#contentarea2 {
	position: relative;
	overflow: hidden;
	padding: 0 0 0 20px ;
	background: #fff
}

#wrapper,
#wrapper2 {
	float: left;
	position: relative;
/*	margin-top: 20px; */
}

#wrapper {
	width: 490px;
}

#wrapper2 {
	width: 750px;
	padding-bottom: 20px

}

#main {
	position: relative;
	min-height: 320px;
}

.left1 {
	float: left;
	margin: 0 20px 40px 0;
	width: 210px;
	position: relative;
}

.leftbigger {
        width: 210px;
}

/*
.wrap {
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
*/

#logo img {
	margin-right: 15px;
}

h1#logo {
        font-size: 3.5em;
        line-height: 1.0em;
}

#logo img {
        display: block;
        }

#logo span {
        padding-left: 2px
}

#logo span.header1 {
        font-size: 0.4em;
        display: block;
        top: 0;
        line-height: 0.8em
}

.logoheader {
        text-align: left;
        font-weight: normal;
        line-height: 1.5em;
}

/* ###################### main ###################### */


.blog-featured {
        padding: 0;
}

.items-leading {
        padding: 0 5px 10px 5px;
        overflow: hidden;
        margin-bottom: 10px
}

.row-separator {
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height: 1px
}

.item-separator {
        display: none;
        margin: 0;
}

.shownocolumns {
        width: 98% !important;
}

#top {
        margin: 0 0 20px 0;
        overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1 {
        width: 46%;
        float: left;
}

.cols-2 .column-2 {
        width: 46%;
        float: right;
        margin: 0;
}

.cols-3 .column-1 {
        float: left;
        width: 29%;
        padding: 0 5px;
        margin-right: 4%

}

.cols-3 .column-2 {
        float: left;
        widtha :29%;
        margin-left: 0;
        padding: 0 5px;
}
.cols-3 .column-3 {
        float: right;
        width: 29%;
        padding: 0 5px;
}

.items-row {
        overflow: hidden;
        margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
        padding: 10px 5px;
}

.column-2 {
        width: 55%;
        margin-left: 40%;
}

.column-3 {
        width: 30%;
}

.blog-more {
        padding: 10px 5px;
}

h3 {
        font-size: 1.1em;
        font-weight: bold;
        margin: 10px 0;
}

h4 {
        font-size: 1em;
}

fieldset {
        margin: 0;
        padding: 0;
        border: solid 1px;
}

p {
        line-height: 1.7em;
        margin: 8px 0;
}

em {
        font-weight: italic;
}


/* ##########################  navigation menu ############################## */

#nav ul {
        list-style-type: none;
        margin: 0;
}

.module_content {
        margin: 0;
        padding: 0 0 10px 5px;
}

.moduletable {
        margin: 0 0 20px 0;
        padding: 0;
}

.moduletable_menu {
        margin: 0 0 10px 0;
}

.moduletable_js {
        margin-bottom:5px;
}

#nav h3.js_heading,
#right h3.js_heading {
        position: relative;
        display: block;
        padding: 5px 0 0 0;
        margin: 0;
        font-size: 1.4em;
}

h3.js_heading span.backh {
        padding: 4px 0 0 10px;
        display: block;
}

h3.js_heading span.backh1 {
        padding: 0 20px 8px 0;
        display: block;
}

h3.js_heading a {
        display: block;
        position: absolute ;
        right: 0px;
        top: 0px;
        padding: 5px 5px 0 0;
        text-decoration: none;
}

.no {
        font-size: 1px;
}

#nav h3 {
        font-size: 1.4em;
        font-weight: normal;
	/*
        margin: 4px 0 6px 0;
        line-height: 1.19em
	*/
}

#nav h3 span.backh3 {
        padding: 0 0 5px 2px;
        display: block;
}


/* ++++++++++++++  first level  ++++++++++++++ */

#nav .moduletable-example ul.menu {
        margin: 0;
        padding: 0;
}

ul.menu {
        list-style-type: none !important;
        margin: 0;
        padding: 0px 5px 20px 5px;

}

.module_content ul.menu {
        margin-left: -5px;
        padding: 10px 0 0 0 ;
}

ul.menu li {
        margin: 0;
}

ul.menu li a:link,
ul.menu li a:visited {
        display: block;
        padding: 7px 4px 7px 15px;
        text-decoration: none;
}

ul.menu li.active a:link,
ul.menu li.active a:visited {
        font-weight: bold;
}

ul.menu li a:hover,
ul.menu li a:active,
ul li a:focus {
}


/* ++++++++++++++  second level  ++++++++++++++ */
ul.menu li ul {
        margin: 0;
        padding: 0;
}

ul.menu li ul li {
        margin: 0;
        padding: 0;
}

ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited {
        padding: 5px 10px 5px 20px;
        font-weight: normal;
}

ul.menu li.active ul li a.active:link,
ul.menu li.active ul li a.active:visited {
        padding: 7px 10px 7px 20px;
}

ul li.active ul li.active a:link,
ul li.active ul li.active a:visited {
        font-weight: bold;
}

/* ++++++++++++++  third level  ++++++++++++++ */

ul.menu li ul li ul {
        padding: 5px 0 5px 0;
}

ul.menu li ul li ul li {
}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited {
        padding: 5px 4px 5px 30px;
        font-weight: normal;
}

ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited {
        font-weight: bold;
}



/* ##########################  main  ########################### */

/* ++++++++++++++  main general  ++++++++++++++ */

#main .category-list h1,
.page-header h1,
.com-content-category-blog h1 {
	font-size: 1.4em !important;
	border-bottom: 5px solid var(--templatecolor);
}

.float-end {
	float: right;
}

.sr-only,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	overflow: hidden!important;
	clip: rect(0,0,0,0)!important;
	border: 0!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	white-space: nowrap!important;
	width: 1px!important;
}

#main .page-header > h1,
#main .blog > h1,
#main .content-category > h1 {
	display: table-cell;
	vertical-align: bottom;
	height: 42px;
	width: 1%;
}

#main h1 {
        font-size: 1.8em;
        font-weight: normal;
}

#main h2 {
        font-size: 1.6em;
        font-weight: normal;
        margin-bottom: 10px;
        padding: 3px 0;
}

#main h2 a {
        text-decoration: none;
}

#main h3 {
        margin-bottom: 10px;
        font-size: 1.4em;
        font-weight: normal;
}

#main h4 {
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.2em;
        font-weight: normal;
}

.item {
        padding: 0 5px 10px 5px;
        display: block
}

.item h2 {
        margin:0 0px 10px 0px;
}

.item-page {
        padding: 0;
        display: block;
        overflow: hidden
}

.blog .category-desc {
        margin: 10px 0 25px;
}

.blog .cat-children .category-desc {
        padding: 0;
        margin: 10px 0 25px;
}

#main .items-row h2 {
        font-weight: normal;
        padding: 5px 2px 5px 2px;
        font-size: 1.4em;
}
#main ul.subcategories {
        margin:20px 20px 20px 10px;
}
#main .subcategories-link {
        font-weight: bold;
}

/* #main ul   XXX: prevents list-style settings in children classes */
ul {
        list-style-position: outside;
        list-style-type: square;
        padding: 0 0 0 15px;
        margin: 10px 0 10px 0px;
}

#main ol {
        padding: 0 0 0 20px;
        margin: 10px 0 10px 0px;
	list-style-position: outside;
}

#main ul li,
#main ol li {
        padding: 0;
        line-height: 1.7em;
        margin: 0;
}

#main .category-list {
        display: block;
}

#main .category-list > h1 {
	height: 42px;
	display: table-cell;
	vertical-align: bottom;
	width: 1%;
}

.categories-list {
        padding:0 5px;
}

#main .categories-list ul {
        margin: 0 0 0 20px;
        padding: 0;
}

#main .categories-list ul li {
        padding: 5px;
}

#main .categories-list ul ul {
        margin-left: 15px;
}

.category-desc {
        line-height: 1.7em;
        margin: 10px 0;
        padding-left: 0px;
}

.small {
        margin: 0 0 20px;
}

.image-left {
        float: left;
        margin: 0 15px 5px 0;
}

.image-right {
        float: right;
        margin: 0 0 5px 15px;
}

.archive {
        padding: 0 5px;
}

.archive form {
        padding: 0 5px;
}

ul#archive-items {
        margin: 20px 0 20px 0px;
        list-style-type: none;
        padding: 0;
}

ul#archive-items li.row0,
ul#archive-items li.row1 {
        padding: 10px 0;
        margin: 10px 0;
}

/* ++++++++++++++  columns  ++++++++++++++ */

.cols-4 .column-1 {
        width: 23%;
        float: left;
}

.cols-4 .column-2 {
        width: 23%;
        margin-left: 1%;
        float: left;
}

.cols-4 .column-3 {
        width: 23%;
        margin-left: 1%;
        float: left;
}

.cols-4 .column-4 {
        width: 23%;
        margin-left: 0;
        float: right;
}

/* ++++++++++++++  top  ++++++++++++++ */

#top h2 {
        font-size: 1.4em;
        font-weight: normal;
}

/* ++++++++++++++  leading  ++++++++++++++ */

#main .items-leading h2 {
        font-size: 1.4em;
        font-weight: normal;
        padding: 5px 0px;
}

/* ++++++++++++++  readmore  ++++++++++++++ */

#main .readmore a {
        font-weight: bold;
        padding: 2px 5px 2px 10px;
        display: inline-block;
        margin-top: 5px;
	text-decoration: none;
}

.newsflash  a.readmore:link,
.newsflash a.readmore:visited,
#main a.readmore:link,
#main a.readmore:visited {
        padding: 4px 5px 4px 10px ;
        line-height: 1.2em;
        text-decoration: none;

}

.newsflash  a.readmore:link,
.newsflash a.readmore:visited {
	margin: 10px 0;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus {
        text-decoration: none;
}

#main .readmore a:hover,
#main .readmore a:active,
#main .readmore a:focus {
        text-decoration: none;
}

/* ++++++++++++++  details  ++++++++++++++ */

.article-info {
        margin: 10px 0 10px 0px;
        font-size: 0.9em;
        text-align: right;
}

.article-info-term {
        display: none;
}

dt.category-name,
dt.create,
dt.modified,
dt.createdby {
        float: left;
        padding-right: 5px;
}

.archive .article-info dd,
.article-info dd {
        margin: 2px 0 0px 0;
        line-height: 1.2em;
}

dd.createdby {
}

.article-info dd span {
    text-transform: none;
    display: inline-block;
    padding: 0 5px 0 0;
    margin: 0 10px 0 0;
}

/* ++++++++++++++  icons  ++++++++++++++ */

#main ul.actions {
        text-align: right;
        padding: 0;
        width: 100%;
        margin: 0;
}

#main ul.actions li {
        display: inline;
}

#main ul.actions a {
        text-decoration: none;
}

/* ++++++++++++++  items more  ++++++++++++++ */

#main .items-more {
        padding-top: 10px;
}

#main .items-more h3 {
        font-weight: normal;
        margin: 0;
        padding: 5px;
        font-size: 1.4em
}

#main .items-more ol {
        line-height: 1.3em;
        list-style-type: none;
        margin: 0;
        padding: 10px 0 10px 2px;
}

#main .items-more ol li {
        padding: 2px;
}

#main .items-more ol li a {
        display: inline;
        margin: 0;
        font-weight: normal;
        padding: 5px 5px 5px 20px;
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus {
        font-weight: normal;
        padding: 5px 5px 5px 20px;
        text-decoration: none;
}


/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination {
        margin: 10px 0;
        padding: 10px 0 10px 0px;
	border-top: solid 1px #ddd;
}

#main .pagination ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left;
}

#main .pagination li {
        display: inline;
        padding: 2px 5px;
        text-align: left;
        border: solid 1px #eee;
        margin: 0 2px
}

.pagenav {
	padding: 2px;
}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev {
	border: 0;
}

#main .pagination li.pagination-start,
#main .pagination li.pagination-start span {
	padding: 0;
}

#main .pagination li.disabled.page-item {
	color: #e0e0e0;
}

#main .pagination span.page-link {
	color: var(--link-color);
}

p.counter {
        font-weight: bold;
}

/* pagenav */
/*
#main ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden;
}

ul.pagenav li {
	display:inline-block;
	padding:1px;
	margin:0;
	border:solid 0px #cc0000;
	position:relative;

}

#main ul.pagenav li {
	line-height:2em
}

ul.pagenav li a {
	border:solid 1px #ccc;
	display:inline;
	background:#eee;
	padding:2px;
	text-decoration:none;

}

ul.pagenav li.pagenav-prev {
	float:left;
}

ul.pagenav li.pagenav-next { 
	float:right;
}

.pagenavcounter {
        font-weight: bold;
}
*/

/* ##########################  right column   ########################### */

#right {
	position: relative;
	float: left;
	width: 240px;
	margin: 0 0 10px 20px;
	padding: 0 0 5px 0;
}

#right h3 {
        font-size: 1.4em;
        font-weight: normal;
	height: 42px;
	width: 1%;
	vertical-align: bottom;
	display: table-cell;
	border-bottom: solid 5px var(--templatecolor);
}

#right ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0px;
	position: relative;
}

#right ul.categories-module ul {
	margin: 15px 0 15px 10px;
}

#right ul.category-module {
        margin-top: 0;
        padding-top: 0;
}

/*  ####################   forms   #####################  */

#member-registration {
        padding: 0 5px;
}

#member-registration fieldset {
	border: solid 1px #ddd;
}

form fieldset dt {
        clear: left;
        float: left;
        width: 12em;
        padding: 3px 0;
}

form fieldset dd {
        float: left;
        padding: 3px 0;
}

/* ########################### contacts ########################### */

.contact {
        padding: 0 5px;
}

.contact-category {
        padding: 0 10px;
}

.contact-category  #adminForm fieldset.filters {
	border: 0;
	padding: 0;
}

.contact-image {
	margin: 10px 0;
	overflow: hidden;
}

.contact-image img {
/* as you like
float:right;
float:left */
}

address {
        font-style:normal;
        margin: 10px 0;
}

address span {
        display:block
}

span.contact-image {
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}

.contact-address {
	margin: 20px 0 10px 0;
}

.contact-email div {
        padding: 2px 0;
        margin: 0 0 10px 0;
}

.contact-email label {
        width: 17em;
        float: left;

}

#contact_textmsg {
	padding: 2px 0 10px 0;
}

#contact-email-copy {
        float: left;
        margin-right: 10px;
}

.contact .button {
        float: none !important;
        clear: left;
        display:i block;
        margin: 20px 0 0 0;
}

dl.tabs {
	float: left;
	margin: 50px 0 0 0;
	z-index: 50;
	clear: both;
}

dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-right: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open {
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	z-index: 100;
	color: #000;
}

/*
div.current {
	background: url(../images/nav_level_1.gif) repeat-x;
}
*/

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}


div.current dd {
	padding: 0;
	margin: 0;
}

dl#content-pane.tabs {
	margin: 1px 0 0 0;
}

/*#################### tables ############################ */

table.weblinks,
table.category {
        font-size: 1em;
        margin: 10px 10px 20px 0px;
        width: 99%;
}

table.weblinks td {
        border-collapse: collapse;
}

table.weblinks td,
table.category td {
        padding: 7px;
}

table.weblinks th,
table.category th {
        padding: 7px;
        text-align: left;
}

td.num {
        vertical-align: top;
        text-align: left;
}

td.hits {
        vertical-align: top;
        text-align: center;
}

td p {
 /*       margin:0; */
        line-height: 1.3em;
}

.filter {
        margin: 10px 0;
}

.display-limit,
.filter {
        text-align: right;
        margin-right: 7px;
}

/* ++++++++++++++  category table  ++++++++++++++ */

/*
table.category th a img {
        padding: 2px 10px;
}

.filter-search {
        float: left;

}

.filter-search .inputbox {
	width: 6em;
}

legend.element-invisible {
        position: absolute;
        /* need margin top and left doesn't work for the legend element * /
        margin-left: -3000px;
        margin-top: -3000px;
        height: 0;
}

.cat-items {
}

*/

/* ++++++++++++++  Error Message contact form  ++++++++++++++ */
p.error {
        padding: 10px;
}

/* ++++++++++++++  editor  ++++++++++++++ */
.contentpaneopen_edit {
        float: left;
}

.contentpaneopen_edit img {
}

a.mceButton:hover {
	background: none !important;
}

/* ++++++++++++++  pagebreak  ++++++++++++++ */
table.contenttoc {
        padding:10px;
        margin:10px;
}

table.contenttoc tr td {
        padding: 1px 0px;
}


/* ++++++++++++++  edit  ++++++++++++++ */
legend {
        padding: 3px 5px;
}

form#adminForm { 
}

.edit form#adminForm fieldset {
        padding: 20px 15px;
        margin: 10px 0 15px 0;
}

.formelm {
        margin: 5px 0;
}

.formelm label {
        width: 13em;
        display: inline-block;
        vertical-align: top;
}

form#adminForm .formelm-area {
        padding: 5px 0;
}

form#adminForm .formelm-area label {
        vertical-align: top;
        display: inline-block;
        width: 7.9em;
}

.formelm-buttons {
        text-align: right;
        margin-bottom: 10px;
}

.button2-left {

}

a.modal-button,
.button2-left .blank a,
.button2-left a,
.button2-left div.readmore a {
	background: #eee;
	padding: 4px !important;
	margin: 0 !important;
	line-height: 1.2em;
	border: solid 1px #ddd;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px !important;
}

/* ++++++++++++++  tooltip  ++++++++++++++ */
/*
.tip {
        font-size: 0.8em;
        text-align: left;
        padding: 3px;
        max-width: 400px;
	border: solid 1px var(--textcolor);
	background: #ffffcc;
}

.tip-title {
        font-weight: bold;
}

*/

/* #################### modules ############################ */

/* ++++++++++++++  newsflash  ++++++++++++++ */

/* newsflash horizontal */
.newsflash-horiz {
        overflow: hidden;
        list-style-type: none !important;
        margin: 0 5px!important;
        padding: 20px 10px !important;
}

.newsflash-horiz li {
        float: left;
        width: 30%;
        margin: 0 1% !important;
        padding: 10px 5px;
}

ul.newsflash-horiz li h4 {
	font-size: 1.4em;
}

.newsflash-horiz li img {
    display: block;
    margin-bottom: 10px;
}

/* newsflash vertical */

.newsflash-vert {
    padding: 0;
}


/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem {
        margin: 10px 0;
        padding: 0;
}

.banneritem a {
        font-weight: bold;
}


/* ++++++++++++++  latest, popular  ++++++++++++++ */

#nav .module_content ul.latestnews,
#nav .module_content ul.mostread {
        margin: 10px 0 0 0;
}

ul.latestnews,
ul.mostread {
        padding-left: 10px;
        list-style-type: none !important;
}

ul.latestnews li a,
ul.mostread li a {
    padding: 2px 2px 2px 15px ;
    display: block;
    text-decoration: none;
}

/* ++++++++++++++  newsfeed  ++++++++++++++ */
.newsfeed {
        padding: 0 5px;
}

ul.newsfeed {
        padding: 0 !important;
}

.newsfeed-item {
        padding: 5px 0 0 0;
        margin: 0;
}

.feed-item-description img {
	margin: 5px 10px 10px 0;
}

.newsfeed-item h5 a {
        font-size: 1.1em;
        font-weight: bold !important;
}

dl.newsfeed-count dt,
dl.newsfeed-count dd {
        display: inline;
}

/* ++++++++++++++  weblinks  ++++++++++++++ */

dl.weblink-count dt,
dl.weblink-count dd {
        display: inline;
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form {
        padding-top: 5px;
}

#login-form fieldset {
        padding: 0;
}

#login-form .inputbox {
        padding: 2px;
}

#login-form fieldset.input {
        padding: 10px 0 0 0;
        margin: 0 0 10px 5px;
}

#login-form label {
        margin-right: 10px;
        width: 8.4em;
        display: block;
        float: left;
}

#form-login-remember label {
	float: none;
	width: auto;
	display: inline;
}

.logout-button {
	margin-top: 10px;
}

input.button,
button.button,
button.validate {
        cursor: pointer;
        padding: 3px 5px 3px 7px ;
        font-weight: bold;
        line-height: 1.2em;
        font-family: arial;
}

#modlgn-username,
#modlgn-passwd {
        width: 9em;
}

.module_content #form-login-username label,
.module_content #form-login-password label {
            float: left;
            width: 5.2em;
}

.login-fields {
        margin: 10px 0;
}

.login-fields label {
        float: left;
        width: 9em;
}

.login-description img,
.logout-description img {
        float: left;
        margin-right: 20px;
}

.login-description,
.logout-description {
        overflow: hidden;
	padding-left: 5px;
	margin: 20px 0 10px 0;
}

.logout-description {
        margin-bottom: 20px;
}

/* ++++++++++++++  tabs/ slide  ++++++++++++++ */
.slide {
        height: auto !important;

}

ul.tabs {
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
}

.tabopen ul.newsflash-horiz,
.tabopen ul.newsflash-vert,
.tabopen ul.latestnews {
	margin: 0 !important;
	padding: 0 !important;
}

.tabopen ul.newsflash-horiz li,
.tabopen ul.newsflash-vert li {
    padding: 0 6px !important;
}

ul.tabs li {
    list-style-type: none;
    float: left;
    width: auto;
    padding: 0;
    display: block;
    margin: 0;
    font-size: 1em;
}

ul.tabs li a:link,
ul.tabs li a:visited {
    text-decoration:none;
    padding:7px 5px;
    margin:0px ;
    display:block;
    font-size:0.9em;
    font-weight:normal;
}

ul.tabs li a.linkopen:link,
ul.tabs li a.linkopen:visited
{
    font-weight:bold;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
        text-decoration:underline;
}

.tabcontent
{
        padding:15px 10px;
        margin-top:-1px;

}

.tabcontent:focus
{
	outline:none
}

.tabopen
{
        display:block;
        margin-bottom:20px;
        overflow:hidden
}

.tabclosed
{
        display:none
}

.tabcontent ul
{
        padding:0
}

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

.tabcontent .linkclosed
{

}

a.linkopen
{

}

.tabouter
{
        margin-top:20px
}


.module_content
{border:solid 1px #000;
padding:10px}


/* ++++++++++++++  content-module ++++++++++++++ */
.category-module li
{
        padding:5px 0 5px 0
}

.category-module span
{
        display:block;
        font-size:0.85em;
}

.category-module a span
{
        display:inline
}

a.mod-articles-category-title
{
        text-decoration:none;
        font-weight:bold
}



/*-------------------------------*/

/*
.australia
{
        margin:0px 0;
        padding:10px 65px 10px 10px;
}

.australia h3
{
        font-size:1.4em;
}

.australia a
{
        font-weight:bold
}

.australia p
{
        line-height:1.4em
}
*/

/* ###########  Categories list ############ */
#main .categories-listalphabet ul
{
	padding:0;
	margin:20px 10px 10px 0;
	list-style-type:none;
	list-style-position:inside
 }
#main .categories-listalphabet ul li
{
	display :inline;
	padding:5px;
	border-right:solid 1px #ddd
}


#main .categories-list ul
{
	list-style-type:none;
	margin:0
}
#main .categories-list dl dt,
#main .categories-list dl dd
{
	display:inline
}

#main .cat-children
{
	padding-left:5px
}
#main .cat-children ul dl dt,
#main .cat-children ul dl dd
{ display:inline}

#main .cat-children ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
 #main .cat-children ul
{
	margin:20px 20px 20px 0;
}
#main .cat-children ul ul
{
	margin:20px
}

#main .cat-children ul li
{
	margin:10px 0 10px 0
}




  /* mod stats  */


.stats-module dl
{
	margin:10px 0 10px 0
}
.stats-module dt
{
	float:left;
	margin:0 10px 0 0;
	font-weight: bold;
}
.stats-module dt,
.stats-module dd
{
	padding:2px 0 2px 0
}

/* syndicate * /

a.feed-link
{
margin-top:15px;
display:block;
text-decoration:none
}

.feed-link img
{border:0}
*/
/* pagebreak */

#article-index
{
	width:25%;
	float:right;
	border:solid 1px #eee;
	padding:10px;
	margin: 10px 0px 20px 30px;
	background:#f9faf9
}
#article-index h3
{
	margin:0;
	font-size:1em;


}

#article-index ul
{
	list-style-type:disc;
	color:#666
}


/* mailto window */


#mailto-window
{
	background:#f5f5f5;
	padding:15px;
	border:solid 1px #ddd;
	position:relative
}
#mailto-window label
{
	width:10em
}

.mailto-close
{
	position:absolute;
	right:0;
	top:5px;
	background:none;




}


.mailto-close a
{
background:#f5f5f5 url(../images/close.png) no-repeat !important;
min-width:25px;
display:block;
min-height:25px;
overflow:visible
}

.mailto-close a  span
{
	position:absolute;
	left:-3000px;
	top:-3000px;
	display:inline

}
#mailto-window  .inputbox
{
	background:url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #ccc;
	padding:3px;
}

#mailto-window p
{
	margin-top:20px
}

#mailto-window button
{
	margin:0 5px 0 0
}

.clr{
	clear:both;
}

/* for the spacer field*/
span.spacer > span.text label {
	white-space: nowrap;
	font-weight: bold;
	color: #666;
}
.red {
	font-weight: bold;
	color: #c00;
}

.star {
	color:#cc0000;
}

/* ++++++++++++++  news feeds direction ++++++++++++++ */

.redirect-ltr {
	direction: ltr;
	text-align: left;
}

.redirect-rtl {
	direction:rtl;
	text-align: right;
}
#main h3.title,
#main2 h3.title,
#main dl.tabs h3,
#main2 dl.tabs h3 {
	margin: 0;
}

/* ++++++++++++++  feed display module ++++++++++++++ */

div.feed {
	display:block;
	padding: 5px 10px;
}

/*
 * author ( vt )
 * cebitec color: #b0b5ca
 */

/* not ready */

/* ##########################  general  ########################### */


/*@font-face {
	font-family: 'Titillium Maps';
	src: url("../fonts/TitilliumMaps29L002.eot");
	src: local('Titillium Maps'), local('TitilliumMaps'),
		url("../fonts/TitilliumMaps29L002.otf") format("opentype"),
		url("../fonts/TitilliumMaps29L002.woff") format("woff");
}
*/

/*
 *  mark external links with specfic icon from FontAwsome font
 *
#contentarea2 a[href^="http"]:not([href^="http://www.cebitec.uni-bielefeld.de"])::after,
#contentarea2 a[href^="https"]:not([href^="https://www.cebitec.uni-bielefeld.de"])::after,
#contentarea a[href^="http"]:not([href^="http://www.cebitec.uni-bielefeld.de"])::after,
#contentarea a[href^="https"]:not([href^="https://www.cebitec.uni-bielefeld.de"])::after {
	font: var(--fa-font-solid);
	font-size: 85%;
	content: "\f08e";
	color: inherit;
	padding-left: 0.3em;
	vertical-align: 1px;
}
*/

/*
 *  the following requires to not use "#main ul" in layout.css
 */
ul.pdflist {
    list-style-type: none;
}
.pdflist li:before {
/*	font-family: FontAwesome; */
	font: var(--fa-font-solid);
	content: "\f1c1";
	color:  var(--linkcolor);
	padding-right: 0.3em;
}

a:link,
a:visited {
    color: var(--linkcolor);
    text-decoration: none;
}

/*
a:hover,
a:active,
a:focus {
    background: #4444ee;
    color: #FFF;
}
*/

input:focus {
    border: solid 2px;
}

fieldset {
    border: solid 0px #ccc
}

.article-info {
/*    color: #333333;*/
}

.article-info dd span {
/*    color: #333333; */
    border-right: solid 0px;
}

/* ##########################  unilogo  ########################### */

.unilogo {
    position: absolute;
    top: 20px;
    left: 20px;
}

/* ##########################  toptitle  ########################### */

/*
.toptitle3 {
    position: absolute;
    top: 22px;
    left: 260px;
    width: 735px;
    height: 30px;
    font-size: 1.4em;
    color: #777777;
}

.toptitle2 {
    position: absolute;
    top: 45px;
    left: 260px;
    width: 735px;
    height: 30px;
    font-size: 1.4em;
    color: #777777;
}

.toptitle1 {
    position: absolute;
    top: 66px;
    left: 260px;
    width: 735px;
    height: 30px;
    font-size: 1.4em;
    color: #777777;
}
*/

/* ##########################  picture right  ########################### */

.pic1 {
	position: absolute;
	top: 92px;
	left: 250px;
	width: 510px;
	height: 120px;
	z-index: 2;
	overflow: hidden;
	background-color: var(--templatecolor);
}

.pic1 .random-image img {
	width: 510px;
	height: 120px;
}

/* ##########################  picture left  ########################### */

.pic2 {
	position: absolute;
	top: 92px;
	left: 760px;
	width: 260px;
	height: 120px;
	z-index: 2;
	overflow: hidden;
	background-color: var(--templatecolor);
}

.pic2 .random-image img {
	width: 260px;
	height: 120px;
}

/* ##########################  colored header area ################## */

.area {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 760px;
	height: 120px;
	z-index: 0;
/*	background: #b0b5ca; */
	background-color: var(--templatecolor);
}

/* ##########################  breadcrumbs  ########################### */

#breadcrumbs {
	position: absolute;
	top: 240px;
	left: 250px;
	width: 510px;
	height: 13px;
	z-index: 2;
	color: var(--templatecolor);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#breadcrumbs span,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: var(--templatecolor);
}

#breadcrumbs a.pathway span:hover,
#breadcrumbs a.pathway span:active,
#breadcrumbs a.pathway span:focus {
	background: #b0b5ca;
	color: #f0f0f0;
}

#breadcrumbs span.divider.icon-location.icon-fw {
	display: none;
}

.breadcrumb {
	/* XXX: ugly hack */
	display: -webkit-box;
	/*
	display: -ms-flexbox;
	display: flex;
	*/
	padding: 0 0;
	margin-bottom: 1rem;
	list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	color: #6d757e;
	content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */;
}

/* ##########################  logo  ########################### */

/*
#logo span {
    color: #555 !important;
    margin-top: 6px;
    font-size: 0.4em !important;
    letter-spacing: 1px;
}

.logoheader {
    color: #555;
    background: #fff;
}
*/

h1#logo {
	overflow: hidden;
	position: absolute;
	top: 12px;
	right: 0;
	height: 72px;
}

.topsearch .awesomplete {
	position: absolute;
	top: 215px;
	right: 2px;
	z-index: 1000;
}

.topsearch .awesomplete > input {
	width: 251px;
}

.com-finder {
	margin-top: 40px;
}

/* ##########################  site navigation menu  ########################### */

#nav h3:first-child {
	border-bottom: solid 5px var(--templatecolor);
	display: table-cell;
	vertical-align: bottom;
	height: 42px;
	width: 1%;
}

/* ++++++++++++++  first level  ++++++++++++++ */

#nav li {
	border-bottom: 1px dashed #ddd;
	padding: 7px 4px;
}

#nav li a:link,
#nav li a:visited {
	color: var(--textcolor);
}

#nav li.active a:link,
#nav li.active a:visited {
	font-weight: bold;
	color: var(--textcolor);
}

#nav li a:hover,
#nav li.nav-item:hover {
	background: #fff url(../images/nav_level_1.gif) repeat-x;
	color: var(--textcolor);
}

/* ++++++++++++++  second level  ++++++++++++++ */

#nav li.active ul li {
	display: grid;
	border-bottom: none;
}

#nav li ul li ul {
	padding-top: 5px;
}

#nav li.active ul li a:link,
#nav li.active ul li a:visited {
	font-weight: normal;
	padding: 3px 2px 0 10px;
	color: var(--textcolor);
}

#nav li.active ul li.active a:link,
#nav li.active ul li.active a:visited {
	font-weight: bold;
	color: var(--textcolor);
}

/* ++++++++++++++  third level  ++++++++++++++ */

.nav li ul li ul {
	border: 0 !important;
	padding-bottom: 0;
}

#nav li.active ul li.active ul li a:link,
#nav li.active ul li.active ul li a:visited {
	font-weight: normal;
	border-bottom: solid 1px #fff;
	color: var(--textcolor);
}

#nav li.active ul li.active ul li.active a:link,
#nav li.active ul li.active ul li.active a:visited {
	font-weight: bold;
	color: var(--textcolor);
}

/* ++++++++++++++  fourth level  ++++++++++++++ */

#nav li ul li ul li ul {
	border: solid 1px #eee !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background: #fff url(../images/level4.png) repeat-x !important;
}

#nav li.active ul li.active ul li.active ul li a:link,
#nav li.active ul li.active ul li.active ul li a:visited {
	font-weight: normal;
	padding: 3px 2px 3px 40px;
	font-size: 0.9em;
	background: #fff url(../images/arrow_small.png) no-repeat  30px 5px;
	color: var(--textcolor);
}

#nav li.active ul li.active ul li.active ul li.active a:link,
#nav li.active ul li.active ul li.active ul li.active a:visited {
	font-weight:bold;
	color: var(--textcolor);
}

/* ++++++++++++++  fifth level  ++++++++++++++ */

#nav li ul li ul li ul li ul {
	border: solid 0px #eee !important;
	padding-top: 5px !important;
	padding-bottom: 10px !important;
	background :#fff url(../images/level4.png) repeat-x !important;
}

#nav li.active  ul li.active  ul li.active  ul li.active ul li a:link,
#nav li.active  ul li.active  ul li.active  ul li.active ul li a:visited {
	font-weight: normal;
	padding: 3px 2px 3px 5px;
	font-size: 0.9em;
	background: #fff;
	color: var(--textcolor);
	margin: 0 10px 0 35px;
	border-bottom: solid 1px #ddd;
}

#nav li.active  ul li.active  ul li.active  ul li.active  ul li.active a:link,
#nav li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited {
	font-weight: bold;
	color: var(--textcolor);
}


/* ##########################  content - main   ########################### */
                                                                                                 
#main {
	min-height: 300px
}

#main a:link,
#main a:visited {
	color: var(--linkcolor);
	text-decoration: none;
}

#main a:hover,
#main a:active,
#main a:focus {
	background: var(--templatecolor);
	color: #f0f0f0;
}

#main th a:hover,
#main th a:active,
#main th a:focus {
	background: #333;
	color: #fff;
}

#contentline {
	position: relative;
	top: 46px;
	height: 5px;
	width: 100%;
	background-color: var(--templatecolor);
}


.item-page-title,
.item-page-title a {
	border-bottom:solid 5px var(--templatecolor);
}

.item-page p {
	text-align: justify;
}

.items-row h2 {
	color: var(--templatecolor);
	border-top: solid 1px var(--templatecolor);
	border-bottom: solid 1px var(--templatecolor);
}

.items-row h2 a:hover,
.items-row h2 a:active,
.items-row h2 a:focus,
.items-leading h2 a:hover,
.items-leading h2 a:active,
.items-leading h2 a:focus {
	color: #fff !important;
	text-decoration: none !important;
}

/*
.items-leading h2 {
	color:#333;
}

#main h2 {
	color:#333;
}

#main h2 a {
	color:#333;
}
*/

.page-header:first-child > h3,
.blog > h3,
.phomepage > h3,
.category-list > h3 {
	border-bottom: 5px solid var(--templatecolor);
	display: table-cell;
	height: 42px;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: bottom;
	width: 1%;
}

.page-header {
	display: block;
	margin-bottom: 10px;
}

/* ++++++++++++++  readmore  ++++++++++++++ */

.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited {
	color: var(--textcolor);
	background: #eee url(../images/arrow1.gif) no-repeat left top;
	border: solid 1px #ddd;
}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus {
	background: #555 url(../images/arrow2.gif) no-repeat left 6px !important;
	color: #fff;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus {
	background: #555;
	color: #fff;
}

/* ++++++++++++++  icons  ++++++++++++++ */

.actions img {
	border: 0;
}

/* ++++++++++++++  items-more  ++++++++++++++ */

#main .items-more h3 {
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
}

#main .items-more ol {
	color:#000;
}

#main .items-more ol li a {
	background: #fff url(../images/blog_more.gif) no-repeat  !important;
	color: #8295a4 /* #377A2E */
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus {
	background: #555 url(../images/arrow2.gif) no-repeat 0px center;
	color: var(--textcolor);
}

/* ++++++++++++++  article index  ++++++++++++++ */

table.contenttoc {
	border: solid 1px #ccc;
}

/* ##########################  modules  ########################### */

/* ++++++++++++++  mostread, latest news ++++++++++++++ */

.latestnews li {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 10px;
	line-height: 1.5em;
	border-bottom: 1px dashed #ddd;
}

ul.latestnews li a, ul.mostread li a {
	padding: 2px;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus {
	color: #f0f0f0;
	background:var(--templatecolor) url(../images/arrow_white_grey.png) 2px 6px  no-repeat !important;
}

/* ++++++++++++++  newsfeed  ++++++++++++++ */

ul.newsfeed {
	border:solid 1px #f0f0f0;
}

.newsfeed-item {
	border-bottom:solid 1px #f0f0f0;
}

/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem {
	border: 0;
}

.banneritem a {
	background: none;
}

.banneritem a img {
	background: none;
	border: 0;
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form .inputbox {
	border: solid 1px #ddd;
	background:url(../images/content_bg.gif) repeat-x;
}

fieldset.input {
	border: 0;
}

input.button,
button.button {
	background: #ffffff url(../images/arrow1.gif) no-repeat left top;
	border: 1px solid #ddd;
	color: var(--textcolor);
}


/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs {
	border:solid 1px #ddd;
	border-bottom:0;
	background:#f5f5f5 url(../images/box.png) repeat-x;
}

ul.tabs li {
	background:#f5f5f5 url(../images/box.png) repeat-x;
	border-right:solid 1px #ddd
}

ul.tabs li a:link,
ul.tabs li a:visited {
	color:var(--textcolor);
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus {
	color:#000
}

.tabcontent {
	border:solid 1px #ddd;
	background:#fff;
	color:#000;
}

.tabcontent .linkclosed {
	color:#000;
	border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen {
	background:#fff;
	color:var(--textcolor);
	border:0
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus {
	background:#555;
	color:#fff
}


/* ++++++++++++++  category-module  ++++++++++++++ */

.category-module li {
	border-bottom:solid 1px #ddd;
}

.category-module li li {
	border:0
}

/* ##########################  search   ########################### */

/*
.searchintro img {
	border: 0px;
}

.inputbox:focus {
	border: solid 2px #000;
}

.word {
	background: #fff;
	border: solid 0px #ccc;
}

.word input {
	background: #fff;
	border: solid 1px #999;
	color: var(--textcolor);
}

.only {
	border: solid 1px #ccc;
}

.phrases {
	border: solid 1px #ccc;
}
*/

/* ++++++++++++++  selects  ++++++++++++++ */
/*
.phrases .inputbox {
	background: #fff;
	color: #000;
}

.phrases .inputbox option {
	background: #f5f5f5;
	border-bottom: solid 1px #ccc;
}

.phrases .inputbox option a:hover {
	background: #c00;
	border-color: #cfd0d6;
	color:#fff;
}
*/

/* ++++++++++++++  search results	++++++++++++++++++ */

/*
dl.search-results {
	background: #f5f5f5;
}

dl.search-results dt.result-title {
	border-top: dotted 1px #ddd;
}

dl.search-results dd.result-created {
	border-bottom: solid 5px #fff;
}
*/

/* ##########################  forms   ########################### */

/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid {
	border-color: red !important;
}

label.invalid {
	color: red;
}

/* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom {
	border: solid 1px #ccc;
}

#member-profile fieldset {
	border: solid 1px #ccc;
}


/* ##########################  tables   ########################### */

tr.odd,
.cat-list-row1 {
	background:url(../images/news.gif) repeat-x;
}

/*
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
	background: var(--templatecolor);
	color: #fff;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a {
	color: #fff !important;
}

td.table_footer {
	background: #ddd url(../images/table_footer.gif) bottom left repeat-x;
}

table.category th a img {
	border: solid 0px ;
}
*/

/* for opera */
/*
tr,
td {
	border: solid 0px;
}

fieldset.filters {
	border: 0;
}
*/

/* ##### Zebra table ##### */

/*
table.zebra caption {
	font-size: 2em;
	background-color: #ff6060;
	margin-bottom: 4px;
}

table.zebra th {
	background-color: #b0b0b0;
	padding: 5px;
}

table.zebra td {
	padding: 6px 3px;
}

table.zebra .odd  {
	background-color: #f6f6f6;
}

table.zebra .even {
	background-color: #d0d0d0;
}
*/

/* ##########################  contacts   ########################### */

.contact form {
	background:#fff;
	color:#000;
}

.contact input {
	background:#fff;
	color:#000;
}

.contact input.invalid,
.contact textarea.invalid {
	border:solid 2px red;
}

.contact label.invalid {
	color:red;
}

/* ++++++++++++++  group abstracts  ++++++++++++++ */

.abstract {
        font-weight:bold;
        text-align: justify;
}

/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error {
	color:#044b63;
	background:#eee;
	border-top:3px solid #044b63;
	border-bottom:3px solid #044b63;
}


/* ##########################  footer   ########################### */

#footer-outer {
	width: 1020px;
	margin: auto;
	padding: 0;
	border-top: 1px dashed #dddddd;
}

#footer {
	padding: 0px 10px 15px 20px;
	text-align: center;
	margin: 0 auto;
	display: block;
	max-width: 1020px;
	overflow: hidden;
	background: #ffffff;
	color: #fff;
}

#footer ul {
	list-style-type: none;
}

#footer ul li {
	display: inline;
}

#footer .nav li {
	border-bottom: none;
}

#footer ul li,
#footer ul li a:link,
#footer ul li a:visited {
	padding: 0 10px;
	font-size: 0.9em;
	color: var(--linkcolor);
}


/* ##########################  editor  ########################### */

.contentpaneopen_edit img {
	border: 0;
}

form.editor fieldset {
	border: solid 1px #ccc;
}


/* ++++++++++++++  edit  ++++++++++++++ */

form#adminForm {
	border: solid 0px #000;
}

.edit form#adminForm fieldset {
	border: solid 1px #ddd;
}

legend {
	font-weight: bold;
}

table.pagenav,
table.pagenav tr,
table.pagenav td {
	border: 0 !important;
}

#main .categories-list ul {
	list-style-type: none;
}

/* contact  plain */
#main .contact h3 {
	border-bottom: solid 1px #ddd;
	margin: 20px 0;
}

.form-required {
	font-weight: bold;
	margin: 10px 0;
	background: #fff url(../images/req.png) no-repeat;
	padding: 10px 40px;
}

.contact .inputbox {
	background: #fff url(../images/content_bg.gif) repeat-x ;
	border: solid 1px #ccc;
	padding: 3px;
}
/* contact  slider */

.panel {
	border: solid 1px #ddd;
	margin-top: -1px;

}
#main .contact .panel h3 {
	margin: 0px 0 0px 0;
	padding: 0;
	background: #eee;
	border: 0;
}
.panel h3 a {
	display: block;
	padding: 6px;
	text-decoration: none;
	color: var(--textcolor);
	padding: 6px;
}

.panel h3.pane-toggler a {
	background: #f5f5f5 url(../images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a {
	background: #f5f5f5  url(../images/slider_minus.png) right  top no-repeat;
	border-bottom: solid 1px #ddd;
}

.pane-slider {
	border: solid 0px;
	padding: 0 10px !important;
	margin: 0;
	background: url(../images/nav_level_1.gif) repeat-x ;
}

.panel .contact-form,
.panel  .contact-miscinfo {
	padding: 10px;
}

.contact .panel .contact-form form,
.contact .panel .contact-address {
	margin: 20px 0 0 0;
}

.categories-list .category-desc ul li {
	list-style-type: square;
}

/* tabs */

.category-desc p {
	text-align: justify;
}

/* ########################## personal homepages  ########################### */

.homepage {
	margin-top: 10px;
}

/* ########################## publicationlists  ########################### */

h3.publications {
        font-size: 14px;
}

a.PeopleListItem {
        /* border:thin solid blue; */
        padding-right: 10px;
        table-layout:fixed;
        font-size: 12px;
        color: #0000aa;
}

a.ImageLink {
        color: #ffffff;
}

#homepage .publ h3 {
	font-size: 1em;
}

#homepage .publ ul {
    list-style-position: outside;
    list-style-type: inherit;
    margin: 10px 0;
    padding: 0 0 0 30px;
}

.publ li{
        margin-bottom: 0.5em;
}

a.frontdoor_hidden:link {
        target-name: Publicationlist;
        target-new: window;
}

.symptable p {
	margin-top: 0;
}

/* ########################## cudbhome personal homepages ###################### */

#homepage .pname {
	margin: 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#homepage .pimage {
	float: right;
	margin: 0px 0px 10px 10px;
}

#homepage .plabel{
	padding: 0px 15px 0px 0px;
	vertical-align: top;
}

#homepage .pvalue {
	padding: 0px;
	vertical-align: top;
}

#homepage .pempty {
	line-height: 0.5em;
}

#homepage > .publ {
}

.module_content {
    visibility: hidden;
}
.module_content.open {
    visibility: visible;
}

.phomepage table {
	margin: 5px 0;
}


/* ########################## random images ###################### */

.random-image img {
	height: auto;
}


#right .random-image,
#nav .random-image {
        margin-top: 10px;
        margin-left: 10px
}

/*
 * random image is used via modules-anywhere in several articles
 * that seem to require a fixed image width and I don't want to
 * fix each of them...
 * XXX: can't do that: some articles rely on 100% image width. :-(
.category-desc .random-image img {
	width: 240px;
}
*/

/* ########################## colloquium ###################### */

.event_type {
	font-size: 1.6em;
	margin-bottom: 0.2em;
}

.event_date {
	font-size: 1.2em;
}

.event_location {
	font-size: 1.2em;
	margin-bottom: 0.4em;
}

.event_speaker {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

.event_dept {
	font-size: 1.2em;
	margin-bottom: 0.6em;
}

.event_title {
	font-size: 1.4em;
	margin-bottom: 1em;
	font-weight: bold;
}

.event_abstract {
	line-height: 1.4em;
	margin-bottom: 1em;
}

.event_host {
	font-size: 1.2em;
	margin-bottom: 1em;
}