body {
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 9.3em;
  margin-top: 13.75em;
  font-size: 12pt;
  max-width: 42em;
}

#logo {
  background-image: url('images/RWTH%20Logo3.JPG');
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left:0;
  height: 6.785em;
  width: 23.747em;
}

#ecke {
  background-image: url('images/Runde%20Ecke.jpg');
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-color: #172880;
  position: absolute;
  top: 0;
  left:  23.747em;
  height: 6.785em;
  width: 22.252em;
}


.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 6.785em;
  left: 0;
  width: 7.475em;
  text-align: right;
  font: 1em "Arial";
  font-weight: bold;
  background: url(./images/leiste_2.gif);
  text-decoration: none;
  
}

ul.nav li{
  padding: 0.4em;
  padding-right: 1em;
  }

ul.nav li.first {
  border-top-style: solid;
  border-color: #CECF9C;
  border-width: 0.05em;
  }
  
ul.nav  li.last {
  border-bottom-style: solid;
  border-color: #CECF9C;
  border-width: 0.05em;
  }

ul.nav li.top {
  background: url(./images/leiste_1_dunkel.gif);
  height: 5.4625em;
  border-color: #CECF9C;
  border-width: 0.05em;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  }

ul.nav li.bottom {
  background: url(./images/leiste_3.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%
  }

ul.nav li.impressum {
    line-height: 50%;
}

ul.nav a {
  color: #CECF9C;
}

ul.nav a.impressum {
  font: 0.6em "Arial";
  color: #999999;
}


#headline_logo {
  background-repeat: no-repeat;
  background-position: left;
  background-size: 9.585em 100%;
  position: absolute;
  left: 7.475em;
  top: 6.785em;
  height: 4.78em;
  width: 42.5em;
  border-bottom-style: solid;
  border-color: #CECF9C;
  border-width: 0.15em;

}
#headline {
  position: absolute;
  left: 17.06em;
  top: 6.785em;
  height: 4.75em;
  border-left-style: solid;
  border-color: #CECF9C;
  border-width: 0.15em;
  padding-left: 1.0em;
  padding-top: 1em;
}

#headline h1 {
	padding-top: 0.5em;
}


#textbox {
    position: absolute;
   top: 16.5em;
	 left: 53em;
	 width: 16.5em;
   font-size: 0.75em;  
     text-align: center;

}

#textbox h1 {
	background-color: #CECF9C;
	font-size: 1em;
  font-weight: bold;
	color: #000000;
	margin:0;
}

#textbox ul {
    list-style-type: none;
		text-align: initial;
		font-weight: initial;
    margin: 0;
    padding: 0.5em;
    border-style: solid;
    border-width: 0.1em;
    border-color: #CECF9C;
		font-size: 1em;
		background-color: white;
}

#textbox li {
    padding: 0.6em;

}


#linkbox {
   position: relative;
   top: 2em;
	 left: auto;
	 width: 16.5em;
}


a.newsarchiv {
    background-position: center;
    display: block;
    text-indent: -99999px;
    background-image: url('images/News-Archive.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
}

.info h6 {
	margin-bottom: 0.5em;
	margin-left: -1em
}
.info li {
	padding-left: 1.5em;
	margin-bottom: 1em
}

.tablefaecher {
    width:100%;
    table-layout:fixed;
}

.faecher {
    text-align: left;
    vertical-align: top;
    padding-bottom:0.5em;
}

.boxed
{
	font: 10pt "Arial";
	text-align: left;
	width: 34.5em
}

.colored {	color: #9C9A00 }

.hidden {
	font-size: 10pt;
	display: none; 
	margin: 0.75em
}

.nomargin {margin:0}



a:link {
  text-decoration: none;
  font-weight: bold;
  color: #0033BB;
}
a:visited {
    color: #003499;
}

ul {
	font-size: 10pt;
}

li {
	padding: 0.5em;
}

h1
{
	font-weight: bold;
  font-size: 18pt;
  font-family: Arial;
  color: #9C9A00
}
	
h2
{
	font: 16pt "Arial";
	font-weight: bold;
  color: #9C9A00
}

h3
{
	font: 14pt "Arial";
	font-weight: bold;
	padding-left: 0in;
	padding-right: 0in
}
	
h4

{
	font: 12pt "Arial";
	font-weight: 900;
	padding-left: 0in;
	padding-right: 0in
}

h5
{
  font: 12pt "Arial";
	font-weight: bold;
	padding-left: 0in;
	padding-right: 0in;
	margin: 0;

}

h6
{
  font: 10pt "Arial";
	font-weight: bold;
	padding-left: 0in;
	padding-right: 0in;
	margin: 0;

}

table {
	font: 10pt "Arial";
}

p
{
	font: 10pt "Arial";
	text-align: left;
}

.titel
{
	font: 20pt "Arial";
	font-weight: bold;
	color: #9c9a00;
	padding-left: 0in;
	padding-right: 0in
}

.titel2
{
	font: 14pt "Arial";
	font-weight: bold;
	color: #9c9a00;
	padding-left: 15px;
	padding-right: 15px;
	left: 0px;
}

.titel3
{
	font: 12pt "Arial";
	font-weight: bold;
	color: #9c9a00;
	padding-left: 0in;
	padding-right: 0in
}

.untertitel
{
	font: 12pt "Arial";
	font-weight: bold;
	color: #000000;
	padding-left: 0in;
	padding-right: 0in
}


abbr
{
    border-bottom: 1px dotted #666;
    cursor: help;
}

.tooltip
{
    position:absolute;
    background-color:#eeeefe;
    border: 1px solid #aaaaca;
    font-size: smaller;
    padding:4px;
    width: 160px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}