/*  ==============================================
======  Weitere Styles ===========================
=============================================== */

@import url("sty-grup-norm.css");



/*  ==============================================
======  GLOBAL ===================================
=============================================== */

* {
  margin:0; padding:0;
  font-family: Arial, Helvetica, Sans-Serif;
  }

body  { background-color:#cccccc; }
table { border-spacing:0; }

body.druck {
  background-color:white;
  background-image:none;
  }


/*  ==================================================================
===== Bereich Kopf, Globalnavigation =================================
=================================================================== */

div#globhalter      { background-color:rgb(142,33,125); }
div#globnav         { width:960px; margin:auto; height:40px;
                      font-size:11px; text-align:right; }
p#globlink          { padding:16px 0px 0px 0px; margin:0; }
p#globlink a        { text-decoration:none; color:rgb(221,189,216); font-size:11px;}
p#globlink a:hover  { text-decoration:none; color:white; }
p#globlink a:active { text-decoration:none; color:rgb(221,189,216); }


/*  ==================================================================
===== Bereich Kopf, Logo-u-Bildleiste ================================
=================================================================== */

div#kopfbildhalter  {
  background-color:rgb(142,33,125);
  background-image:url(grafik/kopf-bild-bg.png);
  background-repeat:repeat-x;
  }

div#kopfbilder { width:960px; margin:auto; height:110px; overflow:hidden; }
div#kopfbilder img { border:0; }

div#gohome {
  width:320px;
  height:110px;
  float:left;
  background-image:url(grafik/kopf-log-d.png);
  background-repeat:repeat-x;
  }

div#gohome img { display:block; }


/*  ==================================================================
==========  KRUEMELPFAD ==============================================
=================================================================== */

#pfad {
  height:18px; padding:4px 0px 0px 7px;
  background-color:black; color:#aaa;
  text-align:left; font-size:11px;
  }

#pfad a        { color:white; text-decoration:none; }
#pfad a:hover  { color:#f9f; }
#pfad a:active { color:white; }



/*  ==================================================================
===== Hauptnavigation und Inhalt =====================================
=================================================================== */

div#rahmen { width:960px; margin:auto; background-color:white; }

table#inhalt { width:100%; border:none; margin-top:20px; }


/*  ========================================================
====== HAUPTNAVIGATION =====================================
========================================================= */

td#naviholder {
   width:240px;
   background-color:#90207e; /* durchgehender Hintergrund */
   }

div#nav1 {
  padding:0;
  width:240px;
  background-color:#90207e;
  padding-bottom:30px;
  vertical-align:top;
  color:white;
  font-size:12px; line-height:125%;
  font-weight:bold;
  text-decoration:none;
  font-weight:bold;
  }


div#navistart     { height:22px; padding:5px 0px 0px 10px;
                    background-color:black; color:white; font-size:12px;
                    border-bottom:1px dotted white; }

div#nav1 p:hover   { background-color:#333; }
div#nav1 p.hier    { background-color:#eee; color:black; }

div#nav1 a         { color:white; font-size:12px; line-height:14px; font-weight:bold; display:block; }
div#nav1 a:link    { color:white; text-decoration:none; }
div#nav1 a:visited { color:white; text-decoration:none; }
div#nav1 a:hover   { color:white; text-decoration:none; }
div#nav1 a:active  { color:white; text-decoration:none; }

.ebene1  { padding: 6px 4px 6px 10px; border-bottom:1px dotted white; }
.ebene2  { padding: 6px 4px 6px 25px; border-bottom:1px dotted white; }
.ebene3  { padding: 6px 4px 6px 35px; border-bottom:1px dotted white; }
.ebene4  { padding: 6px 4px 6px 45px; border-bottom:1px dotted white; }
.ebene5  { padding: 6px 4px 6px 60px; border-bottom:1px dotted white; }


/*  ========================================================
====== INHALT ==============================================
========================================================= */

#contentholder  {
  /* background-color:#edc;  /* DEBUG param*/
  }

#content {
  width:600px;
  margin:auto;
  /* background-color:#cde; /* DEBUG param*/
  font-size:13px;
  line-height:140%;
  }

#content td { font-size:13px; } /* Tables im Inhaltsbereich */

/* pink links
#content a:link    { color:#cd2db4; text-decoration:none; }
#content a:visited { color:#cd2db4; text-decoration:none; }
#content a:hover   { color:#000000; text-decoration:none; background-color:#ccc; }
#content a:active  { color:#cd2db4; text-decoration:none; }
*/




/*  ==============================================
======  GLOBAL BISHER ============================
=============================================== */

/* Standard-Auszeichnungen */

h1         { margin:0; font-weight:bold; font-size:18px;
             line-height:140%; font-family:Arial, Helvetica, sans-serif; }

h1.titel   { margin-bottom:32px; font-size:18px; line-height:24px; }

h2         { margin:0; font-size:13px; font-weight:bold; }
h2.big     { font-size:16px; margin-bottom:2px; }
h2.balken  { background-color:#ddd; padding:6px 2px 6px 2px; margin-bottom:4px; }
h3         { margin:0; font-size:13px; font-weight:bold; color:#666666; }
h4         { margin:0; font-size:12px; font-weight:bold; }
p          { margin:0; padding:0; }
b, strong  { font-weight:bold; }
em         { font-style:italic; }
dl         { margin:0; padding:0; }

hr         { border:0; background-color:#666666; height:1px;
             padding:0; margin:9px 0 9px 0; }


/*  ==============================================
======  INHALTSBEREICH ===========================
=============================================== */

/* Normaler Text */

.textklein   { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; }
.textmittel  { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; }
.betonung    { font-weight:bold; color:#8e217d; }
.farbig      { color:#8e217d; }
.alarm       { color:red; }
.noborder    { border:none; }
.minheight   { height:300px; }

/* nur fuer NOTP */
h2.night     { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#8e217d; }
div.ruck     { padding-left:32px; }


/* Verlinkungen ------------------------------- */

/* Standard-black mit underline */
a:link           { color:#000000; text-decoration:underline; }
a:visited        { color:#000000; text-decoration:underline; }
a:hover          { color:#000000; text-decoration:underline; }
a:active         { color:#000000; text-decoration:underline; }

/* Farbig mit underline und hover-Effekt */
.marker          { color:#8e217d; }
a.marker:link    { color:#8e217d; text-decoration:underline; }
a.marker:visited { color:#8e217d; text-decoration:underline; }
a.marker:hover   { color:#8e217d; text-decoration:underline; background-color:#dddddd; }
a.marker:active  { color:#8e217d; text-decoration:underline; }

/* Ohne underline mit hover-Effekt */
.noline          { color:#8e217d; }
a.noline:link    { color:#8e217d; text-decoration:none; }
a.noline:visited { color:#8e217d; text-decoration:none; }
a.noline:hover   { color:#000000; text-decoration:none; background-color:#dddddd; }
a.noline:active  { color:#8e217d; text-decoration:none; }


/* Farbige Unterlegungen ---------------------- */

/* Graustufen */
.colgrau         { background-color:#d0d0d0; }
.colhellgrau     { background-color:#e0e0e0; }
.colhellstgrau   { background-color:#f0f0f0; }

/* Abstufungen im Farbton der CAU ------------- */
.colfakvoll      { background-color:#8e217d; }
.colfakhell      { background-color:#e181d2; }
.colfakheller    { background-color:#f0c0e9; }


/*  ==============================================
======  Bereiche =================================
=============================================== */

div.minhoehe { height: 320px; }

.mininav {
   font-family:Verdana, Sans-Serif;
   font-size:11px;
   margin-bottom:32px; padding:0;
   }

.mininav a            { font-family:Verdana, Sans-Serif; font-size:11px; }
.mininav a:link       { color:#a42490; text-decoration:none; }
.mininav a:visited    { color:#a42490; text-decoration:none; }
.mininav a:hover      { color:#000000; text-decoration:none; background-color:#dddddd; }
.mininav a:active     { color:#a42490; text-decoration:none; }

.indexliste a:link    { color:#000000; text-decoration:none; }
.indexliste a:visited { color:#000000; text-decoration:none; }
.indexliste a:hover   { color:#000000; text-decoration:none; background-color:#dddddd; }
.indexliste a:active  { color:#000000; text-decoration:none; }

.fliesstext a:link    { color:#000000; text-decoration:underline; }
.fliesstext a:visited { color:#000000; text-decoration:underline; }
.fliesstext a:hover   { color:#000000; text-decoration:underline; background-color:#dddddd; }
.fliesstext a:active  { color:#000000; text-decoration:underline; }

.liste         { margin-left:14px; }
.liste2        { margin-left:60px; }
.fuss          { clear:both; font-size:11px; line-height:150%; }
.block         { text-align:justify; }


/*  ==============================================
======  Listen ===================================
=============================================== */

ul, ol         { margin-top:0; margin-bottom:0; }
ul             { list-style-type:square; }

/* Liste ohne Rand mit normalen Spiegelstrichen -------------------- */
ul.ulndash     { margin-left:14px; padding:0; }
ul.ulndash li  { padding-left: 14px;
                 list-style-image: url(grafik/bull-ndash.gif); }

/* Liste ohne Rand mit normalen Spiegelstrichen, mehr line-height -- */
ul.ulndashx    { margin-left:14px; padding:0; }
ul.ulndashx li { padding-left: 14px;
                 list-style-image: url(grafik/bull-ndash.gif); }

/* Liste ohne Rand mit quadratischen Bullets ----------------------- */
ul.ulvier      { margin-left:14px; padding:0; }
ul.ulvier li   { padding-left: 14px; margin-bottom: 3px;
                 list-style-image: url(grafik/bull-vier.gif); }

/* Liste für Verlinkungen, mit dreieckigen Bullets, nicht eingerückt */
ul.linkliste            { margin:0; padding:0 0 0 24px;
                          list-style-image: url(grafik/bull-drei.gif); }
ul.linkliste li         { padding-left:0; padding-top:0;
                          margin-top:2px; margin-bottom:1px; }

ul.linkliste a          { color:#000000; text-decoration:none; }
ul.linkliste a:link     { text-decoration:none; }
ul.linkliste a:visited  { text-decoration:none; }
ul.linkliste a:hover    { background-color:#dddddd; }
ul.linkliste a:active   { text-decoration:none; }


/* Liste für Verlinkungen, mit dreieckigen Bullets, eingerückt ----- */
ul.linkliste2           { margin:0; padding:0 0 0 34px;
                          list-style-image: url(grafik/bull-drei.gif); }
ul.linkliste2 li        { padding-left:0; padding-top:0;
                          margin-top:2px; margin-bottom:1px; }

ul.linkliste2 a         { color:#000000; text-decoration:none; }
ul.linkliste2 a:link    { text-decoration:none; }
ul.linkliste2 a:visited { text-decoration:none; }
ul.linkliste2 a:hover   { background-color:#dddddd; }
ul.linkliste2 a:active  { text-decoration:none; }



/*  ==============================================
======  Bilder ===================================
=============================================== */

img.bildlinks  { float:left;  margin:3px 10px 8px 0; font-size:11px; }
img.bildrechts { float:right; margin:3px 0 8px 10px; font-size:11px; }

div.bildlinks  { float:left;  margin:3px 10px 8px 0;
                 font-size:11px; line-height:140%; padding-bottom:5px;
                 background-color:#e7e7e7; }

div.bildrechts { float:right; margin:3px 0 8px 10px;
                 font-size:11px; line-height:140%; padding-bottom:5px;
                 background-color:#e7e7e7; }

div.bildmitte  { margin:0 0 14px 0px;
                 font-size:11px; line-height:140%; padding-bottom:5px;
                 background-color:#e7e7e7; }

div.bildmitte img { margin-bottom:4px; }

.bu            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:#000000; }
.bildbur       { font-weight:normal; font-size:11px; color:#666666; text-align:right; line-height:140%; }
.bildbul       { font-weight:normal; font-size:11px; color:#666666; text-align:left; }

img.flagge       { border:1px solid grey; vertical-align:middle; }
/* img.flagge:hover { border:1px solid #8e217d; } */




/*  ==============================================
======  TABELLEN =================================
=============================================== */

table  { border-spacing:0; border-collapse:collapse; }

td, th { vertical-align:top; }

th  { text-align:left; font-weight:bold; }


/* Tabelle mit Linien ------------------------- */
table.tborder      { border-collapse:collapse; }
table.tborder td   { border:1px solid #999999; vertical-align:top; }
table.tborder th   { border:1px solid #999999; vertical-align:top; }

/* Tabelle mit normaler Schrift --------------- */
table.textnorm td  { font-size:13px; vertical-align:top; }
table.textnorm th  { font-size:13px; vertical-align:top; font-weight:bold; }

/* Tabelle mit mittlerer Schrift -------------- */
table.textmittel td { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; vertical-align:top; }
table.textmittel th { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; vertical-align:top; font-weight:bold; }

/* Tabelle mit kleiner Schrift ---------------- */
table.textklein td  { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; vertical-align:top; }
table.textklein th  { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; vertical-align:top; font-weight:bold; }

/* Tabellen z.B. für Downloads, mit sinnvollen cellpaddings */
table.tliste     { border-collapse:collapse; }
table.tliste td  { border:none; font-size:12px; padding:0px 7px 12px 0px; }


/* ===============================================
===  nur für Bilder in Pressemitteilungen  =======
=============================================== */

table.logolist { width:100%; margin: 5px 0px 35px 0px; }
table.logolist td { vertical-align:bottom; }
td.logoli { text-align:left; }
td.logomi { text-align:center; }
td.logore { text-align:right; }


p.pmbildtitel { margin-top:28px; margin-bottom:0; padding:8px 0px 8px 0px; }

table.pmbild  { margin-bottom:20px; border-collapse:collapse; width:600px; }

table.pmbild td  {
  padding-top:10px;
  padding-bottom:10px;
  border-top:1pt solid #999999;
  border-bottom:1pt solid #999999;
  }

table.pmbild img     { margin-top:3px; border:none; }
table.pmbild p.load  { font-size:11px; }
table.pmbild td.info { padding-left:12px; }



/*  ==============================================
======  Druckversion =============================
=============================================== */

div.logoleiste     { width:600px; margin-bottom:35px; font-size:10px; }
div.logoleiste img { width:600px; }


.druck-kopf {
  width:100%;
  margin-bottom:25px;
  margin-top:20px;
  font-size:10px;
  }

.druck-kopf-logo {
  width:600px;
  margin-bottom:25px;
  font-size:10px;
  }

.druck-kopf-logo img { width:600px; }


.druck-inhalt {
  width:600px;
  margin:auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px; line-height:140%;
  }

.umbruch  { page-break-after:always; } /* CI-LOCAL, mit p */



/*  ======================================================
======  SIMULIERT LINK IN TABELLENZELLE ALS BUTTON  ======
======  Funktioniert nur in Tabellenzellen !        ======
======  Bislang nur von/für ZSB verwendet.          ======
======================================================= */

td.quasibutton {
  margin:0; padding:4px 15px 4px 15px;
  background-color:#8e217d;
  font-weight:bold; font-size:11px;
  text-align:center; color:white;
  }

td.quasibutton:hover   { background-color:#b46ba8; }
td.quasibutton a       { color:white; text-decoration:none; }
td.quasibutton a:hover { color:white; text-decoration:none; background-color:#b46ba8; }




/*  ==============================================
======  Quicklinks ===============================
=============================================== */

div.context     { width:200px; float:right; margin:0 0 10px 12px; padding:0; }
div.context ul  { margin:0; padding:0; font-family: Arial, Helvetica; font-size: 12px; }
div.context li  { padding:4px; margin:0; background-color:#ddd; border:2px solid white; list-style: none; }

div.context a         { font-family: Arial, Helvetica; font-size: 12px; display:block; }
div.context a:link    { color:#000; text-decoration:none; }
div.context a:visited { color:#000; text-decoration:none; }
div.context a:hover   { color:#fff; text-decoration:none; color:white; background-color:#8e217d; }
div.context a:active  { color:#000; text-decoration:none; }



/*  ==============================================
======  Für eingebettetes UnivIS-Markup  =========
=============================================== */

font { font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:16px;}

/*  Für allgemeine UnivIS-Ergebnisse  ------------ */
div.univishuelle       { width:600px; line-height:18px; }
div.univishuelle table { border-collapse:collapse; }
div.univishuelle th    { font-size:11px; padding-left:0; padding-right:6px; padding-bottom:10px; background-color:#eeeeee; }
div.univishuelle td    { font-size:11px; padding-left:0; padding-right:6px; padding-bottom:10px; }
div.univishuelle dl    { margin:16px 0 0 0; padding:10px 0 10px 0; border-top:1px solid #999999; border-bottom:1px solid #999999; }
div.univishuelle dd    { font-size:12px; margin:0; padding:0; }
div.univishuelle b     { color:#666666; }

/*  Für Department-Abfrage im Modus "long"  ------ */
div.univdept           { width:600px; border-bottom:1px solid #999999; margin-bottom:5px; padding-bottom:6px; }
div.univdept font      { font-size:12px; line-height:18px; }
div.univdept table     { border-collapse:collapse; }
div.univdept th        { font-size:12px; padding-left:0; padding-right:6px; background-color:#eeeeee; }
div.univdept td        { font-size:12px; padding-left:0; padding-right:6px; padding-bottom:2px; width:50%; }
div.univdept dl        { margin:16px 0 0 0; padding:10px 0 10px 0; border-top:1px solid #999999; }
div.univdept dd        { font-size:12px; margin:0; padding:0; }
div.univdept b         { color:#666666; }

/*  Für Department-Abfrage im Modus "long"  ------ */
div.univdept2          { width:600px; border-bottom:1px solid #999999; margin-bottom:5px; padding-bottom:6px; }
div.univdept2 font     { font-size:12px; line-height:18px; }
div.univdept2 table    { border-collapse:collapse; margin-bottom:12px; }
div.univdept2 th       { font-size:12px; padding-left:0; padding-right:6px; background-color:#eeeeee; }
div.univdept2 td       { font-size:12px; padding-left:0; padding-right:6px; padding-bottom:2px; width:50%; }
div.univdept2 dl       { margin:16px 0 0 0; padding:10px 0 10px 0; }
div.univdept2 dd       { font-size:12px; margin:0; padding:0; }
div.univdept2 b        { color:#444444; }
div.univdept2 li       { margin-left:16px; border-top:2px solid #cccccc; padding-top:10px; }

/*  Für Personenabfrage im Modus "info"  ------ */
div.univinfo           { line-height:18px; }
div.univinfo table     { border-collapse:collapse; }
div.univinfo th        { font-size:12px; padding-left:0; padding-right:6px; padding-bottom:10px; background-color:#eeeeee; }
div.univinfo td        { font-size:12px; padding-left:0; padding-right:6px; padding-bottom:4px; }
div.univinfo h3        { font-size:12px; color:#666666; padding-top:0; padding-bottom:16px; }
div.univinfo h4        { font-size:12px; color:#666666; padding-top:16px; padding-bottom:16px; }
div.univinfo ul        { margin:0; padding:0; }
div.univinfo ul li     { padding-left:18px; margin-bottom:3px; list-style: none;
                         background: url(../img/bull-vier.gif) 1px 6px no-repeat; }



/*  FORMULARE  ------------------------------------ */
input, select, textarea {
   font-family: Arial, Helvetica, sans-serif; font-size: 13px;
   font-weight:normal; color:#000000;}
input { border:1px solid #999999; }
