/*css für haarsalon.ch

	farbdefinitionen
	background #e2c99a
	
	*/

html, body 
	{
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
	width: 100%;
	margin:0px;
	padding:0px;	
	overflow:hidden;
	background-color:#e2c99a;
	}


/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv
	{ 
	position: absolute;
 	top: 0;
 	left: 0;
  	z-index: 2;
  	overflow: auto;
  	width: 100%;
 	height: 100%;
	}
	
div#inhalt
	{
	position:absolute;
	width:480px;
	height:640px;
	top: 50%;
	left: 50%;
	margin-top:-320px;
	margin-left:-250px;
	background-color:#ffffff;
	}
	
/* Banner */	
#banner{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99;
	display: table;
	font-family: arial, sans-serif;
	transition: 1s;
}

#banner label{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#banner .middle{display: table-cell; vertical-align: middle; text-align: center;}
#banner p{background: white;padding: 20px;display: inline-block;}

#sideBanner{
	position: relative;
	width: 330px;
	padding: 10px 110px;
	left: -120px; top: 80px;
	text-align: center;
	font-family: arial, sans-serif;
	background: white;
	transform: rotateZ(-40deg);	transform-origin: center;
	opacity: 0;
	transition: 1s;
	transition-delay: 0.5s;
	z-index: 99;
}

#hideBanner{display: none;}

#hideBanner:checked ~ #banner{opacity: 0; pointer-events: none;}
#hideBanner:checked ~ #sideBanner{opacity: 1;}