/******************************************************************************/
/*                                                                            */
/*     Webdienste FHNW                                                        */
/*     2006 Urban Meier                                                       */
/*     nw_screen.css : Please edit ONLY the colors as shown below             */
/*                                                                            */
/******************************************************************************/

/* in jeder Zeile, wo der Text:
 * "Hier die FHNW Farbe einsetzen"
 * steht, muss der bestehende Farbwert durch den gewünschten
 * FHNW Farbwert ersetzt werden!
*/
/******************************************************************************/
/* Header */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Space+Mono&display=swap');

#Logo_FHNW img {
    position:absolute;
    right:20px;
    top:20px;
    border:none;
   }
   
   #Logo_FHNW a {
    text-decoration:none;
   }
   
   #Titel_mit_menu {
    position:absolute;
    left:0px;
    width: 100%;
   }
   
   #Otitel_FHNW h1, #Utitel_FHNW h1 {
       font-family:"Space Mono", monospace;
       font-weight:normal;
       font-size:21px;
       color:#ff5c32;
       margin-bottom:15px;
       text-align: center;
       padding:5px 0;
       line-height: 25px;
       height: 25px;
   }
   #Otitel_FHNW h1{top:75px; }
   #Utitel_FHNW h1{top:98px; }
   
   h1 a, h1 a:hover {color:#ffffff; background: #2b2525; text-decoration: none;}
   
   /******************************************************************************/
   
   /*Allgemein*/
   body,p,td,th,form {
       font: 90% "Montserrat", sans-serif;
       background-color: #010026;
       color: #ffffff;
       margin: 0;
       padding: 0;
   }
   /******************************************************************************/
   /*Text*/
   p {
    text-align: left;
    line-height: 1.2em;
    padding: 0em 0em 0.2em 0em;
   }
   /******************************************************************************/
   /*Hochgestellt*/
   sup {
    font-size: 70%;
   }
   /******************************************************************************/
   /*Fett*/
   b,strong {
    font-weight: bold;
   }
   /******************************************************************************/
   /*Titel*/
   h1, h2 {
    font-size: 100%;
    margin: 0;
   }
   /*************************************/
   /*Seitentitel innerhalb des Dokumentes*/
   h1,h4 {
    font-size: 100%;
    font-weight: bolder;
    text-decoration: none;
    padding: 0.0em 0em 0.0em 0em;
   }
   /*************************************/
   /*Texttitel innerhalb des Dokumentes*/
   h2 {
    font-size: 120%;
    font-weight: bolder;
    text-decoration: none;
    padding: 0em 0em 0.0em 0em;
   }
   
   h5 {
    font-size: 85%;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
    padding: 0em 0em 0em 0em;
   }
   
   h6 {
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    display: inline;
    padding: 1.4em 1.0em 0.4em 0em;
   }
   
   /******************************************************************************/
   /*Listen*/
   ul,ol {
    font: 85% Verdana,Arial,sans-serif;
    line-height: 1.4em;
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
   }
   ul{
    padding: 0.0em 0em 0.7em 1.1em;
   }
   ol{
   
    padding: 0.0em 0em 0.7em 1.7em;
   }
   
   .sublist {
    font: 100% Verdana,Arial,sans-serif;
    line-height: 1.4em;
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
    padding: 0em 0em 0em 0em;
   }
   /*************************************/
   ul li {
    list-style-type: square;
   }
   
   ol li {
    list-style-type: decimal;
   }
   /******************************************************************************/
   /*Links*/
   a {
    line-height: 1.2em;
    font: 120% "Space Mono", monospace;
    background-color: transparent;
    color: #ffffff;
   }
   a:hover {
    line-height: 1.2em;
    background-color: #ff5c32; /*Hier die FHNW Farbe einsetzen*/
    color: #2b2525
   }
   
   a.otitel{
     line-height: 1.2em;
    font: 100% "Space Mono", monospace;
    background-color: transparent;
    color: #ffffff;
    display:block;
    width: 400px;
    margin:auto;
   }
   
   a.otitel:hover {
    line-height: 1.2em;
    background-color: #010026; /*Hier die FHNW Farbe einsetzen*/
    color: #2b2525
   }

   a.utitel{
    line-height: 1.2em;
   font: 100% "Space Mono", monospace;
   background-color: transparent;
   color: #ffffff;
   display:block;
   width: 700px;
   margin:auto;
  }
  
  a.utitel:hover {
   line-height: 1.2em;
   background-color: #010026; /*Hier die FHNW Farbe einsetzen*/
   color: #2b2525
  }
   /*************************************/
   /*Links mit Bildern*/
   .image
   {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
   }
   
   .image:hover
   {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
   }
   
   /*************************************/
   /*Links der Navigation*/
   .nav {
    font: 85% Verdana,Arial,sans-serif;
    line-height: 1.4em;
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
   }
   .nav:hover {
    line-height: 1.4em;
    background-color: #ff5c32; /*Hier die FHNW Farbe einsetzen*/
    color: #000000;
    text-decoration: none;
   }
   
   /*************************************/
   /*Aktiver Link zu geladener Seite*/
   .navactive {
    font: 120% "Space Mono", monospace;
    line-height: 1.4em;
    font-weight: bold;
    background-color: #010026;
    color: #ffffff;
    text-decoration: none;
   }
   .navactive:hover {
    line-height: 1.4em;
    font-weight: bold;
    background-color: #ff5c32; /*Hier die FHNW Farbe einsetzen*/
    color: #000000;
    text-decoration: none;
    }
    
   
   /******************************************************************************/
   table
   {
    position: relative;
    top: -0.3em;
    width: 100%;
    border-top: 0.1em solid #ffffff;
    border-bottom: 0.1em solid #ffffff;
    border-collapse: collapse;
   }
   
   .noline
   {
    border-top: 0em solid #ffffff;
    border-bottom: 0em solid #ffffff;
   }
   
   /*************************************/
   tr
   {
   
   }
   /*************************************/
   th
   {
    font-weight: bold;
    border-top: none;
    padding: 0.6em 0em 0.3em 0em;
    text-align: left;
    vertical-align: top;
    line-height: 1em;
   }
   
   .space
   {
    width: 2%;
    border-style: none;
   }
   /*************************************/
   td
   {
    vertical-align: top;
    border-top: 0.1em solid #ffffff;
    padding: 0.3em 0em 0.3em 0em;
    line-height: 1.4em;
   }
   
   .space
   {
    width: 2%;
    border-style: none;
   }
   
   .noline
   {
    border-top: 0em solid #ffffff;
    border-bottom: 0em solid #ffffff;
   }
   
   /******************************************************************************/
   /*Formulare*/
   form {
       border: none;
       margin: 0;
   }
   
   fieldset {
   border: none;
       border-top: 1px solid #000;
       border-right: 1px solid #000;
       border-bottom: 1px solid #000;
       margin: 1em 0em 1.5em 0em;
       padding: 0.5em 0.5em 1em 0em;
       line-height: 1.5em;
   }
   
   legend {
       background: transparent;
       margin: 0 0 1.5em 0;
       padding: 0.5em 0.5em 0.5em 0;
       font-size: 100%;
   }
   
   label {
       font-weight: bold;
   }
   
   input,select,textarea
   {
    font: 100% Verdana,Arial,sans-serif;
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    padding-left: 0.5em;
   }
   
   input.button,
   button
   {
    font: 100% Verdana,Arial,sans-serif;
    border: 1px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    padding-left: 0.5em;
    cursor: pointer;
   }
   
   abbr, acronym, .explain {
    border-bottom: 1px solid #000;
    color: #000000;
    background-color: transparent;
    cursor: help;
   }
   
   
   /******************************************************************************/
   /*Linie*/
   hr {
    display: none;
   }
   /******************************************************************************/
   /*Bilder*/
   img
   {
    border: none;
    margin: 0;
    padding: 0;
   }
   
   /******************************************************************************/
   /*DIV's*/
   
   /*Wrapper*/
   #Header_FHNW {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 146px;
    border-bottom:4px solid #ffffff; /*Hier die FHNW Farbe einsetzen*/
   }
   
   #Content_FHNW {
       margin-right:auto;
       margin-left:auto;
       top: 200px;
       display: block;
       width: 925px;
       padding-block: 200px;
   }
   
   /*Menu*/
   #lmenu_wrap {
       position: absolute;
       left: 8px;
       top: 0px;
       display: block;
       width: 202px;
       padding-block: 200px;
       /*border-top: 1px solid #ffffff;*/
   }
   
   #lmenu {
    display: block;
    width: 190px;
    padding: 0px 0 3px 0;
    /*border-bottom: 1px solid #ffffff;*/
   }
   
   /*Content*/
   #content_mit_menu {
       margin-right:auto;
       margin-left:auto;
       top: 0;
       display: block;
       width: 715px;
       /*border-top: 1px solid #ffffff;
       border-bottom:1px solid #ffffff;*/
   }
   
   #content_ohne_menu {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 783px;
    padding-left: 142px;
   }