@charset "utf-8";
/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, span, a, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px "Trebuchet MS", Arial, Tahoma, Verdana;
	color:#fff;
	text-decoration: none;
	list-style-type: none;
	border:none;
	line-height:20px;
}
body, html {
	background:#000 url(../images/logo-bg.jpg) no-repeat;
	min-height:100%;
	margin:auto;

}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear {
	clear:both;
	float:none;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 950px;
	position:relative;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width:950px;
	height:213px;
	margin:auto;
	float:left;
	background:url(../images/bg-header.jpg) no-repeat;
}
h1#branding {
	display:block;
	width:195px;
	height:125px;
	float:left;
}
h1#branding a {
	display:block;
	width:195px;
	height:125px;
	margin: 72px 0 0 65px;
	text-indent:-5000px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-ADD-----------------------------------------------
---------------------------------------------------------------------------------------*/
ul#navi-add {
	position:relative;
	float:left;
	left: 485px;
	_left: 420px;
	top: 21px;
	width: 290px;
}
ul#navi-add a {
	color:#ee761f;
	font-size:11px;
}
ul#navi-add a:hover {
	color:#ee761f;
	text-decoration:underline;
}
ul#navi-add li {
	float:left;
	list-style-type:none;
	padding-right:15px;
}
ul#navi-add a.active {
	color:#ed9d63;
}
/*---------------------------------------------------------------------------------------
--------------------------------------content-container-------------------------------------
---------------------------------------------------------------------------------------*/

#content-container {
	width:950px;
	float:left;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
---------------------------------------NAVI--------------------------------------
---------------------------------------------------------------------------------------*/

ul#navi-left {

	width:241px;
	height:135px;
	margin:58px 0 0 288px;
	_margin:58px 0 0 223px;
	background:url(../images/navi-left.jpg);
	float:left;
}
ul#navi-left li {
	list-style: none;
	display: inline;
	float:left;
}
ul#navi-left li a {
	display:block;
	text-indent:-49999px;
	outline:none;
}
a#n1 {
	width:241px;
	height:34px;
	top:0px;
	left:0px;
}
a#n1:hover {
	background:url(../images/go.jpg) no-repeat;
}
a#n2 {
	width:241px;
	height:34px;
	top:0px;
	left:0px;
}
a#n2:hover {
	background:url(../images/beratung.jpg) no-repeat;
}
a#n3 {
	width:241px;
	height:34px;
	top:0px;
	left:0px;
}
a#n3:hover {
	background:url(../images/infopoint.jpg) no-repeat;
}
a#n4 {
	width:241px;
	height:33px;
	top:0px;
	left:0px;
}
a#n4:hover {
	background:url(../images/work.jpg) no-repeat;
}
ul#navi-right {
width:226px;
	height:135px;
	margin:58px 0 0 0;
	background:url(../images/navi-right.jpg);
	float:left;
}
ul#navi-right li {
	list-style: none;
	display: inline;
	float:left;
}
ul#navi-right li a {
	display:block;
	text-indent:-49999px;
	outline:none;
}
a#n5 {
	width:226px;
	height:34px;
	top:0px;
	left:0px;
}
a#n5:hover {
	background:url(../images/schnitt.jpg) no-repeat;
}
a#n6 {
	width:226px;
	height:34px;
	top:0px;
	left:0px;
}
a#n6:hover {
	background:url(../images/coloration.jpg) no-repeat;
}
a#n7 {
	width:226px;
	height:34px;
	top:0px;
	left:0px;
}
a#n7:hover {
	background:url(../images/pflege.jpg) no-repeat;
}
a#n8 {
	width:226px;
	height:33px;
	top:0px;
	left:0px;
}
a#n8:hover {
	background:url(../images/festfrisuren.jpg) no-repeat;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-container {
	width: 950px;
	overflow: hidden;
	min-height:100%;
}
#content-main {
	width:950px;
	float:left;
	min-height:100%;
}
#content-sidebar {
	width:255px;
	height:500px;
	float:left;
	background:url(../images/sidebar.jpg) no-repeat;
}
#content-sidebar #kontakt {
	text-align:right;
	padding:90px 50px 0 0;
}
#content-sidebar #oeffnungszeiten ul {
	text-align:right;
	padding:10px 50px 0 0;
}
#content-sidebar #gutschein p {
	text-align:right;
	padding:25px 50px 0 0;
}
#partner {
	width:695px;
	height:239px;
	float:left;
	background:url(../images/partner.jpg) no-repeat;
}
#ghd a{
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin: 104px 0 0 380px;
	text-indent:-5000px;}
	
#tigi a{
	display:block;
	width:160px;
	height:100px;
	float:left;
	margin: 104px 0 0 0;
	text-indent:-5000px;}
	
h2 {
	width:695px;
	height:69px;
	float:left;
	text-indent:-5000px;
}
h3 {
	color:#ee761f;
	font-weight:bold;
}
h4.kontakt{
	text-indent:-5000px;}
h4.oeffnungszeiten	{
	text-indent:-5000px;}
h4.gutschein	{
	text-indent:-5000px;}

h2.startseite {
	background:url(../images/h2-willkomen.jpg);
}
h2.beratung {
	background:url(../images/h2-beratung.jpg);
}
h2.infopoint {
	background:url(../images/h2-infopoint.jpg);
}
h2.work {
	background:url(../images/h2-work.jpg);
}
h2.schnitt {
	background:url(../images/h2-schnitt.jpg);
}
h2.coloration {
	background:url(../images/h2-coloration.jpg);
}
h2.pflege {
	background:url(../images/h2-pflege.jpg);
}
h2.festfrisuren {
	background:url(../images/h2-festfrisuren.jpg);
}
h2.kontakt {
	background:url(../images/h2-kontakt.jpg);
}
h2.impressum {
	background:url(../images/h2-impressum.jpg);
}
h2.error {
	background:url(../images/h2-error.jpg);
}
h2.anfahrt {
	background:url(../images/h2-anfahrt.jpg);
}
h2.danke {
	background:url(../images/h2-danke.jpg);
}
h2.newsletter {
	background:url(../images/h2-newsletter.jpg);
}

#column {
	width:695px;
	float:left;
	padding-bottom:35px;
	min-height:100%;
	overflow: hidden;

}
#content{
	width:690px;
	float:left;
	padding:15px 0 0 95px;
	}
#column1{
	width:285px;
	float:left;
	padding:15px 0 0 95px;
	}

#column2{
	width:285px;
	float:left;
	padding:15px 0 0 30px;
}
#column img {	
	border-top:5px solid #ee761f;
	margin:10px 0 10px 0;
}

#column ul {
	margin: 0;
	padding-left:15px;
}
#column li {
	margin: 0;
	padding-left: 10px;
	list-style-type:square;
}


/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	/*	text-decoration: underline;*/
	color: #ee761f;
	outline: none;
}
a:hover, a:hover span, a:active, a:active span {
	text-decoration:underline;
	color:#ee761f;
}
a[href$=".pdf"] {
width:46px;
height:22px;
 padding: 4px 0 0px 55px;
 background: url(../images/pdf.gif) no-repeat 0 50%;
 border-bottom: none;
 display:block;