@charset "UTF-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

html { 
  background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	background-color: #312D2C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
  margin: 0;
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;}
  
 



#mantel {
	margin: auto;}

	
	

#mantel #hintergundbild {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -10% top;
	background-image: url(images/hg_bild01.jpg);
	display: block;
	margin: auto;
	
}

#mantel #hintergundbild2 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -20% top;
	background-image: url(images/hg_bild02.jpg);
	display: block;
}
#mantel #hintergundbild3 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -20% top;
	background-image: url(images/hg_bild03.jpg);
	display: block;
}
#mantel #hintergundbild4 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -20% top;
	background-image: url(images/hg_bild04.jpg);
	display: block;
}

#mantel #hintergundbild5 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -20% top;
	background-image: url(images/hg_bild05.jpg);
	display: block;
}


#mantel #hintergundbild6 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: -20% top;
	background-image: url(images/hg_bild06.jpg);
	display: block;
}
#mantel #innenmantel {
	width: 680px;
	position: relative;
	margin: auto;
}
#mantel #innenmantel #head {
	height: 95px;
	margin-top: 5px;
}
#mantel #innenmantel #head #logo {
	height: 47px;
	width: 288px;
	position: absolute;
	top: 23px;
	left: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mantel #innenmantel #buttons {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}


#button a
{
	width:83px; /* entspricht Breite Deiner Grafik */
	height:15px; /* Deine Grafik */
	background-repeat:repeat;
	text-decoration: none;
	float: left;
	margin-right: 16px;
	text-align: center;
	font-size: 10px;
	background-image: url(images/Button.png);
	color: #CCC;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1px;
}

/* CSS für Button im Overzustand */
#button a:hover
{
	width:83px;
	height:12px;
	background-image:url(images/buttonhover02.png);
	background-repeat:repeat;
	text-decoration: none;
	text-align: center;
}  
#mantel #innenmantel #inhalt {
	margin-top: 35px;
	height: 500px;
	width: 640px;
	background-image: url(images/hg.png);
	background-repeat: no-repeat;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
}
#frame {
	background-image: url(images/frame.png);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-bottom-color: #FFF;
	border-left-color: #000;
	height: 335px;
	width: 590px;
	position: absolute;
	top: 270px;
	margin-left: 24px;
}

#frame2 {
	background-image: url(images/hg.png);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-bottom-color: #FFF;
	border-left-color: #000;
	height: 360px;
	width: 650px;
	margin-left: 40px;
	margin-top: 20px;
}
#linkespalte     {
	width: 270px;
	float: left;
	font-size: 13px;
	color: #CCC;
	padding-top: 0px;
	padding-left: 18px;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#rechtespalte     {
	margin-left: 290px;
	width: 270px;
	font-size: 13px;
	color: #CCC;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	padding-left: 10px;
	font-weight: lighter;
}
#headline     {
	padding-top: 35px;
	padding-right: 20px;
	padding-left: 30px;
	font-weight: lighter;
	font-family: Helvetica, sans-serif;
}
#spalte     {
	width: 225px;
	position: absolute;
	right: 65px;
	height: 370px;
	background-image: url(images/spalte.png);
	background-repeat: repeat;
	top: 220px;
	line-height: 19px;
	font-size: 14px;
}
#öffnungszeiten      {
	font-size: 12.5px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #CCC;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 19px;
	line-height: 18px;
}
#unterzeile   {
	clear: left;
	font-size: 11px;
	color: #CCC;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#unterzeile #Impressum a   {
	color: #CCC;
	text-decoration: none;
}
#untere Buttonleiste    {
	margin: 10px;
}
#Impressum    {
	word-spacing: normal;
	line-height: 25px;
	display: inline-block;
	text-indent: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#link_btn       {
	width: 88px;
	height: 17px;
	padding-left: 7px;
	font-size: 10px;
	padding-top: 3px;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(images/BTN_.png);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #CCC;
}
#link_btn a:link {
	color: #CCC;
	text-decoration: none;
	background-image: url(images/BTN_.png);
}


#link_btn a:visited {
	color: #CCC;
	text-decoration: none;
}
#link_btn a:hover     {
	background-image: url(images/BTN_hover.png);
	color: #CCC;
	text-decoration: underline;
}

#link_2btn       {
	width: 88px;
	height: 17px;
	padding-left: 7px;
	font-size: 10px;
	padding-top: 3px;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(images/BTN_.png);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #CCC;
}
#link_2btn  a:link {
	color: #CCC;
	text-decoration: none;
}


#link_2btn  a:visited {
	color: #CCC;
	text-decoration: none;
}
#link_2btn  a:hover     {
	background-image: url(images/BTN_hover.png);
	color: #CCC;
	text-decoration: underline;
}

h6 {
	font-size: 16px;
	color: #891BC5;
	font-weight: lighter;
	padding-bottom: 8px;
	line-height: 19px;
}
h5 {
	font-size: 13px;
	line-height: 18px;
	color: #CCC;
	font-weight: normal;
}
h3 {
	font-weight: lighter;
	font-size: 20px;
	color: #891BC5;
	line-height: 26px;	
}

#send{
	border:1px solid #1a1a1a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
	padding:8px;
	font-size:12px;
	color:#FFF;
	width:100px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-color: #454141;
}

#name{
	background-image:url(images/formular.png);
	color: #FFF;
	height: 25px;
	width: 155px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 3px;
}
#email {
	background-image: url(images/formular.png);
	height: 25px;
	width: 155px;
	color: #FFF;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 3px;
}
#subject {
	background-image: url(images/formular.png);
	height: 25px;
	width: 155px;
	color: #FFF;
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 3px;
}
#message {
	background-image: url(images/message.png);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
#website{
	background-image:url(images/formular.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 155px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 3px;
}
h5 a:link {
	color: #CCC;
	text-decoration: none;
}
#contactform  {
	width: 300px;
	position: absolute;
	top: 170px;
	left: 260px;
}

#danke  {
	width: 300px;
	position: absolute;
	top: 255px;
	left: 260px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	height: 150px;
	padding-left: 22px;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox2 p .lbl {
	color: #CCC;
	font-size: 13.5px;
	font-family: Arial, Helvetica, sans-serif;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox2 {
	color: #CCC;
	font-size: 13.5px;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox1 .lbl {
	color: #CCC;
	font-size: 13.5px;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox3 {
	color: #CCC;
	font-size: 13.5px;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox1 p .lbl {
	font-size: 14px;
	color: #CCC;
}

.contact-form {
	margin-left: 40px;
}
.contact-form input {
	color: #333;
}
#mantel #hintergundbild2 #innenmantel #inhalt #linkespalte p a:link, a:visited {
	color: #CCC;
}
#mantel #hintergundbild2 #innenmantel #inhalt #headline h5 a:link {
	color: #CCC;
}
#scollpanel {
	width: 100%;
	height: 333px;
	overflow: auto;
	padding-top: 10px;
	padding-left: 5px;
}

.horizontal-only
{
	height: auto;
	max-height: 200px;
}
		
#navigation     {
	padding-left: 30px;
	padding-top: 30px;
	font-size: 10px;
	color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #282626;
	padding-bottom: 5px;
}
#preisliste {
	width: 300px;
	float: left;
	font-size: 14px;
	color: #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background-image: url(images/hg_02.png);
	margin-left: 40px;
	height: 400px;
}
#scollpanel #Spalte {
	height: 175px;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 150px;
	font-size: 14px;
	color: #CCC;
}
#scollpanel #Spalte #bild {
	height: 150px;
	width: 300px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#scollpanel #Spalte #preise {
	height: 150px;
	width: 480px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


#scollpanel #Spalte #text {
	margin-left: 320px;
}
#impresum {
	color: #CCC;
	font-size: 13px;
	font-weight: normal;
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 25px;
	line-height: 20px;
}
#zurueck_btn {
	height: 25px;
	width: 100px;
	position: absolute;
	top: 142px;
	left: 529px;
	font-size: 10px;
	color: #CCC;
}
#mantel #hintergundbild3 #innenmantel #inhalt #headline #zurueck_btn a:link {
	color: #CCC;
	text-decoration: none;
}
#mantel #hintergundbild3 #innenmantel #inhalt #headline #zurueck_btn a:hover {
	text-decoration: underline;
}
#termin {
	width: 530px;
	float: left;
	font-size: 14px;
	color: #CCC;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background-image: url(images/frame.png);
	height: 420px;
	padding-left: 30px;
	margin-left: 40px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
#terminanfrage {
	margin-left: 300px;
	position: absolute;
}
#termindaten {
	float: left;
	position: absolute;
}
#datum {
	background-image:url(images/formular.png);
	color: #FFF;
	height: 25px;
	width: 155px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#Uhrzeit {
	background-image:url(images/formular.png);
	color: #FFF;
	height: 25px;
	width: 155px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Telefon {
	background-image:url(images/formular.png);
	color: #FFF;
	height: 25px;
	width: 155px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Friseur {
	background-image:url(images/formular.png);
	color: #FFF;
	height: 25px;
	width: 155px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mantel #hintergundbild3 #innenmantel #inhalt #frame #scollpanel #Spalte #bild a:link {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#mantel #hintergundbild #innenmantel #inhalt #headline #Logo_Flag {
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox1 #formBox3 {
	color: #FFF;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox1 #formBox3 #message {
	color: #CCC;
	display: block;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox3 #message  {
	color: #CCC;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox2 #website {
	color: #CCC;
}
#mantel #hintergundbild3 #innenmantel #inhalt #frame #scollpanel #Spalte #bild a:link {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mantel #hintergundbild3 #innenmantel #unterzeile #Impressum a:link, a:visited {
	color: #CCC;
}
#mantel #hintergundbild3 #innenmantel #unterzeile #Impressum a:hover {
	text-decoration: underline;
}
#mantel #hintergundbild2 #innenmantel #inhalt #contactform form #formBox3 .lbl {
	color: #CCC;
}
#mantel #hintergundbild5 #innenmantel #inhalt #frame #linkespalte .contact-box2 p a #map {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #CCC;
}
#mantel #innenmantel #inhalt #contactform form #formBox1 p .lbl {
	color: #CCC;
	font-size: 14px;
}
#mantel #innenmantel #inhalt #contactform form #formBox1 p {
	color: #CCC;
	font-size: 14px;
}
#mantel #innenmantel #inhalt #frame #scollpanel #impresum p {
	font-size: 13px;
}
#mantel #hintergundbild6 #innenmantel #inhalt #frame #rechtespalte p {
	font-size: 13px;
}
#mantel #innenmantel #inhalt #contactform form #formBox3 .lbl {
	font-size: 13px;
	color: #CCC;
}
#mantel #innenmantel #inhalt #contactform form #formBox2 .lbl {
	font-size: 13px;
	color: #CCC;
}
#mantel #innenmantel #inhalt #contactform form #formBox1 .lbl {
	font-size: 13px;
	color: #CCC;
}
#mantel #innenmantel #inhalt #spalte #öffnungszeiten p {
	font-size: 13px;
}
#mantel #innenmantel #inhalt #spalte #öffnungszeiten table tr td {
	font-size: 13px;
}