/* ============================================================
   Coiffeur Salon Belle - Stylesheet
   erstellt mit Microsoft FrontPage Express 2.0
   (c) 2000 - optimiert fuer Netscape Navigator 4.0, 800x600
   ============================================================ */

body {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-size: 13px;
	color: #660066;
	margin: 8px;
}

a        { color: #0000ff; }
a:hover  { color: #ff0000; }
img      { border: 0; }

/* the whole page sits in one big centred table with a loud border */
table.frame {
	border: 4px ridge #cc0099;
}

.hdr { border-bottom: 3px solid #ff66cc; }

.main {
	padding: 14px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
.side {
	padding: 12px 6px;
	background: #ffe6fb;
	border-left: 2px dotted #cc99cc;
}

.ft { padding: 12px; line-height: 1.6; }

/* headings - loud and centred, the 90s way */
h1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
	color: #cc0099;
	text-align: center;
	margin: 4px 0 12px 0;
}
h2 {
	font-family: "Comic Sans MS", cursive;
	font-size: 17px;
	color: #9900cc;
	margin: 16px 0 6px 0;
	border-bottom: 2px dashed #ff66cc;
}

p  { margin: 0 0 11px 0; }
ul { margin: 6px 0 12px 22px; }
li { margin: 4px 0; }

hr { height: 2px; border: 0; }

/* garish 3D-ish buttons */
.btn {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
	color: #660066;
	background: #ffff66;
	border: 3px outset #ffcc00;
	padding: 3px 10px;
	cursor: pointer;
}

/* price / info tables */
table.preise { margin: 8px 0; }
table.preise td { font-family: Arial, sans-serif; font-size: 13px; }

/* the <blink> tag is dead in modern browsers - keep it blinking anyway */
blink, .blink {
	animation: belle-blink 1s steps(1) infinite;
}
@keyframes belle-blink {
	50% { visibility: hidden; }
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: 2px inset #cc99cc;
	background: #ffffff;
}