body,html {
  background-color: #000;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: verdana,sans-serif,helvetica;
  font-size: 0.85em;
  color: #000000;
  overflow: auto;
  scrollbar-base-color: #278DAA;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-highlight-color: #00A7EF;
  }

#container_index 
  {

  margin-top: -250px; 
  margin-left: -50%; 
  height:500px;
  width:100%;
  position: absolute; 
  overflow: hidden;
  left: 50%;
  top: 50%; 
  background-color: #278DAA;
  background-image: url('../images/bgr.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  border-top: solid 1px #ffffff;
  }

#header {
  position: absolute; 
  clear:both;
  background-color: #000;
  width:100%;
  height:50px;
  top: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana,sans-serif,Arial;
  font-weight: bold;
  padding: 0px 0 0 0;
  }



#left{
  float: left;
  color:#ffffff;
  width:300px;
  height:500px;
  position: absolute; 
  left:0px; 
  top:50px;
  }

#menu{
  position: relative; 
  float: left;
  background-image: url('../images/menu_paperclip.png');
  background-repeat: no-repeat;
  width: 230px; 
  height: 290px; 
  left:310px; 
  top:0; 
  }
#menu #menuitems{
  position: absolute; 
  float: left;
  width: 190px; 
  height: 240px; 
  left:40px; 
  top: 55px; 
  }
#menu #menuitems a{
  font-family: Courier, Verdana;
  font-size: 19px;
  font-weight: bold;
  line-height: 28px;
  color: black;
  text-decoration: none;
  }
#menu #menuitems a:hover{
  color: #F27600;
  text-decoration: underline;
  }

#content{
  position: relative; 
  float: left;
  left:325px; 
  top:50px; 
  overflow: hidden;
  width: 600px;
  height:420px;
  padding: 0;
  font-family: "Trebuchet MS", verdana,sans-serif,helvetica;
  font-size: 0.85em;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  }

#content a{
  padding: 0;
  font-family: verdana,sans-serif,"Trebuchet MS",helvetica;
  font-size: 11px;
  color: #181717;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  }
#content a:hover{
  color: #000000;
  text-decoration: normal;
  }

#content span{
  color: #E26A00;
  font-weight: bold;
  font-size: 15px;
  }


#klok{
  position: absolute; 
  top: 0px;
  left: 1000px;
  z-index: 3;
  background-image: url('../images/klok.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width:100px;
  height: 250px;
  margin: 0 25px 0 0;
  }


#footer {
  position: absolute; 
  clear:both;
  width:100%;
  height:30px;
  top: 530px;
  text-align: center;
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
  font-family: Verdana,Arial;
  padding: 5px;
  }


#datum {
  position: absolute; 
  top: 20px;
  left: 1100px;
  font-family: Typewriter New Roman;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  padding: 0 25px 0 0;
  }

#cv {
  position: relative; 
  top: 30px;
  float: left;
  width: 550px;
  height: 325px;
  padding: 10px;
  overflow: auto;
  background-image: url('../images/bgr_cv.png');
  background-position: top left;
  background-attachment: fixed;
  color: #black;
  font-size: 0.85em;
  font-weight: bold;
  font-family: Verdana,Arial;
  border: 1px inset #ffffff;
  }

#cv td {
  color: #black;
  font-size: 11px;
  color: black;
  font-weight: normal;
  font-family: Verdana,Arial;
  text-align: left;
  }

#cv h1 {
  color: #black;
  font-size: 18px;
  color: black;
  font-weight: bold;
  font-family: Verdana,Arial;
  text-align: center;
  }