/*****************************
 company: steintafel.ch
 File: screen.css (A4)
******************************
 initial author: David Flores
 last editor: 
 first Version: 13.11.2006
 last Version: 05.02.2007
******************************/

*	{
	padding: 0;
	margin: 0;
	border: 0;
}

html {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 16px;
}

body {
	position: absolute;
	width: 100%;
	min-width: 1008px;
	overflow: hidden;
	bottom: 0;
}

h1 {
	display: none;
}
iframe {border: none;}

/* Hintergrund Themen */
div#home-back {
	background: #4c2e12 url(../img/home-back-begin.jpg) bottom left no-repeat;
	height: 1600px;
}

div#a4-flash {
	position:absolute;
	height:1200px; 
	width:1600px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

div#feng-shui-back {
	background: #4c2e12 url(../img/feng-shui-back.jpg) bottom left no-repeat;
	height: 1600px;
}

div#team-back {
	background: #fff url(../img/team/team-personen-back.jpg) bottom left no-repeat;
	height: 1200px;
}

div#team-personen-back {
	background: #fff url(../img/team/team-personen-back.jpg) bottom left no-repeat;
	height: 1200px;
}


/* Menue Bereich */

#menu {
	position: absolute;
	bottom: 10px;
	z-index: 99;
}

#menu ul {
	list-style:none;
}

#menu li {
	margin: 10px 20px;
}
#menu li a {
	font-size: 95%;
	text-decoration: none;
	padding: 2px 5px;
}

#menu li a.normal {
	background: #4c2e12;
}

#menu li a#normal-active {
	background: #4c2e12;
}

#menu li a.normal {
	color: #F28DB0;
}

#menu li a.normal:hover {
	color: #fff;
	z-index: 98;
}

#menu li a#normal-active {
	color: #fff;
}

#menu li a#fengshui {
	background: #4c2e12;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-link.png') bottom right no-repeat;
	color: #F28DB0;
	padding: 2px 45px 2px 5px;
}

body > #menu li a#fengshui {
	background: #4c2e12 url(../img/feng-shui-link.png) bottom right no-repeat;
	color: #F28DB0;
	padding: 2px 45px 2px 5px;
}

#menu li a#fengshui:hover {
	background: #4c2e12;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-active.png') bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
	z-index: 97;
}

body > #menu li a#fengshui:hover {
	background: #4c2e12 url(../img/feng-shui-active.png) bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

#menu li a#fengshui-active {
	background: #4c2e12;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-active.png') bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

body > #menu li a#fengshui-active {
	background: #4c2e12 url(../img/feng-shui-active.png) bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

#menu li a.normal-team {
	color: #F28DB0;
}

#menu li a.normal-team:hover {
	color: #fff;
}

#menu li a#normal-team-active {
	color: #fff;
}

#menu li a#fengshui-team {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-link.png') bottom right no-repeat;
	color: #F28DB0;
	padding: 2px 45px 2px 5px;
}

body > #menu li a#fengshui-team {
	background: url(../img/feng-shui-link.png) bottom right no-repeat;
	color: #F28DB0;
	padding: 2px 45px 2px 5px;
}

#menu li a#fengshui-team:hover {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-active.png') bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

body > #menu li a#fengshui-team:hover {
	background: url(../img/feng-shui-active.png) bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

#menu li a#fengshui-team-active {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feng-shui-active.png') bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}

body > #menu li a#fengshui-team-active {
	background: url(../img/feng-shui-active.png) bottom right no-repeat;
	color: #fff;
	padding: 2px 45px 2px 5px;
}


/* Home/ Kontakt Bereich */

#homeh2 {
	display: none;
}

div.vcard {
	position: absolute;
	left: 15px;
	bottom: 220px;
	z-index: 88;
}

ul.kontaktdaten-adresse {
	list-style: none;
	margin: 15px 0;
	color: #FFF;
}

ul.kontaktdaten-adresse li {
	color: #fff;
	font-size: 90%;
	margin: 4px 0;
}

ul.kontaktdaten-adresse span {
	background: #4c2e12;
	padding: 1px 5px 4px 5px;
}

li.kontaktdaten-title span {
	color: #F28DB0;
	margin
	padding-top: 3px;
}

ul.kontaktdaten-adresse a.vcard {
	color: #F28DB0;
	text-decoration: none;
}

ul.kontaktdaten-adresse a {
	color: #fff;
	text-decoration: none;
}



/* Team Bereich */

div#braunerbalken {
	background-color: #5c3e1c;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1000px;
	width: 260px;
	z-index: 5;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

div#text-team {
	color: #fff;
	position: absolute;
	bottom: 180px;
	width: 250px;
	z-index: 6;
}

div#text-team h3 {
	color: #F28DB0;
	font-size: 90%;
	padding: 15px 0 5px 20px;
}

div#text-team p {
	color: #fff;
	font-size: 80%;
	line-height: 19px;
	margin-bottom: 10px;
	padding: 5px 0 8px 20px;
}

div#text-team p#pink {
	color: #F28DB0;
}

#dienstleistungen {
	list-style: square;
	margin: 0 15px;
	padding: 0 20px 5px 20px;
}

#dienstleistungen li {
	font-size: 80%;
	margin: 7px 0;
}

img#lehrlingsausbildung-img {
	position: absolute;
	margin: -40px 0 0 175px;
}


/* Team Personen Uebersicht, Aktuelles */

a#team-uebersicht-helm5 {
	background: url(../img/team/helm1.jpg) no-repeat;
	position: absolute;
	left: 785px;
	bottom: 546px;
	width: 50px;
	height: 80px;
	z-index: 98;
}

a#team-uebersicht-helm4 {
	background: url(../img/team/helm2.jpg) no-repeat;
	position: absolute;
	left: 740px;
	bottom: 529px;
	width: 45px;
	height: 105px;
	z-index: 98;
}

a#team-uebersicht-helm3 {
	background: url(../img/team/helm3.jpg) no-repeat;
	position: absolute;
	left: 691px;
	bottom: 562px;
	width: 50px;
	height: 80px;
	z-index: 98;
}

a#team-uebersicht-helm2 {
	background: url(../img/team/helm4.jpg) no-repeat;
	position: absolute;
	left: 542px;
	bottom: 602px;
	width: 52px;
	height: 60px;
	z-index: 99;
}

a#team-uebersicht-helm1 {
	background: url(../img/team/helm5.jpg) no-repeat;
	position: absolute;
	left: 481px;
	bottom: 606px;
	width: 65px;
	height: 65px;
	z-index: 98;
}

a#team-uebersicht-helm1 span {
	display: none;
}

a#team-uebersicht-helm2 span {
	display: none;
}

a#team-uebersicht-helm3 span {
	display: none;
}

a#team-uebersicht-helm4 span {
	display: none;
}

a#team-uebersicht-helm5 span {
	display: none;
}

a#team-uebersicht-andreas-h {
	background: url(../img/team/team-uebersicht-andreas-h.jpg) no-repeat;
	position: absolute;
	left: 708px;
	bottom: 139px;
	width: 220px;
	height: 340px;
}

a#team-uebersicht-andreas-h span {
	display: none;
}

a#team-uebersicht-rita-s {
	background: url(../img/team/team-uebersicht-rita-s.jpg) no-repeat;
	position: absolute;
	left: 588px;
	bottom: 38px;
	width: 110px;
	height: 220px;
}

a#team-uebersicht-rita-s span {
	display: none;
}

a#team-uebersicht-armin-w {
	background: url(../img/team/team-uebersicht-armin-w.jpg) no-repeat;
	position: absolute;
	left: 228px;
	bottom: 178px;
	width: 220px;
	height: 340px;
}

a#team-uebersicht-armin-w span {
	display: none;
}

a#team-uebersicht-fabio-l {
	background: url(../img/team/team-uebersicht-fabio-l.jpg) no-repeat;
	position: absolute;
	left: 622px;
	bottom: 326px;
	width: 70px;
	height: 120px;
}

a#team-uebersicht-fabio-l span {
	display: none;
}


/* Zurück zum Team */

a#zumteam {
	background: #fff;
	color: #F28DB0;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	position: absolute;
	left: 30px;
	bottom: 25px;
	padding: 2px 5px 2px 5px;
}

/* Personen Detail Beschrieb */

div#andreas-beschrieb-text {
	background: url(../img/team/team-andreas-beschrieb.jpg) no-repeat;
	position:absolute;
	left: 30px;
	bottom: 70px;
	width: 567px;
	height: 215px;
	z-index: 99;
}

div#andreas-beschrieb-text p {
	margin-left: -4000px;
}

img#andreas-bild {
	position: absolute;
	left: 574px;
	bottom: 84px;
	width: 260px;
	height: 410px;
}

div#armin-beschrieb-text {
	background: url(../img/team/team-armin-beschrieb.jpg) no-repeat;
	position:absolute;
	left: 30px;
	bottom: 70px;
	width: 567px;
	height: 215px;
}

div#armin-beschrieb-text p {
	margin-left: -4000px;
}

img#armin-bild {
	position: absolute;
	left: 610px;
	bottom: 261px;
	width: 195px;
	height: 370px;
}

div#rita-beschrieb-text {
	background: url(../img/team/team-rita-beschrieb.jpg) no-repeat;
	position:absolute;
	left: 30px;
	bottom: 70px;
	width: 530px;
	height: 201px;
	z-index: 99;
}

div#rita-beschrieb-text p {
	margin-left: -4000px;
}

img#rita-bild {
	position: absolute;
	left: 549px;
	bottom: 104px;
	width: 240px;
	height: 400px;
}

div#fabio-beschrieb-text {
	background: url(../img/team/team-fabio-beschrieb.jpg) no-repeat;
	position:absolute;
	left: 30px;
	bottom: 70px;
	width: 488px;
	height: 108px;
}

div#fabio-beschrieb-text p {
	margin-left: -4000px;
}

img#fabio-bild {
	position: absolute;
	left: 569px;
	bottom: 129px;
	width: 190px;
	height: 370px;
}

/* Feng Shui Bereich */

h2#fengshuih2 {
	position: absolute;
	left: 435px;
	bottom: 530px;
	color: #F28DB0;
	font-size: 110%;
	font-weight: lighter;
}

div#fengshui {
	position: absolute;
	left: 560px;
	bottom: 40px;
	font-size: 95%;
	line-height: 120%;
	word-spacing: 0.1em;
	height: 498px;
	width: 40%;
	min-width: 300px;
	max-width: 700px;
	overflow: auto;
	color: #fff;
}

div#fengshui h3 {
	color: #F28DB0;
	font-weight: lighter;
	margin: 18px 0 5px 0;
}

div#fengshui p {
	line-height: 19px;
	margin-bottom: 10px;
	padding: 0 15px 0 0;
}

div#fengshui ul {
	list-style: square;
	margin: 10px 15px 10px 15px;
}

div#fengshui li {
	margin: 2px 0;
}

div#down-fengshui {
	position: absolute;
	left: 460px;
	bottom: 470px;
	text-align: right;
}

div#down-fengshui a {
	color: #F28DB0;
	font-size: 85%;
	text-decoration: none;
}

div#down-fengshui a:hover {
	color: #fff;
}