/**
  * www.juwelier-kroener.de
  */

body{
  background-color: #7c756e;
}

#wrapper{
  text-align: center;
  width: 743px;
  margin: 0 auto;
}

#site{
  background-image: url(../gfx/bg.jpg);
  background-repeat: repeat;
}


/**
  * #lang_switcher
  */
#lang_switcher{
  margin: 16px 0 5px;
  text-align: right;
}

#lang_switcher p{
  color: #ffffff;
}

#lang_switcher ul{
  float: right;
  margin: 0 16px 0 5px;
  height: 14px;
  width: 53px;
  text-align: left;
}

#lang_switcher ul li{
  display: inline;
}

#lang_switcher ul li a{
  float: left;
  height: 0pt;
  overflow: hidden;
  padding-top: 14px;
  background-repeat: no-repeat;
}

#lang_switcher ul li#ls_de  a{
  width: 23px;
  background-image: url(../gfx/languages.jpg);
  background-position: 0px 0px;
  margin-right: 7px;
}

#lang_switcher ul li#ls_de  a:hover{
  cursor: default;
}

#lang_switcher ul li#ls_en  a{
  width: 23px;
  background-image: url(../gfx/languages.jpg);
  background-position: -23px 0px;
}

#lang_switcher ul li#ls_en  a:hover{
  cursor: default;
}

/**
  * #header
  */
#header{
  text-align: center;
}

#header #logo{
  background-color: #d3cbb2;
  margin: 0 auto;
  height: 88px;
  width: 710px;
  background-image: url(../gfx/logo_head.jpg);
  background-repeat: no-repeat;
  background-position: 50% 66%;
}

#header #logo h1, #header #logo h2{
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden; 
}

#header #menu{
  background-color: #b6a97f;
  margin: 0 auto;
  height: 26px;
  width: 710px;
  position: relative;
  text-align: center;
}

#header #menu h3{
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden; 
}

#header #menu ul{
  margin: 0 auto;
  height: 26px;
  width: 215px;
  text-align: left;
}

#header #menu ul li{
  display: inline;
}

#header #menu ul li a{
  float: left;
  height: 0pt;
  overflow: hidden;
  padding-top: 26px;
  background-repeat: no-repeat;
}

#header #menu ul li#m_uhren  a{
  width: 62px;
  background-image: url(../gfx/menu.jpg);
  background-position: 0px -52px;
}

#header #menu ul li#m_uhren  a:hover{
  background-position: 0px -26px;
}

body.m_uhren #header #menu ul li#m_uhren  a
{
  background-position: 0px -26px;
}

#header #menu ul li#m_schmuck  a{
  width: 80px;
  background-image: url(../gfx/menu.jpg);
  background-position: -62px -52px;
}

#header #menu ul li#m_schmuck  a:hover{

  background-position: -62px -26px;
}

body.m_schmuck #header #menu ul li#m_schmuck  a
{
  background-position: -62px -26px;
}

#header #menu ul li#m_kontakt  a{
  width: 73px;
  background-image: url(../gfx/menu.jpg);
  background-position: -142px -52px;
}

#header #menu ul li#m_kontakt  a:hover{
  background-position: -142px -26px;
}

body.m_kontakt #header #menu ul li#m_kontakt  a
{
  background-position: -142px -26px;
}


/**
  * #footer
  */
#footer{
  text-align: center;
}

#footer-inside{
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;  
}

#footer {
  background-image: url(../gfx/footer.jpg);
  margin: 0 auto;
  width: 710px;
  height: 54px;
}


/**
  * #references
  */
#references{
  text-align: center;
}

#references h3{
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#references ul{
  margin: 0 auto 10px;
  height: 50px;
  width: 710px;
  text-align: left;
}

#references ul li{
  display: inline;
}

#references ul li a{
  float: left;
  height: 0pt;
  overflow: hidden;
  padding-top: 50px;
  background-repeat: no-repeat;
  margin-right: 20px;
}

#references ul li a:hover{
  /*cursor: default;*/
}

#references ul li#jaeger_lecoultre  a{
  width: 106px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: 0px 0px;
}

#references ul li#rolex  a{
  width: 73px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: -130px 0px;
}

#references ul li#lange_soehne  a{
  width: 114px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: -231px 0px;
}

#references ul li#cartier  a{
  width: 105px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: -365px 0px;
}

#references ul li#audemars_piguet  a{
  width: 108px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: -490px 0px;
}

#references ul li#chronoswiss  a{
  width: 92px;
  background-image: url(../gfx/logos_references.jpg);
  background-position: -621px 0px;
  margin-right: 0;
}



/**
  * #container
  */
#container{
  text-align: left;
  width: 710px;
  height: 340px;
  margin: 90px auto 70px;
  overflow: hidden;
}

#content{
  text-align: left;
  width: 420px;
  height: 310px;
  margin-left: 290px;
  background-image: url(../gfx/content_uhren.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

* html #content{
  width: 415px;
  background-position: -5px 0px;
}


*+html #content{
  width: 415px;
  background-position: -5px 0px;
}

body.m_schmuck #content{
  background-image: url(../gfx/content_schmuck.jpg);
}

body.m_kontakt #content{
  background-image: url(../gfx/content_kontakt.jpg);
}

#content-inside{
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#media{
  float: left;
  width: 290px;
  height: 330px;
  background-image: url(../gfx/media_default.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 1px solid #918765;
}

#contact{
  float: left;
  width: 290px;
  height: 330px;
  border: 1px solid #918765;
}