@charset "utf-8";
/* CSS Document */

* {
	margin:0; padding:0;
	font-family: 'Coming Soon', arial, serif; line-height:19px;
}
#container {
	background:url(img/bg.png) no-repeat right center; 
	width: 950px; 
	height:700px;
	position: absolute; left:50%; top:20px;
	margin-left: -475px;
}
#container.umfrage
{
	background:url(img/bg_umfrage.jpg) no-repeat right center; 
}

h1 {display:none;}

#menu { 
	position:absolute;
	bottom: 15px;
	list-style:none;
}
#menu li span {display: none;}
#menu li a {display: block;}

#btn_salon a{background: url(img/btn_salon.png) no-repeat; height:40px; width:77px;}
#btn_salon a:hover {background: url(img/btn_salon_h.png) no-repeat;}
#btn_salon:active {background: url(img/btn_salon_a.png) no-repeat;}

#btn_leistungen a{background: url(img/btn_haartrends.png) no-repeat; height:40px; width:158px;}
#btn_leistungen a:hover {background: url(img/btn_haartrends_h.png) no-repeat;}
#btn_leistungen.active {background: url(img/btn_haartrends_a.png) no-repeat;}

#btn_team a{background: url(img/btn_team.png) no-repeat; height:40px; width:81px;}
#btn_team a:hover {background: url(img/btn_team_h.png) no-repeat;}
#btn_team.active {background: url(img/btn_team_a.png) no-repeat;}

#btn_karriere a{background: url(img/btn_karriere.png) no-repeat; height:40px; width:120px;}
#btn_karriere a:hover {background: url(img/btn_karriere_h.png) no-repeat;}
#btn_karriere.active {background: url(img/btn_karriere_a.png) no-repeat;}

#btn_haare a{background: url(img/btn_haare.png) no-repeat; height:40px; width:236px;}
#btn_haare a:hover {background: url(img/btn_haare_h.png) no-repeat;}
#btn_haare.active {background: url(img/btn_haare_a.png) no-repeat;}

#btn_kontakt a{background: url(img/btn_kontakt.png) no-repeat; height:40px; width:111px;}
#btn_kontakt a:hover {background: url(img/btn_kontakt_h.png) no-repeat;}
#btn_kontakt.active {background: url(img/btn_kontakt_a.png) no-repeat;}

#btn_umfrage {position:relative; left: 7px; display: none;}
#btn_umfrage a{background: url(img/btn_umfrage.png) no-repeat; height:40px; width:109px;}
#btn_umfrage a:hover {background: url(img/btn_umfrage_h.png) no-repeat;}
#btn_umfrage.active {background: url(img/btn_umfrage_a.png) no-repeat;}

#btn_pano a{background: url(img/btn_pano.png) no-repeat; height:40px; width:200px;}
#btn_pano a:hover {background: url(img/btn_pano_h.png) no-repeat;}
#btn_pano.active {background: url(img/btn_pano_a.png) no-repeat;}

#btn_test a{background: url(img/btn_js.png) no-repeat; height:40px; width:186px;}

#toflash {
	position:absolute; top: 5px; right: 30px;
	display:block;
	text-align:right;
	width: 900px;
	color: black;
	font-size: 0.8em;
	text-decoration:none;
}
#toflash:hover{ color: #999;}

#closing{
	display:block;
	text-align:center;
	color: white;
	font-size: 0.8em;
	margin: 20px;
}

#font
{
	background:url(img/font_bg.png) no-repeat;
	width: 656px;
	height:456px;
	position:absolute; bottom:11px; right:53px;	
}
#font.umfrage
{
	right: 147px;
	background: none;
}
#font h1, #font p{
	margin: 25px 0 0 25px;
	color: #fff;
	font-family: 'Coming Soon', arial, serif; line-height:19px;
}
#font h2, #font p{
	margin: 25px 0 0 25px;
	color: #fff;
	font-family: 'Coming Soon', arial, serif; line-height:19px;
}
#font p.zweispalter
{
	margin: 10px 5px 10px 25px;
	font-size: 13px;
	width: 280px;
	float:left;
	position:relative;
}
#font p img { cursor: pointer; }
#font p.zweispalter img
{
	display:block;
	position:absolute;
	left: 45px;
}
#font p.zweispalter img.top { top: 7px; }
#font p.zweispalter img.bot { bottom: 7px; }

#font div.col {float:left; width: 210px;}
#font div.leistung { width:430px; }
#font div.col img { margin: 5px 15px; }
#font ul.frisursubmenu 
{
	position:absolute;
	bottom: 25px;
	left: -5px;
}#font ul.frisursubmenu1
{
	position:absolute;
	bottom: 25px;
	left: 280px;
}
#font p.leistungen
{
	width: 400px;
}
#font ul {
	color:#fff;
	list-style-type:square;
	margin:25px 25px 25px 50px;
}
#font ul.kontaktdaten{
	list-style-type:none;
	text-align:right;
	width: 300px;
	margin: 25px;
}
#font ul.kontaktdaten li 
{
	font-family: 'Coming Soon', arial, serif;  line-height:19px;
}
#font p.kontakt 
{
	position:absolute; bottom: 50px;
}
#font a {color:#fff; text-decoration:none;}
#font ul li { margin-bottom:10px;}
#font #map{
	height:380px;
	width:250px;
	position:absolute; top: 25px; right:25px;
}

#vorhernachher {position:absolute; right:25px; top: -1px;}
#vorher {position:relative; top: 120px; font-weight:bold; font-size: 24px;}
#nachher {position:relative; top: 25px; font-weight:bold; font-size: 24px;}

img.panorama 
{
	clear:both;
	margin: 5px 25px;
}
#test {
	padding:20px;
	background-color:#fff;
}

#fb {
	position: absolute;
	left: 580px;
	bottom: 2px;
	float: left;
}

#gp {
	position: absolute;
	left: 680px;
	bottom: 2px;
	float: left;
}

#gp1 {
	position: absolute;
	left: 820px;
	bottom: 5px;
	float: left;
}

.footer {
	width:100%;
    position:fixed;
    bottom:0px;
	background:url(img/bg_footer_20.png) repeat-x;
	background-position: 10px 51px;
	height:175px;
}

.footer2 {
	width:990px;
	position:relative;
	margin:0px auto;
	padding:0 0 0 0;
}