html, body {
margin: 0;
padding: 0;
}

body {
        background-color: #FFFFFF;
        color: #000033; /* Standard-Schriftfarbe */
        font-family: Verdana, 'lucida grande',arial, sans-serif;
        font-size: 100.01%;
}

.sprunglinks {
left: -6000px;
width: 1px;
position: absolute;
top: -6000px;
height: 1px;
}

.invisible { /* Unsichtbare Überschriften */
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}

acronym {
	border-bottom : 1px dotted #365F5F;
	cursor: help;
}

abbr {
	border-bottom: none;
}

/* Schriftsgrößen */


p, ul { /* Einfache Absätze */
font-size: 0.75em;
line-height: 1.6em;
}

h1 {
font-size: 1.0em;
color: #000066;
background-color: transparent;

}

h2 {
font-size: 0.95em;
color: #990000;
background-color: transparent;
}

h3 {
font-size: 0.9em;
color: #000066;
background-color: transparent;
}

#navigation ul {
font-size: 0.9em;
}

#header_links ul {
font-size: 0.6em;
}

#header_kruemel p {
font-size: 0.6em;
}

#willkommen span.deutsch {
font-size: 1.3em;
font-style: italic;
}

#willkommen h1.institut {
font-size: 1.3em;
}

#kopf {
font-size: 0.90em;
}

#kopf ul { /* blaue Navileiste */
font-size: 0.75em;
}

#maininfo ul {/* blaue Navileiste im Mitarbeiterprofil */
font-size: 0.75em;
}

#tabelle {
font-size: 0.80em; /* Extra kleine Schrifgrößen, damit es besser auf die Seite passt. */
}


#findeuns .campusplan span {
        font-size: 0.6em;
}

#lehrveranstaltungen {
font-size: 0.85em;
}

#unterrichtsmaterial table {
        font-size: 0.85em;
}

/* Inhalt - Abstände */

#aktuelleprojekte, #jahresberichte, #abgeschlossen {
padding: 5px 100px 0px 15px;
}

#lehrveranstaltungen, #unterrichtsmaterial, #studienarbeiten, #aktuelles {
padding: 5px 0px 0px 15px;
}

#liste-netz, #liste-veranstaltung {
padding: 5px 100px 0px 15px;
}

#geschichte, #partnerinstitute, #schwerpunkte, #ueberblick, #listepub {
margin: 5px 100px 0px 15px;
}

#findeuns {
margin: 5px 0px 0px 15px;
padding: 0px;
}



/* LINKE SEITE */

#linke_seite {
position: absolute;
top: 1em;
left: 0.2em;
width: 8em;
}

#logo_iue {
padding: 1em;
}


#navigation {
padding: 1em 0em 0em 1em;
}


/* HEADER */

#header {
margin-left: 200px;
margin-right: 2em;
margin-top: 1.5em;
}

#header_foto {
margin: 0px 20px 0px 0px;
float: left;
padding: 0px;
}

#header_foto img {
margin: 0px 0px 0.1em 0px;
padding: 0px;
}

#header_links {
float: right;
margin: 3px 8px 0px 3px;
padding: 3px;
}

#header_links ul  {
list-style-image: url(../pic/pfeil.gif);
padding: 0px;
margin: 0px;
}

#header_links a:link, #header_links a:visited {
text-decoration: none;
color: #000066; /* blaue Schriftfarbe */
background-color: #FFFFFF;
}

#header_links a:hover {
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#header_links a:focus, #header_links a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#header_tuhh {
float: right;
margin: 0px;
padding: 0px;
}

.header_linie {
width: 100%;
clear: both;
color: #FFFFFF;
background-color: #DDDDDD;
border-top: 1px solid #2DC6D6;
height: 4px;
padding: 0px;
margin: 0.2em 0px 0.2em 0px;
font-size: 0px;

}

#header_kruemel {
padding: 1px;
margin: 0px 0px 10px 0px;
}

#header_kruemel a:link, #header_kruemel a:visited {
text-decoration: underline;
color: #000066;
background-color: #FFFFFF;
}

#header_kruemel a:hover {
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#header_kruemel a:focus, #header_kruemel a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#header_kruemel p {
line-height: 15px;
margin: 4px 0px 0px 3px;
padding: 0px;
}

/* INHALT */

#inhalt {
margin-left: 14.5em;
margin-right: 2em;
}

/* Startseite */

#inhalt ul {
margin: 20px;
padding: 0px;
}

#inhalt li {
list-style-image: url(../pic/bullet.gif) ; /*Aufzählungszeichen */
}

#inhalt img.mitrand { /* Foto */
padding: 5px;
border: 1px solid #5E77D0;
}


#willkommen {
background-image: url(../pic/IUE-logo-wz.gif);
background-repeat: no-repeat;
padding: 6px 35px 7px 34px;
margin: 10px 40px 0px 40px;
}

#willkommen span.deutsch {
padding: 0px 0px 0px 100px;
color: #4D8788;
}

#willkommen span.welcome {
padding: 0px 0px 0px 12px;
}

#willkommen h1.institut {
color: #000066;
padding: 25px 0px 0px 60px;
font-variant: small-caps;
}

#vier_fotos {
margin: 0px 4em 0px 10px;
float: left;
}

#vier_fotos .start-pic {
border: 1px solid #42A6B0;
padding: 3px;
margin: 0.2em;
}

#adresse {
padding: 5px 0px 0px 0px;
}

#adresse p {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#adresse p.anfahrt {
        padding: 13px;
}

/* Kopfbereich Über uns, Mitarbeiterübersicht */


#kopf .info {
text-align: right;
margin: 0px 160px 0px 0px;
padding: 0px 12px 0px 0px;
border:none;
}

#kopf h1 {
text-align: right;
margin: 0px 160px 10px 0px;
padding: 0px 12px 0px 0px;
}

#kopf img { /* Foto */
float: right;
padding: 5px;
margin: 1px 1em 0.9em 1px;
border: 1px solid #5E77D0;
}

#kopf ul {/* Navi-Leiste */
clear: both;
margin: 4px 0px 0px 0px;
padding: 1px 5px 4px 5px;
background-color: #DFEDED;
color: inherit;
}

#kopf li {
display: inline;
list-style-type: none;
padding-right: 20px;
margin: 0px;
color: #990000;
}

#kopf a:link, #kopf  a:visited {
text-decoration: underline;
color: #000066;
}

#kopf a:hover {
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#kopf  a:focus, #kopf  a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #FFFFFF;
color: #990000; /* rote Schriftfarbe */
}

#kopf ul a:link, #kopf ul a:visited {
text-decoration: underline;
background-color: #DFEDED;
color: #000066;
}

#kopf ul a:hover {
background-color: #FFFFFF;
color: #990000; /* rote Schriftfarbe */
}

#kopf ul a:focus, #kopf ul a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #FFFFFF;
color: #990000; /* rote Schriftfarbe */
}

#kopf hr.unsichtbar {/* damit die Links im Inhalt nicht zappeln */
width: 100%;
clear: both;
border: 0px; /* Für Firefox und Opera */
border-top: 1px dashed #FFFFFF;
border-bottom: solid 1px #FFFFFF;
}


/* FORMATE der Navigation */

#navigation {
width: 11em;
margin: 1px 0px 0px 0px;
float: left;
text-align: left;
font-weight: bold;
}

#navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
border-bottom: 0px solid #C78876;
}

#navigation a {
color: #000066;
display: block;
padding: 0.4em 0px 0px 9px;
margin: 0.0em; /* war original 0.2em */
background-color: #FFFFFF;
height: 1.7em; /* Höhe sonst klappt es im IE nicht */
}

#navigation li {
border-bottom: 0px solid #D25F3E;
padding: 0px;
margin: 0px;
}

#navlist a:link, #navlist a:visited {
text-decoration: underline;
border-left: 4px solid #FFFFFF;
}


#navlist a:hover, #navlist a#aktiv {
        background-color: #DFEDED;
        color: #990000; /* rote Schriftfarbe */
        border-left: 4px solid #2DC6D6;
}

#navlist a:focus, #navlist a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
border-left: 4px solid #2DC6D6;
}

/* FORMATE der LINKS im Inhalt */

#inhalt a:link {
text-decoration: underline;
color: #000066;
background-color: #FFFFFF;
}

#inhalt a:visited {
text-decoration: underline;
color: #5D5D5D;
background-color: #FFFFFF;
}

#inhalt a:hover {
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#inhalt a:focus, #inhalt a:active { /* Durchsteppen" mit der Tabulator-Taste   */
background-color: #DFEDED;
color: #990000; /* rote Schriftfarbe */
}

#inhalt .anfahrt img {
padding: 0px 0px 3px 10px;
}


/* allerlei Nützliches und Wichtiges */


.fett {
        font-weight: bold;
        color: #000066;
}

.rot {
        color: #990000;
}

img {
        border: 0px;
}


.clear {
        clear: both;
}

a.extern {
        /* Externe Links werden automatisch mit dem Symbol versehen */
        background-image: url(../pic/ex-link.gif);
        background-repeat: no-repeat;
        padding-left: 1.4em;
        margin-top: 0px;
}

span.ex { /* für die Barrierefreiheit: externen Link ohne css sichtbar machen */
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}