/* Allgemeine Schriftdefinition für das ganze Dokument */
body {
  margin: 0px 10px 0px 10px;
  padding: 0px;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 90%;
  color: #5d5d5d;
}

/* Definitionen für den Seiteninhalt ##################################################*/
#content-layer {
  margin-top: 20px;
  margin-left: 200px;
  margin-right: 190px;
}

/* Definitionen für den Seitenfuss */
#autors {
    clear:both;
}

#fuss {
  clear: both;
  border-top: 1px solid #4682B4;
  margin-top: 10px;
  padding-top: 10px;
}

#fuss-printlink{
  vertical-align: top;
  float: right;
  font-size: 90%;
}

#fuss-printlink a{
  font-weight: ;
  vertical-align: top;
}

#fuss-created{
  vertical-align: bottom;
  text-align: right;
  float: right;
  font-size: 90%;
}

/* Definitionen für die Linke Spalte #################################################*/
#links{
  left: 10px;
  margin-top: 20px;
  position: absolute;
  width: 170px;
  padding: 0px 0px 0px 0px;
}

#menue-links {
  background: #4682B4;
}

/* Definitionen für den Kasten aktuelle Informationen */
#news {
  margin-top: 20px;
  color: #FFFFFF;
}
/* Definitionen für den Kasten aktuelle Informationen */
#news-rechts {
  margin-top: 20px;
  color: #FFFFFF;
}

/* Definitionen für die rechte Spalte #################################################*/
#rechts {
  position: absolute;
  margin-top: 20px;
  padding: 0px 0px 0px 0px;
  right: 10px;
  width: 170px;
}

/* Definitionen für das Menue der rechten Spalte Spalte */
#menue-rechts {
/*  background: #EBF3F9; */
  background-color:#fadcaf; 
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding: 0.3rem 0 0 0;
}

/* Definitionen für den Kopfkasten */
#kopf{
  background-color: #FFFFFF;
  
}

/* Definitionen für des Bildes im Kopf der Seite */
#kopf-bild{
  position: relative;
  background: url(res/Linien-links.jpg) no-repeat;
  background-size: auto 60px;
  height: 150px;
  left: 0px;
  background-position-y: 88px;

  border-bottom: 0px solid #FFFFFF;
}

/* Definitionen für des Logos im Kopf der Seite */
#kopf-logo{
  position: absolute;
  right: 0px;
  height: 110px;
  top: 5px;
  border-bottom: 0px solid #FFFFFF;
}

/* Definitionen Quickmenue */
#kopf-menue-quick{
  float: left;
}

#kopf-menue SELECT{
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 90%;
  color: #5d5d5d;
}

/* Definitionen Pfadmenue */
#kopf-menue-pfad{
  color: #ff9900;
  font-size: 90%;
  padding: 2px 2px 2px 2px;
}

#kopf-menue-pfad a{
  color:#ff9900;

 
  text-decoration: none;
}

#kopf-menue-pfad a:hover{
  color: #ff9900;
}

/* Es folgen diverse Formatbestimmungen für das Linke Menue */
/* Kasten um die erste Ebene */
.menue-links-sektion{
  background: #e6edf2;
  border: 0px solid #0070B7;
  border-bottom: 0px solid #0070B7;
  font-size: 90%;
}

.menue-links-sektion a{
  color: #0070b7;
  text-decoration: none;
}

.menue-links-sektion a:hover{
  color: #99cc33;
}

/* 1. Ebene */
.menue-links1{
  font-weight: ;
  padding: 5px 3px 5px 13px;
  background: url(res/pfeil_blau_rechts.gif) no-repeat 3px 10px;
}

.menue-links1-aktiv{
  font-weight: ;
  padding: 5px 3px 5px 13px;
  background: url(res/pfeil_gruen_unten.gif) no-repeat 3px 10px;
}

.menue-links1-aktiv a{
  color: #99cc33;
}

/* 2. Ebene */
.menue-links2{
  padding: 1px 3px 3px 23px;
  background: url(res/pfeil_blau_rechts.gif) no-repeat scroll 13px 7px;
}

.menue-links2-aktiv{
  padding: 1px 3px 3px 23px;
  background: url(res/punkt_hellgruen.gif) no-repeat scroll 13px 7px;
}

.menue-links2-aktiv a{
  color: #99cc33;
}

/* 3. Ebene */
.menue-links3{
  padding: 1px 3px 3px 33px;
  background: url(res/punkt_blau.gif) no-repeat scroll 23px 7px;
}

.menue-links3-aktiv{
  padding: 1px 3px 3px 33px;
  background: url(res/punkt_hellgruen.gif) no-repeat scroll 23px 7px;
}

.menue-links3-aktiv a{
  color: #99cc33;
}

/* Es folgen diverse Formatbestimmungen für das Rechte Menue ) #####################################################*/
/* Kasten um die einzelnen Punkte (Ã?ber und unter Quickllinks*/
.menue-rechts-sektion{
  padding: 5px 5px 5px 11px;
  margin-bottom: 0px;
  background-color:   #fadcaf;
  color: #FFFFFF;
  font-weight: ;
  font-size: 90%;
  clear: both;
}

/* Eingabefeld rechter Kasten */
.menue-rechts-sektion INPUT{
  font-size: 85%;
}

.menue-rechts-sektion a{
  color:   #5d5d5d;
  text-decoration: none;
}

.menue-rechts-sektion a:hover{
  color: #5d5d5d;
}

/* Quicklinks*/
.menue-rechts-quicklink{
  font-size: 85%;
  padding: 3px 3px 3px 13px;
  background: url(res/pfeil_rechts_gruen.gif) no-repeat 3px 6px;
}

.menue-rechts-quicklink a{
  color: #5d5d5d;
  text-decoration: none;
}

.menue-rechts-quicklink a:hover{
  color: #ff8c00;
}

/*
   Die Sitemaps sind HTML-technisch schlecht gelöst,
   da man die einzelnen Untertypen nicht eindeutig
   unterscheiden kann. Daher haben wir hier zwei sich
   überschneidende und daher aufeinander abgestimmte
   Versionen.

   1. Haupt-Sitemap des Portals.
   
   Definitionen für ein Contentelement "Menu/Sitemap"
   mit dem Menutyp "Sitemap"

   <div class="csc-sitemap">
     <div class="sitemap">
         ...
         DFN-eigenes Template mit zwei Spalten
         ...
     </div>
   </div>
*/
.sitemap{
  margin: 0px 0px 10px 0px;
  margin-bottom: 10px;
}

.sitemap-links{
  clear: both;
  float: left;
  width: 48%;
}

.sitemap-rechts{
  float: right;
  width: 48%;
}

.sitemap-level1{
  background: url(res/pfeil_rechts_weiss.gif) #4682B4 no-repeat 3px 8px;
  font-weight: bold;
  padding: 3px 3px 3px 13px;
  font-size: 90%;
}

.sitemap-level1 a{
  color: #FFFFFF;
  text-decoration: none;
}

.sitemap-level2{
  background: url(res/pfeil_rechts_gruen.gif) no-repeat 3px 8px;
  padding: 3px 3px 3px 13px;
}

.sitemap-level2 a{
  text-decoration: none;
}

.sitemap-level3{
  background: url(res/punkt_gruen.gif) no-repeat 33px 8px;
  padding: 3px 3px 3px 43px;
}

.sitemap-level3 a{
  text-decoration: none;
}
/* Vierte menu-Ebene ist nicht mehr gewünscht.
.sitemap-level4 {
        background: url(res/punkt_gruen.gif) no-repeat 33px 8px;
            padding: 3px 3px 3px 43px;
                text-align: left;
            }
*/
/*
  2. Menu von manuell angegebenen Seiten eines Teilbaumes,
     verwendet auf den Technologieforum-Seiten
  
  Definitionen für ein Contentelement "Menu/Sitemap"
  mit dem Menutyp "Sitemap ausgewählter Seiten"

   <div class="csc-sitemap">
     <ul>
       <li/>
       ...
     </ul>
   </div>
*/

div.csc-sitemap ul
{
        text-align: center;
        padding: 5px 3px 5px 0px;
}
div.csc-sitemap ul li
{
        list-style-type: none;
        display: inline-block;
        padding: 2px 2% 2px;
        border-style: solid;
        border-color:  white;
        background: url(res/pfeil_rechts_weiss.gif) no-repeat 3px 8px;
        background-color: #e6edf2;
}
div.csc-sitemap ul li a
{
        color: #0070b7;
        text-decoration: none;
}
div.csc-sitemap ul li a:hover
{
        color: #99cc33;
}
div.csc-sitemap ul li a:active
{
        color: #99cc33;
}



/* Definitionen für den Newskasten #############################################################*/
.news-latest {
  padding: 5px 3px 5px 0px;
  background: #e8fac5;
  border: 0px solid #FF9900;
  color:   #5d5d5d;
}

.news-latest-header {
  background-color: ;
  color: #99cc33;
  font-size: 100%;
  font-weight: ;
  margin-bottom: 2px;
  padding: 1px 7px 5px 10px;
}

.news-latest-item {
  /*background: url(res/punkt_hellgruen.gif) no-repeat 5px 9px;*/
  font-size: 90%;
  padding: 9px 3px 13px 13px;
}

.news-latest-item-link {
  font-weight: 
  
}
.news-single-timedata {
        float: right;
}

/* Formatdefinitionen für die Typo3 Eigenen CSS-Klassen */
/*------------------------------------------------------------------------------------------------------------------------------*/
*/
/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
  font-family: verdana, geneva, arial, helvetica, sans-serif; color: #5d5d5d;
}

PRE {
  font-family: monospace;
  font-size: 120%;
}

FORM {
  margin: 0px 0px 0px 0px;
}

P, PRE {
  margin: 0px 0px 0px 0px;
  margin-bottom: 10px;
}

P, TD, UL, OL {
  font-size: 100%;
  line-height: 150%;
}

INPUT, TEXTAREA, SELECT {
  padding-left: 5px;
  font-size: 11px;
}

a{
  font-size: 100%;
  word-spacing: 10%;
  line-height: 140%;
  color: #0099cc;
}

a:hover{
  word-spacing: 10%;
  font-size: 100%;
  line-height: 140%;
  color: #FF9900;
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop {
  text-align: right;
}

P.csc-linkToTop A {
  font-weight: bold;
}

DIV.csc-frame {
  border: 0px;
  margin-bottom: 10px;
}

DIV.csc-frame-invisible {
}

DIV.csc-frame-rulerBefore {
  border-top: 1px solid #333333;
}

DIV.csc-frame-rulerAfter {
  border-bottom: 1px solid #333333;
}

DIV.csc-frame-indent {
  padding-left: 100px;
}

DIV.csc-frame-indent3366 {
  padding-left: 33%;
}

DIV.csc-frame-indent6633 {
  padding-right: 33%;
}

DIV.csc-frame-frame1 {
  background-color: #EBF3F9;
  padding: 10px 10px 10px 10px;
}

DIV.csc-frame-frame2 {
  background-color: #F5FFAA;
  padding: 2px 4px 2px 4px;
  border: 1px solid #333333;
}

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
  margin-top: 2px;
}

DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 {
  margin-top: 2px;
}

UL.csc-menu-1 {
  background-color: #EBF3F9;
  padding: 10px 10px 10px 10px;
        list-style-type: none;
}
ul.csc-menu-1 li { margin-top: 5px; margin-bottom: 5px; }

/* Und nun die Orignal-Sitemap */
ul.csc-menu-3 { list-style-type: none; }
        
/******************/
/* Headers, plain */
/******************/
H1, H2, H3, H4, H5, H6 {
  /*margin: 0px 0px 0px 0px;*/
  font-weight: normal;
}

h1{
  color:   #0070B7;
  font-size: 130%;
}

h2{
  color:   #0070B7;
  font-size: 120%;
}

h3{
  font-size: 110%;
  color:   #0099cc;
  font-style: italic;
}

h5{
  font-style: italic;
}

H2 A {
  color:   #0099cc;
}

H3 A {
  color:   #0099cc;
}

H4 A {
  color: #0099cc;
}

H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover {
  color:   #0099ff;
}

div.csc-header {
  margin: 20px 0px 10px 0px;
}

/* Header date */
P.csc-header-date {
}

/* Subheader, general */
P.csc-subheader {
}

/* Subheader, specific */
P.csc-subheader-0 {
  font-style: normal;
}

P.csc-subheader-1 {
  color: #186900;
}

P.csc-subheader-2 {
  color: #10007B;
}

P.csc-subheader-3 {
  color: #8A0020;
}

/*******************/
/* RTE / Bodytext: */
/*******************/
/* RTE / Bulletlists */
UL {
  margin-top: 0px;
}

OL {
  margin-top: 0px;
}

LI {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 2px;
}

/* RTE / Table styling */
TABLE.contenttable{
}

TABLE.contenttable TR TH {
  padding: 0px 3px 0px 3px;
}

TABLE.contenttable TR TD {
  padding: 0px 3px 0px 3px;
}


/**********/
/* Images */
/**********/
/* Images / Captions */
P.csc-caption {
  font-size: 75%;
}

/* Images / Tables / Floating text */
TABLE.imgtext-table {
  border: 0px;
}

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap {
  border: 0px;
}

TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 {
  margin-top: 0px;
}

/***************/
/* Bulletlists */
/***************/
/* Bulletlists, general */
UL.csc-bulletlist LI {
}

/* Bulletlists, specifically */
UL.csc-bulletlist-0 {
}

UL.csc-bulletlist-1 {
  list-style-type: upper-alpha;
}

UL.csc-bulletlist-2 {
  list-style-type: lower-alpha;
}

UL.csc-bulletlist-3 {
  list-style-type: upper-roman;
}

/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable TR TD {
  vertical-align: top;
}

/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads {
  border: 0px;
}

TABLE.csc-uploads TR TD P {
  background-color: transparent;
}

TABLE.csc-uploads TR TD {
  vertical-align: top;
}

TABLE.csc-uploads TR TD.csc-uploads-icon {
  padding-left: 6px;
  padding-right: 6px;
  width: 1%;
  text-align: center;
  vertical-align: middle;
}

TABLE.csc-uploads TR TD.csc-uploads-fileName {
  width: 80%;
  padding-left: 5px;
}

TABLE.csc-uploads TR TD.csc-uploads-fileName P A {
  font-weight: bold;
}

TABLE.csc-uploads TR TD.csc-uploads-fileSize {
  white-space: nowrap;
  padding-left: 6px;
  padding-right: 6px;
}

/* Filelinks, specifically */
TABLE.csc-uploads-3 TR TD {
  vertical-align: middle;
}

/* DFN-Template-spezifische Styles (Erweiterungen etc.) */
div.doc-header h1{
  /* font-size: 120%; */
  color:       #0070B7; 
  margin: 0px 0px 10px 0px;
}

div.doc-teaser{
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

/*
 * Contentelement Bild
 * Horizontaler Abstand zwischen den Bildern.
 */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { margin-right: 40px; }

/*****************/
/* Various Forms */
/*****************/

/* Email, Login and forms generally: */
FORM { padding-left: 5px; padding-right: 20px; }
FORM fieldset { background-color: #FFFFFF; }
FORM fieldset DIV { background-color: #FFFFFF; margin: 3px; }
FORM fieldset DIV INPUT, FORM fieldset DIV SELECT, FORM fieldset DIV TEXTAREA { border: 1px solid #333333; margin: 2px; }
FORM fieldset legend { margin: 1px; }
FORM fieldset DIV label { background-color: #FFFFFF; }

/* Email form, specifically */
FORM#mailform { max-width: 44em; }
FORM#mailform fieldset { clear: both; }
FORM#mailform fieldset div.csc-mailform-field { clear: both; }
FORM#mailform fieldset div.csc-mailform-field label { font-weight: bold; }
FORM#mailform fieldset div.csc-mailform-field input { float: right;  }
FORM#mailform fieldset div.csc-mailform-field select { float: right;  }

/* Login form, specifically */
div.tx-felogin-pi1 FORM { max-width: 30em; margin: 5px; padding: 10px; }
div.tx-felogin-pi1 label{ display:block; }

/* rtehtmlarea - Richtext-Editor
 * Quelle: typo3/sysext/rtehtmlarea/res/contentcss/default.css
 */
/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

/* powermail */
fieldset.tx-powermail-pi1_fieldset { background-color: white; }

/*********************/
/* Tables, Dienste Entgelttabelle */
/*********************/
TABLE#mittig TR TD {
  vertical-align: middle;
}

/*
 * Mitarbeiterliste mit Hilfe von tt_address
 */
.tx-ttaddress               { max-width: 40rem; }
.tx-ttaddress .figure       { padding: 0; margin: 0; }
.tx-ttaddress .figure-img   { padding: 0 1rem 1rem 0; float:left; width:160px; height:auto; }
.tx-ttaddress ul            { list-style: none; margin: 0.2rem 0 0 0; padding:0; }
.tx-ttaddress ul li         { padding: 0; margin: 0; line-height: 100%; }
.tx-ttaddress h4            { display: none; }
/*
 * indexed_search - Suchseite
 */
.tx-indexedsearch-searchbox { max-width: 50rem; }
.tx-indexedsearch-searchbox fieldset { display: flex; align-content: flex-start; align-items: center; flex-wrap: wrap; }
.tx-indexedsearch-searchbox fieldset div { margin: 0.5rem 0 0.5rem 0; }
.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; height: 2rem; }
.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:20rem; height: 2rem; margin: 0 0.5rem 0 0.5rem; font-size: 100%; }
.tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch-res .tx-indexedsearch-description { font-style:italic; }
.tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch-res .tx-indexedsearch-info { display: flex; align-content: flex-start; }
.tx-indexedsearch-res .tx-indexedsearch-info dd { padding: 0 0 0 0.5rem; margin: 0 5rem 0 0; }
.tx-indexedsearch-res .tx-indexedsearch-info .tx-indexedsearch-text-item-path { display: none; }
/*
 * indexed_search - Suchfeld im rechten Menu
 */
form#searchForm { display: inline; margin: 0; padding: 0; }
input#searchText { margin: 0 0 0 0.7rem; padding: 4px; height: 1.2rem; background-color: white; border:1px solid #cccccc; }
input#search     { margin: 0; padding: 0; display: inline; vertical-align: middle; }
/*
 * Sprachumschalter-Flagge
 */
div#lang-flag img { margin: 0 1.1rem 0 0; }
/*
 * bm_image_gallery - Bilder in der Hochschulverwaltung
 */
.c-gallery figure { display: flex; flex-wrap: wrap; }

#backlink {
    margin: 1rem 0 0 0;
    padding: 10px;
    background-color: #e6edf2;
}

/*
 * Blaue Link-Box unterhalb des Textes ab Typo3 8.x
 *
 * Muss in Typo3 10.x solange drinbleiben, bis alle
 * Contentelemente, die dies noch benutzen, korrigiert
 * sind. Neue Contentelemente lasse nsich mit dieser Klasse
 * nicht mehr anlegen.
 */
.frame-custom-20 {
    background-color: #ebf3f9;
    padding: 0.4em;
}
/*
 * Blaue Link-Box unterhalb des Textes ab Typo3 10.x
 *
 * Contentelement=>Erscheinungsbild: Layout 1 und Rahmen Standard
 */
.frame-layout-1 {
    background-color: #ebf3f9;
    padding: 0.4em;
}