/* 
 * Basis Stylesheet
 * 
 */

@import "screen/rte.css";


/* Basis Definitionen
---------------------------------------------------------------------*/

body {
  background-color:#F5F6F3;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height: 18px;
  /*min-width:970px;*/
}

hr{
  border:0 #5c8f99 solid;
  border-top-width:1px;
  clear:both;
  height:0;
  margin:0;
}

table {
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:13px;
}

/* alte Linkfarben: normal: 537e89, hell: 0096af */

a {text-decoration:none;}
a:focus {color: #00acc9;}
a:link {color: #008da5;}
a:visited {color: #008da5;}
a:hover {color: #00acc9;}
a:active {color: #ffa200;}

ol {
  list-style-type:decimal;
  margin: 0;
  padding: 0 0 20px 0;
  padding-left:20px;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 12px 0;
}


dt {
    font-weight: 100;
}

blockquote {
  margin: 0 0 0 24px;
  padding: 0;
  font-size: 13px;
  border-left: none;
}

blockquote ol:last-child, 
blockquote p:last-child, F
blockquote ul:last-child {
  margin-bottom: 18px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
}


/* Container
---------------------------------------------------------------------*/
.container {
  width: 970px;
  background-color:#FFF;
}


/* Search Panel
---------------------------------------------------------------------*/
#SearchPanel {
  margin-top:0px;
}

#SearchPanelInner {
  margin-top:0;
  margin-bottom:0px;
  background-color:#999;
  color:#FFF;
  overflow:hidden;
  text-align:right;
  height:1px;
}

#SearchBox {
  color: #333;  
}
#SearchPanelControl {
  margin:0 10px 0 10px;
  text-align:right;
}

#SearchForm{
  margin-bottom:12px;
}
#SearchForm .btTab {
  cursor:pointer;
  text-decoration:none;
  background:url(../img/hint-search-tab.gif) no-repeat right top; 
  padding-right:14px; 
  display:inline-block;
  line-height:18px;
  height:18px;
  font-size:11px;
  color:#666;
  font-weight:bold;
  margin-right:14px;
}

#SearchForm span.btTab {
  vertical-align: middle;
}

#SearchForm .btTab span { 
  background:url(../img/hint-search-tab.gif) no-repeat left top; 
  padding-left:14px;
  line-height:18px;
  height:18px;
  display:inline-block;
}

#SearchForm .btTab span span {
  background:transparent;
  padding:0;
  font-size:11px;
}

#SearchForm .btTab.stateHover {
  background-position:right -24px;
}
#SearchForm .btTab.stateHover span {
  background-position:left -24px;
  color:#DDD;
}

#SearchForm .btTab.stateActive {
  background-position:right -48px;
}
#SearchForm .btTab.stateActive span {
  background-position:left -48px;
  color:#FFF;
}


#SearchPanel #SearchBox {
  width:395px;
  height:23px;
  border:none;
  outline:none;
  padding:0;
  padding-left:10px;
  background:url(../img/hint-search-textbox.gif) top left no-repeat;
  vertical-align:bottom;
  margin:0;
  margin-top:10px;
}
#SearchPanel #SearchBox:focus {
  background:url(../img/hint-search-textbox.gif) left bottom no-repeat;
}

#SearchPanel button {
  width:33px;
  height:23px;
  background:url(../img/hint-search-button.gif) top left no-repeat;
  outline:none;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  vertical-align:bottom;
  margin-right:14px;
}
#SearchPanel button:hover {
  background:url(../img/hint-search-button.gif) bottom left no-repeat;
}

#SearchPanel a#iconUnivis {
  width: 79px;
  height: 19px;
  background:url(../img/search-univis.gif) no-repeat 0 0;
  display: block;
  text-indent: -5000px;
  overflow: hidden;  
  float:left;
  margin:33px 10px 0px 20px;
}
#SearchPanel a:hover#iconUnivis {  
  background-position: 0 -19px;
}


/* Head
---------------------------------------------------------------------*/
#Head {

}
#Head #Logo {
  margin-top:0;
  margin-bottom:0;
}

/* Main
---------------------------------------------------------------------*/
#Main {
}

#Main h4 a:link { color: #ce6932; }
#Main h4 a:visited { color: #ce6932; }
#Main h4 a:hover { color: orange; }
#Main h4 a:active{ color: orange; }

#No1, #No2, #No3, #No4 {
  margin-top: 6px; /* Geändert von 16px, Garnath 22.5.2019 */
}

/* Foot
---------------------------------------------------------------------*/
#Foot {
  
}


/* Widgets
=====================================================================*/


/* PanelButtons
---------------------------------------------------------------------*/
a.PanelButtonBottomDark {
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:top;
  background:url(../img/searchpanel-tab.gif) no-repeat left top;
  margin:0;
  height:18px;
  padding-left:20px;
}
a.PanelButtonBottomDark span{
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:top;
  background:url(../img/searchpanel-tab.gif) no-repeat right bottom;
  margin:0;
  height:18px;
  padding-right:20px;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;
}

a.PanelButtonBottomDark:link {color: white;}
a.PanelButtonBottomDark:visited {color: white;}
a.PanelButtonBottomDark:hover {color: orange;}
a.PanelButtonBottomDark:active {color: orange;}

.PanelButtonLink{
  height:18px;
  margin:0;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;
}
a.PanelButtonLink:link {color: #999;}
a.PanelButtonLink:visited {color: #999;}
a.PanelButtonLink:hover {color: orange;}
a.PanelButtonLink:active {color: #900;}


/* TopNav
---------------------------------------------------------------------*/

#TopNav {
  margin-top:-14px;
  margin-bottom:1px;
  padding-right: 0;
  background-image:url(../img/topmenu-hint.gif);
  height:30px;
  position:relative;
  z-index:16;
}

#TopNav ul {
  float:right;
  margin-bottom:0;
}

#TopNav >ul >li.current {
  background-image:url(../img/topmenu-welle.gif);
  background-position:center;
  background-repeat:no-repeat;
  height:30px;
}

#TopNavLine {
  margin-top:0px;
  margin-bottom:0;
  line-height:9px;
}


/* Breadcrumb
---------------------------------------------------------------------*/
#Breadcrumb {
  font-size:10px;
  margin-top:0px;
  margin-bottom:0px;
}

#Breadcrumb .col:after {
  /* Hack fuer inline Border */
  content: "";
  border-bottom:1px solid #5c8f99;
  height: 1px;
  width: 100%;
  display: block;
  margin-top: 2px;
}

#Breadcrumb a:link {color: #005d6f;}
#Breadcrumb a:visited {color: #005d6f;}
#Breadcrumb a:hover {color: #0096af;}
#Breadcrumb a:active {color: #0096af;}



/* LeftNav
---------------------------------------------------------------------*/
#LeftNav {
  list-style:none;
  padding-right: 8px;
  margin-top: 9px;
  margin-bottom: 9px;
}

#LeftNav .MenuImage {
  margin-bottom:6px; 
  overflow:hidden;
}

#LeftNav ul {
  line-height:20px;
  font-size:11px;
  padding-bottom:0;
  margin-bottom:0;
  margin-left:10px;
  padding-left:0;
}

#LeftNav > ul {
  border-top:1px solid #5c8f99;
  border-bottom:1px solid #5c8f99;
  margin-left:0px;
}

#LeftNav > ul li {
  border-top:1px solid #d6e3e5;
  /*line-height:20px;*/
}

#LeftNav > ul > li {
  border-top:none;
}

#LeftNav li strong {
  display:block;
  line-height:13px;
  color:#000;
  font-weight:normal;
  background-color:#F5F6F3;
  padding:3px 0px 4px 4px;
}

#LeftNav li a {
  display:block;
  background-color:#FFF;
  line-height:13px;
  padding:3px 0px 4px 4px;
}

#LeftNav a:link {color: #666;}
#LeftNav a:visited {color: #666;}
#LeftNav a:hover {
  color:#0096af; 
  background-color:#F5F6F3;
  /*background-color:#e9eae5;*/
}

#LeftNav a:active {color: #333;}

#LeftNav li.activep > a {
  /*background-color:#F5F6F3; */
}

#LeftNav li.activep > ul > li {
  border-left:1px solid #d6e3e5;
}

#LeftNav li.actives > a {
  /*background-color:#E5E6E3; */
  /*background-color:#f5f6f3; */
  color:#000;
}

#LeftNav li.actives > a{
  background-color:#f5f6f3;
}

#LeftNav li.actives > ul > li {
  border-left:1px solid #d6e3e5;
}

#LeftNav li.activep > ul > li.actives li  {
  border-left:none;
}

#LeftNav .current a {
  /*color:#0096af; */
  color:#e7e7de;
}


/* Layout-Bereiche
=====================================================================*/

/* Main Articles
---------------------------------------------------------------------*/

.mainarticles b {
  color:#666;
}
.mainarticles h1 {
  color:#368ca2;
  font-size: 20px; 
  line-height: 22px;
  margin-top:4px;
  margin-bottom:22px;
}

.mainarticles h2 {
  color:#4c8f99; /*#6295a0*/
  font-size: 17px; 
  line-height: 22px;
  margin-top:24px;
  margin-bottom:8px;
}

.mainarticles h3 {
  color:#368ca2; /*#407680;*/
  font-size: 16px; 
  line-height: 18px;
  margin-top:0px;
  margin-bottom:4px;
}

.mainarticles h4, 
._4spalten h4, 
._2spalten h4 {
  color:#ce6932;
  margin-top:0px;
  margin-bottom:4px;
  hyphens: auto;
}

.mainarticles h5 {
  color:#ce6932;
  margin-top:0px;
  margin-bottom:4px;
}

.mainarticles h6 {    /* Bereichstitel */
  color:#777;
  margin-top:0px;
  margin-bottom:20px;
  font-size: 13px;
}

.mainarticles .left {
  float:left;  
  padding-top:6px;
  padding-bottom:8px;
  margin-right:20px;
}

.mainarticles .right {
  float:right;  
  padding-top:6px;
  padding-bottom:8px;
  margin-left:10px;
}

.mainarticles {
  margin-top:9px;  
}

/* --Links--  */

.mainarticles a {
  /*padding-right: 12px;*/
  /*background: transparent url(../img/icon-link-intern.gif) no-repeat center right;*/
}

/*
.mainarticles a[href ^="http://"] {
  padding-right: 12px;
  background: transparent url(../img/icon-link-ext.gif) no-repeat center right;
}
.mainarticles a[href $='.pdf'] {
  padding-right: 12px; 
  background: transparent url(../img/icon-link-pdf.gif) no-repeat center right;
}
.mainarticles a[href $='.doc'] {
  padding-right: 12px; 
  background: transparent url(../img/icon-link-doc.gif) no-repeat center right;
}
.mainarticles a[href ^="mailto:"] {
  padding-right: 12px;
  background: transparent url(../img/icon-link-mail.gif) no-repeat center right;
}
*/


/* --Lists--  */

.mainarticles ul {
  list-style-image:url(../img/icon-liste-linie.gif);
  padding-left:12px;
  margin-bottom:0px;
}

.mainarticles li {
  padding-top:0px;
  padding-bottom:2px;
}


/* Sidearticles (Seitenspalte)
---------------------------------------------------------------------*/
#No2.sidearticles {
  margin-top:70px;
}
.sidearticles h2 {
  color:#6295a0;
  font-size:14px;
  margin-top:0px;
  margin-bottom:4px;
}

.sidearticles h3 {
  color:#368ca2;
  font-size:12px;
  margin-top:0px;
  margin-bottom:4px;
}

.sidearticles h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  margin-bottom:0px;
}

/* Articles
---------------------------------------------------------------------*/

.articles h1 {
  color:#368ca2;
  font-size: 20px;
  line-height: 22px;
  margin-top:4px;
  margin-bottom:12px;
}

.articles h2 {
  color:#4c8f99; /*#6295a0*/
  font-size: 17px;
  line-height: 18px;
  margin-top:24px;
  margin-bottom:8px;
}

.articles h3 {
  color:#368ca2;
  font-size:16px;
  margin-top:0px;
  margin-bottom:4px;
}

.articles h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  margin-bottom:0px;
}

.articles .left {
  float:left;  
  padding-top:24px;
  padding-bottom:9px;
  margin-right:20px;
}

.articles .right {
  float:right;  
  padding-top:24px;
  padding-bottom:9px;
  margin-left:10px;
}

.articles, .events {
  margin-top:0px;  
}


/* Article 
---------------------------------------------------------------------*/

.article h2 {
  color:#368ca2; /*#0096af;*/
  font-size:17px;
}

.article h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:0px;
  margin-bottom:2px;
}

.article .subheader {
  color:#444;
  font-size:15px;
  font-weight:normal;
}

.article .left {
  padding-top:0px;
}



/* News
---------------------------------------------------------------------*/

.news {
  margin-top:-4px;
}

.news h3 {
  color:#c0512f;
  font-size:15px;
  margin-top:9px;
  margin-bottom:4px;
}

.news h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  margin-bottom:4px;
}

.grid_16.news .grid_4 {
  height: auto;
  /*border-bottom: 1px #5c8f99 solid;*/
}

.news_right { /* rueckt in der Single-News-Anzeige evtl. Bilder in die rechte Spalte */
  position:absolute;
  left:480px;
  top:60px;
  width:220px; /*213*/
  border-bottom: 1px #5c8f99 solid;
  overflow: hidden;
}

/* tt_news fix, um Bilder Überlappung am unteren Rand zu verhindern */
.news_right_refactored { /* rueckt in der Single-News-Anzeige evtl. Bilder in die rechte Spalte */
  position:relative;
  left:20px;
  top:20px;
  width:220px; /*213*/
  
  /*border-bottom: 1px #5c8f99 solid;*/
  float:left;
  overflow: hidden;
}

.news_refactored {
  float:left;
  width:460px;
  margin-top:-4px;
}

.news_refactored h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  margin-bottom:4px;
}

.newsimgframe {
  width: 213px; /*220*/
  height: 120px;
  overflow: hidden;
}

.newsimgframe img {
  width: 100%; 
  height: auto;
}

.col-news-with-image {
  overflow: hidden;
}

.col-news-with-image img {
  margin-bottom: 10px;  
}

.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, 
.news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, 
.news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu {
  font-size: 10px;
  color: #888;
  line-height: 13px;
  padding-top: 7px;
}

.news-images-first {
  margin-top: 15px;
  margin-bottom: 15px;
}

.news-images-first .news-single-img {
  float:none;
  margin-left: 0;
  margin-top: 0;
  
}

.news-images-others {
  margin-top: 54px;
}

.news-images-others a+p {
  margin-bottom: 15px;
}


/* Events und Textnews
---------------------------------------------------------------------*/

.textnews h3 {
  color:#368ca2;
  font-size:12px;
  margin-top:0px;
  margin-bottom:4px;
}

.events h4, .textnews h4 {
  color:#ce6932;
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  margin-bottom:0px;
}

.events h2 {
  color: #CE6932;
  margin-top: 0px;
  margin-bottom: 4px;  
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}


.evDatum {
  color:#990;
  font-size:10px;
}

.evKategorie {
  color:#B96;
  font-size:11px;
}

.evTitel {
  color:#368ca2;
}

.evText {
  margin-bottom:6px;
}

.evText p {
  display:inline;
}

.events hr {
  border:0 #5c8f99 solid;
  border-top-width:1px;
  clear:none;
  height:0;
  margin:0;
}

.textnews p {
  font-size:11px;  
  margin-bottom:0px;
}

.events.top, textnews.top {
  margin-top:4px;  
}



/* Tabellen
---------------------------------------------------------------------*/

table {
  border:none;
  margin:6px 0 6px 0;
  padding:0;
  border-bottom:1px solid #d6e3e5;
  border-top:1px solid #d6e3e5;
}

tr,th {
  border-color:#d6e3e5;
}

td {
  border: none;
}

td,th {
  vertical-align:top;
  padding:2px 8px 8px 4px;
}

td.align-left {
  text-align:left;
}

td.align-right {
  text-align:right;
}

thead tr {
  border-bottom:1px solid #5c8f99;
}

th {
  font-weight:normal;
  font-size:11px;
  color:#666;
  text-align:left;
}

th.align-left {
  text-align:left;
}

th.align-right {
  text-align:right;
}

/* Tabelle ganz ohne Linien */
table.ohnelinien {
  border: none; 
}

/* Tabelle mit Bezeichner in linker Spalte */
table.infospalte tr > td:first-child {
  color: #666; 
  padding-left: 0px;
  padding-right:4px;
}

/* Tabelle mit Zeilenlinien */

table.zeilenlinien {
  border-top: 1px solid  rgb(92, 143, 153);
  border-bottom: 1px solid rgb(92, 143, 153);
}

table.zeilenlinien tr {
  border-bottom:1px solid #d6e3e5;
}

table.zeilenlinien tr:last-child {
  border-bottom: 1px solid rgb(92, 143, 153);
}

table.zeilenlinien td, table.zeilenlinien th {
  vertical-align:top;
  padding:6px 2px 6px 4px;
}

table.zeilenlinien b {
  color: #999;
}

/* tt_address Listenansicht, Garnath 17.04.2018 */
div.tx-ttaddress-pi1 table.tt_address_table_wrap { width: 100%; border-top:0px; border-bottom:0px; }
div.tx-ttaddress-pi1 table.tt_address_table_wrap tr { border-bottom: 0px #eee solid; }  
div.tx-ttaddress-pi1 table.tt_address_table_wrap td.td-1 {width:22%; margin:3px; padding:2px; }
div.tx-ttaddress-pi1 table.tt_address_table_wrap td.td-2 {width:42%; margin:3px; padding:2px; }
div.tx-ttaddress-pi1 table.tt_address_table_wrap td.td-3 {width:21%; margin:3px; padding:2px; }
div.tx-ttaddress-pi1 table.tt_address_table_wrap td.td-4 {width:15%; margin:3px; padding:2px; }



/* Footer 
---------------------------------------------------------------------*/

#Footer{
  font-size:10px;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  list-style-type:none;
  list-style-image:none;
  padding-top: 12px;
  padding-bottom: 12px;
}

#Footer p.bodytext{
  font-weight: normal;
  line-height: 17px;
  color:#788; 
}

#Footer a:focus {color: #00acc9;}
#Footer a:link {color: #788;}
#Footer a:visited {color: #788;}
#Footer a:hover {color: #00acc9;}
#Footer a:active {color: #ffa200;}

#Footer a.icon {
  display: block;
  overflow: hidden;  
  float:left;
  padding-right:20px;
}

.footer-menu {
  font-size:10px;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  line-height:14px;
}

.footer-menu li:first-child {
  font-weight:bold;
}

.footer-menu li {
  padding-bottom:5px;
  line-height: 11px;
}

#Footer .footer_logos {
  display: block;
  position: relative;
  height: auto;
  padding-top: 12px; 
  overflow: auto;
}

a#iconFamilien {
  width: 144px;
  height: 40px;
  background:url(../img/icon-familiengerechte-hochschule.gif) no-repeat 0 0;
}
a:hover#iconFamilien {  
  background-position: 0 -40px;
}

a#iconCheRanking {
  margin: 0 0 0 57px;
  width: 87px;
  height: 40px;
  background: url(../img/icon-che-ranking.gif) no-repeat 0 0;
}
a:hover#iconCheRanking {  
  background-position: 0 -40px;
}

a#iconForschungscluster {
  width: 57px;
  height: 42px;
  background: url(../img/icon-exzellenzinitiative.gif) no-repeat 0 0;
}
a:hover#iconForschungscluster {  
  background-position: 0 -42px;
}
a#iconGraduiertenschule {
  width: 57px;
  height: 42px;
  background: url(../img/icon-exzellenzinitiative.gif) no-repeat -57px 0;
  position: absolute;
  top: 0px;
  left: 57px;
}
a:hover#iconGraduiertenschule {  
  background-position: -57px -42px;
}

.footer_logos img{
  width: 100%;
  height: auto;
  max-width: 130px;
}

#Footer .csc-textpic-imagecolumn {
  margin-right: 15px!important;
  margin-bottom: 10px;
  display: inline-block;
  width: auto;
}

#Footer figure.csc-textpic-image {
  width: 80%;
  height: auto;
  margin-right: 0 !important;
  padding-right: 0 !important;
  display: inline-block !important;
}
#Footer div.csc-textpic {
  overflow: visible !important;
  position: relative;
}


#Footer hr {
  margin-top: 16px;
  margin-bottom: 16px;
}

#Footer .footer_menu {
  background-color: #ebefec;
  padding-top: 16px;
  padding-bottom: 16px;
}

#Footer .footer_menu:lang(en){
  background-color: #fff;
  padding-top: 0;
}


#Footer .footer_redaktion {
  height: 180px;
  overflow: scroll;
  overflow-x: hidden;
}

.iconMail {
  padding: 0 0 0 17px;
  background: url(../img/icon-mail.gif) no-repeat 0 4px;
}
.iconTelefon {
  padding: 0 0 0 17px;
  background: url(../img/icon-telefon.gif) no-repeat 0 4px;
}
.iconFax {
  padding: 0 0 0 17px;
  background: url(../img/icon-fax.gif) no-repeat 0 4px;
}



/**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }



/* TYPO3 Styled Content
---------------------------------------------------------------------*/

.csc-textpic-caption {
  color:#666;
  font-size:12px;
  padding-top:4px;
}


/* Menue in Seiten
--------------------------*/
 
#Main .csc-menu dt {
  
}

#Main .csc-menu dd {
  padding:2px 0px 10px 0px;
}

/* Logos in einer Reihe
-------------------------*/
#logo_leiste div { display: inline; }




/* Action buttons 
------------------------- */

a.button, a.largebutton {
  margin-top:5px;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 16px;
  padding-bottom: 5px;
  line-height: 40px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/button-links.png);
  font-size: 18px;
  color: white;
  text-decoration: none;
}
 a.largebutton {
  line-height: 25px;
  padding-bottom: 15px;
  background-image: url(../img/largebutton-links.png);
}

a.button span, a.largebutton span {
  padding-left: 0px;
  display: -moz-inline-box;
  display: inline-block;
  padding-right: 25px;
  padding-bottom: 5px;
  line-height: 40px;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(../img/button-rechts.png);
}
a.largebutton span {
  line-height: 25px;
  padding-bottom: 15px;
  padding-top:10px;
  background-image: url(../img/largebutton-rechts.png);
}

/* Orgchart 
------------------------- */

a.smallbutton, a.smallbutton[href ^="http://"] {
  margin-top:16px;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 8px;
  padding-bottom: 1px;
  line-height: 19px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/smallbutton-left.gif);
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

a.smallbutton span {
  padding-left: 0px;
  display: -moz-inline-box;
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 1px;
  line-height: 19px;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(../img/smallbutton-right.gif);

}

/* Verwaltungsliste */
.verwaltungListItem {
  margin-bottom: 18px;
  position: relative;
  min-height: 110px;
}
.verwaltungListText {}

.verwaltungListAddress {
  /* in die dritte spalte setzen */
  position: absolute;
  top: 0;
  left: 485px;
  width: 228px; /*220*/
}
.verwaltungListAddress h4{
  font-size: 13px;
  margin:0;
  padding: 0;
}
.verwaltungListAddress .tx-ttaddress-pi1 br:first-child {
  display: none;
}

.verwaltungListText .listenzeile {
  padding-left: 10px; 
}


/* News picture dummy */

.picture_dummy {
  height:120px; 
  background-color:#eee;
  width: 100%;
  overflow: hidden;
}

/* Main header for portals */

#No4 h1 {
    padding:23px 0px 0px 0px;
    font-size:28px;
    font-weight:normal;
    color:#368ca2; /*#900;*/
    font-family:Myriad Pro,Tahoma,Arial,Helvetica,sans-sarif;
    line-height:28px;
}

.news h6 {
  display: none;
}

.smalltext {
  font-size:10px;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  line-height:14px;
}


/* More text */

.foldcontent {
  margin: auto;
}

.foldfunction a.adjust{
    padding:3px 4px 3px 4px;
    display:block;
    font-weight:normal;
    background:#eee;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    text-align:center;
    text-decoration:none;
    margin-top: 8px;
    width: 120px;
}

.foldfunction_ a.adjust:hover {
      background:#5C8F99;
      color:#FFF;
      -webkit-transition: all 400ms; /*safari and chrome */
      -moz-transition: all 400ms ease; /* firefox */
      -o-transition: all 400ms ease; /* opera */
      transition: all 400ms ease;
}

.foldfunction div.continued {
  margin-top:0;
  display: block;
}

/* Bildabstand zu H1 korrigieren */
.csc-header-n1 + .csc-textpic-below img{
  padding-top: 12px; 
  padding-bottom: 12px;
}

/* Logo 50 Jahre */
#HeadBanner50Jahre {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
#HeadBanner50Jahre img {
  position: absolute;
  left: 670px; 
  top: 0px;
}
#SearchPanel {
  z-index: 0;
  position: relative;
}



/* Nivo Slider */

.theme-light.slider-wrapper {
    padding: 0px;
    padding-bottom: 0px;
}

.nivo-caption {
  background-color: rgba(0,0,0,0.2);
  /*display: none !important;*/
  bottom: 10px;
}

.theme-light .nivoSlider a {
  background-color: #f5f6f3;
  filter:alpha(opacity=0.5);
  opacity: 0.5;
  -webkit-opacity:0.5;
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity: 1;
}

.theme-light .nivoSlider .nivo-imageLink {
  background: none;
  /*pointer-events: none;*/
}

.theme-light .nivo-directionNav {
    display: block;
    margin-bottom: 50px;
    padding-top: 10px;
}

.theme-light .nivo-directionNav a {
  border-radius: 4px;
}

.theme-light a.nivo-prevNav {
    left: 310px;
    right: auto;
}

.theme-light a.nivo-nextNav {
    right: 310px;
}

.theme-light .nivo-controlNav {
    text-align: left;
    padding: 0 0 12px 0;
    position: relative;
    z-index: 10;
    text-align: center;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}
.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
    width: auto;
    height: auto;
}
.theme-light .nivo-controlNav a.active {
  background-position:0 100%;
  box-shadow: 0px 0px 0px 2px #cde;
}

.theme-default .nivoSlider a {
  background-color: transparent;
}

.theme-default .nivoSlider a.nivo-imageLink {
  pointer-events: none;
  cursor: default;
}

.theme-default .nivoSlider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.theme-default .nivo-controlNav {
  padding-top: 0;
  opacity: 0.4;
}

.theme-default .nivo-controlNav a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0;
}


/* Slightbox */

#playLink, #pauseLink, #saveLink, #closeLink {
    width: 12px  !important;
    height: 12px !important;
    background-size:contain !important;
}



/* Bootstrap Carousel */

.carousel-caption {
    z-index: auto;
}


/*
 * Content Elements
 */

/* Portal Banner */
.portalBanner {
  position: relative;
  margin-bottom: 20px;
}

.portalBanner h1 {
  color: #fff !important;
  font-size: 38px !important;
  line-height: 40px !important;
  position: absolute;
  left: 20px;
  top: 0;
}