/* Kontaktformular **************** */

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

p.light {
	color: #8F8F8F;
	margin-top: 10px;
}

option.light {
	color: #8F8F8F;
}

label.mandatory {
	font-weight: bold;
}

.error {
	background: #FFA07F;
}

input,
select,
textarea {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

input {
	width: 170px;
}

input.strasse {
	width: 134px;
}

input.hausnr {
	width: 32px;
}

input.plz {
	width: 57px;
}

input.ort {
	width: 109px;
}

#terminvereinbarung {
  width: 280px;
  height: 65px;
}

select {
	width: 170px;
}

textarea {
	width: 280px;
	height: 130px;
}

button {
	background: url(../img/icon_button.gif) 0 3px no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
	border: none;
	cursor: pointer;
}

img#head {
	cursor: pointer;
	position: relative;
		top: -360px;
		left: 180px;
}

* html img#head {
		top: -262px;
}

div#haarprobleme {
	position: absolute;
	   top: 400px;
	   left: 272px;
	width: 386px;
	height: 436px;
	background: white url(img/contact_haarprobleme.gif) 52px 47px no-repeat;
	border: 1px solid #742B25;
	z-index: 1;
	visibility: hidden;
}

* html div#haarprobleme {
	   top: 336px;
	   left: 102px;
}

#kontaktheader {
	background: #742B25;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	padding: 4px 0 5px 9px;
	margin-bottom: 25px;
}

#kontaktheader a {
	color: white;
	text-decoration: none;
	margin-left: 25px;
}

#haarprobleme .bereich {
	height: 93px;
}

#haarprobleme label {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	width: 133px;
	cursor: pointer;
	padding-top: 65px;
	margin-left: 10px;
	float: left;
}

* html #haarprobleme label {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	width: 133px;
	cursor: pointer;
	padding-top: 65px;
	margin-left: 10px;
}

#haarprobleme input {
	width: 15px;
	margin: 65px 0 0 25px;
	float: left;
}

* html #haarprobleme input {
	width: 15px;
	margin-left: 25px;
}