@charset "UTF-8";





/* BEGIN OF WHITESPACE RESET */


* {
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label,
ul, ol, dl, fieldset, address {
  margin:1em 5%;
}

li, dd {
  margin-left:5%;
}

fieldset {
  padding:0.5em;
}


/* END OF WHITESPACE RESET */





/* BEGIN OF STRAIGHT ELEMENT DECLARATIONS */


html {
  height:100%;
}

body {
  margin:1% 2%;
  padding:0;
  height:95%;
  background-color:rgb( 255, 255, 255);
  font-size:1em;
  font-size:1rem;
  font-family:'Arial Narrow';
}

a {
  color:rgba( 157, 13, 21, 0.6);
}

img {
  border:none;
  /* border:1px solid rgb( 0, 0, 0); */
}

h1, h2 {
  font-style:oblique;
}

h1 {
  color:rgba( 157, 13, 21, 1.0);
  margin-top:0.5em;
  margin-top:0.5rem;
  margin-bottom:0.5em;
  margin-bottom:0.5rem;
  text-align:center;
  font-size:1.4em;
  font-size:1.4rem;
  font-family:'Verdana';
}

h2 {
  color:rgba( 157, 13, 21, 0.8);
  margin-top:0.75em;
  margin-top:0.75rem;
  margin-bottom:0.5em;
  margin-bottom:0.5rem;
  margin-left:2%;
  font-size:1.2em;
  font-size:1.2rem;
  font-family:'Arial Narrow';
}

ul {
  margin-right:auto;
  margin-left:auto;
  padding-left:0;
  width:96%;
  list-style-type:circle;
}

li {
  margin-bottom:0.25em;
  margin-bottom:0.25rem;
}


/* END OF STRAIGHT ELEMENT DECLARATIONS */





/* BEGIN OF BASIC LAYOUT STRUCTURE */



div.logoheader, div.content {
  /* border:1px solid rgb( 0, 0, 0); */
}

div.logoheader {
  height:40%;
}

div.content {
  padding-bottom:1em;
  padding-bottom:1rem;
}


div.instituteheader, div.uniheader, div.chairheader {
  margin:0 auto;
  /* border:1px solid rgb( 0, 0, 0); */
  text-align:center;
}

div.uniheader {
  float:left;
  width:60%;
  height:40%;
}

div.instituteheader {
  float:right;
  width:40%;
  height:40%;
}

div.chairheader {
  clear:both;
  overflow:auto;
  width:100%;
  height:60%;
}


/* END OF BASIC LAYOUT STRUCTURE */





/* BEGIN OF CLASS DECLARATIONS */


div.logoheader a {
  outline:none;
  text-decoration:none;
}


img.instituteheaderimg {
  height:4rem;
}


img.uniimg1, img.uniimg2 {
  margin-right:0;
}

img.uniimg2, img.uniimg3 {
  margin-left:0;
}

img.uniimg1 {
  height:1.828125rem;
}

img.uniimg2 {
  height:3.25rem;
}

img.uniimg3 {
  height:0.528125rem;
}

img.flag {
  margin:0 2%;
  height:1.25rem;
}

p.num {
  margin-top:1.0rem;
  margin-right:auto;
  margin-bottom:0.5rem;
  margin-left:auto;
  width:14em;
  width:14rem;
  border:3px dotted rgb( 157, 13, 21);
  background:-webkit-radial-gradient( rgba( 0, 0, 0, 0.8) 0%,
    rgba( 0, 0, 0, 0.8) 50%, rgba( 255, 255, 255, 0.5) 100%);
  background:-moz-radial-gradient( rgba( 0, 0, 0, 0.8) 0%,
    rgba( 0, 0, 0, 0.8) 50%, rgba( 255, 255, 255, 0.5) 100%);
  background:-ms-radial-gradient( rgba( 0, 0, 0, 0.8) 0%,
    rgba( 0, 0, 0, 0.8) 50%, rgba( 255, 255, 255, 0.5) 100%);
  background:-o-radial-gradient( rgba( 0, 0, 0, 0.8) 0%,
    rgba( 0, 0, 0, 0.8) 50%, rgba( 255, 255, 255, 0.5) 100%);
  background:radial-gradient( rgba( 0, 0, 0, 0.8) 0%,
    rgba( 0, 0, 0, 0.8) 50%, rgba( 255, 255, 255, 0.5) 100%);
  background-color:rgba( 255, 255, 255, 0.3);
  color:rgb( 255, 255, 255);
  text-shadow:	0 0 0.06rem rgb( 255, 255, 255),
    0 0 0.12rem rgb( 255, 255, 255), 0 0 0.18rem rgb( 255, 255, 255),
  	0 0 0.24rem rgb( 157, 13, 21), 0 0 0.42rem rgb( 157, 13, 21),
    0 0 0.48rem rgb( 157, 13, 21), 0 0 0.6rem rgb( 157, 13, 21),
    0 0 0.9rem rgb( 157, 13, 21);
  letter-spacing:0.2em;
  letter-spacing:0.2rem;
  font-size:1.15em;
  font-size:1.15rem;
  font-family:'Verdana';
}



div.courses_box, div.research_box, div.employee_box, div.contact_box,
div.officehours_box {
  border-radius:20px;
}

div.courses_box, div.research_box, div.contact_box, div.officehours_box {
  border:4px rgba( 157, 13, 21, 1.0);
  background-color:rgba( 157, 13, 21, 0.1);
  background:-webkit-radial-gradient( rgba( 157, 13, 21, 0.2) 0%,
    rgba( 157, 13, 21, 0.2) 25%, rgba( 157, 13, 21, 0.0) 100%);
  background:-moz-radial-gradient( rgba( 157, 13, 21, 0.2) 0%,
    rgba( 157, 13, 21, 0.2) 25%, rgba( 157, 13, 21, 0.0) 100%);
  background:-ms-radial-gradient( rgba( 157, 13, 21, 0.2) 0%,
    rgba( 157, 13, 21, 0.2) 25%, rgba( 157, 13, 21, 0.0) 100%);
  background:-o-radial-gradient( rgba( 157, 13, 21, 0.2) 0%,
    rgba( 157, 13, 21, 0.2) 25%, rgba( 157, 13, 21, 0.0) 100%);
  background:radial-gradient( rgba( 157, 13, 21, 0.2) 0%,
    rgba( 157, 13, 21, 0.2) 25%, rgba( 157, 13, 21, 0.0) 100%);
}

div.courses_box, div.research_box, div.officehours_box, div.contact_box {
  margin:1.5em auto;
  margin:1.5rem auto;
  padding-top:1rem;
  padding-bottom:1rem;
  width:96%;
  border-style:ridge;
}


div.courses_box {
}

span.caution, span.cautiontext {
  font-weight:bold;
  font-family:'Arial Narrow';
}

span.caution {
  text-decoration:underline blink;
  letter-spacing:0.1em;
  letter-spacing:0.1rem;
}

span.cautiontext {
  text-decoration:blink;
}

div.research_box {
}

div.employee_box {
  margin-top:1.5em;
  margin-top:1.5rem;
  margin-right:auto;
  margin-bottom:4em;
  margin-bottom:4rem;
  margin-left:auto;
  width:96%;
  height:4em;
  height:4rem;
  border:4px rgba( 0, 74, 153, 1.0);
  border-style:double;
  text-align:center;
  line-height:4em;
  line-height:4rem;
  background-color:rgba( 0, 74, 153, 0.2);
  background:-webkit-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-moz-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-ms-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-o-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
}

div.redirect_box {
  margin-top:1.5em;
  margin-top:1.5rem;
  margin-right:auto;
  margin-bottom:4em;
  margin-bottom:4rem;
  margin-left:auto;
  width:96%;
  height:15em;
  height:15rem;
  border:4px rgba( 0, 74, 153, 1.0);
  border-style:double;
  text-align:center;
  line-height:2em;
  line-height:2rem;
  background-color:rgba( 0, 74, 153, 0.2);
  background:-webkit-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-moz-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-ms-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:-o-radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
  background:radial-gradient( rgba( 0, 74, 153, 0.3) 0%,
    rgba( 0, 74, 153, 0.3) 25%, rgba( 0, 74, 153, 0.1) 100%);
}

span.redirecttext {
  /* border:1px solid rgb( 0, 0, 0); */
  color:rgba( 0, 0, 0, 0.5);
  vertical-align:middle;
  text-shadow: 2px 2px 3px rgba( 255, 255, 255, 0.8),
    0 0 1px rgba( 0, 0, 0, 0.7);
  letter-spacing:0.2em;
  letter-spacing:0.2rem;
  font-weight:bolder;
  font-size:1.5em;
  font-size:1.5rem;
  font-family:'Verdana';
}

span.employeename {
  /* border:1px solid rgb( 0, 0, 0); */
  color:rgba( 0, 0, 0, 0.5);
  vertical-align:middle;
  text-shadow: 2px 2px 3px rgba( 255, 255, 255, 0.8),
    0 0 1px rgba( 0, 0, 0, 0.7);
  letter-spacing:0.2em;
  letter-spacing:0.2rem;
  font-weight:bolder;
  font-size:2em;
  font-size:2rem;
  font-family:'Verdana';
}

div.officehours_box {
}

div.contact_box {
  text-align:center;
}

table.contacttable {
  margin-right:auto;
  margin-left:auto;
  width:96%;
  /* border:1px solid rgb( 0, 0, 0); */
  font-size:0.75em;
  font-size:0.75rem;
}

span.contactpoint_c1, span.contactpoint_c2 {
  padding-right:0.4em;
  padding-right:0.4rem;
  font-weight:bold;
  font-family:'Arial Narrow';
}

span.contactpoint_c2 {
  padding-left:0.6em;
  padding-left:0.6rem;
}


/* END OF CLASS DECLARATIONS */