body {
  background: url(images/background.png) top center;
  font-family: Helvetica, sans-serif;
  color: #333333;
  padding: 0 0 0 0;
}

.container {
  position: relative;
}

div.header {
  background: url(images/header.png) top no-repeat;
  width	: 500px;
  height: 100px;
  
  position: absolute;  
  top: 15px; 
  left: 50%;  
  margin-left: -335px; 
}

div.left {
  background: url(images/leftbg.png) top no-repeat;
  font-size: 80%;
  width	: 500px;
  height: 400px;
  border-right:  1px solid #0aa9ff;
  
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -330px;
}

div.mixpod {
  padding: -5px 1px 5px 1px;
}

div.right {
  background: url(images/rightbg.png) top no-repeat;
  width: 160px;
  height: 400px;
  padding: 0 1px 0 0;
  
  position: absolute;  
  top: 140px; 
  right: 50%;  
  margin-right: -331px; 
}

img {
  border: none;
}

div.webapp {
  font-size: 60%;
  font-weight: bold;
  padding: 0 5px 2px 5px;
  margin: -3px 0 0 0;
  vertical-align: top;
}

div.social {
  font-size: 60%;
  padding: 0 0 0 5px;
  margin: -3px 0 -6px 0;
  vertical-align: top;
}

div.my {
  font-size: 80%;
  color: #0aaff9;
  padding: 5px;
}

img.appicon {
  float: left;
  margin: 0 5px 0 0;
}

div.content {		/* text en de afbeelding*/
  font-size: 100%;
  color: #323232; /*donkergrijs*/
  width: 700px;
}

h1 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  color: #232323; /* donkergrijs */
}

h1.title {		/* titel */
  font-size: 130%;
  font-weight: bold;
  margin: 0;
  color: #cecece; /* lichtgrijs */
}

a.normal:link {
  color: #cecece; /* lichtgrijs */
  text-decoration: none;
}

a.normal:visited {
  color: #cecece; /* lichtgrijs */
  text-decoration: none;
}

a.normal:hover {
  color: #323232; /* donkergrijs */
  text-decoration: none;
}

a.normal:active {
  color: #323232; /* donkergrijs */
  text-decoration: none;
}