body {font: 0.8em verdana, sans-serif; line-height: 1.3em; margin: 1em; padding:0; color: black; background: #D2C08E;}
#container{ background: white; padding: 2em 0 0 0;}
#top {text-align: left; padding: 3em;}
#content {width: 54em;text-align: left; padding: 3em; margin: 0; clear: left;}
#langen {position: absolute; top: 3em; right: 5em; font-size: 0.8em;}

a {color: #D2C08E;}
a:hover {background: white;text-decoration: none; color: black;}
img {border: none;}

.nav, #news {padding: 0;}
.nav {float: left; margin: 0;list-style: none; font-weight: bold;}
.nav h2, #news h2 {margin-top:0;}
.nav a {display: block; width: 220px; text-decoration: none;}
#news { margin-left: 40em;}

.up {display: block; padding-top: 5px; width: 20px;height: 15px;float: right;font-size: 0.8em; text-decoration: none; background: url('uparrbeige.gif') top left no-repeat;}
.up:hover { background: url('uparrbeige.gif') -20px top no-repeat;}
/*
	Basic typography
*/
h1, h2, h3, h4, .intro, .dt {font-family: helvetica, arial, sans-serif;}
h1 {font-size: 5em; letter-spacing: -0.02em; background: url('idabeige.gif') top left no-repeat; overflow: hidden; height: 60px; paddding: 0;}
.invisible {visibility: hidden;}
.intro  {font-size: 2em; line-height: 1.3em; letter-spacing: -0.02em}

/*
	Projects
*/
.di {display: block; margin: 0; padding: 2em 1em 2em 0; clear: left;}
.dt {font-size: 1.4em; padding: 0.25em 0 0 0; margin:0 28px 0.5em 220px;border-top: 1px solid black; display: block;}
.dd {text-indent: 0; padding:0; margin: 0;}
.dd p {display: block; margin: 0 0 0 220px; padding-right: 28px;}
.preview {width: 190px; height:185px;float: left; background-repeat: no-repeat;}
.preview:hover {width: 200px; height:185px;float: left; background-position: -190px 0; cursor:pointer;}
.description, .material {background: #FAFAFA; display: block;}
.description { font-weight: bold; padding: 2px 4px 0 4px;}
.material {padding: 0 4px 2px 4px; margin-bottom: 0.25em;}


/*
	CV
*/

.cventry {}
#cv .name {font-weight: bold;}
#green {color:#A3AB89;}

/*
	Image
*/
.image {background: white; text-align: center; margin:0; padding: 0;}
.slide {margin: auto; clear: both;}
.slide img {margin: 2em 0 0 0;}
.image .nav { width: 100%; color: #ddd;}
.image .nav a { display: block; width: 10em; padding: 0 0 0 0.15em;}
.image .nav a:hover {background: #ddd;}
.image .nav li {float: left; text-align: left;width: 10em;}