body {

  margin-top:   6%;
  color:	black;
  background:	#53675e;
  font-family: Verdana, sans-serif;
  font-size:   12px;
 }


#principal {
  margin-left: auto;
  margin-right: auto;
  border: none;
  width: 700px;
  background: white;
  text-align: justify;
  }

#top {
  border: none;
  width: 700px;
  
  }



#mainbody {
  padding: 50px;
  border: none;
  border-width: thin;
  border-color: black;
  width: 600px;
  height: 100%;
  font-family: Verdana, sans-serif;
  font-size:   12px;
  	color: #53675e;
	font-weight: 500;
}


#wrapper {
	background-color: white;
	width: 600px;
	height:400px;
}


#erste_spalte {
	width:300px;
	float:left;
	text-align:left;
	font-family: Georgia;
    color: #53675e;
}
#name {
	width:300px;
	float:left;
	text-align:left;
	font-family: Georgia;
	font-weight: bold;
	font-size: 220%;
	font-style: italic;
}
#zweite_spalte {
	width:300px;
	float: right;
	text-align:right;
}

#bottom {
	width:600px;
	float: left;
	text-align:center;
}
#research {
    width:500px;
	float: none;
	text-align:left;
	font-family: Georgia;
	color: #53675e;
	font-weight: 500;
	font-size: 125%;
    
}


#interests {
    width:400px;
	float: left;
	text-align:left;
	font-family: Georgia;
	color: #53675e;
	font-weight: 500;
	font-size: 100%;
	padding-left: 60px;

}

#teaching {
	width:600px;
	float:left;
	text-align:center;
	font-family: Georgia;
	color: #53675e;
	font-weight: bold;
	font-size: 220%;
	font-style: italic;
}

#pub {
	width:500px;
	padding-left: 30px;
	float:left;
	text-align:left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
}

#past {
	width:550px;
	padding-left: 30px;
	float:left;
	text-align:left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	color: #53675e;
	font-weight: 500;
}


#contact {
	width:550px;
	padding-left: 30px;
	float:left;
	text-align: center;
	font-family: Georgia;
	color: #53675e;
	font-weight: bold;
	font-size: 140%;
	font-style: italic;
	line-height: 20px;
}

#navi a:link        {color: #1D1D1D}
#navi a:visited     {color: #9F9F9F}
#navi a:focus       {color: #008BFF}
#navi a:hover       {color: #008BFF}
#navi a:active      {color: #008BFF}

* {margin:0; padding:0; outline:0}
.nav {height:36px; background:#43586d; color:#fff; text-shadow:0px 0px #888; z-index:1000}
.menu a {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px}
.menu span {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px}
 .menu a:hover {color:#788878}
.menu {list-style:none; font:16px Arial,Verdana; text-align:center; width:600px; margin:0 auto}
.menu li {position:relative; float:left; width:120px; z-index:1000}
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:36px; left:0; background:#43586d; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ccc; width:120px}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999; color:#fff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#43586d}
li.menuhover span, li.menuhover li.menuhover span {color:#788878; background:#43586d}
#info {width:180px; background:#eee}
#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:0px 0px #fff; text-align:left}