@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);
  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.8em;
  margin-top:0.8rem;
  margin-bottom:0.8em;
  margin-bottom:0.8rem;
  margin-left:8%;
  font-weight:bold;
  font-size:1.2em;
  font-size:1.2rem;
  font-family:'Arial Narrow';
}

ul {
  margin-left:8%;
  padding-left:0;
  width:84%;
  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:18%;
}

div.content {
  height:82%;
}


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

div.instituteheader {
  float:left;
  margin-left:1%;
  width:30%;
}

div.uniheader {
  position:relative;
  right:32%;
  float:right;
  margin:0 0;
  width:36%;
}

div.chairheader {
  position:relative;
  left:35%;
  float:right;
  width:30%;
}


/* END OF BASIC LAYOUT STRUCTURE */





/* BEGIN OF CLASS DECLARATIONS */


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


img.instituteheaderimg {
  height:100%;
}


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

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

img.uniimg1 {
  height:28.125%;
}

img.uniimg2 {
  margin-top:1.0em;
  margin-top:1.0rem;
  height:50%;
}

img.uniimg3 {
  height:8.125%;
}

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

p.num {
  margin-top:0.5em;
  margin-top:0.5rem;
  margin-right:auto;
  margin-bottom:1.0em;
  margin-bottom:1.0rem;
  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 {
  margin-top:0.6em;
  margin-top:0.6rem;
  margin-bottom:7.2em;
  margin-bottom:7.2rem;
  width:40%;
  height:45%;
  border-style:ridge;
}

div.officehours_box, div.contact_box {
  margin-top:0.6em;
  margin-top:0.6rem;
  width:40%;
  height:26%;
  border-style:ridge;
}

div.courses_box {
  float:left;
  margin-left:2%;
  -webkit-transform:rotate( 2deg);
  -moz-transform:rotate( 2deg);
  -ms-transform:rotate( 2deg);
  -o-transform:rotate( 2deg);
  transform:rotate( 2deg);
}

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 {
  float:right;
  margin-right:2%;
  -webkit-transform:rotate( -2deg);
  -moz-transform:rotate( -2deg);
  -ms-transform:rotate( -2deg);
  -o-transform:rotate( -2deg);
  transform:rotate( -2deg);
}

div.employee_box {
  position:absolute;
  top:55.5%;
  left:45.5%;
  z-index:1;
  clear:both;
  width:12%;
  height:6em;
  height:6rem;
  border:4px rgba( 0, 74, 153, 1.0);
  border-style:double;
  text-align:center;
  -webkit-transform:scale(1.85);
  -moz-transform:scale(1.85);
  -ms-transform:scale(1.85);
  -o-transform:scale(1.85);
  transform:scale(1.85);
  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.employee_box {
  -moz-transition: all 1s ease-in-out;
}
*/

/*
div.employee_box:hover {
  -moz-transform:rotate(360deg);
}
*/

div.redirect_box {
  position:relative;
  top:30%;
  left:30%;
  z-index:1;
  clear:both;
  width:40%;
  height:12em;
  height:12rem;
  border:4px rgba( 0, 74, 153, 1.0);
  border-style:double;
  text-align:center;
  -webkit-transform:scale(1.85);
  -moz-transform:scale(1.85);
  -ms-transform:scale(1.85);
  -o-transform:scale(1.85);
  transform:scale(1.85);
  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 {
  display:inline-block;
  width:100%;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  /* border:1px solid rgb( 0, 0, 0); */
  /* -webkit-box-shadow: inner 0 2px 2px rgba( 0, 0, 0, 0.85); */
  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 {
  display:inline-block;
  width:100%;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  /* border:1px solid rgb( 0, 0, 0); */
  /* -webkit-box-shadow: inner 0 2px 2px rgba( 0, 0, 0, 0.85); */
  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';
}

/*
span.employeename {
  background-color:rgba( 255, 255, 255, 0.4);
  -webkit-background-clip:text;
  -moz-background-clip:text;
  -ms-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:rgba( 255, 255, 255, 0.5) 0 3px 3px;
}
*/

div.officehours_box {
  float:left;
  margin-left:2%;
  -webkit-transform:rotate( -3deg);
  -moz-transform:rotate( -3deg);
  -ms-transform:rotate( -3deg);
  -o-transform:rotate( -3deg);
  transform:rotate( -3deg);
}

div.contact_box {
  float:right;
  margin-right:2%;
  text-align:center;
  -webkit-transform:rotate( 3deg);
  -moz-transform:rotate( 3deg);
  -ms-transform:rotate( 3deg);
  -o-transform:rotate( 3deg);
  transform:rotate( 3deg);
}

table.contacttable {
  margin-top:1em;
  margin-top:1rem;
  margin-right:8%;
  margin-left:auto;
  height:70%;
  /* border:1px solid rgb( 0, 0, 0); */
  font-size:0.8em;
  font-size:0.8rem;
}

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


/* END OF CLASS DECLARATIONS */