/*
== ==========================================================
== CSS Datei fuer www.amazinghairstyle.de
== ==========================================================
== Company:			Triumvirat IT Solutions
== Author:			Guido Garz
== Homepage:		http://www.triumvirat-it.de
== ----------------------------------------------------------
== Last update:		04.05.2010
== ==========================================================
*/


* {
	margin: 0px;
	padding: 0px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DBD5BD;
}

body { background: #938874 url('images/layout3.jpg') no-repeat; }

/*
== ==========================================================
== LAYOUT
== ==========================================================
*/

#maindiv {
  width: 905px;
  height: 525px;
  margin-top: 40px;
  margin-left: 45px;
  border: 0px solid yellow;
}

#content {
  width: 533px;
  height: 418px;
  padding: 20px;
  float: left;
  /* letter-spacing: 0.7px; */
  border: 0px solid green;
}

#picture{
  width: 330px;
  height: 526px;
  float: left;
  border: 0px solid yellow;
}

#footer {
  width: 936px;
  height: 50px;
  text-align: left;
  border: 0px solid green;
  margin-top: 9px;
  margin-bottom: 50px;
}

#impressum{
 position: absolute;
 left: 958px;
 margin-top: -100px;
 width: 40px;
 height: 103px;
 background: url('images/impressum.png') no-repeat;
}

#onlinebuchung{
 position: absolute;
 left: 374px;
 margin-top: 10px;
 width: 181px;
 height: 45px;
 background: url('images/termine_buchen.jpg') no-repeat;
}


#bewertungen{
 position: absolute;
 left: 600px;
 margin-top: -20px;
 width: 350px;
}

#ecut{
 position: absolute;
 left: 550px;
 margin-top: 10px;
 width: 35px;
 height: 35px;
 background: url('images/ecut_app_logo.png') no-repeat;
}


/*
== ==========================================================
== NAVIGATION
== ==========================================================
*/

ul#navi, ul#navi li { height: 68px; }
ul#navi li { float: left; }

ul#navi {
  list-style: none;
}

ul#navi #salon, ul#navi #salonactive {
  width: 111px;
}

ul#navi #crew, ul#navi #crewactive{
  width: 96px;
}

ul#navi #preise, ul#navi #preiseactive {
  width: 103px;
}

ul#navi #produkte, ul#navi #produkteactive {
  width: 147px;
}

ul#navi #kontakt, ul#navi #kontaktactive  {
  width: 118px;
}

ul#navi a {
  display: block;
  height: 100%;
  text-decoration: none;
  text-indent: -999em;
}

ul#navi #salon { background: url('images/navi_salon.png') no-repeat; }
ul#navi #crew { background: url('images/navi_crew.png') no-repeat; }
ul#navi #preise { background: url('images/navi_preise.png') no-repeat; }
ul#navi #produkte { background: url('images/navi_produkte.png') no-repeat; }
ul#navi #kontakt { background: url('images/navi_kontakt.png') no-repeat; }

ul#navi #salon a:focus, ul#navi #salon a:hover, ul#navi #salon a:active, ul#navi #salon-an {
  background: url('images/navi_salon_hover.png') no-repeat;
}

ul#navi #crew a:focus, ul#navi #crew a:hover, ul#navi #crew a:active, ul#nav #crew-an {
  background: url('images/navi_crew_hover.png') no-repeat;
}

ul#navi #preise a:focus, ul#navi #preise a:hover, ul#navi #preise a:active, ul#nav #preise-an {
  background: url('images/navi_preise_hover.png') no-repeat;
}

ul#navi #produkte a:focus, ul#navi #produkte a:hover, ul#navi #produkte a:active, ul#nav #produkte-an {
  background: url('images/navi_produkte_hover.png') no-repeat;
}

ul#navi #kontakt a:focus, ul#navi #kontakt a:hover, ul#navi #kontakt a:active, ul#nav #kontakt-an {
  background: url('images/navi_kontakt_hover.png') no-repeat;
}

/* Aktiver Menüpunkt!! */
ul#navi #salonactive { background: url('images/navi_salon_hover.png') no-repeat; }
ul#navi #crewactive { background: url('images/navi_crew_hover.png') no-repeat; }
ul#navi #preiseactive { background: url('images/navi_preise_hover.png') no-repeat; }
ul#navi #produkteactive { background: url('images/navi_produkte_hover.png') no-repeat; }
ul#navi #kontaktactive { background: url('images/navi_kontakt_hover.png') no-repeat; }


/*
== ==========================================================
== LINKS
== ==========================================================
*/

a:link, a:active, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

a:hover, #navigation a:hover { text-decoration: underline; }

img, img a { border: 0 none; }

/*
== ==========================================================
== SONSTIGES (Listen, usw.)
== ==========================================================
*/

ul#liste, ul#liste li { padding-left: 13px; }

  .futsch1 {
  	position:absolute;
  	left:-1000px;
  	top:-1000px;
  	width:0px;
  	height:0px;
  	overflow:hidden;
  	display:inline;
  }

  a:hover { text-decoration: underline; }