/* Author: Rene Maas */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Rene Maas & Euroweb Internet GmbH */

/*----------------------------------------------------*/
/*-------------------| =reset_all |-------------------*/
/*----------------------------------------------------*/

html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend, div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	behavior: url(iepngfix.htc);
}
a {
	cursor:pointer;
	color:#FF9900;
}
a:hover, a:focus { text-decoration:underline; }
/* remember to define focus styles! */
:focus { outline: 0; }
h4 {
	color:#f28300;
	margin: 25px 0 0 0;
}
h5 {
	color:#FFFFFF;
	font-weight:bold;
	margin: 25px 0 0 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*----------------------------------------------------*/
/*------------------| =global tags |------------------*/
/*----------------------------------------------------*/

body {
	background:url(../images/body.jpg) #000 bottom center no-repeat !important;
	height:100%;
}
#slideshow, #slideshow-images {
	width:418px;
	height:182px;
	overflow:hidden;
	background:url(../images/slideshow/001.jpg) no-repeat;
}
#slideshow-images img { position: absolute; }
#slideshow { margin-bottom:10px; }
/*----------------------------------------------------*/
/*------------------| =header tags |------------------*/
/*----------------------------------------------------*/

#header-container {
	background:#EE7000 url(../images/header-container.jpg) no-repeat scroll center 0px !important;
float:left;
height:123px !important;
position:relative;
width:100%;
}
#header {
	position:relative;
	width:788px;
	height:123px;
	margin:0 auto;
}
#header h1#branding a {
	display:block;
	width:265px;
	height:123px;
	text-indent:-99999px;
}
#header2-container {
	background:#000000 url(../images/header2-container.jpg) no-repeat scroll center -2px !important;
float:left;
height:126px !important;
position:relative;
width:100%;
}
#header2 {
	position:relative;
	width:788px;
	height:124px;
	margin:0 auto;
}
#header2 p {
	color:#fa9300;
	font-size:16px;
	position:absolute;
	left:15px;
	top:20px;
}
#header2 ul {
	position:absolute;
	left:135px;
	top:20px;
}
#header2 ul li {
	float:left;
	margin-right:15px;
	color:#FFF;
	font-size:14px;
	list-style:none;
}
#navi-container {
	background:#000000 url(../images/navi-container.jpg) no-repeat scroll center 0;
	float:left;
	height:127px;
	position:relative;
	width:100%;
}
#navi {
	position:relative;
	width:788px;
	margin:0 auto;
}
#navi ul li {
	float:left;
	list-style:none;
}
a.n1 {
	display:block;
	width:137px;
	height:60px;
	background:url(../images/li-startseite.png) no-repeat;
	text-indent:-99999px;
}
a.n1:hover { background:url(../images/li-hover-startseite.png) no-repeat; }
a.n2 {
	display:block;
	width:173px;
	height:60px;
	background:url(../images/li-team.png) no-repeat;
	text-indent:-99999px;
}
a.n2:hover { background:url(../images/li-hover-team.png) no-repeat; }
a.n3 {
	display:block;
	width:153px;
	height:60px;
	background:url(../images/li-frisuren.png) no-repeat;
	text-indent:-99999px;
}
a.n3:hover { background:url(../images/li-hover-frisuren.png) no-repeat; }
a.n4 {
	display:block;
	width:177px;
	height:60px;
	background:url(../images/li-preise.png) no-repeat;
	text-indent:-99999px;
}
a.n4:hover { background:url(../images/li-hover-preise.png) no-repeat; }
a.n5 {
	display:block;
	width:148px;
	height:60px;
	background:url(../images/li-gaestebuch.png) no-repeat;
	text-indent:-99999px;
}
a.n5:hover { background:url(../images/li-hover-gaestebuch.png) no-repeat; }
a.n6 {
	display:block;
	width:137px;
	height:60px;
	background:url(../images/li-leistungen.png) no-repeat;
	text-indent:-99999px;
}
a.n6:hover { background:url(../images/li-hover-leistungen.png) no-repeat; }
a.n7 {
	display:block;
	width:173px;
	height:60px;
	background:url(../images/li-salon.png) no-repeat;
	text-indent:-99999px;
}
a.n7:hover { background:url(../images/li-hover-salon.png) no-repeat; }
a.n8 {
	display:block;
	width:153px;
	height:60px;
	background:url(../images/li-looks.png) no-repeat;
	text-indent:-99999px;
}
a.n8:hover { background:url(../images/li-hover-looks.png) no-repeat; }
a.n9 {
	display:block;
	width:177px;
	height:60px;
	background:url(../images/li-aktuelles.png) no-repeat;
	text-indent:-99999px;
}
a.n9:hover { background:url(../images/li-hover-aktuelles.png) no-repeat; }
a.n10 {
	display:block;
	width:148px;
	height:60px;
	background:url(../images/li-newsletter.png) no-repeat;
	text-indent:-99999px;
}
a.n10:hover { background:url(../images/li-hover-newsletter.png) no-repeat; }
/*-------------------------------*/
/*----------- Content------------*/
/*-------------------------------*/

#content-container {
	width:788px;
	position:relative;
	margin:0 auto;
	min-height:100%;
}
*html #content-container { height:100%; }
#content-main {
	float:left;
	width:438px;
	background:url(../images/bg.png) repeat;
	padding:23px;
	margin:30px auto;
}
*html #content-main { background:#000; }
#content-main h1 {
	height:50px;
	width:100%;
	text-indent:-99000em;
}
#content-main h1.startseite {
	background:url(../images/h1/startseite.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.team {
	background:url(../images/h1/team.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.wir-ueber-uns {
	background:url(../images/h1/ueberuns.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.looks {
	background:url(../images/h1/looks.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.frisuren {
	background:url(../images/h1/frisuren.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.salon {
	background:url(../images/h1/salon.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.gaestebuch {
	background:url(../images/h1/startseite.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.impressum {
	background:url(../images/h1/impressum.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.aktuelles {
	background:url(../images/h1/aktuelles.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.kontakt {
	background:url(../images/h1/kontakt.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.anfahrt {
	background:url(../images/h1/anfahrt.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.newsletter {
	background:url(../images/h1/newsletter.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.danke {
	background:url(../images/h1/dankeschoen.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.fehler {
	background:url(../images/h1/fehler.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.preise {
	background:url(../images/h1/preise.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
}
#content-main h1.leistungen {
	background:url(../images/h1/leistungen.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
	height:60px;
}
#content-main h1.gaestebuch {
	background:url(../images/h1/gaestebuch.png) no-repeat;
	text-indent:-99999px;
	margin-bottom: 20px;
	height:60px;
}
#content-main h2 {
	width:100%;
	color:#FFF;
	font-size:14px;
	margin-bottom:10px;
}
#content-main p {
	color:#FFF;
	font-size:14px;
	margin-bottom:15px;
	line-height:120%;
}
#content-main ul {
	list-style: none;
	color:#FFFFFF;
}
#content-main li {
	color:#FFFFFF;
	list-style:disc;
	margin: 0 0 0 20px;
}
h1.startseite { background:url(../images/h1-startseite.png) no-repeat; }
.divider {
	display: block;
	width: 445px;
	height: 21px;
	line-height: 21px;
	background: url(../images/nachoben.png) no-repeat 0 0;
	margin-bottom: 15px;
}
#content-sidebar {
	float:right;
	width:219px;
	background:url(../images/bg.png) repeat;
	padding:23px;
	margin:30px auto;
}
#content-main .floatcms {
	float:left;
	width: 380px;
}
#content-main .looks_bild {
	width: 220px;
	float:left;
	margin: 0 15px 0 0;
}
#content-main .looks_text {
	width:140px;
	float: right;
}
#content-main .pcms {
	width: 250px;
	float:right;
}
#content-main img { margin: 0 20px 20px 0; }
/*-------------------------------*/
/*----------- Sidebar------------*/
/*-------------------------------*/

*html #content-sidebar { background:#000; }
#content-sidebar h2 {
	color:#f28300;
	font-size:15px;
	margin-bottom:10px;
}
#content-sidebar p {
	color:#FFF;
	font-size:13px;
}
/*-------------------------------*/
/*----------- footer ------------*/
/*-------------------------------*/

#footer-container {
	float:left;
	width:100%;
	height:116px;
	background:url(../images/footer.jpg) repeat-x;
}
#footer {
	position:relative;
	width:788px;
	height:116px;
	margin:0 auto;
	background:url(../images/footer-marken.jpg) -40px top no-repeat;
}
#footer ul {
	position:absolute;
	top:17px;
	right:10px;
	width:200px;
}
#footer ul li {
	float:left;
	width:75px;
	margin:0 15px 8px 0;
	list-style:none;
}
#footer ul li a {
	color:#FFF;
	font-size:13px;
}
/*------EW-CMS-------*/
#img.cmsbild {
	float:left;
	padding: 0 10px 40px 0;
}
#content-main p.cmstext {
	float:left;
	width:400px;
	padding-bottom:30px;
}
#content-main .cmsPreislisten {
	width: 420px;
	padding-bottom:30px
}
#content-main p.cmsText {
	float:left;
	width:355px;
}
#content-main p.cmsPreise {
	float:right;
	width:55px;
}