/* ================================================================================

	CSS www.guapas.ch

================================================================================ */


/* --------------------------------------------------------------------------------
	allg. Definitionen
-------------------------------------------------------------------------------- */
body,td{
	background: #783546 url('../images/bg.png');
	font-size: 0.9em;
	font-family:"Futura", "Lucida Grande", "Trebuchet MS", sans-serif;
	text-align:left;
	margin:0px;
	color: #e6dbdd;
}
a{color: #91c487;}
h1,h2,h3,h4,h5,h6{margin: 0px;}

h1{border-bottom: 0px solid #E2D6D6; font-size:130%; }
h2{border-bottom: 1px solid #E2D6D6; font-size:110%; }


/* --------------------------------------------------------------------------------
	allg. DIVs
-------------------------------------------------------------------------------- */

#content00{
	text-align:center;
}
#content01{
	position:relative;
	margin: 0 auto;
	border:1px solid #000;
	width:1000px;                             /* --- Breite der Webseite --- */
}

/* --- Grafik links --- */
.left{
	position:absolute;
	background: #783546 url('../images/bg.png');
	height:600px;
	width:399px;
	left:0px;
}


/* --- Inhalt --- */
#content{
	position:absolute;
	text-align:left;
	float:left;
	left:422px;
	top:190px;
	width:565px;
	border:0px solid #856;	
}

/* --- Navigation oben --- */
#navi{
	position:absolute;
	background: #fff url('../images/bg_navi.jpg');
	height:112px;
	left:320px;
	width:680px;
	border:0px solid #000;	
}

#navi ul{position: absolute; list-style:none; bottom: 0px; left: 0px; margin: 0px; padding:0px;border: 0px solid #fea;}
#navi li{float: left; padding: 5px 4px 5px 4px; color:#783546; font-weight:bold;border: 0px solid #faa;}
#navi a{text-decoration:none; color:#773546;}
#navi a:hover{color:#d1c1c6 ;}
#navi a.active{text-decoration:none; color:#d1c1c6; }


/* --------------------------------------------------------------------------------
	seitenspezifische DIVs
-------------------------------------------------------------------------------- */

/* --- Grafiken links - zusammen mit der allg. Klasse left (s.o.) --- */
.lstart{background: #783546 url('../images/startseite_rot.jpg');}
.lteam{background: #783546 url('../images/team_rot.jpg');}
.lhaarverl{background: #783546 url('../images/haarverl_rot.jpg');}
.lprodukte{background: #783546 url('../images/produkte_rot.jpg');}
.lsalon{background: #783546 url('../images/salon_rot.jpg');}
.llageplan{background: #783546 url('../images/lageplan_rot.jpg');}
.lkontakt{background: #783546 url('../images/kontakt_rot.jpg');}

/* --------------------------------------------------------------------------------
	Klassen
-------------------------------------------------------------------------------- */

.lead{color:#fff; font-weight:bold;}
img.img2click{padding:0; margin: 0;}

/* --------------------------------------------------------------------------------
	EOF
-------------------------------------------------------------------------------- */