* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #C8B18B;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #339900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
 #wrapper { background:url(../images/bg_middle.gif); }
 #page { background-image:url(../images/bg_top.gif);   }
 #page_top {background-image:url(../images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #DED1B8; }
 #real_page {background: #f8f3ea; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; }
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/ribone.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 
 #main_menu {width: 142px; position: absolute; top: 232px; left: 603px; padding: 1px 0 0; background:url(../images/dot_hor.gif); background-repeat: repeat-x;}
 #main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a {display: block; height: 20px; background-position: 5px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
 
}
  #main_menu .galerie {background:url(../images/galerie-foto.gif); background-repeat: no-repeat; background-position: 5px 6px;}
  #accueil {background-image:url(../images/accueil.gif); }
 
  
 #contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 494px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}

 
 #galerie {left: 1976px; top: 0; height: 494px; overflow: hidden;    }
 #fotos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
  #fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #foto_inapoi { background-image:url(../images/up.png); visibility: hidden;}
 #foto_inainte { background-image:url(../images/down.png);}
 #fotos_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 494px; position: absolute; top: 0; left: 0;  }
 #fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #fotos li img {display: block;}
 #fotos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerie:hover #fotos_nav2 {visibility: visible;} 
 
 #fotos_nav2 ul {float: right; padding: 5px;}
 #fotos_nav2 li {float: left; padding-right: 1px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/nav_bg.png);}
  #fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 .accueil { background-image:url(../images/accueil.gif);}
 
 

  
  #footer {position: absolute; top: 471px; left: 487px; width: 328px; border: solid #E3D0AF; border-width: 0 0 0 1px; text-indent: 7px; line-height: 16px; color: #FFCCCC; font-size: 9px;}
  #footer #webmaster {text-indent: -3000px; overflow: hidden; width: 70px; height: 16px; background-image:url(../images/webmaster.gif); background-position: left center; position: absolute; right: 0; top: 0; display: block;}
 
 .foto {background-image:url(../images/loader_contact.gif); background-position: center; background-color: #4C413F;}
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}