/* --------- Intercoiffure Heitmann ----------------------------------------------------------------------------------- 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS-Design by royal emotions - stay digital, Regina Meissner, www.royalemotions.de
Kontakt: anfrage@royalemotions.de
Erstellt am 18. März 2008
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
----------------------------------------------------------------------------------------------------------------------*/
.body1 {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#2f2f31;
}
.body2 {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#464648;
}
#container_start {
	position:relative;
   	width:975px;
	height:100%;
   	left:50%;
   	margin-left:-480px;
	top:240px;
   	text-align:center;
	z-index:1;
}
#container {
	position:relative;
   	width:975px;
	height:100%;
   	left:50%;
   	margin-left:-482px;
	top:40px;
	z-index:1;
}
#header {
	width: 966px;
	height: 85px;
	padding-top:20px;
	background-color:#2f2f31;
}
#content {
	position:absolute;
	top:120px;
	left:390px;
	width:320px;
	height:320px;
	padding:30px;
	background-color:#2f2f31;
	overflow:auto;
}
#content_kontakt {
	position:absolute;
	top:120px;
	left:390px;
	width:320px;
	height:320px;
	padding:30px;
	background-color:#2f2f31;
}
#content2 {
	position:absolute;
	top:120px;
	left:390px;
	width:390px;
	height:390px;
	padding:0px;
	overflow:auto;
}
#bild1 {
	position:absolute;
	top:120px;
	left:0px;
	width:185px;
	height:185px;
}
#bild2 {
	position:absolute;
	top:315px;
	left:0px;
	width:185px;
	height:185px;
}
#bild3 {
	position:absolute;
	top:315px;
	left:195px;
	width:185px;
	height:185px;
}
#seitenheader {
	position:absolute;
	top:120px;
	left:195px;
	width:183px;
	height:103px;
	text-align:center;
	padding-top:80px;
	border:1px solid #ffffff;
}
#rechts1 {
	position:absolute;
	top:120px;
	left:780px;
	width:185px;
	height:185px;
}
#rechts2 {
	position:absolute;
	top:315px;
	left:780px;
	width:153px;
	height:123px;
	padding-left:30px;
	padding-top:60px;
	border:1px solid #ffffff;
}

/*-- hier Menü -----------------------------------------------------*/

#hauptmenue {
	position:absolute;
	left:142px;
	top:510px;
	height:50px;
	width:770px;
	text-align:left;
	background-color:#464648;
	z-index:10;
	}
#hauptmenue2 {
	position:absolute;
	left:182px;
	top:520px;
	height:50px;
	width:770px;
	text-align:left;
	background-color:#464648;
	z-index:10;
	}
	#menue {
	position:absolute;
	left:0px;
	width:790px;
	z-index:11;
	}
	#menue li {
	list-style:none;
	float: left;
 	display: block;
	padding-left:15px;
	z-index:11;
	}
	#menue a {
	list-style:none;
	float: left;
 	display: block;
	font-family: Verdana;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	z-index:11;
	}
	#menue a:hover {
	list-style:none;
	font-family: Verdana;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #8b8c8e;
  	text-transform: none;
  	text-decoration: none;
	z-index:11;
	}
	#menue #currentpage a {
	list-style:none;
	font-family: Verdana;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #8b8c8e;
  	text-transform: none;
  	text-decoration: none;
	z-index:11;
	}
	#submenue {
	position:absolute;
	left:197px;
	top:540px;
	height:50px;
	width:150px;
	z-index:20;
	}
	#subtext1 {
	position:absolute;
	top:0px;
	height:18px;
	width:150px;
	z-index:5;
	}
	#subtext2 {
	position:absolute;
	left:57px;
	top:0px;
	height:18px;
	width:150px;
	z-index:5;
	}
	#subtext3 {
	position:absolute;
	left:159px;
	top:0px;
	height:18px;
	width:150px;
	z-index:5;
}
#listen {
	list-style:square;
	padding-left:10px;
	margin:0px;
}
/*-- hier Schriften ------------------------------------------------*/

.heitmann {
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
}
a.heitmann {
  	color: #cccccc;
}
a.heitmann:hover {
  	color: #8b8c8e;
}
.heitmann2 {
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
}
.heitmann2:hover {
  	color: #8b8c8e;
}
.heitmann_aktiv {
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #8b8c8e;
  	text-transform: none;
  	text-decoration: none;
}
.heitmann_header {
  	font-family: Verdana, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	}
	
/*-- hier Schriften ------------------------------------------------*/
	
#ajaxticker1{
width: 250px;
height: 50px;
background-color: #2f2f31;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #2f2f31;
}

.someclass{ //class to apply to your scroller(s) if desired
}