html {
margin: 0;
padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: "trebuchet ms", "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #99C1E2 url(media/backg.gif) repeat-x;
	}

p 	{
	color: #333;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 0.95em;
	}



a:visited,  a:link
	{
	text-decoration: none;

	font-size: 0.95em;
	color: #333;
	}

a:hover
	{
	text-decoration: none;
	background: #FF6600;

	font-size: 0.95em;
	color: #333;
	}

h1 {
	margin: 0;
	font-family: "trebuchet ms", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px; 
	font-weight: 900;
	line-height: 1.5em;
	font-size: 2.2em;
	}
h2 {
	font-family: "trebuchet ms", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #333;
	line-height: 1.5em;
	padding: 0px 100px 0px 10px;
	font-size: 1.3em;
	letter-spacing: 0px; 
	}

h3 {
	font-family: "trebuchet ms", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -1px; 
	color: #666;
	font-size: 0.9em;
	letter-spacing: 0px; 
	}
li,ul {
		list-style:none;
		}

#inhalt {
	position: absolute;
	margin: 347px 0px 0px 98px;
	width: 690px;
	padding: 0px 10px 0px 10px;
	background: #99C1E2 url(media/bgcont.gif) repeat-y;
	}

#home {
	position: absolute;
	margin: 115px 0 0 98px;
	background: url(media/bgindex.jpg) no-repeat top left;
	height: 232px;
	width: 710px;
	}

#home h1 {
	padding: 130px 400px 0px 20px;
	color: #666;
	}


#preise {
	position: absolute;
	margin: 115px 0 0 98px;
	background: url(media/bgpreise.jpg) no-repeat top left;
	height: 232px;
	width: 710px;
	}

#preise h1 {
	padding: 130px 400px 0px 20px;
	color: #F3DDA8;
	}

#hairextension {
	position: absolute;
	margin: 115px 0 0 98px;
	background: url(media/hairextensionback.gif) no-repeat top left;
	height: 232px;
	width: 710px;
	}

#gbuch {
	position: absolute;
	margin: 115px 0 0 98px;
	background: url(media/bggb.jpg) no-repeat top left;
	height: 232px;
	width: 710px;
	}

#gbuch h1 {
	padding: 130px 400px 0px 20px;
	color: #c60;
	}

#kontakt {
	position: absolute;
	margin: 115px 0 0 98px;
	background: url(media/bgkontakt.jpg) no-repeat top left;
	height: 232px;
	width: 710px;
	}

#kontakt h1 {
	padding: 175px 400px 0px 20px;
	color: #ccc;
	}

.karte_gross {
	background: url(media/karte.gif) no-repeat top left;
	margin: -5px 0 0 -9px;
	height: 200px;
	width: 400px;
	}

#form {
	position: relative;
	padding: 15px 0px 10px 10px;
	width: 385px;
	color: #333;
	float: left;
	}



form p label
	{
	margin: 10px 0px 0px 0px;
	float: left;
	width: 90px;
	color: #333;
	font-weight: bold;
	text-align: right;
	}

form p input, form p textarea
	{
	margin: 10px 0px 0px 0px;
	float: right;
	font-size: 12px;
	color: #333;
	letter-spacing: 1pt; 
	width: 280px;
	}



#preisliste {
	position: relative;
	padding: 5px 0px 0px 0px;
	width: 390px;
	float: left;
	color: #333;
	}

#liste {
	width: 380px;
	padding: 5px;
	margin: 0px 0px 0 10px;
	color: #333;
	}

#liste1 {
	width: 380px;
	padding: 10px 0 0 0;
	font-size: 1.3em;
	color: #333;
	}

#liste2 {
	padding: 5px 0px 0 10px;
	width: 290px;
	border-bottom: 1px dotted #718FB3;
	text-align: left;
	color: #333;
	}

#liste3 {
	padding: 5px 0px 0 0px;
	width: 90px;
	text-align: right;
	color: #333;
	}



#preisliste em {
	margin: 17px 0 0 0px;
	font-size: 0.9em;
	float: right;
	color: #333;
	}

#extension {
	position: relative;
	padding: 5px 0px 0px 0px;
	background: url(media/bghairextension.jpg) no-repeat right top;
	width: 400px;
	float: left;
	}

#extension p {
	color: #333;
	padding: 0px 150px 5px 30px;
	}


#links {
	position: relative;
	padding: 25px 0px 0px 0px;
	background: url(media/bghw.jpg) no-repeat left bottom;
	width: 400px;
	float: left;
	}

#links p {
	color: #333;
	padding: 0px 50px 5px 30px;
	}

#links h3, #links h2 {
	color: #333;
	padding: 0px 5px 5px 5px;
	}

#links_unten p
	{
	color: #333;
	padding: 0px 20px 0px 180px;
	}

#rechts {
	position: relative;
	float: right;
	width: 285px;
	margin: 0px;
	}

#impressum {
	position: relative;
	padding: 5px 0px 0px 0px;
	width: 400px;
	float: left;
	}

#impressum p {
	color: #333;
	padding: 0px 5px 5px 30px;
	}

#impressum h3, #links h2 {
	color: #333;
	padding: 0px 5px 5px 5px;
	}

#teaserextension {
	display: block;
	width: 283px;
	height: 255px;
	margin: 20px 0px 0px 1px;
	background: url(media/bgteaserextension.gif) no-repeat left top;
	}

#teaserextension img {
	position: absolute;
	float: right;
	margin: 94px 0px 0px 135px;
	}



#bonus {
	margin: 5px 0px 0px 1px;
	}

#bonus h3 {
	margin: 10px 0px 0px 10px;
	position: absolute;
	float: left;
	color: #666;

	}

#bonus p {
	position: absolute;
	margin: 35px 200px 0px 10px;
	font-size: 0.8em;
	text-align: right;
	width: 80px;
	}

#bonus img {
	position: absolute;
	float: right;
	margin: 10px 0px 0px 89px;
	}


#pflege {
	margin: 20px 0px 0px 1px;
	}

#pflege_block h3 {
	font-size: 0.85em;
	text-align: right;
	background: #000;
	color: #fff;
	margin: 5px 0px 0px -1px;
	padding: 3px 5px 3px 8px;
	line-height: 1.5em;
	height: 34px;
	width: 215px;
	}

#pflege p {
	margin: 5px 50px 0px 100px;
	line-height: 1.5;
	}

#pflege img {
	margin: 15px 0px -3px 85px;
	}





#adresse {
	position: relative;
	background: url(media/bgpro.gif) no-repeat left top;
	margin: 0px 0px 0px 5px;
	}

#adresse p {
	margin: 8px 20px -10px 10px;
	}

#adresse h3 {
	margin: 3px 0px -10px 10px;
	}
	
.adresse_top {
	position: relative;
	background: url(media/protop.gif) no-repeat top left;
	margin: -7px 0px 0px 0px;
	height: 28px;
	}
	
.adresse_bottom {
	background: url(media/probot.gif) no-repeat bottom left;
	height: 12px;
	}

#adresse span
	{
	position: relative;
	top: -15px;
	left: 150px;
	}

#adresse a:visited,  #adresse  a:link
	{
	text-decoration: none;
	letter-spacing: 1px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	line-height: 1.0;
	}

#adresse a:hover
	{
	text-decoration: none;
	letter-spacing: 1px; 
	background: #FF6600;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	line-height: 1.0;
	}

#schnippschnapp {
	position: absolute;
	z-index: 200;
	margin: 450px 0 0 798px;
	background: url(media/schnippschnapp.gif) no-repeat;
	height: 41px;
	width: 24px;
	}


/******************************* navigation + Logo ****************************/

#logo h1 {
	position: absolute;
	z-index: 2;
	margin: 23px 0 0 64px;
	background: url(media/logo-chicsaal.gif) no-repeat top left;
	text-indent: -9999px;
	height: 137px;
	width: 300px;
	}

#logo a { 
	height: 137px;
	width: 300px;
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navcontainer {
	position: absolute;
	float: left;
	margin: 63px 0 0 98px;
	padding: 0px 0 0 290px;
	width: 420px;
	height: 52px;
	background: url(media/bgnav.gif) no-repeat left top;
	}
	
#nav li {
	float: left;
	list-style-type: none;
	margin: 20px 0 0 10px;
	}

#nav a:link, #nav a:visited {
	float: left;
	font-size: 14px;
	font-family: "trebuchet ms", Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 2.5px; 
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	text-decoration: none;
	color: #fff;
	height: 22px;
	}
	
#nav a:hover {
	padding: 10px 10px 0px 10px;
	float: left;
	background: #FF6600;
	color: #fff;
	}

#nav a:active {
	float: left;
	padding: 10px 10px 0px 10px !important;
	background: #FF6600 !important;
	color: #fff !important;
	}
	
a.tool {
	position: relative;
	z-index: 3;
	}

a.tool:hover {
	z-index: 4;
	}

a.tool span {
	display: none;
	}

a.tool:hover span { 
	display: block;
	position: absolute;
	background: url(media/tool.gif) no-repeat;
	height: 65px;
	top: -71px;
	left: 35px;
	padding: 15px 5px 0 15px;
	text-transform: none;
	letter-spacing: 0px; 
	color: #000;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 95px;
	}
	
/******************************* navigation ende  - beginn bottom ****************************/

#fuss {
	top: 5px;
	left: -10px;
	float: left;
	height: 57px;
	width: 710px;
	position: relative;
	background: #718FB3 url(media/bgfuss.gif) no-repeat top left;
	}
#fuss p 	{
	font-size: 0.8em;
	letter-spacing: 1px; 
	margin: 15px 5px 5px 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ccc;
	line-height: 1.0;
	}

#fuss a:visited,  #fuss  a:link
	{
	text-decoration: none;
	letter-spacing: 1px; 
	margin: 15px 5px 5px 10px;
	font-weight: 300;
	text-transform: uppercase;
	color: #ccc;
	line-height: 1.0;
	}

#fuss a:hover
	{
	text-decoration: none;
	letter-spacing: 1px; 
	margin: 15px 5px 5px 10px;
	background: #FF6600;
	font-weight: 300;
	text-transform: uppercase;
	color: #ccc;
	line-height: 1.0;
	}




/******************************* bottom ende  - beginn gaestebuch ****************************/



div.gb              { margin: 0px 0px 15px 0px; padding: 0px; border-top: 1px solid #718FB3; border-left: 1px solid #718FB3; border-right: 3px solid #718FB3; border-bottom: 3px solid #718FB3;}
div.gb-author       { margin: 0px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #718FB3;}
p.gb-author-left    { margin: 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 0px; padding: 12px 5px 5px 5px; background: #C7DEF0;}
p.gb-admin-buttons  { margin: 15px 0px 0px 0px; text-align: right; }
.caution            { color: #333; font-weight: bold; padding: 0px; font-size: 1.0em;}
img                 { border: 0px; }
#bbcode             { margin: 10px 0px 0px 0px; font-size: 0.9em; line-height:1.5em; color: #333; position: relative; float: left;}
.comment            { margin: 10px 0px 0px 0px; color: #333; font-style: normal; }
p.gb-browse 	{ font-size: 0.9em; letter-spacing: 1px;  margin: 0px 0px 5px 0px; 
padding: 0px; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; text-align: right; }
p.gb-browse a:visited,  p.gb-browse  a:link
{ font-size: 0.9em; text-decoration: none; letter-spacing: 1px;  margin: 0px 0px 5px 0px; padding: 0px; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; }
p.gb-browse a:hover
{ font-size: 0.9em; text-decoration: none; letter-spacing: 1px; margin: 0px 0px 5px 0px; padding: 0px; background: #FF6600; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; }
#small 	{ font-size: 0.8em; letter-spacing: 1px;  margin: 10px 0px 5px 0px; float: right; padding: 3px; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; text-align: right; }
#small a:visited,  #small  a:link
{ text-decoration: none; letter-spacing: 1px;  float: right; margin: 10px 0px 5px 0px;  padding: 3px; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; }
#small a:hover
{ text-decoration: none; letter-spacing: 1px; float: right; margin: 10px 0px 5px 0px; ; padding: 3px; background: #FF6600; font-weight: bold; text-transform: uppercase; color: #333; line-height: 1.0; }