* { z-index: 2; }

body { color: #666; font: 12px Helvetica, Arial, Verdana, sans-serif; border-top: 5px solid #b2d234; }
body.gruen { border-top: 5px solid #b2d234; }
body.orange { border-top: 5px solid #f99d1c; }
body.rot { border-top: 5px solid #d01e2a; }

#wrapper { width: 850px; margin: 0 auto; position: relative; }

#header { height: 165px; position: relative; }

strong { font-weight: bold; line-height: 1.6em; }

#rechts { display: none; width: 170px; height: 346px; text-indent: -9999px; position: absolute; right: 0; top: 160px; }
body.willkommen #rechts, body.kontakt #rechts, body.danke #rechts { display: block; background: url(../images/rechts-01.jpg) no-repeat; }
body.qi-gong #rechts { display: block; background: url(../images/rechts-02.jpg) no-repeat; }
body.lehrerin #rechts { display: block; background: url(../images/rechts-03.jpg) no-repeat; }

body.yoga #rechts, body.personal-training-firmensport #rechts, body.referenzen #rechts { display: block; background: url(../images/rechts-girls.jpg) no-repeat; }

body.yoga-inhalte #rechts { display: block; background: url(../images/rechts-yoga.jpg) no-repeat; }

body.feedback #rechts { display: block; background: url(../images/rechts-enjoying.jpg) no-repeat; }

h1 a { display: block; width: 654px; height: 52px; background: url(../images/yoga-qigong-und-meditation.gif) no-repeat; text-indent: -9999px; position: absolute; bottom: 0; left: 0; }

.mod_navigation ul { height: 75px; font: 14px Arial, Verdana, sans-serif; text-transform: uppercase; position: absolute; top: 0; left: -15px; width: 670px; }
.mod_navigation ul li { float: left; padding: 48px 15px 15px; background: url(../images/navi-dot.gif) no-repeat right 53px; position: relative; }
.mod_navigation ul li.hover a { text-decoration: underline; }
.mod_navigation ul li.hover ul li a {text-decoration: none; }
.mod_navigation ul li.last { background: none; }
.mod_navigation ul li.active, .mod_navigation ul li.trail { border-left: 5px solid #fff; margin: 0 0 0 -5px; color: #fff; }
body.gruen .mod_navigation ul li.active, body.gruen .mod_navigation ul li.trail { background: #b2d234 url(../images/navi_bg-gruen.gif) bottom right no-repeat; }
body.orange .mod_navigation ul li.active, body.orange .mod_navigation ul li.trail { background: #f99d1c url(../images/navi_bg-orange.gif) bottom right no-repeat; }
body.rot .mod_navigation ul li.active, body.rot .mod_navigation ul li.last.active, body.rot .mod_navigation ul li.trail, body.rot .mod_navigation ul li.last.trail { background: #d01e2a url(../images/navi_bg-rot.gif) bottom right no-repeat; }
.mod_navigation ul li a { float: left; text-decoration: none; font-weight: bold; }
.mod_navigation ul li.gruen a { color: #b2d234; }
.mod_navigation ul li.orange a { color: #f99d1c; }
.mod_navigation ul li.rot a { color: #d01e2a; }
.mod_navigation ul li a.active, .mod_navigation ul li.gruen a.trail, .mod_navigation ul li.orange a.trail, .mod_navigation ul li.rot a.trail { color: #fff; }

.mod_navigation ul li.hover ul { display: block; }
.mod_navigation ul li ul { display: none; position: absolute; left: 0; top: 77px; border-top: 1px solid #fff; width: 200px; height: auto; }
.mod_navigation ul li ul li, .mod_navigation ul li ul li a { background: none; height: 30px; line-height: 30px; text-transform: none; font-size: 12px; font-weight: normal; float: none; display: block; }
body.gruen .mod_navigation ul li.trail ul li, body.orange .mod_navigation ul li.trail ul li, body.rot .mod_navigation ul li.trail ul li { background: none; }
.mod_navigation ul li.trail ul li { margin: 0; border-left: none; }
.mod_navigation ul li ul li { padding: 0 10px; }
body.orange .mod_navigation ul li.active ul li, body.rot .mod_navigation ul li.active ul li { border-left: 0; margin: 0; background: none; }
body.orange .mod_navigation ul li.active ul li.active, body.rot .mod_navigation ul li.active ul li.active { border-left: 0; margin: 0; background: none; }
.mod_navigation ul li ul li a, .mod_navigation ul li.active ul li a { color: #fff; }
.mod_navigation ul li ul li.hover a, .mod_navigation ul li ul li.active a { text-decoration: underline; }
.mod_navigation ul li.orange ul { background: url(../images/subnavi-orange.png); }
.mod_navigation ul li.orange ul li { border-bottom: 1px solid #ffcb78; }
body.orange .mod_navigation ul li.orange ul li.first, .mod_navigation ul li.orange ul li.first { background: url(../images/subnavi_ecke-orange.gif) no-repeat; }
.mod_navigation ul li.orange ul li.last { border: 0; }
.mod_navigation ul li.rot ul { background: url(../images/subnavi-rot.png); }
.mod_navigation ul li.rot ul li { border-bottom: 1px solid #e6888e; }
body.rot .mod_navigation ul li.rot ul li.first, .mod_navigation ul li.rot ul li.first { background: url(../images/subnavi_ecke-rot.gif) no-repeat; }
.mod_navigation ul li.rot ul li.last { border: 0; }
.mod_navigation ul li.rot ul li a, .mod_navigation ul li.orange ul li a { color: #fff; }

#quote { width: 140px; height: 125px; color: #fff; background: #b2d234; padding: 15px; position: absolute; top: 0; right: 0; text-transform: uppercase; }
body.gruen #quote { background: #b2d234 url(../images/navi_bg-gruen.gif) bottom right no-repeat; }
body.orange #quote { background: #f99d1c url(../images/navi_bg-orange.gif) bottom right no-repeat; }
body.rot #quote { background: #d01e2a url(../images/navi_bg-rot.gif) bottom right no-repeat; }
#quote em { font-size: 11px; float: right; text-transform: none; }

#content { overflow: hidden; width: 655px; position: relative; min-height: 280px; }
#content #left { width: 200px; margin: 0 30px 0 0; float: left; display: none; }
#content #left #lotus { text-indent: -9999px; }
#content span { line-height: 1.6em; }
body.zweispaltig #content #left { display: block; }
body.lehrerin #content #left { background: #f99d1c url(../images/blume-links-orange.gif) 140px 320px no-repeat; padding: 0 0 55px; }
body.kurse #content #left #lotus, body.referenzen #content #left #lotus { width: 200px; background: #D01E2A url(../images/blume-links-rot.gif) 140px 10px no-repeat; height: 50px; margin: 0 0 10px; }
body.kontakt #content #left, body.danke #content #left { color: #f99d1c; }
body.kontakt #content #left img.blume, body.danke #content #left img.blume { position: relative; top: 5px; left: 10px; }
#content #main { width: 655px; }
#content.zweispaltig #main { float: none; width: 425px; float: left; }

#content a { color: #666; }
#content a:hover { text-decoration: none; }

#content #left img { border-bottom: 5px solid #fff; }
body.yoga #content #left { background: #f99d1c; }
body.termine #content #left { background: #d01e2a; }

p { line-height: 1.6em; padding: 0 0 15px; }
p#sign { display: block; width: 407px; height: 43px; background: url(../images/sign.gif) no-repeat; text-indent: -9999px; }

h2 { font-size: 20px; text-transform: uppercase; font-weight: bold; color: #b2d234; margin: 40px 0 20px; position: relative; }
body.gruen h2 { color: #b2d234; }
body.orange h2 { color: #f99d1c; }
body.rot h2 { color: #d01e2a; }
h3 { font-weight: bold; margin: 0 0 10px; font-size: 14px; }

#content ul { list-style: disc; padding: 0 0 15px 30px; }
body.yoga-details #content ul, body.lehrerin #content ul { padding: 0 0 0 30px; }
#content ul li { line-height: 1.6em; }
#content ul li ul { list-style: circle; }
#content ol { padding: 0 0 0 30px; }
#content ol li { line-height: 1.6em; }

#content table { margin: 0 0 15px; }
#content table tr td { line-height: 1.6em; padding: 0 20px 0 0; line-height: 1.6em; vertical-align: top; }

#content strong.autor { position: relative; top: -6px; }

.ce_form { width: 420px; }
.ce_form label { width: 100px; float: left; display: block; line-height: 22px; }
.ce_form input.text, .ce_form textarea, .ce_form input.captcha { border: 1px solid #ccc; padding: 3px; width: 307px; margin: 0 0 10px; font: 12px Arial, Verdana, sans-serif; color: #333; display: block; }
.ce_form input.text.error, .ce_form textarea.error, .ce_form input.captcha.error { border: 1px solid red; }
.ce_form br { display: none; }
.ce_form input.text:focus, .ce_form textarea:focus { background: #f5f5f5; }
.ce_form textarea { height: 150px; }
.ce_form input.submit { background: none; color: #b2d234; font-size: 16px; float: right; }
.ce_form input.submit:hover { cursor: pointer; }
.ce_form span.captcha_text { padding: 0 0 0 100px; }
.ce_form p.error { display: none; }

#content .presse-referenzen ul { list-style: none; overflow: hidden; padding: 0 0 15px 0; }
.presse-referenzen ul li { float: left; width: 200px; list-style: none; }
.presse-referenzen ul li.last { width: 125px; }
.presse-referenzen ul li a { text-decoration: none; }

#footer { height: 619px; background: url(../images/blume.gif) right bottom no-repeat; position: relative; margin: -540px 0 0; z-index: 1; }
#footer .inner { position: absolute; bottom: 4px; width: 100%; background: url(../images/dots.gif) repeat-x; padding: 20px 0 0; color: #999; margin: 50px 0 0; }
#footer .inner p { float: left; }
#footer .inner ul { float: left; position: relative; top: 3px; }
#footer .inner ul li { float: left; margin: 0 0 0 6px; padding: 0 0 0 6px; border-left: 1px solid #999; }
#footer .inner ul li a { color: #666; text-decoration: none; position: relative; top: 1px; }
#footer .inner ul li a:hover { color: #333; }