html, body {
  width:100%;
  height:100%;
}
body {
  background:#FFF;
  margin:0;
  padding:0;
  font-size:62.5%;
}
/* Header */
div#header {
  background:#FFF;
  width:100%;
  height:175px;
  font-family:Arial;
}
div#header div#title {
  background:#DBF9D2;
  width:550px;
  height:30px;
  padding:10px 25px;
  font-size:1.6em;
  position:absolute;
  color:#334033;
  top:25px;
  left:50%;
  margin:0;
  margin-left:-300px;      
} 
div#header div#title em {
  font:normal 0.75em Arial;
  line-height:9px;
}   
div#header div#contact_information {
  background:#BAD4B3;
  width:600px;
  height:50px;
  position:absolute;
  top:75px;
  left:50%;
  margin:0;
  padding:0;
  margin-left:-300px;    
  font-size:1.33em;
  
}  
div#header div#contact_information div#adress {
  position:absolute;
  top:10px;
  left:25px;
  margin:0;
  padding:0;
  color:#222A22;
}
div#header div#contact_information div#adress a#routelink {
  padding-left: 5px;
  color:#222A22;
}
div#header div#contact_information div#telecom {
  position:absolute;
  top:10px;
  left:310px;
  margin:0;
  padding:0;
  color:#222A22;
}  
div#header div#contact_information div#mail {
  position:absolute;
  top:10px;
  left:450px;
  margin:0;
  padding:0;
  color:#222A22;
}  
div#header div#contact_information div#mail a {
  color:#222A22;
  text-decoration:underline;
}  
div#header div#contact_information div#mail a:hover {
  color:#000;
  text-decoration:undeline;
}  
div#header ul#menu {
  background:#F5F3D6;
  width:610px;
  height:35px;
  position:absolute;
  top:150px;
  left:50%;
  margin:0;
  padding:0;
  margin-left:-300px;      
  list-style-type:none;
  white-space: nowrap;
  clip: rect(0px 600px 25px 0px);
}  
div#header ul#menu li {
  list-style-type:none;
  font:bold 12px Arial;
  color:#404033;
  background:#D0CFB6;
  padding:0px;
  margin:0;
  display:inline;
} 
div#header ul#menu li a,div#header ul#menu li span {
  background:#F5F3D6;
  cursor:pointer;
  text-decoration:none;
  color:#404033;
  position:relative;
  top:5px;
  margin:0;
  height:25px;
  padding:5px 25px;
}   
div#header ul#menu li a:hover {
  text-decoration:underline;
}   
div#header ul#menu li span {
  background:#CCCCA6;
}    
/* Indicator */
div#page_name {
  background:#E5E5E5;
  width:200px;
  position:relative;
  top:25px;
  left:50%;
  margin:0;
  margin-left:-325px;
  margin-bottom:50px;
}
div#footer {
  height:50px;
  width:200px;
  position:relative;
  top:0px;
  left:50%;
  margin:0;
  margin-top:25px;
  margin-left:125px;
}
div#footer div {
  background:#E5E5E5;
  width:200px;
  margin:0;
  cursor:pointer;
}
div#page_name span, div#footer div span {
  display:block;
  background:#CCCCCC;
  color:#666;
  font:bold 12px Arial;
  position:relative;
  left:25px;
  top:0px;
  height:15px;
  padding:5px 25px;
  width:125px;
} 
div#footer div span {
  position:relative;
  left:0px;
  top:0px;
} 
h1 {
  font:bold 3.2em Arial;
  color:#CCA6A6;
  display:block;
  margin:10px 0px;
  width:550px;
  position:relative;
  left:50%;
  margin-left:-275px;
}
h2 {
  font:bold 2.4em Arial;
  color:#96B6CC;
  display:block;
  margin:10px 0px;
  width:550px;
  position:relative;
  left:50%;
  margin-left:-275px;
}
p,ul {
  font:normal 1.6em Arial;
  line-height:125%;
  word-spacing:125%;
  color:#666666;
  display:block;
  margin:10px 0px;
  width:550px;
  position:relative;
  left:50%;
  margin-left:-275px;
} 
ul {
  list-style-type:none;
  margin:0px 0px;
  padding:0;
  margin-left:-275px;
}  
p em {
  font-weight:bold;
  font-style:italic;
}     
p.ul {
  margin:20px 0px;
  width:530px;
  padding-left:20px;
  margin-left:-275px;
} 
p a {
  color:#666;
  text-decoration:underline;
}
p a:hover {
  color:#999;
  text-decoration:underline;
}  
iframe#contact {
  display:block;
  position:relative;
  left:50%;
  margin-left:-300px;
  margin-top:20px;
  width:600px;
  height:335px;
}