/* - - - - - - - - - - - - - - - - - - - - -

Title : Team Freihofer
Author : tuscany.ch
URL : 

Created : 28.12.2006
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {}	
html {}	
body {
  font: 68.5%/1.47 verdana, arial, sans-serif;
  background: #fff;
}



/* ----- IDS ----- */

#angebote {
  background: #fff url('images/angebote.png') repeat-y;
}

#pureology {
  background: #fff url('images/pureology.png') repeat-y;
}


#banner {
  position: relative;
  width: 100%;
  height:147px;
  background: #fff;
  border-bottom: 1px solid black;
}
img#bannerFoto1 {
  float: left;
  margin-right: -1px;
  border-right: 1px solid black;
}
img#bannerFoto2 {
  float: left;
}
img#bannerFoto3 {
  float: left;
  border-left: 1px solid black;
}
#banner img#bannerFoto1 {
  margin: 0;
}
#content {
  float: right;
  width: 517px;
}	
#footer {
  position: relative;
  clear: both;
  height: 45px;
  border-top: 1px solid black;
  background: #fff;
}
#frisuren {
  background: #fff url('images/frisuren.png') repeat-y;
}
#header {
  height: 60px;
  border-bottom: 1px solid black;
  background: #fff url('images/haar.png') right no-repeat;
}
#header img {
  position: absolute;
  top: 0;
  left: 267px;
  border-left: 1px solid black;
}
#jobs {
  background: #fff url('images/jobs.png') repeat-y;
}
#kontakt {
  background: #fff url('images/kontakt.png') repeat-y;
}
#main {
  min-height: 550px;

}
#sidebar {
  width: 267px;
  float: left;
  color: #2f1600;
  padding-bottom:10px;
}	
#sidebar p {
  margin: 0;
  margin-bottom: 10px;
}
#sidebar a {
  color: #021d55;
  font-weight: bold;
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#sidebar img {
  margin-bottom: 20px;
}
#sidebar img#bannerFoto1 {
  border-left: none;
  border-bottom: 1px solid black;
}
img#slogan {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 785px;
  height: 40px;
  border: none;
}
#stage {
  padding: 20px;
  border-bottom: 1px solid black;
  background: #b8af90;
  
}
#stage #flashcontent {
  width: 320px;
  margin:0 auto;
  color: black;
  min-height: 240px;
  border: 1px solid black;
}
#terminplanung, #danke {
  background: #e6edf7 url('images/termine.png') repeat-y;
}
#team {
  background: #fff url('images/team.png') repeat-y;
}
#team #content {
  background: #ede6de;
  border-bottom: 1px solid black;
}
#teamMembers a {
  color: black;
  text-decoration: none;
}
#teamMembers a:hover {
  color: black;
  text-decoration: underline;
}
#teamMemberThumbs {
  clear:right;
  float: right;
  margin: 40px 10px 0 0;
  width: 460px;
}
#teamMemberThumbs .thumbnail {
 margin: 15px;
 float: left;
}

#frisurenGalerie, #galerie {
  width: 517px;
  height: 380px;
  overflow: hidden;
  border-bottom: 1px solid black;
}
#galerie {
  width: 517px;
  height: 346px;
  overflow: hidden;
  border-bottom: 1px solid black;
}


/* ----- CLASSES ----- */

.article {
  margin: 25px 40px;
}
.container {
  position: relative;
  width: 785px;
  margin: 30px auto;
  border: 1px solid black;
  background: #fff url('images/background.png') repeat-y;
}
.clearboth {
  clear: both;
}
.clearright {
  clear: right;
}
.clearleft {
  clear: left;
}
.imageElement {
  text-align: center;
}
.news {
  margin: 25px 20px 0 20px;
}
div.team h2 {
  padding: 10px;
  color: #fff;
}
div.team blockquote{
  margin: 10px;
  color: #fff;
}



/* ----- HEADINGS ----- */

h1 {}
h2 {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0;
}
h3 {}
h4 {}

h1#logo {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  text-indent: -10000px;
}
h1#logo a {
  display: block;
  height: 60px;
  width: 267px;
  background: url('images/logo.png') no-repeat;
}
#sidebar h2 {
  margin: 0;
}

/* ----- PARAGRAPHS ----- */

p {}



/* ----- LISTS ----- */

ul {
  margin: 0;
  padding: 0;  
}
li {
  margin: 0;
  padding: 0;  
}
#content ul { 
  list-style: square;
}
#footer ul {
  list-style: none;
  font-size: 1em;
  color: black;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#footer li {
  display: inline;
}
#footer li a {
  text-decoration: none;
  color: black;
}
#footer li a:hover {
  text-decoration: none;
  color: #a18971;
}
#footer li a.active {
  color: #a18971;
}

.article ul {
  list-style: square;
  padding-left: 18px;
}
.article li {
  margin: 2px 0;
}

/* ----- Color Coding for Navigation Points ----- */
#footer li#navTeam a.active, #footer li#navTeam a:hover {color: #717e34;}
#footer li#navTerminplanung a.active, #footer li#navTerminplanung a:hover {color: #389fc2;}

ul#navigation {
  position: absolute;
  left: 40px;
  bottom: 13px;
}
#navigation li {
  margin-right: 7px;
}
ul#subnav {
  position: absolute;
  right: 40px;
  bottom: 13px;
}
#subnav li {
  margin-left: 10px;
}




/* ----- IMAGES ----- */

img {}
a img {
  border: none;
}
img a:hover {}



/* ----- BREAK ----- */

hr {}

/* ----- TEXT FORMATTING ----- */

strong {}
em {}
b {}
i {}



/* ----- LINKS ----- */

a {
  color: #021d55;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited, a:active, a:focus {}
a:visited {}
a:active { }
a:focus { -moz-outline-style:none; outline-style: none; }

p a {}
cite a {}
li a {}
dt a {}
dd a {}


/* ----- TABLES ----- */

table {}
caption {}
thead {}
tbody {}
tfoot {}
tr {}
tr .alt {}
th {}
td {}



/* ----- FORMS ----- */

#formDiv {padding-bottom: 1px;}
#formDiv p {
  margin: 8px 0;
}
#kontaktInfo h2 {
  margin: 5px 0 25px 0;
}
#kontaktInfo {
  float: left;
  width: 232px;
  margin:7px 12px;
}
#terminInfo {
  float: right;
  width: 480px;
  margin: 1px 5px;
}  
#terminInfo td {
  padding: 4px 0 4px 0;
}
#terminInfo td.label {
  width: 160px;
}
#terminInfo h2 {margin: 7px 0 16px 0;}
#terminInfo h2 span {font-weight: normal;}

form {  }
fieldset {
  border:none;

}
legend {}
#kontaktInfo label {
  display: block;
  margin-top: 3px;
  width: 6em;
  float: left;
}
td.sonstiges {vertical-align: top;}
td.sonstiges label {
  width: 100px;
}
#kontaktInfo p#checkbox {position: absolute; bottom: 80px; left: 30px;}
#kontaktInfo p#required {position: absolute; bottom: 50px; left: 30px;}
#kontaktInfo .checkbox input {width:auto;}
#kontaktInfo .checkbox label {
  display: inline;
  width:10em;
  text-align: left;
  float: none;
}


#kontaktInfo input {width: 12em;}
input.datum {width: 8em;}
input.uhrzeit {width: 6em;}

textarea {
  width: 300px;
  height: 100px;
}
input, textarea {}
select {}
optgroup {}
option {}



/* ----- Price LIst ----- */
/* #price #main { height: 550px; overflow: hidden; } */

#price { background: white url('images/preisliste.jpg') 0 61px no-repeat; }

#price table {width: 100%; margin-bottom: 8px;}
#price h2 {margin-bottom: 0; margin-top: 0;}
#price th { font-style: italic; text-align: left; font-weight: normal; color: #004183; padding-top: 8px;}
#price td, #price th {padding-right: 10px; vertical-align: top;}
#price #sidebar ul { list-style: none; position: absolute; left: 20px; top: 234px; }
#price #sidebar a { color: white; }

table { font: 1em/1.4 verdana, arial, sans-serif; }

.ghd #sidebar a {
	color: #f8eab8;
}