body {font: 0.8em verdana, sans-serif; line-height: 1.4em; margin: 1em; padding:0; color: black; background: #868C70;}

/*
	Base divs
*/
#container{ background: white; padding: 2em 0 5em 0;}
#top {text-align: left; padding: 3em;}
#content {text-align: left; padding: 3em; margin: 0; clear: left;}

/*
	Nav and links
*/
a {color: #8F996B;}
a:hover {background: white;text-decoration: none; color: black;}
#langen {position: absolute; top: 3em; right: 5em; font-size: 0.8em;}
#langsv {position: absolute; top: 3em; right: 5em; font-size: 0.8em;}
img {border: none;}
.nav{padding: 0; float: left; width: 220px;}
.nav { margin: 0;list-style: none; font-weight: bold;}
.nav h2, #news h2 {margin-top:0;}
.nav h3 {margin: 1em 0 0 0;}
.nav a {display: block; width: 220px; text-decoration: none;}
.nav li {margin: 0; padding: 0;}
#news {display: block; margin-left: 35em;}
.up {display: block; padding-top: 5px; width: 20px;height: 15px;float: right;font-size: 0.8em; text-decoration: none; background: url('uparrgreen.gif') top left no-repeat;}
.up:hover { background: url('uparrgreen.gif') -20px 0 no-repeat;}

/*
	Basic typography
*/
h1, h2, h3, h4, .intro, .dt {font-family: helvetica, arial, sans-serif;}
h1 {font-size: 5em; letter-spacing: -0.02em; color:#868C70; line-height: 1.1em;}
.intro  {font-size: 2em; line-height: 1.3em; letter-spacing: -0.02em;}
#more {clear: left;}
.english {color: #bbb;}
p a {text-decoration: none;}
p a:hover {text-decoration: underline;}
/*
	Projects
*/
.project {display: block; margin: 0; padding: 0 0 3em 0;clear: left; width: 50em;}
.project h3 {font-size: 1.4em; font-weight: normal; padding: 0.25em 0 0 0; margin:0 28px 0.5em 220px;border-top: 1px solid black; display: block;}
.preview { float:left; margin-top: -2em;}
.preview a {display: block; width: 200px; height: 180px; background-repeat:no-repeat; background-position: top left;}
.preview a:hover {background-position: -190px 0; background-repeat: no-repeat;}
.type , .material {background: #FAFAFA; display: block; margin-left: 220px; margin-right: 28px; padding: 0 4px 2px 4px; }
.type {font-weight: bold;}
.material {margin-bottom: 0.25em;}
.previewlinktext {display: none;}



/*
	CV
*/
.cventry .date {position: absolute; left: 4em; color: #aaa;}
.cventry .name {font-weight: bold; margin-left: 8em;}
.additional { margin-left: 8em; clear: left;}
.additional .date {position: absolute; left: 4em; color: #aaa;}
.cventry { margin-top:1em;}
#green {color:#A3AB89;}

/*
	Imageindex
*/
.hemnav {display: block; position: absolute; top: 2em; left: 2em; background: #868C70 url('arrpoint.gif') center left no-repeat; font-weight: bold; padding: 0.05em 0.5em 0.1em 1em; margin: 0; color: white; text-decoration: none;}
.hemnav:hover {background: #ddd url('arrpoint.gif') center left no-repeat;} 
.imageindex .type, .imageindex .material,.description{width: 30em;}
.imageindex { background: #868C70; margin: 0; padding: 0;}
.imageindex #container { border: 1em solid #868C70;  margin: auto; padding: 2em 5em 7em 5em;}

#previews {margin:0 2em 0 0; padding: 0 2em 0 0; clear: both;}
#previews .preview { float: left; margin:0 0.5em 0.5em 0; padding:0;width: 110px; height: 80px; background: url('dropshadowsmall.gif');}
#previews .preview a {display: block; width: 100px; height: 70px; margin:0; padding:0;}
#previews .preview a:hover {background-position: top right;}
.imageindex .description {font-weight: normal; background: transparent;}
.imageindex .type { font-weight: bold; padding: 2px 4px 0 4px;background: #FAFAFA; display: block; clear: left;}
.imageindex  #container .type , .imageindex #container .material {margin: 0;}


/*
	Image page (slide)
*/

#previous a { display: block;text-align: center; padding-left: 0.5em;}
#previous a:hover {background: #868C70 url('previous.gif') left center no-repeat;}
#index a { display: block;}
#index a:hover {background: #868C70;}
#next {border-right: 2px solid white;border-right: 2px solid white;}
#next a {display: block; text-align: center;}
#next a:hover {background: #868C70  url('next.gif') right center no-repeat;}
.image { text-align: center; margin:0; padding: 0;}
.slide {margin: auto; clear: both;}
.slide img {margin: 0;}
.image {background: white;}


#slidenav {margin: 0 0 2px 0;text-align: center; font-weight: bold; width: 100%; height: 1.3em; background: #eee; color: #bbb;}
#slidenav li { list-style: none; float: left; width: 12em;  border-left: 2px solid white;}
#slidenav a {text-decoration: none;}
#slidenav a:hover {color: white;}
#slidenav ul {display: block; margin: auto; width: 49em;  height: 1.3em;}


/*
	help
*/
pre {display: inline; clear: none;}
pre em {color: red; font-style: normal;}
.code {font-family: courier, monospace; color: green;}
.code em {color: red; font-style: normal;}