/*
    Shiatsu Zürich Website CSS
    erstellt durch Torsten Steinbach, 3satz gmbh, 3satz.com
*/

/* === global styles === */

body {
	font-family: Georgia, Times New Roman, Times, serif;
	background: #FBF9E3 url(../bilder/pageBackground_1.jpg) repeat;
	margin: 0;
	padding: 0;
}

p, h2, h3, h4 h5, h6, li {
	margin: 1ex 1em;
}

a:link {
	text-decoration: none;
		color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #BB4C1B;
}
a:active {
	text-decoration: none;
	color: #BB4C1B;
}

div#outerDiv {
	width: 935px;
	margin: 0 auto;
}
   
/* === header === */

div#header {
	height: 146px;
	position: relative;
}

/* === TaoLogo === */

#header div#TaoLogo {
	position: absolute;
	left: 450px;
	top: 39px;
	border: none;
}
   
/* === mainMenu === */

#header ul#mainMenu {
	position: absolute;
	left: -8px;
	top: 108px;
	margin: auto;
	list-style: none;
}
   
#header ul#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#header ul#mainMenu a {
	width: 76px;
	height: 15px;
	font-family: Trebuchet MS, sans-serif;
	font-size: .7em;
	text-align: center;
	text-decoration: none;
	padding-top: 100px;
	border: none;
	display: block;
	text-indent: -1000em;
}

#header ul#mainMenu a.home {
	margin-right: 3px;
}
#header ul#mainMenu a.philosophie {
	margin-right: 11px;
}
#header ul#mainMenu a.shiatsu {
	margin-right: 12px;
}
#header ul#mainMenu a.behandlung {
	margin-right: 25px;
}
#header ul#mainMenu a.indikationen {
	margin-right: 10px;
}
#header ul#mainMenu a.praxis {
	margin-right: 0px;
}
#header ul#mainMenu a.portrait {
	margin-right: 5px;
}
#header ul#mainMenu a.lageplan {
	margin-right: 16px;
}
#header ul#mainMenu a.konditionen {
	margin-right: 12px;
}
#header ul#mainMenu a.kontakt {
	margin-right: 0px;
}
	

/* === mainMenu Rollovers === */

#header ul#mainMenu a.home { background: url(../bilder/nav/navHome.gif) no-repeat center top; }
#header ul#mainMenu a.philosophie { background: url(../bilder/nav/navPhilosophie.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsu { background: url(../bilder/nav/navShiatsu.gif) no-repeat center top; }
#header ul#mainMenu a.behandlung { background: url(../bilder/nav/navBehandlung.gif) no-repeat center top; }
#header ul#mainMenu a.indikationen { background: url(../bilder/nav/navIndikationen.gif) no-repeat center top; }
#header ul#mainMenu a.praxis { background: url(../bilder/nav/navPraxis.gif) no-repeat center top; }
#header ul#mainMenu a.portrait { background: url(../bilder/nav/navPortrait.gif) no-repeat center top; }
#header ul#mainMenu a.lageplan { background: url(../bilder/nav/navLageplan.gif) no-repeat center top; }
#header ul#mainMenu a.konditionen { background: url(../bilder/nav/navKonditionen.gif) no-repeat center top; }
#header ul#mainMenu a.kontakt { background: url(../bilder/nav/navKontakt.gif) no-repeat center top; }

#header ul#mainMenu a.home:hover { background: url(../bilder/nav/navHome_f2.gif) no-repeat center top; }
#header ul#mainMenu a.philosophie:hover { background: url(../bilder/nav/navPhilosophie_f2.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsu:hover { background: url(../bilder/nav/navShiatsu_f2.gif) no-repeat center top; }
#header ul#mainMenu a.behandlung:hover { background: url(../bilder/nav/navBehandlung_f2.gif) no-repeat center top; }
#header ul#mainMenu a.indikationen:hover { background: url(../bilder/nav/navIndikationen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.praxis:hover { background: url(../bilder/nav/navPraxis_f2.gif) no-repeat center top; }
#header ul#mainMenu a.portrait:hover { background: url(../bilder/nav/navPortrait_f2.gif) no-repeat center top; }
#header ul#mainMenu a.lageplan:hover { background: url(../bilder/nav/navLageplan_f2.gif) no-repeat center top; }
#header ul#mainMenu a.konditionen:hover { background: url(../bilder/nav/navKonditionen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.kontakt:hover { background: url(../bilder/nav/navKontakt_f2.gif) no-repeat center top; }

#header ul#mainMenu a.homecurrent { background: url(../bilder/nav/navHome_f2.gif) no-repeat center top; }
#header ul#mainMenu a.philosophiecurrent { background: url(../bilder/nav/navPhilosophie_f2.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsucurrent { background: url(../bilder/nav/navShiatsu_f2.gif) no-repeat center top; }
#header ul#mainMenu a.behandlungcurrent { background: url(../bilder/nav/navBehandlung_f2.gif) no-repeat center top; }
#header ul#mainMenu a.indikationencurrent { background: url(../bilder/nav/navIndikationen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.praxiscurrent { background: url(../bilder/nav/navPraxis_f2.gif) no-repeat center top; }
#header ul#mainMenu a.portraitcurrent { background: url(../bilder/nav/navPortrait_f2.gif) no-repeat center top; }
#header ul#mainMenu a.lageplancurrent { background: url(../bilder/nav/navLageplan_f2.gif) no-repeat center top; }
#header ul#mainMenu a.konditionencurrent { background: url(../bilder/nav/navKonditionen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.kontaktcurrent { background: url(../bilder/nav/navKontakt_f2.gif) no-repeat center top; }


/* === mainMenu current state === */

#header ul#mainMenu a.homecurrent {
	margin-right: 3px;
	cursor: default;
}
#header ul#mainMenu a.philosophiecurrent {
	margin-right: 11px;
}
#header ul#mainMenu a.shiatsucurrent {
	margin-right: 12px;
	cursor: default;
}
#header ul#mainMenu a.behandlungcurrent {
	margin-right: 25px;
	cursor: default;
}
#header ul#mainMenu a.indikationencurrent {
	margin-right: 10px;
	cursor: default;
}
#header ul#mainMenu a.praxiscurrent {
	margin-right: 0px;
	cursor: default;
}
#header ul#mainMenu a.portraitcurrent {
	margin-right: 5px;
	cursor: default;
}
#header ul#mainMenu a.lageplancurrent {
	margin-right: 16px;
	cursor: default;
}
#header ul#mainMenu a.konditionencurrent {
	margin-right: 12px;
	cursor: default;
}
#header ul#mainMenu a.kontaktcurrent {
	margin-right: 0px;
	cursor: default;
}


/* === mainMenu Frontpages === */

#header ul#mainMenu a.home { background: url(../bilder/nav_front/navHome.gif) no-repeat center top; }
#header ul#mainMenu a.philosophie { background: url(../bilder/nav_front/navPhilosophie.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsu { background: url(../bilder/nav_front/navShiatsu.gif) no-repeat center top; }
#header ul#mainMenu a.behandlung { background: url(../bilder/nav_front/navBehandlung.gif) no-repeat center top; }
#header ul#mainMenu a.indikationen { background: url(../bilder/nav_front/navIndikationen.gif) no-repeat center top; }
#header ul#mainMenu a.praxis { background: url(../bilder/nav_front/navPraxis.gif) no-repeat center top; }
#header ul#mainMenu a.portrait { background: url(../bilder/nav_front/navPortrait.gif) no-repeat center top; }
#header ul#mainMenu a.lageplan { background: url(../bilder/nav_front/navLageplan.gif) no-repeat center top; }
#header ul#mainMenu a.konditionen { background: url(../bilder/nav_front/navKonditionen.gif) no-repeat center top; }
#header ul#mainMenu a.kontakt { background: url(../bilder/nav_front/navKontakt.gif) no-repeat center top; }

#header ul#mainMenu a.home:hover { background: url(../bilder/nav_front/navHome_f2.gif) no-repeat center top; }
#header ul#mainMenu a.philosophie:hover { background: url(../bilder/nav_front/navPhilosophie_f2.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsu:hover { background: url(../bilder/nav_front/navShiatsu_f2.gif) no-repeat center top; }
#header ul#mainMenu a.behandlung:hover { background: url(../bilder/nav_front/navBehandlung_f2.gif) no-repeat center top; }
#header ul#mainMenu a.indikationen:hover { background: url(../bilder/nav_front/navIndikationen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.praxis:hover { background: url(../bilder/nav_front/navPraxis_f2.gif) no-repeat center top; }
#header ul#mainMenu a.portrait:hover { background: url(../bilder/nav_front/navPortrait_f2.gif) no-repeat center top; }
#header ul#mainMenu a.lageplan:hover { background: url(../bilder/nav_front/navLageplan_f2.gif) no-repeat center top; }
#header ul#mainMenu a.konditionen:hover { background: url(../bilder/nav_front/navKonditionen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.kontakt:hover { background: url(../bilder/nav_front/navKontakt_f2.gif) no-repeat center top; }

#header ul#mainMenu a.homecurrent { background: url(../bilder/nav_front/navHome_f2.gif) no-repeat center top; }
#header ul#mainMenu a.philosophiecurrent { background: url(../bilder/nav_front/navPhilosophie_f2.gif) no-repeat center top; }
#header ul#mainMenu a.shiatsucurrent { background: url(../bilder/nav_front/navShiatsu_f2.gif) no-repeat center top; }
#header ul#mainMenu a.behandlungcurrent { background: url(../bilder/nav_front/navBehandlung_f2.gif) no-repeat center top; }
#header ul#mainMenu a.indikationencurrent { background: url(../bilder/nav_front/navIndikationen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.praxiscurrent { background: url(../bilder/nav_front/navPraxis_f2.gif) no-repeat center top; }
#header ul#mainMenu a.portraitcurrent { background: url(../bilder/nav_front/navPortrait_f2.gif) no-repeat center top; }
#header ul#mainMenu a.lageplancurrent { background: url(../bilder/nav_front/navLageplan_f2.gif) no-repeat center top; }
#header ul#mainMenu a.konditionencurrent { background: url(../bilder/nav_front/navKonditionen_f2.gif) no-repeat center top; }
#header ul#mainMenu a.kontaktcurrent { background: url(../bilder/nav_front/navKontakt_f2.gif) no-repeat center top; }



/* === main content === */

#content {
	padding: 35px 0 0 0;
}

#content#mainContent {
	float: left;
	width: 935px;
	margin: 30px 0 0 0;
	padding: 0 15px;
}

#mainContent p {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin: 2ex 0 0 0;
	font-variant: normal;
	text-transform: none;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4  {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: center;
	font-weight: 300;
}

#mainContent h1 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 -.8ex 0;
}

#mainContent h2 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	margin: 2ex 0 1ex 0;
}

#mainContent h3 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	margin: .3ex 0 0 0;
}

#mainContent li {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin: 0 0 0 246px;
	font-variant: normal;
	text-transform: none;
}

#content div#logo {
	float: left;
	top: 0;
	left: 0;
	float: left;
	width: 388px;
	height: 129px;
	margin: 100px 30px 100px 280px;
	padding: 0;
}

#content div#adresse {
	float: left;
	top: 0;
	left: 0;
	float: left;
	width: 388px;
	height: 129px;
	margin: 100px 100px 0 130px;
	padding: 0;
}

#content div#flashMovie {
	float: left;
	top: 0;
	left: 0;
	float: left;
	width: 660px;
	height: 160px;
	margin: 80px 30px 89px 130px;
	padding: 0;
	border: none;
}


/* === midBanner === */

#midBanner {
	float: left;
	width: 935px;
	margin: -8px 0 1px 0;
	padding: 0;
}

/* === lageplan === */

#content div#karte {
	float: left;
	top: 0;
	left: 0;
	float: left;
	width: 514px;
	height: 388px;
	margin: 30px 30px 40px 100px;
	padding: 0;
}

#content img.seefeld {
	border: 3px solid #FFF;
}

#content div#lageplanLegende {
	float: left;
	top: 0;
	left: 0;
	width: 280px;
	margin: 90px 0 0 0;
	padding: 0;
}

#lageplanLegende h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin: -3ex 0 0.8ex 35px;
	text-transform: none;
}

#lageplanLegende p {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin: 0 0 1ex 0;
	font-variant: normal;
	text-transform: none;
}

/* === Diverses === */

.clear { clear: both }