@charset "utf-8";
/* www.katjasmassagemobil.de */

/* ------------------------------------ Body ------------------------------------ */

* {
margin: 0;
padding: 0;
}

body {
background: #ecdfc2 url(../images/layout/background.jpg) repeat-x;
font: 0.8em Georgia, "Times New Roman", Times, serif;
color: #5f5b54;
line-height: 1.6em;
}

p {
margin: 0 0 15px 0;
}

/* ------------------------------------ Headline ------------------------------------ */

h1, h2 {
text-indent: -5000px;
}

h3 {
color: #e8525f;
font-size: 1.6em;
font-style: italic;
font-weight: normal;
}

h4 {
color: #9a9184;
font-size: 0.9em;
font-style: italic;
font-weight: normal;
margin-bottom: 15px;
}

h5 {
color: #ea636f;
font-style: italic;
font-size: 1.3em;
font-weight: normal;
padding-left: 35px;
padding-bottom: 15px;
}

h6 {
color: #ea636f;
font-style: italic;
font-size: 1.3em;
font-weight: normal;
text-decoration: underline;
}

/* ------------------------------------ Class ------------------------------------ */

a {
color: #584d3e;
text-decoration: underline;
outline: none;
}

a:hover {
text-decoration: none;
}

ul.liste {
list-style-type: none;
margin-bottom: 15px;
}
					
ul.liste li {
background: url(../images/layout/liste.png) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 10px;
}

.clear {
float: none;
clear: both;
}

.padding_left {
padding-left: 12px;
}

.braun {
color: #584d3e;
}

hr {
height: 1px;
border: 0;
color: #F1E9D4;
background: #F1E9D4;
margin: 20px auto;
border-top: 1px dashed #F0A391;
width: 100% !important;
}

.img {
background: #fbf7eb;
border: 1px dashed #e95a67;
padding: 3px;
margin: 15px 0px 15px 35px;
}

/* ------------------------------------ Container ------------------------------------ */

#container {
background: #ECDFC2;
width: 968px;
margin: 0 auto;
}

/* ------------------------------------ Header ------------------------------------ */

#header {
background: url(../images/layout/header.jpg) no-repeat;
width: 968px;
height: 408px;
}

/* ------------------------------------ Subnavi ------------------------------------ */

#subnavi {
padding: 169px 0 0 732px;
}

	#subnavi ul {
	width: 250px;
	list-style: none;
	}
	
	#subnavi li {
	float: left;
	}
	
	#subnavi a {
	display: block;
	overflow: hidden;
	float: left;
	padding: 0 22px 0 0;
	color: #9a9184;
	text-decoration: none;
	}
	
	#subnavi a:hover, #subnavi a.active {
	color: #ea636f;
	}
	
/* ------------------------------------ Navi ------------------------------------ */

#navi {
width: 277px;
margin: 21px 0 0 357px;
}

#navi ul {
list-style: none;
}

#navi li {
float: left;
}

#navi a {
display: block;
text-indent: -5000px;
outline: none;
overflow: hidden;
width: 277px;
height: 33px;
}

	#navi a.profil {
	background: url(../images/layout/navi/profil.jpg) no-repeat;
	}
	
		#navi a.profil:hover, #navi a.profilActive {
		background: url(../images/layout/navi/profil.jpg) 0 -33px no-repeat;
		}
		
	#navi a.leistungen {
	background: url(../images/layout/navi/leistungen.jpg) no-repeat;
	}
	
		#navi a.leistungen:hover, #navi a.leistungenActive {
		background: url(../images/layout/navi/leistungen.jpg) 0 -33px no-repeat;
		}
		
	#navi a.massage {
	background: url(../images/layout/navi/massage.jpg) no-repeat;
	}
		
		#navi a.massage:hover, #navi a.massageActive {
		background: url(../images/layout/navi/massage.jpg) 0 -33px no-repeat;
		}
		
	#navi a.angebote {
	background: url(../images/layout/navi/angebote.jpg) no-repeat;
	}
	
		#navi a.angebote:hover, #navi a.angeboteActive {
		background: url(../images/layout/navi/angebote.jpg) 0 -33px no-repeat;
		}
		
	#navi a.gutschein {
	background: url(../images/layout/navi/gutschein.jpg) no-repeat;
	}
	
		#navi a.gutschein:hover, #navi a.gutscheinActive {
		background: url(../images/layout/navi/gutschein.jpg) 0 -33px no-repeat;
		}

/* ------------------------------------ Content ------------------------------------ */

#content {
background: url(../images/layout/content.jpg) no-repeat;
width: 968px;
}

#content:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
}

	#headline_startseite {
	background: url(../images/layout/headline/startseite.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_kontakt {
	background: url(../images/layout/headline/kontakt.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_danke {
	background: url(../images/layout/headline/danke.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_impressum {
	background: url(../images/layout/headline/impressum.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_leistungen {
	background: url(../images/layout/headline/leistungen.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_massage {
	background: url(../images/layout/headline/massage.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_angebote {
	background: url(../images/layout/headline/angebote.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_gutschein {
	background: url(../images/layout/headline/gutschein.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}
	
	#headline_profil {
	background: url(../images/layout/headline/profil.jpg) no-repeat;
	width: 397px;
	height: 50px;
	margin: 0 0 0 158px;
	}

		#spalte_left {
		width: 280px;
		float: left;
		margin: 40px 0 0 100px;
		}
		
		#spalte_right {
		width: 280px;
		float: left;
		margin: 40px 0 0 45px;
		}
		
		#spalte_kontaktformular {
		width: 560px;
		float: left;
		margin: -60px 0 0 80px;
		}
		
		#spalte_adresse {
		width: 230px;
		float: left;
		margin: 45px 0 0 30px;
		color: #908b80;
		}
		
/* ------------------------------------ Footer ------------------------------------ */

#footer_kachel {
background: url(../images/layout/footer_kachel.jpg) repeat-x;
width: 100%;
height: 201px;
margin: 0 auto;
}

#footer {
background: url(../images/layout/footer.jpg) no-repeat;
width: 968px;
height: 201px;
margin: 0 auto;
}

	#footer .seitenanfang {
	background: url(../images/layout/seitenanfang.jpg) no-repeat;
	width: 241px;
	height: 65px;
	border: none;
	display: block;
	text-indent: -5000px;
	float: right;
	cursor: pointer;
	}
	
/* ------------------------------------ Tabellen ------------------------------------ */

table {
border: 1px solid #ccc6ba;
border-collapse: collapse;
width: 260px;
}

table thead tr {
background: #efdbcb;
}

table ul {
margin: 0 !important;
} 

table ul li {
border: none !important;
}

table th {
border: 1px solid #ccc6ba;
color: #5f5b54;
font-size: 1.1em;
font-weight: normal;
text-align: left;
white-space: nowrap;
}

table th, table td {
border: 1px solid #ccc6ba;
padding: 5px 4px;
vertical-align: top;
}

table tr.alternate {
background: none;
}

table tr {
background: none;
}



div#rabatt {
width:228px;
height:111px;
background:url(../images/layout/rabattaktion.jpg) no-repeat;
margin:-20px 0 0 0 ;
padding:0;
text-indent:-100000px;
}