body {
    background-color: #00a6eb;
    background-image: url(../layout/bg.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 8pt;
}

img {
  border: 0;
}

h1, h2, h3 {
  color: #ffffff;
  font-family: Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 10pt;
}

p {
  color: #ffffff;
  font-family: Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 8pt;
}

a {
  color: #ffffff;
  font-family: Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 8pt;
}

a.hover {
  color: #cc6600;
  font-family: Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 8pt;
}

  
#wraphome {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width:  995px;
    height: 700px;
    background-color: #636363;
    background-image: url(../layout/hestia_voorpagina.jpg);
    background-repeat: no-repeat;  
}
  
#taalkeuze {
  position: absolute;
  left: 39px;
  top: 119px;
  margin: 0;
  padding: 0;
} 

#taalkeuze a {
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, geneva, Sans-Serif;
   font-size: 8pt;
   width: 120px;
   padding: 10px;   
   padding-bottom: 20px;
   padding-right: 0;
   text-decoration: none;
}

#taalkeuze a.nl {
   background-image: url(../layout/button_nl_out.jpg);
   background-repeat: no-repeat;
 }
 
#taalkeuze a.nl:hover { 
   background-image: url(../layout/button_nl_over.jpg);
   background-repeat: no-repeat;
 }

 #taalkeuze a.uk {
   background-image: url(../layout/button_uk_out.jpg);
   background-repeat: no-repeat;
 }
 
#taalkeuze a.uk:hover { 
   background-image: url(../layout/button_uk_over.jpg);
   background-repeat: no-repeat;
 }

#taalkeuze a.de{
   background-image: url(../layout/button_de_out.jpg);
   background-repeat: no-repeat;
 }
 
#taalkeuze a.de:hover { 
   background-image: url(../layout/button_de_over.jpg);
   background-repeat: no-repeat;
 }
    
#taalkeuze li {
	list-style: none;
   float: left;
}

#deep_links {
    clear: both;
    position: absolute;
    left: 420px;
    top: 455px;
    margin: 0;
    padding: 0;
    font-family: Copperplate, Times New Roman, Sans-Serif;
    text-transform: uppercase;
    font-size: 16px; 
    font-weight: normal;
    text-decoration: none;
    color: #ddd;
}

#deep_links a {
    font-family: Copperplate, Times New Roman, Sans-Serif;
    text-transform: uppercase;
    font-size: 16px; 
    font-weight: normal;
    text-decoration: none;
    color: #ddd;
}

#footertext {
    position: absolute;
    left: 00px;
    top: 550px;
}

#footertext p, #footertext p a {
    color: white;
    font-size: 10px; 
    font-family: "Times New Roman", Times, serif;
}

#haardplaat {
  position: absolute; 
  width: 168px;
  height: 57px;
  top: 387px;
  left: 140px;
  display: block;
}

#schouw {
  position: absolute; 
  width: 168px;
  height: 57px;
  top: 387px;
  left: 420px;
  display: block;
}

#tegel {
  position: absolute; 
  width: 168px;
  height: 57px;
  top: 387px;
  left: 700px;
  display: block;
}

#logo_vp {
  position: absolute;
  left: 90px;
  top: 190px;
}

#logo_vp a {
  width: 720px;
  height: 160px;
  display: block;
}

#logo_vp  a span, #haardplaat span, #schouw span, #tegel span {
  display: none;
}

#wraptext {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width:  995px;
    height: 700px;
    background-color: #636363;
    background-image: url(../layout/hestia_tekstpagina.jpg);
    background-repeat: no-repeat; 
}

#menutop {
  position: absolute;
  left: 250px;
  top: 107px;
  margin: 0;
  padding: 0;
}

#menutop li {
	 list-style: none;
  float: left;
}

#menutop a {
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 9pt;
   margin-left: 5px;
   padding: 5px;
   text-decoration: none;
 }
 
#menutop a {
   background-image: url('http://www.hestiamaastricht.nl/layout/bg_button.png');
}

#menutop a:hover {
   background-image: url('http://www.hestiamaastricht.nl/layout/bg_button_over.png');
}

#menutop a.selected {
   background-image: url('http://www.hestiamaastricht.nl/layout/bg_button_over.png');
}

#link_to_home {
  position: absolute;
  top: 90px;
  left: 850px;
  width: 70px;
  height: 50px;
}

            
#menulinks {
  position: absolute;
  left: 7px;
  top: 175px;
}

#menulinks li {
	list-style: none;
}

#menulinks a {
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 8pt;
   width: 220px;
   padding: 8px;
   padding-top: 5px;
   padding-left: 30px;
   padding-bottom: 11px;
   text-decoration: none;
 }
 
 
#menulinks  a.menulinks1{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks1_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks1:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks1_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks1_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks1_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks1_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks1_over.jpg');
   background-repeat: no-repeat;
 } 
#menulinks  a.menulinks2{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks2_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks2:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks2_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks2_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks2_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks2_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks2_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks3{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks3_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks3:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks3_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks3_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks3_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks3_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks3_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks4{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks4_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks4:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks4_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks4_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks4_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks4_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks4_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks5{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks5_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks5:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks5_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks5_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks5_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks5_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks5_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks6{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks6_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks6:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks6_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks6_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks6_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks6_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks6_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks7{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks7_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks7:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks7_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks7_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks7_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks7_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks7_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks8{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks8_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks8:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks8_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks8_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks8_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks8_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks8_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks9{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks9_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks9:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks9_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks9_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks9_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks9_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks9_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks10{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks10_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks10:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks10_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks10_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks10_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks10_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks10_over.jpg');
   background-repeat: no-repeat;
 } 
 #menulinks  a.menulinks11{
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks11_out.jpg');
   background-repeat: no-repeat;
 }

#menulinks a.menulinks11:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks11_over.jpg');
   background-repeat: no-repeat;
 }
#menulinks a.menulinks11_selected { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks11_selected.jpg');
   background-repeat: no-repeat;
 }
 #menulinks a.menulinks11_selected:hover { 
   background-image: url('http://www.hestiamaastricht.nl/layout/menulinks11_over.jpg');
   background-repeat: no-repeat;
 } 
 
#content {
  position: absolute;
  left: 435px;
  top: 170px;
  width: 470px;
  height: 340px;
  overflow:auto;
}

#catalogus {
  position: absolute;
  left: 430px;
  top: 165px;
  padding:;
}

#catalogus td {
  width: 108px;
  height: 108px;
  text-align: center;
}
#catalogus td.catalogus_image {
  background-image: url('/layout/bg_button.png');
}#catalogus td.catalogus_image:hover {
  background-image: url('/layout/bg_button_over.png');
}

#catalogus img {
  height: 95px;
}

#image {
  position: absolute;
  left: 280px;
  top: 185px;
  width: 120px;
}

#img_descr {
  position: absolute;
  left: 280px;
  top: 170px;
  width: 260px;
  overflow: auto;
}

#img_file {
  position: absolute;
  left: 565px;
  top: 185px;
  width: 250px;
}

#img_file2{
  position: absolute;
  left: 860px;
  top: 185px;
  width: 120px;
}

#bottomnav {
   position: absolute;
   left: 435px;
   top: 500px;
   padding: 0;
   margin: 0;
}
#bottomnav li {
  list-style: none;
  float: left;
}

#bottomnav a {
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 8pt;
   text-decoration: none;
   padding: 5px;
 }
#bottomnav a.selected {
   color: #cc6600;
   font-weight: bold;
}

#bottomnav a.bottomnav_prev {
   background-image: url('http://www.hestiamaastricht.nl/layout/back.gif');
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 20px;
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 8pt;
   text-decoration: none;
}   
#bottomnav a.bottomnav_next {
   background-image: url('http://www.hestiamaastricht.nl/layout/next.gif');
   background-position: right;
   background-repeat: no-repeat;
   padding-right: 20px;
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 8pt;
   text-decoration: none;   
}

#prev {
   position: absolute;
   left: 420px;
   top: 500px;
   background-image: url('http://www.hestiamaastricht.nl/layout/back.gif');
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 20px;
   display: block;
   color: #ffffff;
   font-family: Arial, Helvetica, Geneva, Sans-Serif;
   font-size: 8pt;
   text-decoration: none;
}