body {
        margin: 10;
        padding: 0;
        font-family: "Lucida Grande", Arial, Verdana, sans-serif;
        font-size: 10px;
        color: #FFF;
        background: #F0F0F0 url(../img/ight.jpg);
        }

#navlist
{

color: white;
background: #383838;
padding: 0 1px;
margin-left: 20;
width: 10em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{width:200px;
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-left: 2.50em;
margin-top: 0.5em;
color: white;

border-width: 1px;
border-style: solid;
border-color: #383838 #383838 #EE7001 #383838;
border-left: 1em solid #EE7001;
padding: 0.25em 0.10em 0.10em 0.80em;
}

#navlist a#current { width:150px; background: #EE7001;border-color: #383838 #383838 #EE7001 #EE7001; }

#navlist a
{
font-weight:bold;
        font-size: 13px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;
        padding:1pt;
        width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
font-weight:bold;
        font-size: 13px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;
        padding:1pt;
        width:155px;
       /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width:155px;
font-weight:bold;
        font-size: 10px;
        padding:1pt;
        color: #fff;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #EE7001;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
font-weight:bold;
        font-size: 13px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;
        padding:1pt;
        color: #000;
}

#navlist a:active, #navlist a#current:active
{

background: #383838;
border-color: #000 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
/* ******************************************************************************* */
/* *****                           Titel Formartierung infobox                      ***** */
/* ******************************************************************************* */
.hl {

        padding:0 1em .10px 1.5em;
        background: #FAF9F3;
        border: 1px solid #000000;
}
.agbt {
font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 13px;
        padding:1pt;
        color: #004040;}
.klein {
font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 10px;
        padding:1pt;
        color: #004040;}
.titel {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 13px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;}
        .titel3 {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 11px;
        color: #000;
        margin-top:5em;font-variant:small-caps;}
.titel2 {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 14px;
        color: #fff;
        margin-top: 10em; font-variant:small-caps;}
.titelb {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 14px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;}
.infotxt {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 10px;
        color: #004040;}
.infob {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 12px;
        color: #fff;}

.infom {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 13px;
        color: #23487D;}
td.nav
{     color:#000000; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:13px; font-style:normal; font-weight:bold;
  margin-top:5em;font-variant:small-caps;}

td.nav2
{     color:#000000; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:13px; font-style:normal; font-weight:bold;
  margin-top:5em;font-variant:small-caps;}
td.na
{     color:#000000; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:12px; font-style:normal; font-weight:bold;
  margin-top:5em;font-variant:small-caps;}

.nav a:link {color:#FFFFFF}
.nav a:visited {color:#FFFFFF}
.nav a:hover {color:#FFFFFF}
.nav a:active {color: #FFFFFF}
.nav a{font-family: verdana,arial; font-weight: bold;}
.nav a{font-size: 12px; text-decoration: none}


.nav2 a:link {color:#000}
.nav2 a:visited {color:#000}
.nav2 a:hover {color:#000}
.nav2 a:active {color: #000}
.nav2 a{font-family: verdana,arial; font-weight: bold;}
.nav2 a{font-size: 12px; text-decoration: none}


/*
NAVIGATION --------------------- */
# center { text-align:center;
}


#navtop {

        margin-top: 2.5em;
        width:537px;
        font-size: 10px;
        font-weight:bold;
        height: 15px;
        background: url(image/nav-top.gif) bottom repeat-x;
        }

#navbottom {
        height: 15px;text-align: center;
        background: url(image/nav-bottom.gif) top repeat-x;
        }

ul#nav {
        margin: 0;
        padding: 0;
        white-space:nowrap;
        font-size: 11px;
        font-weight:bold;
        list-style: none;
        background: url(image/nav-bg.gif) bottom repeat-y;
        }

#nav li {
        font-size: 12px;
        font-weight:bold;
        display: block;
        float: left;

        }

li#nav-home,         li#nav-faculty, li#nav-graduate, li#nav-research, li#nav-dept, li#nav-resources, li#nav-contact {
width:88px;
        font-size: 12px;
        font-weight:bold;
        background: url(image/arrow-down.gif) right 55% no-repeat;
        }

#nav li a {
        display: block;
        color: #444;
        text-decoration: none;
        padding: 3px 12px 3px 5px;
        border-left: 1px solid #FFF;
        border-bottom: 0;width:88px;
        background: url(image/arrow-down.gif) right 55% no-repeat;
        }

li#nav-home {
        background: none;
        }

li#nav-home a {
        border-left: 0;
        padding-right: 0px;
        background: none;
        }

li#nav-contact {
        border-right: 0;
        }


/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#nav ul {
        position: absolute;
        z-index: 99;
        left: -999em;
        margin: 0px 0 0 -1px;
        padding: 0;
        width: 14.4em;
        w\idth: 13.9em;
        height: auto;
        border: solid #C7C7C7;
        border-width: 1px 1px 0;
        background: #F9F9F9;
}

/* 3rd level menus only */
#nav ul ul {
        margin: -1.3em 0 0 12em;
}

/* 2nd and 3rd level menus */
#nav li li {
        padding: 2px 1em 2px 0;
        width: 13em;
        border-bottom: 1px solid #DBDBDB;
}

/* 2nd and 3rd level menus */
#nav ul a {
        width: 13em;
        w\idth: 9em;
        border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
}

#nav li:hover, #nav li.sfhover {
        background: #ECECEC;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
        background: #E3F3FA;
}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
        background: none;
        }

/* 2nd level menus only */
#nav a.sub {
        background: url(image/arrow-right.gif) right 52% no-repeat;
}


/*P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */