
h1 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:36pt; }
h2 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:32pt; }
h3 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:28pt; }
h4 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:24pt; }
h5 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:18pt; }
h6 { color:#003399;	font-family : "Times New Roman", Times, serif; font-size:14pt; }


p, li, table, td, th { font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003399; }

pre  {  font-family: "Courier New", Courier, mono; font-size: 10pt}
code {  font-family: "Courier New", Courier, mono; font-size: 10pt}

.indextop { font-size: x-large;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold; }

.indexsub { font-size: xx-small;
            font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link { font-weight:bold; color:#003399; text-decoration:none }
a:visited { font-weight:bold; color:#003399; text-decoration:none }
a:hover { font-weight:bold; color:#0099FF; text-decoration:none }
a:active { font-weight:bold; color:#003399; text-decoration:underline }
a:focus { font-weight:bold; color:#003399; text-decoration:none }

td.inner a:link {font-weight:bold; color: #CCDDFF; text-decoration:none }
td.inner a:visited { font-weight:bold; color:#CCDDFF; text-decoration:none }
td.inner a:hover { font-weight:bold; color:#0099FF; text-decoration:none }
td.inner a:active { font-weight:bold; color:#CCDDFF; text-decoration:underline }
td.inner a:focus { font-weight:bold; color:#CCDDFF; text-decoration:none }

td.index{
	font-weight : bold;
}

td.mail{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
}

td.mail a:link{font-weight:normal; color: #0099FF; text-decoration:none }
td.mail a:visited { font-weight:normal; color:#0099FF; text-decoration:none }
td.mail a:hover { font-weight:normal; color: Red; text-decoration:none }
td.mail a:active { font-weight:normal; color:#0099FF; text-decoration:underline }
td.mail a:focus { font-weight:normal; color:#0099FF; text-decoration:underline }


body {
	color: navy;
  height:100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-attachment: fixed;
}

.frame{
	position: fixed;
  top: 0px;
  left: 0px;
	z-index:100;
}

.frame .logo {
	position: fixed;
  top: 0px;
  left: 0px;
}

/*
<!--[if lte IE 6]>
.frame .logo {
  background-image: url(../images/MIT-Logo.gif);
}
<![endif]-->
*/

.frame .top {
	position: fixed;
  top: 0px;
  left:384px;
  width:1600px;
  height: 198px;
	background-image: url(../images/MIT-bg-horizontal.png);
  background-repeat: repeat-x;
}

.frame .top .name {
  position: relative;
  top: 65px;
  left: 75px;
}

.frame .left {
	position: fixed;
  top:267px;
  left: 0px;
  width: 111px;
  height: 1900px;
  background-image: url(../images/MIT-bg-vertical.png);
  background-repeat: repeat-y;
}

.content {
  position:relative;
  display: block;
  margin: 0px 20px 0 135px;
  overflow: hidden;
  z-index: 1;
}

.content .footer{
  display: block;
  clear: both;
	font-weight : bold;
  font-size: 92%;
  padding: 15px;
  text-align: center;
}

.text {
  display:block; 
  padding:10px 10px 10px 10px; 
  margin-left:5px; 
  text-align:justify; 
  float:left; 
}

.text img {
  float: right;
  margin: 0 0 8px 8px;
  border: 1px solid navy;
}

.text .block {
  clear:both;
}

.text .h4 {
  font-size:32px; 
  color: #e11700; 
  margin-bottom: 5px; 
  border-bottom: 1px solid #000; 
  letter-spacing: 1px; 
  font-weight: bold;
}

/* IE hacks :( */
.text {width/* */:/**/44%; 
	width: /**/44%;}

/* commented backslash hack v2 \*/
* html {overflow:hidden;}
/* end of hack - schaltet den horizontalen scrollbalken auf jeden fall ab */

* html body {overflow-y:scroll;}
* html .content {overflow-y:scroll;overflow-x:auto;}
* html .frame {position:absolute;}
* html .frame .logo {position:absolute;}
* html .frame .top {position:absolute;}
* html .frame .left {position:absolute;}

#pad {display: block; height: 210px;}

