body {
        margin: 10;
        padding: 10;
        font-family: "Lucida Grande", Arial, Verdana, sans-serif;
        font-size: 10px;
        color: #000000;
        background: #f2ece9;
                  background-image: url(Lx01-05.jpg);
        }


/* ******************************************************************************* */
/* *****                           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 {
border: solid;
border-width: 1px;
border-color: black;
font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 9px;
        padding:1pt;
        color: #004040;}
.klein2 {
font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 11px;
        padding:1pt;
        color: #fff;}

.farbschema {
font-size: 15px;
        padding:2pt;
}



.memo {
font-size: 11px;

}
.titel {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;

        color: #000;
        margin-top:5em;font-variant:small-caps;}
.titelb {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 13px;
        color: #fff;
        margin-top:5em;font-variant:small-caps;}
.infotxt {
        font-family: VERDANA,ARIAL,HELVETICA;
        font-weight:bold;
        font-size: 11px;
        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:#fff; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:12px; font-style:normal; font-weight:bold;
  margin-top:5em;}


.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:#706587;font-variant:small-caps;}
.nav2 a:visited {color:#706587}
.nav2 a:hover {color:#706587}
.nav2 a:active {color: #706587}
.nav2 a{font-family: verdana,arial; font-weight: bold;}
.nav2 a{font-size: 10px; text-decoration: none}


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


.navtop {
background-image: url(header/software.jpg);
background-repeat: repeat-y;
background-color: white;
border: solid;
border-width: 1px;
border-color: black;
color: white;
}
.rand {
background-color: #ffffff;
border-left: solid;
border-right: solid;
border-width: 1px;
border-color: black;

}
#navbottom {
        height: 45px;
        text-align: center;
        background: url(image/trenner.jpg) ;
        }
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: 11px;
        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: 11px;
        font-weight:bold;
        background: url(image/arrow-down.gif) right 55% no-repeat;
        }
/*
NAVIGATION top --------------------- */
#nav li a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        padding: 3px 10px 3px 10px;
        border-left: 0px solid #FFF;
        border-bottom: 0;
        font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-variant:small-caps;
        width:80px;
        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: 0px 0px 0;
        background: #124050;
        background: url(../image/trenner.jpg) top repeat-x;
}

/* 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: 0px 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: #124050;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
        background: url(../image/pfeil.gif) repeat-y;
}

/* 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 */