@charset "UTF-8";
/*
 * Converted to SASS
 */
/*
 * Converted to SASS
 */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */
@media all {
  /**
   * @section browser reset
   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
   */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * {
    margin: 0;
    padding: 0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding-left: 0.4em; }

  /* LTR */
  select {
    padding: 1px; }

  /**
   * (en) Global fix of the Italics bugs in IE 5.x and IE 6
   * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html body * {
    overflow: visible; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgr├Â├ƒen in ├ñlteren Opera Versionen */
    font-size: 100.01%;
    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background: #fff;
    color: #000;
    text-align: left;
    /* LTR */ }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div {
    outline: 0 none; }

  /* (en) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary {
    display: block; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen f├╝r <fieldset> und <img> Elemente l├Âschen */
  fieldset, img {
    border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte f├╝r Listen & Zitate */
  ul, ol, dl {
    margin: 0 0 1em 1em; }

  /* LTR */
  li {
    line-height: 1.5em;
    margin-left: 0.8em;
    /* LTR */ }

  dt {
    font-weight: bold; }

  dd {
    margin: 0 0 1em 0.8em; }

  /* LTR */
  blockquote {
    margin: 0 0 1em 0.8em; }

  /* LTR */
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: ""; }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section clearing methods
   * @see     http://yaml.de/en/documentation/basics/general.html
   */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe ben├Âtigt der Safari-Browser zwingend !! */
  .clearfix {
    display: block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox {
    display: table;
    width: 100%; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Ben├Âtigt nur der Internet Explorer und ├╝ber iehacks.css zugeschaltet */
  #ie_clearing {
    display: none; }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section hidden elements | Versteckte Elemente
   * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
   *
   * (en) skip links and hidden content
   * (de) Skip-Links und versteckte Inhalte
   */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen f├╝r unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -32768px;
    left: -32768px;
    /* LTR */ }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links f├╝r Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0; }

  /* skiplinks:technical setup */
  #skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }

  #skiplinks .skip:focus,
  #skiplinks .skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%; } }
@media screen, projection {
  /**
   * @section base layout | Basis Layout
   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
   *
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 20%     | flexible  | 20%     |
   * |-------------------------------|
   */
  #col1 {
    float: left;
    width: 20%; }

  #col2 {
    float: right;
    width: 20%; }

  #col3 {
    width: auto;
    margin: 0 20%; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung f├╝r absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content {
    position: relative; }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section subtemplates
   * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
   */
  .subcolumns {
    display: table;
    width: 100%;
    table-layout: fixed; }

  .subcolumns_oldgecko {
    width: 100%;
    float: left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: left; }

  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float: right;
    margin-left: -5px; }

  .c20l, .c20r {
    width: 20%; }

  .c40l, .c40r {
    width: 40%; }

  .c60l, .c60r {
    width: 60%; }

  .c80l, .c80r {
    width: 80%; }

  .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 {
    table-layout: fixed; }

  .equalize > div {
    display: table-cell;
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top; } }
@media print {
  /**
   * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
   * (de) Float Clearing f├╝r Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
   */
  .subcolumns,
  .subcolumns > div {
    overflow: visible;
    display: table; }

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print {
    position: static;
    left: 0; }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint {
    display: none !important; } }
/*
 *
 * Converted to SASS
 *
 */
@media screen, projection {
  body {
    padding: 0;
    background: white;
    color: black;
    text-align: center; }

  .page_margins {
    text-align: left;
    margin: 0 auto; }

  .page {
    margin: 0 0; }

  #header {
    margin: 0;
    position: relative; }
    #header #topnav {
      position: absolute;
      top: 0;
      right: 0; } }
/*
 *
 * Converted to SASS
 *
 */
@media all {
  /*
  ================================================================================================
  ** Globale Definitionen (auch in den anderen Seitenbereichen wirksam, z.B. Header, Menu) ================================================================================================
  */
  /*********************************/
  /* Schrift und Schriftgroesse    */
  /*********************************/
  body * {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; }

  #col3_content p {
    line-height: 1.4em; }

  /***************/
  /* Links       */
  /***************/
  a {
    color: white;
    text-decoration: underline; }

  a:link {
    color: white; }

  a:visited {
    color: white; }

  /* a:focus { text-decoration: underline; color: #000; background: #fff; outline: 3px #f93 solid; } */
  a:hover {
    color: white; }

  a:active {
    color: white; }

  a img {
    border: 0 none; }

  /*************************/
  /* Ueberschriften        */
  /*************************/
  h1#page_title {
    /* nur fuer Content (col3_content) - siehe unten */
    margin: 1em 0 1.5em 0;
    border-bottom: 1px solid white;
    padding: 0 0 0.5em 0;
    color: white;
    font-size: 1.2em;
    font-weight: bold; }

  h2, h1 {
    /* auch h1 wegen ev. HTML-Verwendung im ZMS */
    margin: 1.1em 0 0.25em 0;
    padding: 0.25em 0;
    color: white;
    font-size: 1.2em;
    font-weight: normal; }

  h3 {
    margin: 0.9em 0 0.25em 0;
    padding: 0.25em 0;
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic; }

  h4 {
    margin: 0.7em 0 0.25em 0;
    padding: 0.25em 0;
    color: white;
    font-size: 1em;
    font-weight: bold; }

  h5 {
    margin: 0.5em 0 0.25em 0;
    padding: 0.25em 0;
    color: white;
    font-size: 1em;
    font-weight: normal; }

  /* Moeglich ist h1-h6, h6 ist reserviert fuer Seitenbereichsueberschriften bzw. Skip-Links! */
  /**************************************/
  /* Absaetze und Hervorhebung im Text  */
  /**************************************/
  /* Block-Elemente */
  p {
    margin: 0 0 1em 0; }

  p.caption {
    font-style: italic; }

  p.emphasis {
    margin-left: 1.5em;
    margin-right: 2em;
    padding: 0.1em 0.3em;
    background-color: white; }

  blockquote {
    /* Zitat verwendet fuer Einzug, besser waere p.indent! */
    margin-left: 1.5em;
    margin-right: 2em;
    padding: 0; }

  pre {
    overflow: auto;
    margin-left: 0;
    padding: 0;
    font-family: Monaco, 'Courier New', monospace;
    font-size: 0.9em;
    color: white; }

  /* Inline-Elemente */
  em {
    font-style: normal;
    font-weight: bold; }

  strong {
    font-weight: bold;
    background: #EFEFEF; }

  sup {
    font-size: 0.8em;
    vertical-align: super;
    line-height: 70%; }

  sub {
    font-size: 0.8em;
    vertical-align: sub;
    line-height: 70%; }

  abbr, acronym {
    border-bottom: 1px dotted black; }

  code {
    font-family: Monaco, 'Courier New', monospace;
    font-size: 0.9em;
    color: white; }

  hr {
    border: 0 none;
    border-bottom: 1px solid white;
    height: 0; }

  /**************/
  /* Listen     */
  /**************/
  ul, ol, dl {
    margin: 0 0 1em 1.5em; }

  ul {
    list-style: disc; }

  ul ul {
    list-style: circle; }

  ol {
    list-style: decimal; }

  ol ol {
    list-style: lower-alpha; }

  ul ul, ul ol, ol ol, ol ul {
    margin: 0.1em 0 0.2em 0.2em; }

  /*************************/
  /* Abbildungen           */
  /*************************/
  div.ZMSGraphic {
    margin: 0.7em 0 0.7em 0; }

  div.graphic.alignleft {
    float: left;
    margin: 0 0.7em 0.2em 0; }

  div.graphic.alignright {
    float: right;
    margin: 0 0 0.2em 0.7em; }

  div.ZMSGraphic.right div.graphic {
    /* Bilder ohne Textumfluss sonst nicht rechts */
    width: 100% !important; }

  div.ZMSGraphic.right div.graphic img {
    /* Bilder ohne Textumfluss sonst nicht rechts */
    display: inline !important; }

  div.ZMSGraphic.center div.graphic {
    /* inline-style fehlt im ZMS */
    margin: auto; }

  div.ZMSGraphic.left div.text, div.ZMSGraphic.right div.text, div.ZMSGraphic.center div.text {
    padding-top: 0.5em; }

  div.ZMSGraphic div.text ul, div.ZMSGraphic div.text ol {
    margin-left: 0.5em;
    overflow: hidden; }

  div.ZMSGraphic div.text ul li {
    margin-left: 1.4em; }

  div.ZMSGraphic div.text ol li {
    margin-left: 1.5em; }

  /* Verlinkt mit highres-Bild (.fancybox statt frueher .zoom) */
  a.fancybox {
    display: block;
    position: relative; }

  a.fancybox::after {
    /* im statt unterhalb Bild */
    content: url("/fs_resources/img/icn_zoom.gif");
    background-color: #FFFFFF;
    opacity: 0.6;
    position: absolute;
    right: 2px;
    bottom: 2px; }

  /* Verlinkt mit Bildergalerie (manuelles HTML, z.B. Science Park) */
  a.fancybox.gallery::after {
    content: url("/fs_resources/img/icn_gallery.png");
    opacity: 0.7;
    padding: 2px; }

  /* TODO: Gibt's das ueberhaupt (auf ZMI nichts entdeckt)? */
  a.download img.download {
    background: transparent url(/misc_/zms/download.gif) repeat scroll 0%;
    height: 21px;
    width: 23px; }

  /* TODO: Gibt's das ueberhaupt (auf ZMI nichts entdeckt)? */
  a.superzoom img.superzoom {
    background: transparent url(/misc_/zms/superzoom.gif) repeat scroll 0%;
    height: 21px;
    width: 23px; }

  /***************/
  /* Tabellen    */
  /***************/
  table, table.ZMSTable, table.long, table.rowgroup {
    margin: 0 0 1em 0;
    /*Abstand oben wurde herausgenommen, da er ansonsten einen Abstand zwischen der Tabelle mit Tabreitern verursacht.*/
    padding: 0;
    width: 100%; }

  caption {
    position: relative;
    /* Noetig, sonst Anzeigefehler! Pos. Browser-abhaengig! */
    caption-side: bottom;
    /* nur bottom und top (s. unten) zugelassen */
    margin-top: 0.4em;
    margin-bottom: 1.2em;
    padding-left: 0.5em;
    text-align: left;
    vertical-align: top;
    font-size: 0.9em;
    font-style: italic; }

  caption[align="top"] {
    caption-side: top;
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    vertical-align: bottom;
    font-size: 1em;
    font-weight: bold;
    font-style: normal; }

  th, tr.even th, table.ZMSTable th {
    /* table.ZMSTable th, um Style aus zms.css zu ueberschreiben - noch noetig? */
    border-bottom: 1px solid black;
    padding: 0.1em 0.3em 0 0.3em;
    background-color: white;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom; }

  th p, td p {
    margin: 0; }

  td, tr.even td, tr.odd td {
    background-color: white;
    padding: 0.1em 0.3em 0.1em 0.3em;
    vertical-align: top; }

  /* Tabellen mit alternierenden Zeilenfarben (fuer lange Tabellen in spez. Objekten) */
  table.long tr.odd td {
    background-color: white;
    color: black; }

  table.long tr.even td, .darkcell {
    /* .darkcell wegen Webshop */
    background-color: white;
    color: black; }

  table.long tr:hover.even td, table.long tr:hover.odd td {
    background-color: white;
    /* allgemein wegen unerwuenschtem Effekt im VKAL auskommentiert */ }

  /* Zeilengruppen-Tabellen (in spez. Objekten) */
  th.rowgroup {
    border-top: 0 none;
    border-bottom: 1px solid white;
    border-left: 0.5em solid white;
    padding: 0.1em 0.7em 0 0.7em;
    background-color: white;
    color: white;
    font-weight: normal; }

  /* Tabelle in Tabelle geschachtelt (z.B. KUSSS LVAs) */
  table tr td table {
    margin-top: 0.6em; }

  table tr td table tr th, table tr td table tr td {
    background-color: transparent !important; }

  table tr td table tr td {
    border-bottom: 1px solid white; }

  table.long tr:hover td table tr td {
    border-bottom: 1px solid white; }

  /******************/
  /* Formulare      */
  /******************/
  /* Formularbreite (label, input) */
  form.em18 label, form.em18 fieldset ol li fieldset.noborder legend {
    width: 18em; }

  form.em18 input[type="text"], form.em18 input[type="password"], form.em18 textarea {
    width: 25em;
    /* kein Umbruch bei min. Fensterbreite */ }

  /* Sub-Fieldset fuer Gruppen von Radios oder Checkboxes */
  form.em18 fieldset li fieldset.noborder div {
    margin-left: 18.1em;
    width: 25em;
    /* kein Umbruch bei min. Fensterbreite */ }

  /* Sichtbarer Tooltip oder Fehlermedlungstext bei Eingabefeld */
  form.em18 fieldset li span.tip, form.em18 fieldset li span.error {
    margin-left: 18.1em;
    display: block; }

  /* Schmale Neben-/Zusatzformulare (z.B. im Teaser-Bereich)  */
  form.sideform {
    margin: 0.5em 0.4em; }

  form.sideform input {
    margin: 0 0 0.5em 0; }

  form.sideform div.submitline {
    border: 0 none; }

  /* Formulargliederung */
  fieldset {
    margin: 0.8em 0 0.8em 0;
    border: 1px solid #E4E7EC;
    padding: 0.8em; }

  fieldset ol {
    margin: 0;
    padding: 0; }

  fieldset li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0 0.5em 0;
    position: relative; }

  legend {
    border-width: 1px 1px 1px 0.5em;
    border-color: white;
    border-style: solid;
    padding: 0.2em 1em 0.2em 0.5em;
    background-color: #FCFCFC;
    color: #474766;
    line-height: 100%;
    text-align: left;
    top: -10px;
    left: 46px; }

  fieldset.noborder {
    margin: 0.2em 0 0 0;
    border: 0 none;
    padding: 0; }

  fieldset.noborder legend {
    display: none;
    /* tw. auch mit Screenreader unsichtbar - .hideme hier fehlerhaft */ }

  fieldset.noborder li {
    padding: 0; }

  fieldset ol li fieldset.noborder legend {
    float: left;
    display: block;
    border: 0 none;
    padding: 0 0 0 0.1em;
    background-color: #ECECEC;
    color: #474766;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    word-spacing: 0.2em; }

  fieldset ol li fieldset.noborder div {
    width: auto !important; }

  /* Eingabeelemente */
  label {
    padding-left: 0.1em;
    color: #474766; }

  form.multiline fieldset label, form.multiline fieldset ol li label {
    /* fuer mehrzeilige Formulare im Content */
    line-height: 1.5em; }

  form.multiline fieldset ol li label {
    /* fuer mehrzeilige Formulare im Content */
    float: left;
    display: block;
    background-color: #ECECEC;
    letter-spacing: 0.1em;
    word-spacing: 0.2em;
    position: relative; }

  form.multiline fieldset ol li fieldset.noborder label {
    margin-right: 1em;
    float: none;
    display: inline;
    background-color: transparent;
    letter-spacing: 0;
    word-spacing: 0; }

  span.mandatory {
    /* Pflichtfelder-Stern in Labels */
    color: #ce0000;
    font-weight: bold;
    font-style: normal; }

  input[type="text"], input.inputfield, input[type="password"] {
    border: 1px solid #B0AEC3;
    padding: 0.1em 0.2em 0.1em 0.2em;
    color: #666666;
    font-size: 1em; }

  textarea {
    border: 1px solid #B0AEC3;
    padding: 0.1em 0.2em 0.1em 0.2em;
    color: #666666;
    font-size: 1em; }

  select {
    border: 1px solid #747895;
    padding: 0.2em 0.1em 0.1em 0.1em;
    background-color: white;
    color: #474766;
    font-size: 1em; }

  optgroup {
    border-bottom: 1px solid #747895;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }

  option.choose {
    color: #99A0A0;
    font-style: italic; }

  input[type="radio"], input.radio {
    margin-right: 0.2em; }

  input[type="checkbox"], input.checkbox {
    margin-right: 0.2em; }

  input[readonly="readonly"], input.readonly, textarea[readonly="readonly"], textarea.readonly {
    /* fuer readonly-Eingabeelemente*/
    background: #E9E9E9; }

  /* Buttons */
  input[type="submit"], input.submit, input[type="reset"], button {
    margin-left: 0.5em;
    border: 1px solid #747895;
    padding: 0.1em 3px 0.1em 3px;
    background: white url(/fs_resources/img/button_bg.gif) repeat-x;
    color: #474766;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;
    word-spacing: 0.2em; }

  input[type="submit"].add, input.submit.add, button.add {
    padding-right: 17px;
    background-image: url(/fs_resources/img/button_add.gif);
    background-position: right center;
    background-repeat: no-repeat; }

  input[type="submit"].forward, input.submit.forward, button.forward {
    padding-right: 13px;
    background-image: url(/fs_resources/img/button_forward.gif);
    background-position: right center;
    background-repeat: no-repeat; }

  input[type="submit"].back, input.submit.back, input[type="reset"].back, button.back {
    margin-left: 0;
    padding-left: 14px;
    background-image: url(/fs_resources/img/button_back.gif);
    background-position: left center;
    background-repeat: no-repeat; }

  input[disabled="disabled"], input.disabled, span.disabled {
    /* Buttons, Links ausgegraut */
    color: #99A0A0;
    font-style: italic; }

  div.submitline, td.submitline, li.submitline {
    /* td f. alte Tabellenformulare */
    border-top: 1px solid white;
    padding: 0.5em 0;
    text-align: right;
    white-space: nowrap; }

  div.submitline fieldset.noborder.legal {
    float: left; }

  /* Hilfen */
  /* Seitenhilfe (Icon-Link im Seitentitel) */
  h1 a:link.help, h1 a:active.help, h1 a:visited.help {
    position: absolute;
    right: 1.8em;
    border: 1px solid #f4e77a;
    padding-right: 0.2em;
    padding-left: 0.2em;
    background-color: #ffffff;
    color: #CCA00C;
    cursor: help;
    text-decoration: none;
    line-height: 1.1em; }
  h1 a:hover.help {
    position: absolute;
    right: 1.8em;
    border: 1px solid #f4e77a;
    padding-right: 0.2em;
    padding-left: 0.2em;
    background-color: #fffbd7;
    color: #CCA00C;
    cursor: help;
    text-decoration: none;
    line-height: 1.1em; }

  body#help {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
    font-size: 75%; }
    body#help h1 {
      margin: 0;
      padding: 0.2em 14px 0.2em 14px;
      background-color: #FFFBD7;
      font-size: 1.1em; }
    body#help div {
      margin: 0;
      padding: 0.2em 1.2em 0.2em 1.2em;
      line-height: 1.4em; }
    body#help div.close {
      margin: 0;
      padding: 0.2em 2.4em 0.2em 1.2em;
      border-top: 1px solid #E4E7EC;
      background: url(/fs_resources/img/icn_close.png) no-repeat 98%;
      text-align: right; }

  a.close, div.close a, div.close_top a, div.close_bottom a {
    padding: 0.2em 1.6em 0.2em 0;
    background: url(/fs_resources/img/icn_close.png) no-repeat right;
    float: right;
    font-size: 0.9em; }

  div.close_top {
    margin: 0;
    border-bottom: 1px solid #E4E7EC; }

  div.close_bottom {
    margin: 0;
    border-top: 1px solid #E4E7EC; }

  /* Allgemeiner Hinweis am Formularbeginn */
  p.hint, div.hint {
    margin: 1em 0 1em 0;
    border-color: #f4e77a;
    border-style: dotted;
    border-width: 1px 0;
    padding: 0.5em 1em 0.5em 30px;
    background-color: #fffbd7;
    background-image: url(/fs_resources/img/icn_hint.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #6a6a52; }

  div.hint p {
    margin: 0; }

  /* Tooltip (Link fuer Ausfuellhilfe bei Eingabeelementen) */
  a:link.tooltip, a:active.tooltip, a:visited.tooltip {
    border: 1px solid #f4be00;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #ffffff;
    color: #CCA00C;
    font-weight: bold;
    text-decoration: none;
    text-transform: lowercase;
    cursor: help; }

  a:hover.tooltip {
    background-color: #fffbd7; }

  form a:link.tooltip, form a:active.tooltip, form a:visited.tooltip, form a:hover.tooltip {
    /* Positionierung innerhalb von form label */
    margin-right: 1px;
    padding-right: 1px;
    position: absolute;
    right: 0;
    line-height: 1.4em; }

  span.tip {
    color: #CCA00C; }

  span.tooltip {
    /* Achtung: wird derzeit bei Voranmeldung verwendet!!!!! */
    position: absolute;
    left: 44em;
    color: #CCA00C; }

  /* Formularrueckmeldungen */
  /* Fehlermeldungstexte */
  .error, .error em {
    color: #aa1124; }

  /* Allgemeine Fehlermeldung oberhalb Formular */
  p.error, div.error {
    margin: 1em 0 1em 0;
    border-color: #ffcccc;
    border-style: dotted none;
    border-width: 1px 0;
    padding: 0.5em 1em 0.5em 30px !important;
    background-color: #fff5f5;
    background-image: url(/fs_resources/img/icn_error.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #aa1124; }

  div.error p {
    margin-top: 0;
    margin-bottom: 0.5em; }

  div.error ul, div.error ol {
    margin-bottom: 0;
    margin-left: 0.3em; }

  div.error ul li, div.error ol li {
    font-size: 0.9em;
    line-height: 1.3em; }

  p.error a, div.error a {
    color: #aa1124; }

  /* Kennzeichnung fehlerhafter Eingabefelder */
  input[type="text"].error, input[type="password"].error, input.inputfield.error, textarea.error, select.error, form.em18 fieldset li fieldset.noborder div.error_fieldset {
    border: 1px solid #ce0000; }

  textarea.error, select.error option {
    color: #666666; }

  /* Fehlermeldungstext bei Eingabefeld */
  fieldset li span.error {
    margin-top: 0.3em;
    line-height: 1.2em; }

  /* Bestaetigungsmeldungstexte */
  .ok, .ok em {
    color: #329808; }

  /* Allgemeine Bestätigungsmeldung am Seitenbeginn */
  p.ok, div.ok {
    margin: 1em 0 1em 0;
    border-color: #aaccaa;
    border-style: dotted none;
    border-width: 1px 0;
    padding: 0.5em 1em 0.5em 30px;
    background-color: #f4f8f4;
    background-image: url(/fs_resources/img/icn_ok.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #335533; }

  div.ok p {
    margin: 0; }

  /* Login */
  form.login label {
    width: 18em;
    margin-top: 0.1em; }

  form.login input[type="text"], form.login input[type="password"] {
    width: 20em; }

  /* Fehlermedlungstext bei Eingabefeld */
  form.login fieldset li span.error {
    margin-left: 18.1em;
    display: block; }

  /* Kontaktformular */
  div#contactform {
    margin-top: 2em;
    margin-bottom: 1.2em; }

  div#contactform h2 {
    margin-top: 1.2em;
    border-top: 1px solid white;
    padding-top: 0.7em; }

  div#contactform a.close {
    margin-top: -3.1em; }

  /* Terminsuche im Veranstaltungskalender */
  form.calendar label {
    width: 18em;
    margin-top: 0.1em; }

  /* Personensuche - dafuer nicht mehr noetig, wird jedoch im Webshop verwendet! */
  form.pers_search label {
    width: 18em;
    margin-top: 0.1em; }

  form.pers_search input[type="text"], form.pers_search input[type="password"] {
    width: 20em; }

  form.multiline.pers_search label.radio {
    background: none;
    /* wichtig */
    display: inline;
    float: none; }

  /* Captchas */
  fieldset.captcha label span.captchastring {
    padding: 0.1em 0.3em 0.2em 0.4em;
    background: #FFFFFF url(/fs_resources/img/lined.gif) repeat;
    font-family: 'Comic Sans MS', sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.2em; }

  fieldset.captcha input[type="text"], fieldset.captcha input.inputfield {
    width: 5em; }

  /********************************************/
  /* Accessibility: Versteckte Inhalte, etc.  */
  /********************************************/
  /* Skip-Links und versteckte Inhalte */
  /* Klassen .skip, .hideme, .print (Position ausserhalb sichtbarem Bereich) siehe base.css */
  #skiplinks .skip:focus,
  #skiplinks .skip:active {
    margin-top: -5px;
    margin-left: 30px;
    font-size: 11px;
    color: #fff;
    letter-spacing: 2px;
    word-spacing: 4px;
    text-decoration: none; }

  /* Versteckte Nummerierung in menu und submenu (Liste) */
  dfn {
    position: absolute;
    top: -32768px;
    left: -32768px; }

  /* Unsichtbare Inhalte (ohne CSS sichtbar, mit Screen Reader tw. nicht!) */
  .display_none {
    display: none; }

  /* Weitere generische Darstellungsarten */
  .inline {
    display: inline; }

  .block {
    display: block; }

  /*
  ================================================================================================
  ** Lokale Definitionen fuer den Content-Bereich (col3_content) ================================================================================================
  */
  /*************************/
  /* Orientierungspfad     */
  /*************************/
  div#breadcrumbs {
    margin: 0 -12px;
    padding: 0.6em 12px 0.4em 12px;
    background-color: #E4E7EC;
    border-top: 1px solid #cccccc;
    line-height: 1.6em;
    font-size: 0.9em; }

  div#breadcrumbs span {
    font-weight: bold; }

  /**************************************************/
  /* Seiten-Titel, Titel-Foto, Seitenbeschreibung   */
  /**************************************************/
  div#title_image {
    margin: 0 -12px;
    border-bottom: 1px solid white;
    height: 90px;
    overflow: hidden; }

  /* h1#page_title - siehe oben Ueberschriften */
  /* Zusammenfassung */
  p.description {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    padding: 0.5em;
    background-color: white; }

  /**************************************************/
  /* Uebersicht (Seitenelement Zweigverzeichnis)    */
  /**************************************************/
  ul.toc {
    margin: 0.8em 0 1.8em 0;
    border-bottom: 1px solid white;
    padding: 0 0 0.5em 0; }

  ul.toc li {
    margin: 2.5em 0 0 0;
    padding: 0;
    list-style: none; }

  ul.toc li.first {
    margin-top: 0; }

  ul.toc li h3 {
    position: relative;
    margin: 0;
    border-bottom: 1px solid white;
    padding: 0 0.5em 0 0; }

  ul.toc li h3 span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33%;
    height: 1.4em;
    overflow: hidden;
    background-color: #ECECEC; }

  ul.toc li h3 a {
    margin-bottom: 0.1em;
    margin-left: 35.3%;
    display: block;
    text-decoration: none;
    font-style: normal;
    line-height: 1.2em; }

  ul.toc li h3 a:hover {
    text-decoration: underline; }

  ul.toc li p {
    width: 33%;
    float: left;
    margin-top: 0.2em;
    margin-bottom: 0.3em; }

  #col3_content ul.toc li p {
    line-height: 1.3em; }

  ul.toc li.notree p {
    width: 100%; }

  ul.toc li ul {
    margin-left: 35%;
    display: block; }

  ul.toc li ul li {
    margin: 0.2em 0 0 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.2em; }

  /**************************************************/
  /* Ueberblick (z.B.: Studieren)    */
  /**************************************************/
  ul.glance {
    margin: 0; }

  ul.glance li {
    margin: 0 0 1.5em 0;
    overflow: hidden;
    list-style: none; }

  ul.glance li h2 {
    margin-top: 0; }

  ul.glance li p {
    margin-bottom: 0.8em; }

  ul.glance li div {
    float: left;
    margin: 0 1.5em 0.5em 0;
    border: solid 1px #a7b2b7;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    -khtml-border-radius: 10px 10px;
    background-color: #deeaef; }

  ul.glance li div img {
    height: 140px;
    width: 200px;
    margin: 4px;
    border: 4px solid #ffffff; }

  /*************************/
  /* Tab-Navigation        */
  /*************************/
  ul#tab_navigation {
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0;
    border-bottom: 1px solid white;
    padding-left: 0.5em;
    white-space: nowrap; }

  ul#tab_navigation li {
    margin: 0;
    list-style: none;
    display: inline; }

  ul#tab_navigation li a, ul#tab_navigation li span {
    margin-left: 3px;
    border-top: 1px solid #7786A2;
    border-right: 1px solid #7786A2;
    border-bottom: 0 none;
    border-left: 1px solid #7786A2;
    padding: 2px 0.5em 1px 0.5em;
    background: #EFEFEF;
    text-decoration: none; }

  ul#tab_navigation li a:hover {
    border-color: white;
    background: white url(/fs_resources/img/tab_nav_gradient.gif) repeat-x 50% bottom; }

  ul#tab_navigation li.active span {
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 2px solid #FFFFFF;
    border-left: 1px solid white;
    padding-right: 0.8em;
    padding-bottom: 1px;
    padding-left: 0.8em;
    background: white url(/fs_resources/img/tab_nav_gradient.gif) repeat-x 50% bottom;
    color: black; }

  /*******************************************/
  /* Index (z.B. ABC, Partneruniversitaeten) */
  /*******************************************/
  ul.index {
    margin: 0.9em 0 1.1em 0;
    text-align: center;
    white-space: normal; }

  ul.index li {
    display: inline;
    list-style: none;
    margin: 0.1em;
    border: 1px solid #E0E2E4;
    padding: 0.1em 0.3em;
    line-height: 2.2em; }

  ul.index li a {
    white-space: nowrap; }

  /************************************************/
  /* Link-Listen und Downloads im Content-Bereich */
  /************************************************/
  ul.links, ul.files, ul.linklist {
    /* linklist noch in Verwendung? waere mit links abgedeckt */
    margin: 0.3em 0 0 0;
    padding-bottom: 0.8em;
    list-style: none;
    text-align: left; }

  ul.links li, ul.files li, ul.linklist li {
    /* linklist noch in Verwendung? waere mit links abgedeckt */
    display: block;
    margin: 0 0 0.3em 0;
    background-color: white;
    overflow: hidden; }

  ul.links li, ul.linklist li {
    /* linklist noch in Verwendung? waere mit links abgedeckt */
    padding-left: 20px; }

  ul.files li {
    padding-left: 24px; }

  ul.links li img {
    margin: 0 3px 0 -18px;
    float: left; }

  ul.files li img {
    margin: 0 3px 0 -24px;
    vertical-align: middle;
    float: left; }

  /***********************/
  /* Blaettern           */
  /***********************/
  div.browse {
    margin: 1.5em 0 0.5em 0;
    border: 1px solid #E0E2E4;
    padding: 0 0.3em;
    height: 1.8em;
    white-space: nowrap;
    text-align: center; }

  div.browse div {
    margin-top: 0.2em; }

  div.browse span, .browse a img {
    text-decoration: none; }

  div.browse span, .browse img {
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle; }

  div.browse span.active {
    font-weight: bold;
    color: black; }

  div.itemsperpage {
    text-align: left; }

  div.itemsperpage form {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 1.3em; }

  div.itemsperpage div {
    margin: 0.2em 0 0 0;
    padding: 0;
    float: right;
    line-height: 1.3em; }

  /***************/
  /* iframes     */
  /***************/
  iframe {
    margin: 0.3em 0 0.3em 0;
    border: 1px dotted #BEBEBE;
    width: 100%; }

  p.hint.iframe {
    margin-top: -0.3em;
    border-width: 0 1px 1px;
    padding: 0.1em 0.2em 0;
    background-image: none;
    font-size: 0.8em;
    font-style: italic;
    display: inline-block; }

  p.hint.iframe em {
    font-style: italic;
    font-weight: bold; }

  p.hint.iframe:hover {
    cursor: help; }

  p.hint.iframe span {
    display: none; }

  p.hint.iframe:hover span {
    display: inline-block; }

  div.lead {
    margin: 1em 0 2em 0; }

  div.lead h2 {
    margin: 0;
    border-bottom: 1px dotted #CC3300;
    padding-bottom: 0.1em; }

  div.lead h2 a {
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none; }

  div.lead h2 a img {
    /* email-Icon */
    margin-right: 0.4em; }

  div.lead p {
    margin: 0;
    padding-top: 0.5em; }

  div.lead span.date {
    font-style: normal; }

  div.lead p img {
    margin: 0 0.5em 0.3em 0;
    float: left; }

  /* Artikel mit Layout Typ 1 und 2 */
  /* Artikelelemente tw. durch Simulation von Standard-Objekten abgedeckt, z.B. Abbildung */
  /* Workaround bei zu breiten Bildern - floatbox sollte im Skript entfernt werden! */
  div.article1.floatbox, div.article2.floatbox, div.article1.floatbox div.floatbox, div.article2.floatbox div.floatbox {
    display: block;
    width: auto; }

  div.article1 p.lead img {
    margin: 0 0 0.3em 0.5em;
    float: right; }

  p.footnote {
    width: 66%;
    margin: 1em 0 1.8em 0;
    padding-top: 0.5em;
    font-size: 0.9em; }

  p.author {
    margin-top: 1em;
    font-style: italic;
    text-align: right; }

  p.moreof {
    margin: 1.5em 0 1em 0;
    text-align: right; }

  p.moreof a {
    border-top: 1px solid white;
    line-height: 1em;
    text-decoration: none; }

  /* Artikel mit Layout Typ 2  (Basis Typ 1) */
  div.article2 p.lead span.images_right {
    width: 250px;
    float: right; }

  div.article2 p.lead span.images_right img {
    margin: 0 0 0.8em 0.8em;
    display: block;
    float: none; }

  ul.news_archive {
    margin: 1em 0;
    list-style: square; }
    ul.news_archive li {
      margin-right: 0;
      margin-bottom: 0.6em;
      line-height: 1.4em; }
      ul.news_archive li span {
        font-style: italic; }

  img.rss {
    float: right;
    margin: 0.5em 0 0.5em 1em;
    border-left: 5px solid #FFFFFF; }

  ul.rss {
    margin: 1.4em 0 1.8em 0;
    list-style: none; }
    ul.rss li {
      margin: 0 0 0.5em 0;
      border-bottom: 1px solid #E0E2E4;
      line-height: 1.4em; }
      ul.rss li h2 {
        margin: 0;
        font-size: 1em;
        font-weight: normal; }
        ul.rss li h2 span {
          margin-right: 0.7em;
          font-size: 0.9em;
          font-style: italic;
          font-weight: normal; }
      ul.rss li p {
        margin-bottom: 0.5em; }

  div.media {
    margin-top: 0.7em;
    margin-bottom: 2em;
    position: relative;
    overflow: hidden; }
    div.media h3 {
      margin: 0;
      background-color: black;
      color: #FFFFFF;
      font-weight: normal;
      font-style: normal;
      text-indent: 0.3em;
      white-space: nowrap;
      overflow: hidden; }
    div.media > div, div.media > object {
      margin-right: 0.7em;
      margin-bottom: 1.7em;
      float: left;
      position: relative;
      z-index: 100;
      background-color: black; }
    div.media > div div.media > div, div.media > div div.media > object {
      width: inherit; }
    div.media > div iframe {
      margin: 0;
      border: 0 none; }
    div.media div div.play_video {
      width: 100%;
      height: 100%;
      background: url(/fs_resources/img/button_play.png) no-repeat center transparent;
      cursor: pointer;
      position: absolute;
      z-index: 200;
      opacity: 0.9;
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      -opera-opacity: 0.9; }
    div.media div div img {
      width: inherit;
      overflow: hidden; }
    div.media a.download_realplayer, div.media a.download_flash {
      border-top: 2px solid #FFFFFF;
      padding-top: 0.3em;
      width: 100%;
      height: 1.6em;
      text-indent: 28px;
      text-decoration: none;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 200;
      opacity: 0.9;
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      -opera-opacity: 0.9; }
    div.media a.download_realplayer {
      background: url(/fs_resources/img/icn_realplayer.gif) no-repeat 5px center #E6E9EE;
      border-bottom: 1px solid #5AABD3; }
      div.media a.download_realplayer:hover {
        color: #0181BC; }
    div.media a.download_flash {
      background: url(/fs_resources/img/icn_flash.png) no-repeat 5px center #E6E9EE;
      border-bottom: 1px solid #C6282D; }
      div.media a.download_flash:hover {
        color: #C6282D; }
    div.media h3 ~ p {
      position: relative;
      top: -1.6em; }
    div.media p.hint {
      width: 150px;
      position: absolute;
      top: 3.6em;
      left: 0;
      z-index: 300;
      opacity: 0.9;
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      -opera-opacity: 0.9; } }
/*
 *
 * Achtung: auf SASS umgestellt
 * ============================
 *
 */
/***********************************************************************************************
** JKU Globale CSS - Weboffice
************************************************************************************************
**  Funktion : Formatierung der Inhalte im Header (Logo, Skip-Links, Schriftgroesse, Sprache)
**  Basis    : YAML 3.0.6
*/
@media all {
  #header a#logo img {
    margin: -5px 0 0 -15px;
    padding-bottom: 0; }

  #topnav div.options {
    float: right;
    margin-top: 10px;
    padding: 0 10px 0;
    border-image: none;
    border-style: none solid solid;
    border-width: 0;
    line-height: 16px;
    vertical-align: bottom; }
    #topnav div.options div#audit, #topnav div.options div#font-size-selection, #topnav div.options div#language-selection {
      float: left; }
    #topnav div.options div#audit {
      font-family: "Arial", "Helvetica", sans-serif;
      font-size: 12px; }
      #topnav div.options div#audit a {
        text-decoration: none;
        color: #000;
        font-weight: normal;
        font-family: "Arial", "Helvetica", sans-serif; }
        #topnav div.options div#audit a em {
          font-family: "Arial", "Helvetica", sans-serif;
          font-weight: 600; }
      #topnav div.options div#audit img {
        padding-right: 0.3em;
        float: left;
        margin-top: -0.4em; }
    #topnav div.options div#font-size-selection {
      display: none;
      margin-left: 3em;
      margin-top: -2px; }
      #topnav div.options div#font-size-selection p {
        margin: 0;
        padding: 0; }
      #topnav div.options div#font-size-selection span {
        font-size: 12px;
        line-height: 16px;
        font-weight: bold; }
      #topnav div.options div#font-size-selection .small {
        font-size: 0.9em; }
      #topnav div.options div#font-size-selection .middle {
        font-size: 1.1em; }
      #topnav div.options div#font-size-selection .big {
        font-size: 1.4em; }
    #topnav div.options div#language-selection ul#language {
      float: left;
      font-size: 0.9em;
      list-style: outside none none;
      margin: 0 0 0 3em;
      padding: 0; }
      #topnav div.options div#language-selection ul#language li {
        float: left;
        margin: 0;
        padding: 0 0.4em;
        line-height: 16px; }
        #topnav div.options div#language-selection ul#language li:nth-of-type(1) {
          padding-left: 0; }
        #topnav div.options div#language-selection ul#language li:nth-of-type(2) {
          border-left: 2px solid black;
          padding-right: 0; }
        #topnav div.options div#language-selection ul#language li abbr, #topnav div.options div#language-selection ul#language li acronym {
          border-bottom: medium none; }
    #topnav div.options a {
      color: black;
      text-decoration: none; }
      #topnav div.options a:hover {
        text-decoration: underline; } }
/*
 *
 * Converted to SASS
 *
 */
@media all {
  #menu {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none; }

  #menu li {
    float: left;
    width: 20%;
    margin-left: 0;
    text-align: center;
    font-size: 1.1em; }

  #menu li a {
    display: block;
    background: #000000 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }

  #menu li.last a {
    margin-right: 0; }

  #menu li a span {
    display: block;
    background: transparent none repeat scroll 0 0; }

  #menu li a.active, #menu li a.active:hover {
    background: #7d888d;
    color: #ffffff; }

  #menu li a:hover {
    background: #EBEDEC;
    color: #000000;
    transition: all 0.2s ease-in-out; }

  body.intra div#nav ul#functions {
    border-bottom: 2px solid #FCC900; } }
/*
 *
 * Changed to SASS
 *
 */
/*************************************************************************************************
** JKU Globale CSS - Weboffice
**************************************************************************************************
**  Funktion : Formatierung der Funktionsleiste (Login, Quicksearch, Quicklinks)
**  Basis    : YAML 3.0.6
*/
@media all {
  ul#functions {
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0;
    border-style: none; }
    ul#functions li {
      margin: 0;
      list-style: none;
      display: inline;
      border-bottom: 1px solid black;
      height: 28px;
      padding: 8px 0 0 12px; }
      ul#functions li#login_out {
        float: left;
        margin: 0;
        vertical-align: middle;
        width: 188px; }
        ul#functions li#login_out a {
          text-decoration: none;
          text-transform: uppercase;
          color: black; }
          ul#functions li#login_out a:hover {
            text-decoration: underline; }
        ul#functions li#login_out span.user {
          margin-right: 0.7em;
          margin-left: 0; }
      ul#functions li#quicksearch {
        float: left;
        width: 566px;
        margin: 0 8px;
        padding-right: 6px; }
        ul#functions li#quicksearch fieldset {
          float: left;
          margin-top: 0;
          margin-right: 0.6em; }
        ul#functions li#quicksearch form#empsearch_quickbox ul {
          list-style: none;
          padding: 0; }
          ul#functions li#quicksearch form#empsearch_quickbox ul li {
            border-style: none;
            padding: 0; }
        ul#functions li#quicksearch form#empsearch_quickbox .empsearch_inputbox {
          padding: 0 0.5em 0 0;
          overflow: hidden;
          float: right; }
        ul#functions li#quicksearch form#empsearch_quickbox .empsearch_inputbox input {
          width: 375px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          outline-style: none;
          font-weight: bold; }
        ul#functions li#quicksearch form#empsearch_quickbox input {
          background: #f5f5f5 none repeat scroll 0 0;
          border: medium none;
          padding-top: 0; }
        ul#functions li#quicksearch form#empsearch_quickbox .button {
          float: right;
          background: transparent none repeat scroll 0 0;
          color: black;
          font-family: FontAwesome;
          font-size: 1.3em;
          font-weight: 200;
          margin-left: 0; }
        ul#functions li#quicksearch input.radio {
          vertical-align: middle; }
        ul#functions li#quicksearch input.inputfield {
          vertical-align: middle;
          font-weight: normal; }
        ul#functions li#quicksearch span.no_mb a {
          float: left;
          margin-top: 0.2em;
          margin-left: 0.8em;
          vertical-align: middle;
          font-weight: bold; }
        ul#functions li#quicksearch label {
          margin-left: 0;
          vertical-align: middle;
          font-weight: normal;
          letter-spacing: 0;
          word-spacing: 0;
          color: black; }
        ul#functions li#quicksearch li input.submit {
          vertical-align: middle;
          letter-spacing: 0;
          word-spacing: 0; }
      ul#functions li#quicklinks {
        float: right;
        width: 188px; }
        ul#functions li#quicklinks select {
          vertical-align: middle;
          font-weight: normal; }
        ul#functions li#quicklinks .submit {
          background: black none repeat scroll 0 0;
          border: medium none;
          color: #ffffff;
          display: none; }
        ul#functions li#quicklinks #quicklinklist {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          background: #ffffff url("/fs_resources/img/icn_arrowdown.svg") no-repeat scroll right center/18px 12px;
          border: medium none;
          outline-style: none;
          width: 188px;
          margin-right: 6px;
          float: right; }
      ul#functions li.quicknav ul {
        margin: 0; } }
/*
 * Converted to SASS
 */
/* ***************************************************************************************
** JKU Globale CSS - Weboffice
******************************************************************************************
**  Funktion : Druck-Stylesheet (003 - Spalte 3 Content)
**  Basis    : YAML 3.3.1
*/
/* #col1 - 0
** #col2 - 0
** #col3 - x
*/
@media print {
  #col1 {
    display: none; }

  #col2 {
    display: none; }

  #col3, #col3_content {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0; }

  /* Ergaenzungen: Optimierung im Druck durch Aenderung der Screen-Definitionen */
  /* Druckschrift */
  body * {
    font-family: Optima, "Arial", Georgia, "Times New Roman", Times, serif; }

  /* Fuer den Druck nicht benoetigte Container des Layouts abschalten */
  #topnav, #nav {
    display: none; }

  /* Formatierung Site-Titel */
  #site {
    width: 60%;
    background: transparent;
    margin: -1.3em 0 0 0;
    border: 0 none;
    padding: 0;
    text-align: right;
    float: right;
    overflow: hidden; }

  #site a {
    color: #AE0000 !important;
    font-size: 1.2em;
    letter-spacing: 0.1em; }

  /* Formatierung Breadcrumbs */
  div#breadcrumbs {
    margin-top: 0.2em;
    color: #505050;
    text-align: left;
    background-image: none; }

  /* Formatierung Seitenbeschreibung (Description) */
  .description {
    padding: 0 1em 0 1em; }

  /* Formatierung Tabellen (Raster, etc.) */
  td {
    margin: 0;
    border: 1pt solid #CCCCCC;
    border-collapse: collapse; }

  /* Auszeichnung von Abk´┐¢rzungen und Acronymen */
  abbr[title]:after, acronym[title]:after {
    content: "(" attr(title) ")";
    background-color: inherit;
    color: #369;
    font-style: italic; }

  /* Schriftgroesse */
  body {
    font-size: 70%; }

  /* Aenderung fuer Anzeige der Startseite */
  .c33l {
    float: left; }

  .c33r {
    float: right; }

  .subcolumns h2 {
    border: 1px solid #CCCCCC; }

  body#home div.home_socialmedia {
    border-bottom: 1px solid #CCCCCC; }

  body#home div#contactform {
    border-top: 1px solid #CCCCCC; }

  body#home div#contactform h2 {
    border-bottom: 1px solid #CCCCCC; }

  /* Positionierung des JKU Logos */
  #header {
    margin: 1em 0; }

  /* Formatierungen fuer Anzeige des Organigramms */
  .c50l {
    float: left;
    width: 78mm; }

  .c50r {
    float: right;
    width: 78mm; }

  div#org {
    width: 160mm; }

  div#org div.head h2 {
    width: 78mm; }

  /*Richtige Anzeige des Rahmens beim Namen der Subsite*/
  #subsite_name {
    border-top: 1px solid #CCCCCC; } }
#home *, #header *, #nav * {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif; }

body#home h1, body#home h2, body#home h3 {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }
body#home #topnav .options a abbr, body#home #menu li a span {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }
body#home ul#functions li#login_out a {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }
body#home h4, body#home h5 {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 400; }
body#home h6, body#home #topnav .options h6 {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 400; }
body#home b, body#home a {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }
body#home .legal a {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }
body#home span.date {
  font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: 700; }

.fa {
  font-family: FontAwesome; }

/*
 *
 * Achtung: auf SASS umgestellt
 * ============================
 *
 */
/***********************************************************************************************
** JKU Globale CSS - Weboffice
************************************************************************************************
**  Funktion : Spezifische Gestaltung der JKU-Startseite
**  Basis    : YAML 3.3.1
************************************************************************************************
**  Version 2015 f├╝r die neue jku.at Startseite
************************************************************************************************
*/
@media all {
  body#home .page_margins #main #jkucol1 div.news div.lead h3, body#home .page_margins #main #jkucol3 div.events h3, body#home .page_margins #main #jkucol2 div.topic h3, body#home .page_margins #footer #footer-text-col #footer-text .address p.contact, body#home .page_margins #main h1, body#home .page_margins #main h2, body#home .page_margins #main h3 {
    padding: 0;
    color: white;
    font-style: normal;
    text-transform: uppercase; }

  body#home .page_margins #main #jkucol1 div.news div.lead h3, body#home .page_margins #main #jkucol3 div.events h3, body#home .page_margins #main #jkucol2 div.topic h3 {
    hyphens: manual;
    margin: 3.5ex 0 1ex;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.28;
    word-break: normal; }

  body#home .page_margins #footer #footer-text-col #footer-text .address p.contact {
    margin: 14.4px 0 0;
    font-size: 12px;
    line-height: 1.56; }

  body#home .page_margins #main p, body#home .page_margins #footer #footer-text-col #footer-text .address p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5; }

  body#home .page_margins #main p {
    hyphens: manual; }

  body#home .page_margins #footer #footer-text-col #footer-text .address p {
    line-height: 1.3; }

  body#home .page_margins #main #jkucol1 div.news div.lead span.date, body#home .page_margins #main #jkucol3 div.events span.date {
    font-size: 110%;
    padding-right: 0.75em; }

  #logo-nosvg, #logo-footer-nosvg {
    display: none; }

  .no-svgasimg #logo, .no-svgasimg #logo-footer, .no-svgasimg div.socialmedia {
    display: none; }
  .no-svgasimg #logo-nosvg, .no-svgasimg #logo-footer-nosvg {
    display: block; }

  .svgasimg body#home div.page_margins div#main div.home_spots div.spot {
    width: 276px;
    height: 37px;
    background: #7d828c url("/fs_resources/img/spot.svg") no-repeat scroll 9px 12px;
    background-size: 25px;
    padding: 12px 9px 12px 43px; }
    .svgasimg body#home div.page_margins div#main div.home_spots div.spot h2 {
      margin: 3px 0 0;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap; }
    .svgasimg body#home div.page_margins div#main div.home_spots div.spot p {
      text-transform: uppercase;
      white-space: nowrap; }

  .no-svgasimg body#home div.page_margins div#main div.home_spots div.spot, .no-js body#home div.page_margins div#main div.home_spots div.spot {
    width: 276px;
    height: 37px;
    background: #7d828c url("/fs_resources/img/spot.gif") no-repeat scroll 9px 12px;
    background-size: 25px;
    padding: 12px 9px 12px 43px; }
    .no-svgasimg body#home div.page_margins div#main div.home_spots div.spot h2, .no-js body#home div.page_margins div#main div.home_spots div.spot h2 {
      margin: 3px 0 0;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap; }
    .no-svgasimg body#home div.page_margins div#main div.home_spots div.spot p, .no-js body#home div.page_margins div#main div.home_spots div.spot p {
      text-transform: uppercase;
      white-space: nowrap; }

  .no-js #media {
    display: none; }

  .js #media-nojs {
    display: none; }
  .js #media {
    display: block; }

  .no-appearance ul#functions li#quicklinks #quicklinklist {
    background: none; }

  body#home {
    font-size: 12px;
    line-height: 1.5;
    text-rendering: optimizeLegibility; }
    body#home .page_margins {
      width: 1000px;
      margin-bottom: 20px; }
      body#home .page_margins div.page div#header #logo img {
        width: 200px;
        margin: -15px 0 -7px -21px; }
      body#home .page_margins div.page div#header #logo-nosvg {
        height: 100px;
        width: 160px; }
        body#home .page_margins div.page div#header #logo-nosvg img {
          width: 160px;
          height: 90px;
          margin-top: 10px; }
      body#home .page_margins div.page div#nav {
        margin-bottom: 20px; }
        body#home .page_margins div.page div#nav #functions #login_out {
          margin-right: 0; }
          body#home .page_margins div.page div#nav #functions #login_out .userX {
            margin-left: 13.2px;
            margin-right: 9.6px; }
        body#home .page_margins div.page div#nav #functions .quicknav {
          padding: 0; }
          body#home .page_margins div.page div#nav #functions .quicknav #quicksearchX {
            margin-right: 4px;
            width: 50%; }
          body#home .page_margins div.page div#nav #functions .quicknav #quicklinksX {
            margin-left: 4px;
            width: 25%; }
            body#home .page_margins div.page div#nav #functions .quicknav #quicklinksX #quicklinklist {
              margin-right: 12px; }
      body#home .page_margins #main {
        border: 0 none;
        color: white; }
        body#home .page_margins #main #main-content {
          height: 675px; }
        body#home .page_margins #main div.subcolumns {
          /** Formatierung der Inhalts-Container
          * |-------------------------------|
          * | #header                       |
          * |-------------------------------|
          * | #c33l   | #c33l     | #c33r   |
          * | 33%     | 33%       | 33%     |
          * |-------------------------------|
          * | #footer                       |
          * |-------------------------------|
          */
          margin-left: 0; }
          body#home .page_margins #main div.subcolumns .subc, body#home .page_margins #main div.subcolumns .subcl, body#home .page_margins #main div.subcolumns .subcr {
            margin: 0;
            padding: 12px; }
        body#home .page_margins #main a, body#home .page_margins #main a:link {
          color: white;
          text-decoration: none; }
        body#home .page_margins #main a:hover {
          text-decoration: underline; }
        body#home .page_margins #main a:visited {
          color: white; }
        body#home .page_margins #main div.home_spots {
          margin-bottom: 20px; }
          body#home .page_margins #main div.home_spots #spotcol1, body#home .page_margins #main div.home_spots #spotcol2, body#home .page_margins #main div.home_spots #spotcol3 {
            width: 328px; }
          body#home .page_margins #main div.home_spots #spotcol1 {
            margin-right: 8px; }
          body#home .page_margins #main div.home_spots #spotcol3 {
            margin-left: 8px; }
        body#home .page_margins #main #jkucol1 {
          width: 328px;
          margin-right: 8px; }
          body#home .page_margins #main #jkucol1 div.news {
            padding: 0; }
            body#home .page_margins #main #jkucol1 div.news #news1 {
              background-color: #64b4be; }
            body#home .page_margins #main #jkucol1 div.news #news2 {
              background-color: #914b82; }
            body#home .page_margins #main #jkucol1 div.news #news3 {
              background-color: #e6c323; }
            body#home .page_margins #main #jkucol1 div.news #news4 {
              background-color: #0078aa; }
            body#home .page_margins #main #jkucol1 div.news #news5 {
              background-color: #c3d74b; }
            body#home .page_margins #main #jkucol1 div.news div.lead {
              height: 179px;
              overflow: hidden;
              margin: 0 0 8px;
              padding: 12px; }
            body#home .page_margins #main #jkucol1 div.news div#sujet {
              margin-top: 8px;
              height: 464px; }
        body#home .page_margins #main #jkucol23 {
          width: 664px; }
        body#home .page_margins #main div#home_banner {
          margin-bottom: 8px;
          height: 248px; }
          body#home .page_margins #main div#home_banner h1.image_welcome {
            margin: 0; }
            body#home .page_margins #main div#home_banner h1.image_welcome img {
              width: 100%;
              height: 248px; }
        body#home .page_margins #main #jkucol3 {
          height: 395px;
          width: 328px; }
          body#home .page_margins #main #jkucol3 div.events {
            height: 395px;
            overflow: hidden;
            padding: 12px;
            background-color: #cd5a50; }
            body#home .page_margins #main #jkucol3 div.events div.event_item::before {
              padding: 0;
              font-size: 0.8em;
              text-transform: uppercase; }
            body#home .page_margins #main #jkucol3 div.events h3 ~ h3 {
              margin-top: 5ex; }
        body#home .page_margins #main div.lead, body#home .page_margins #main div.events, body#home .page_margins #main div.topic {
          position: relative; }
          body#home .page_margins #main div.lead p.moreof, body#home .page_margins #main div.events p.moreof, body#home .page_margins #main div.topic p.moreof {
            position: absolute;
            top: 6px;
            left: 12px;
            background: none;
            text-align: left;
            text-transform: uppercase; }
            body#home .page_margins #main div.lead p.moreof a, body#home .page_margins #main div.events p.moreof a, body#home .page_margins #main div.topic p.moreof a {
              border: 0 none;
              line-height: 2em; }
              body#home .page_margins #main div.lead p.moreof a:hover, body#home .page_margins #main div.events p.moreof a:hover, body#home .page_margins #main div.topic p.moreof a:hover {
                text-decoration: underline; }
        body#home .page_margins #main #jkucol2 {
          margin: 0;
          width: 328px; }
          body#home .page_margins #main #jkucol2 div.topic {
            height: 395px;
            overflow: hidden;
            background-color: #73b455; }
            body#home .page_margins #main #jkucol2 div.topic div.media {
              background-color: #515151;
              margin: 18px 8px 0 8px; }
              body#home .page_margins #main #jkucol2 div.topic div.media > div, body#home .page_margins #main #jkucol2 div.topic div.media > object {
                margin: 0; }
              body#home .page_margins #main #jkucol2 div.topic div.media p {
                margin: 0;
                position: static; }
              body#home .page_margins #main #jkucol2 div.topic div.media div div img {
                width: 100%; }
              body#home .page_margins #main #jkucol2 div.topic div.media p.hint {
                position: absolute;
                padding: 0.5em 1em 0.5em 30px; }
              body#home .page_margins #main #jkucol2 div.topic div.media a.download_flash {
                padding: 0;
                color: #C6282D !important; }
      body#home .page_margins #footer {
        height: 143px;
        margin: 20px 0 0 0;
        color: black; }
        body#home .page_margins #footer .subcl {
          padding-right: 0; }
        body#home .page_margins #footer #footer-image-col {
          width: 328px; }
          body#home .page_margins #footer #footer-image-col #footer-image {
            margin-right: 8px;
            width: 328px; }
            body#home .page_margins #footer #footer-image-col #footer-image img {
              width: 100%; }
        body#home .page_margins #footer #footer-text-col {
          width: 664px;
          overflow: hidden; }
          body#home .page_margins #footer #footer-text-col #footer-text {
            height: 129px;
            background-color: #ebedec;
            padding-top: 14px;
            padding-left: 12px; }
            body#home .page_margins #footer #footer-text-col #footer-text a {
              color: black;
              text-decoration: none; }
              body#home .page_margins #footer #footer-text-col #footer-text a:hover {
                text-decoration: underline; }
            body#home .page_margins #footer #footer-text-col #footer-text .address {
              position: relative; }
              body#home .page_margins #footer #footer-text-col #footer-text .address img#logo-footer, body#home .page_margins #footer #footer-text-col #footer-text .address img#logo-footer-nosvn {
                height: 24px; }
            body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia {
              position: absolute;
              right: 12px;
              bottom: 0; }
              body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia a {
                display: block;
                float: left;
                padding: 0 0 0 .4em;
                margin: 0; }
                body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia a:visited {
                  color: black; }
              body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia span.footer-icon {
                background-color: black;
                color: #ebedec;
                display: block;
                font-size: 1.8em;
                text-align: center;
                width: 1.5em;
                height: 1.5em;
                border: solid 2px transparent;
                transition: all 0.2s ease-in-out; }
                body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia span.footer-icon i::before {
                  vertical-align: -110%; }
                body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia span.footer-icon .fa {
                  font-family: FontAwesome; }
                body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia span.footer-icon:hover {
                  background-color: #ebedec;
                  border: solid 2px #c3c9c6;
                  transition: all 0.2s ease-in-out; }
                  body#home .page_margins #footer #footer-text-col #footer-text div.socialmedia span.footer-icon:hover i::before {
                    transition: all 0.4s ease-in-out;
                    color: black; }
      body#home .page_margins .legal a {
        float: right;
        font-size: 10.8px;
        color: black;
        text-decoration: none;
        padding-top: 12px;
        margin-bottom: 20px; }
        body#home .page_margins .legal a:hover {
          text-decoration: underline; }
        body#home .page_margins .legal a:hover {
          text-decoration: underline; }

  .ytp-large-play-button-bg {
    fill: #73b455; }

  .mindbreeze form.mb_queryfield input.mb_query {
    width: 343px !important;
    font-weight: bold;
    color: #666666 !important;
    background-color: #f5f5f5;
    font-size: 1em !important; }

  .v1217 form.mb_queryfield {
    border: none !important;
    background: none !important; }

  .v1217 form.mb_queryfield img.mb_submit {
    border-left: none !important; }

  .v1217 form.mb_queryfield img.mb_submit {
    background-image: none !important; }

  form.mb_queryfield img.mb_submit {
    background-color: transparent !important; } }

/*# sourceMappingURL=jku_home.css.map */