body {
  background-color: #60605f;
  color: #ccc;
/*  font: 9pt "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
  line-height: 140%;
  background-image: url(bilder/bg.gif);
}

#container {
  width: 680px;
  margin: auto;
  margin-top: 50px;
  padding: 0;
}

#main {
 background-color: #292929;
/* background-color: #1e1e1e; */
 padding: 5px;
/* border: 1px solid #404040; */
 border-top: 3px solid #ffab00; 
 float: left;
 width: 100%;
}

#header {
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: black 0.1em 0.1em 0.1em;
}

#me {
  float: left; 
  margin-right: 20px; 
  margin-bottom: 10px
}

#stefan {
  color: #fff;
}

#berger {
  color: #888;
}

#navigation {
  margin-top: 6px;
  color: #555;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  background-color: #191919;
}

#footer {
  padding: 10px;
  border-top: 1px solid #333;
  background-color: #191919;
  color: #60605f;
  font-size: 8pt;
  float: left;
  width: 670px;
}

#footer a {
  color: #808080;
}

#footer a:hover {
  background-color: #111;
}

#content {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

#photosets {
  margin-left: 20px;
  float: left;
}

.photoset {
  width: 160px;
  height: 150px;
  float: left;
  margin: auto;
  text-align: center;
}

.photoset img {
  border: 1px solid #828282;
  background-color: #555;
  padding: 2px;
  margin-bottom: 5px;
}

h1 {
  font-size: 11pt;
  color: #fff;
}

#contact {
  margin: auto;
  width: 420px;
  color: #aaa;
}

#contact form {
  margin-top: 5px;
}

.projectItem {
  padding: 5px;
  border-bottom: 1px solid #555;
  float: left;
  margin-bottom: 10px;
}

.projectItem .heading {
  font-size: 11pt;
  font-weight: bold;
  color: #fff;
}

.projectItem img {
  float: left; 
  border: 1px solid #828282;
  background-color: #555;
  padding: 2px;
  margin-right: 20px; 
  margin-bottom: 10px
  width: 150px;
}