body {
  background-color: #636363;
  background-repeat: no-repeat;
  margin:0px;
  padding:0px;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  }

#base {
  position:relative; top:40px; left:50%;
  width:960px;
  }

#center {
  position:relative; top:0px; left:-480px;
  width:960px;
  }

#center a {
  color: #9399c3;
  }

#center a:link {
  color: #9399c3;
  }

#center a:hover {
   color:#C2C061;
   }

#main {
  background-color: #504f4f;
}

#header {
  background-image: url("images/header_01.gif");
  background-repeat: no-repeat;
  height:152px;
  width:960px;
}

#header h1 {
  display:none;
}

#home a{
  background-image: url("images/home_01.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#home_01 a{
  background-image: url("images/home_03.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#home a:hover, #home_01 a:hover {
  background-image: url("images/home_02.gif");
  background-repeat: no-repeat;
  height:40px;
}

#home a span, #home_01 a span {
  display:none;
}

#leist_u_preise a{
  background-image: url("images/leist_u_preise_01.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#leist_u_preise_01 a{
  background-image: url("images/leist_u_preise_03.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#leist_u_preise a:hover,  #leist_u_preise_01 a:hover{
  background-image: url("images/leist_u_preise_02.gif");
  background-repeat: no-repeat;
  height:40px;
}

#leist_u_preise a span, #leist_u_preise_01 a span {
  display:none;
}

#oeffnung a{
  background-image: url("images/oeffnungszeiten_01.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#oeffnung_01 a{
  background-image: url("images/oeffnungszeiten_03.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#oeffnung a:hover, #oeffnung_01 a:hover {
  background-image: url("images/oeffnungszeiten_02.gif");
  background-repeat: no-repeat;
  height:40px;
}

#oeffnung a span, #oeffnung_01 a span  {
  display:none;
}

#anfahrt a{
  background-image: url("images/anfahrt_01.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#anfahrt_01 a{
  background-image: url("images/anfahrt_03.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#anfahrt a:hover, #anfahrt_01 a:hover {
  background-image: url("images/anfahrt_02.gif");
  background-repeat: no-repeat;
  height:40px;
}

#anfahrt a span, #anfahrt_01 a span {
  display:none;
}

#kontakt a{
  background-image: url("images/kontakt_01.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#kontakt_01 a{
  background-image: url("images/kontakt_03.gif");
  background-repeat: no-repeat;
  height:40px;
  width:250px;
  display: block;
}

#kontakt a:hover, #kontakt_01 a:hover {
  background-image: url("images/kontakt_02.gif");
  background-repeat: no-repeat;
  height:40px;
}

#kontakt a span, #kontakt_01 a span {
  display:none;
}

#content {
  background-color: #5B5B5B;
  color:#FFFFFF;
  font-family: Arial;
  font-size: 14px;
}

#content span {
 font-size: 26px;
 font-weight: bold;
 color: #7373A8;
}

#content hr {
 color: #9399c3;
}

#gianni_01 {
  width: 200px;
  height: 234px;
  float: right;
  margin-left: 20px;
  margin-bottom: 0px;
}

#gianni_02 {
  width: 202px;
  height: 250px;
  float: right;
  margin-left: 20px;
  margin-bottom: 0px;
}

#hair_junge_01 {
  width: 150px;
  height: 176px;
  float: left;
  margin-right: 20px;
  margin-top: 0px;
}

#hair_01 {
  width: 140px;
  height: 207px;
  float: right;
  margin-left: 20px;
  margin-bottom: 0px;
}

#hair_junge_02 {
  width: 100px;
  height: 143px;
  float: left;
  margin-right: 20px;
  margin-top: 0px;
}

#kamm_schere_01 {
  width: 200px;
  height: 150px;
  float: right;
  margin-left: 20px;
  margin-bottom: 0px;
}

#haar_schnitt {
  width: 200px;
  height: 172px;
  float: right;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
}

#laden_01 {
  width: 300px;
  height: 225px;
  float: right;
  margin-left: 20px;
  margin-bottom: 0px;
}


#footer {
  background-image: url("images/footer_01.gif");
  background-repeat: no-repeat;
  height:40px;
}

#center a {
  color: #FFFFFF;
  }

#center a:link {
  color: #FFFFFF;
  }

#center a:hover {
   color:#9399c3;
   }

#text {
  color: #000000;
  }

/* swfobject */

#player {
   z-index: 50;
   }
/* lightbox */

#lightbox{
        background-color:#eee;
        padding: 5px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightboxDetails{
         font-family: Verdana, san-serif;
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
        }