/*	
	-----------------------------------------------------------
	Section 1: Global page definitions
	-----------------------------------------------------------
*/

h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #ee7f01;
}
img, a { border:none; }
a { color: #ee7f01; text-decoration: none; }
a:hover { text-decoration: underline; }
.hidden { display: none; }
.fb-like { position: absolute; top:  654px; left: 33px; background-color: black; }

/*	
	-----------------------------------------------------------
	Section 2: background image definitions
	-----------------------------------------------------------
*/

html,body,#bg,#bg table,#bg td { width:100%; height:100%; overflow:hidden; }

#bg div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td { vertical-align:middle; text-align:center; }
#bg img { min-height:50%; min-width:50%; margin:0 auto; display:block; }


/*	
	-----------------------------------------------------------
	Section 3: Navigation
	-----------------------------------------------------------
*/
#navigation { position: absolute; top: 30px; left: 33px; width: 127px; line-height: 0; z-index: 100; }
#items { padding: 21px 0 0 24px; color: white; background-color: black; }
#items a { display: block; margin: 0 0 14px 0; height: 10px; text-decoration: none; background-position: 0 0%; }
#items a:hover { background-position: 0% 100%; }

a.home {
	width: 34px;
	background-image: url(../images/system/btn_home.gif);
}
a.leistungen { width: 66px; background-image: url(../images/system/btn_leistungen.gif); }
a.aktionen { width: 56px; background-image: url(../images/system/btn_aktionen.gif); }
a.team {
	width: 30px;
	background-image: url(../images/system/btn_team.gif);
}
a.kontakt { width: 51px; background-image: url(../images/system/btn_kontakt.gif); }
a.impressum { width: 64px; background-image: url(../images/system/btn_impressum.gif); }

#navigation .btm { margin: -14px 0 0 0; width: 127px; height: 27px; background-image: url(../images/system/navigation_btm.png); }

#home .home, #leistungen .leistungen, #aktionen .aktionen, #team .team, #kontakt .kontakt, #impressum .impressum { background-position: 0% 100%; }


/*	
	-----------------------------------------------------------
	Section 4: Content
	-----------------------------------------------------------
*/

#mainDiv { position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 10; overflow: auto; }
#contentContainer { position: relative; margin: 10px auto 50px auto; width: 1200px; height: 867px; background-color: black; }
#slideshow { position: absolute; top: 111px; left: 10px; width: 1180px; height: 711px; }
#slideshow img { display: none }
#slideshow img.first { display: block }
#top { position: absolute; top: 10px; left: 10px; width: 1180px; height: 101px; background-color: #272a29; }
#partner { position: absolute; top: 30px; left: 609px; }
#partner img { margin: 0 5px 0 0; }
#info { position: absolute; top: 51px; left: 206px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px; color: #c9cac9; }
#info label { float: left; margin: 0 7px 0 0; width: 30px; text-align: right; }
#bottom { position: absolute; top: 831px; left: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 25px; color: #bfbfbf; }
#bottom img { float: left; margin: 0 15px 0 0; }
.content { display: none; position: absolute; top: 111px; left: 200px; padding: 41px 0 0 68px; width: 922px; height: 670px; background-image: url(../images/system/bg_content_white_transp.png); z-index: 200; }
.hd { margin: 0 0 26px 0; }
.hd2 {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ee7f01;
	line-height: 20px;
}
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16
px; line-height: 20px; color: #636464; }
.textNarrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #636464;
}
.picContent img {
	float: left;
	border-left: 7px solid #ee7f01;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 0;
}
.btnClose a {
	display: block;
	position: absolute;
	top: 560px;
	left: 68px;
	padding: 0 6px;
	color: white;
	background-color: #ee7f01;
}

.siegel a {
	display: block;
	position: absolute;
	top: 530px;
	left: 760px;
	width: 165px;
	height: 107px;
	text-decoration: none;
	background: url(../images/system/siegel.gif);
}


/*	Home	*/
#textAreaHome { position: absolute; top: 84px; left: 68px; width: 373px; }
#picAreaHome {
	position: absolute;
	top: 84px;
	left: 500px;
	width: 160px;
}

/*	Aktionen	*/
#textAreaAktionen { position: absolute; top: 84px; left: 68px; width: 373px; }
#picAreaAktionen { position: absolute; top: 84px; left: 500px; width: 120px; }

/*	Leistungen	*/
#contentAreaLeistungen {
	position: absolute;
	top: 84px;
	left: 68px;
}
.columnLeistungen {
	float: left;
	width: 350px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.columnLeistungen a {
	display: block;
	width: 350px;
	height: 120px;
	color: #636464;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
.columnLeistungen a:hover {
	color: white;
	background-color: #ee7f01;
	height: 120px;
}
.columnLeistungen a:hover .hd2 {
	color: white;
}
.columnLeistungen .spacer {
	height: 80px;
}
.inline { padding: 60px 50px 0 206px; }
.inlineHD { display: block; margin: 0 0 22px 0; }
#extensions ul { margin: 0; padding: 15px;  }
#extensions li { margin: 0 0 15px 0; padding: 0; }

#kosmetik { background-image: url(../images/system/bg_kosmetik.jpg); height: 535px; }
#brautservice {
	background-image: url(../images/system/bg_brautservice.jpg);
	height: 535px;
}
#extensions { background-image: url(../images/system/bg_extensions.jpg); height: 535px; }
#beratung { background-image: url(../images/system/bg_beratung.jpg); height: 535px; }

/*	Team	*/
#contentAreaTeam {
	position: absolute;
	top: 84px;
	left: 68px;
	width: 660px;
}
.boxTeam {
	float: left;
	width: 320px;
	height: 130px;
}
#contentAreaTeam .br { clear: both; height: 20px; }

/*	Kontakt	*/
#textAreaKontakt { position: absolute; top: 84px; left: 68px; width: 200px; }
#textAreaKontakt label  { display: block; float: left; margin: 0 10px 0 0; width: 35px; }
#picAreaKontakt { position: absolute; top: 84px; left: 366px; }

/*	Impressum	*/
#textAreaImpressum { position: absolute; top: 84px; left: 68px; width: 200px; }
#disclaimerImpressum { position: absolute; top: 84px; left: 366px; width: 270px; height: 310px; padding: 0 15px 20px 0; overflow: auto; }