@charset "utf-8";
/* CSS Document */

* {font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #000000;}

html, body {text-align: center; margin: 0 auto; padding: 0 auto; background: #F1F1F1; overflow-x:hidden;}


#seite {text-align: center; width: 998px; padding: 0 auto; margin: 0 auto;}

#head {float: left; position: relative; top: 0; left: 0; width: 998px; height: 278px; background: url(pics/head-qigong.jpg) top left no-repeat;}
#head-right {position: absolute; top:0px; left: 998px;  background: url(pics/head-right.jpg) top left no-repeat; width: 33px; height: 114px;}
#head-menue {float: left; color: #820808; padding: 30px 0 0 140px; width: 400px; height: 20px; font-size: 15px;}

#head-menue a {margin: 0 0 0 0; padding: 0  0 0 0; color: #820808; text-decoration: none; font-size: 14px; font-weight: bold;}
#head-menue a:hover {margin: 0 0 0 0; padding: 0 0 0 0; color: #820808; text-decoration: none; font-size: 14px; font-weight: bold;}

#inhalt {width: 998px; float: left; padding: 0 0 0 0; margin: 0 0 0 0; background: url(pics/seite-hg.jpg) top left repeat-y; min-height: 300px;}
*html #inhalt {height: 300px;}


#menue {text-align: left; width:230px; padding: 0 0 0 0; margin: 0 0 0 32px; min-height: 290px;  float: left; background: url(pics/menue-right-hg.gif) top right no-repeat}
*html #menue {height: 290px; margin: 0 0 0 16px; width:230px; display: block;}


a.home:hover {float: left; width: 197px; height: 38px; background: url(pics/buttons/home-h.gif) top left no-repeat;}
a.home {float: left; width: 197px; height: 38px; background: url(pics/buttons/home.gif) top left no-repeat;}
a.home-active {float: left; width: 197px; height: 38px; background: url(pics/buttons/home-h.gif) top left no-repeat;}



a.ueber-monika-preuss:hover {float: left; width: 197px; height: 38px; background: url(pics/buttons/ueber-monika-preuss-h.gif) top left no-repeat;}
a.ueber-monika-preuss {float: left; width: 197px; height: 38px; background: url(pics/buttons/ueber-monika-preuss.gif) top left no-repeat;}
a.ueber-monika-preuss-aktiv {float: left; width: 197px; height: 38px; background: url(pics/buttons/ueber-monika-preuss-h.gif) top left no-repeat;}

a.qigong-angebote:hover {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-angebote-h.gif) top left no-repeat;}
a.qigong-angebote {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-angebote.gif) top left no-repeat;}
a.qigong-angebote-active {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-angebote-h.gif) top left no-repeat;}


a.qigong-kombination:hover {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-kombination-h.gif) top left no-repeat;}
a.qigong-kombination {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-kombination.gif) top left no-repeat;}
a.qigong-kombination-active {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-kombination-h.gif) top left no-repeat;}

a.qui-yan:hover {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-yangsheng-h.gif) top left no-repeat;}
a.qui-yan    {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-yangsheng.gif) top left no-repeat;}
a.qui-yan-active {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-yangsheng-h.gif) top left no-repeat;}


a.anwendungsbereiche:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/anwendungsbereiche-h.gif) top left no-repeat;}
a.anwendungsbereiche    {float: left; width: 197px; height: 38px; background: url(pics/buttons/anwendungsbereiche.gif) top left no-repeat;}

a.uebungsmethoden:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/uebungsmethoden-h.gif) top left no-repeat;}
a.uebungsmethoden    {float: left; width: 197px; height: 38px; background: url(pics/buttons/uebungsmethoden.gif) top left no-repeat;}

a.kurse-anmeldung:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/kurse-anmeldung-h.gif) top left no-repeat;}
a.kurse-anmeldung    {float: left; width: 197px; height: 38px; background: url(pics/buttons/kurse-anmeldung.gif) top left no-repeat;}

a.literatur:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/literatur-h.gif) top left no-repeat;}
a.literatur    {float: left; width: 197px; height: 38px; background: url(pics/buttons/literatur.gif) top left no-repeat;}

a.qigong-business:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-business-h.gif) top left no-repeat;}
a.qigong-business   {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-business.gif) top left no-repeat;}
a.qigong-business-active  {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-business-h.gif) top left no-repeat;}



a.qigong-programm:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-programm-h.gif) top left no-repeat;}
a.qigong-programm   {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-programm.gif) top left no-repeat;}
a.qigong-programm-active  {float: left; width: 197px; height: 38px; background: url(pics/buttons/qigong-programm-h.gif) top left no-repeat;}



a.kontakt-anmeldung:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/kontakt-anmeldung-h.gif) top left no-repeat;}
a.kontakt-anmeldung   {float: left; width: 197px; height: 38px; background: url(pics/buttons/kontakt-anmeldung.gif) top left no-repeat;}
a.kontakt-anmeldung-active  {float: left; width: 197px; height: 38px; background: url(pics/buttons/kontakt-anmeldung-h.gif) top left no-repeat;}


a.links:hover  {float: left; width: 197px; height: 38px; background: url(pics/buttons/links-h.gif) top left no-repeat;}
a.links    {float: left; width: 197px; height: 38px; background: url(pics/buttons/links.gif) top left no-repeat;}




a.submenue {float: left; text-decoration: none; text-align: left; padding: 0 0 0 8px; margin: 0 0 5px 0; width: 222px; min-height: 20px; display: block;  font-weight: bold; font-size: 14px; color: #320101;} 
*html a.submenue {height: 20px;color: #320101;}
a.submenue:hover {color: #AD0A0A;} 

a.submenue-active 
{float: left; text-decoration: none; text-align: left; padding: 0 0 0 8px; margin: 0 0 5px 0; width: 222px; min-height: 20px; display: block;  font-weight: bold; font-size: 14px; color: #AD0A0A;} 
*html a.submenue-active {height: 20px; color: #AD0A0A;}
a.submenue-active:hover {color: #AD0A0A;} 






#bilder {width: 200px; min-height: 300px; float: left;  padding: 0 0 0 0; text-align: left;  margin: 0 0 0 3px;}
*html #bilder {height: 300px; margin: 0 0 0 5px;} 

#bilder img {padding: 3px 3px 3px 3px; border: 1px solid #645D47; background: url(image/loading.gif) center center no-repeat #fff; clear: left; float: left; margin: 20px 0 0 20px;}



h1 {font-size:22px; float: left; font-weight: normal; color: #820808; padding: 0 0 0 10px; margin: 0 0 20px 0; text-align: left;}

h2, h2 a {font-size: 13px; font-weight: bold; color: #820808; line-height: 1.5; padding: 0 0 0 10px; margin: 10px 0 0px 0;}
h2, h2 a:hover {font-size: 13px; font-weight: bold; color: #820808; line-height: 1.5; padding: 0 0 0 10px; margin: 10px 0 0px 0;}



h2 {clear: left; font-size: 13px; font-weight: bold; color: #000; line-height: 1.5; padding: 0 0 0 10px; margin: 10px 0 0px 0;}
h3 {width: 600px; clear: left; float: left; font-size: 13px; font-weight: bold; color: #000; line-height: 1.5; padding: 0 0 0 10px; margin: 10px 0 5px 0;}
h4 {font-size:11px; font-weight: bold; color: #676655;  padding: 0 0 0 0; margin: 0 0 10px 10px; width: 350px; float: left;}
h3 a { font-size: 13px; font-weight: bold; color:#AD0A0A;}
h3 a:hover { font-size: 13px; font-weight: bold; text-decoration: none;}






#news {width: 230px; min-height: 300px; float: left; background: url(pics/news-left-hg.gif) top left repeat-y; padding: 0 0 0 10px; text-align: left;  margin: 0;}
*html #news {height: 300px;}

#news h4 {font-size: 22px; color: #820808; font-weight: normal; padding: 0 0 0 20px; width: 208px; text-align: left; float: left; margin: 0 0 20px 0; background: url(pics/over-news.gif) top left no-repeat;}

#news h1        {float: left; font-size: 14px; color: #820808; font-weight: bold;  padding: 0 0 0 0; margin: 0 0 0 20px; width: 225px; text-align: left;}
*html #news h1  {float: left; font-size: 14px; color: #820808; font-weight: bold;   padding: 0 0 0 0; margin: 0 0 0 10px; width: 225px; text-align: left;}

#news h2        {float: left; font-size: 11px; color: #645D47; font-weight: normal; padding: 0 0 0 0; margin: 0 0 0 20px; width: 225px; text-align: left;}
*html #news h2  {float: left; font-size: 11px; color: #645D47; font-weight: normal; padding: 0 0 0 0; margin: 0 0 0 10px; width: 225px; text-align: left;}
                              
/*#news img       {float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}
*html #news img {float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}
*/
#news a.news-bild              {width: 79px; height: 53px; float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}
#news a.news-bild:hover        {width: 79px; height: 53px; float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}
*html #news a.news-bild        {width: 79px; height: 53px; float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}
*html #news a.news-bild:hover  {width: 79px; height: 53px; float: left; border: 1px solid #645D47; padding: 3px; margin: 3px 0 0 20px;}



#news p         {float: left; font-size: 11px; width:180px; color: #645D47; text-align: left; margin: 0 0 0 10px;}
*html  #news p  {float: left; font-size: 11px; width:180px; color: #645D47; text-align: left; margin: 0 0 0 5px;}
  
#news a {color: #645D47; background: url(pics/a-news-hg.gif) top left no-repeat; padding: 5px 0 0 175px; width: 73px; height: 45px; float:left; font-size: 12px; text-decoration: none; font-weight: bold;}
#news a:hover {color: #232323; background: url(pics/a-hover-news-hg.gif) top left no-repeat;font-size: 12px; text-decoration: none; font-weight: bold; padding: 5px 0 0 178px;}


#content {border: 0 solid #ff0000; text-align: left; padding: 0 7px 10px 0; width: 435px; margin: 0 0 0 10px; min-height: 290px; float: left;}
*html #content {height: 290px; margin: 0 0 0 12px; padding: 0 0 0 0;}


#content-big {border: 0 solid #ff0000; text-align: left; padding: 10px 7px 10px 0; width: 695px; margin: 0 0 0 0; min-height: 290px; float: left;}
*html #content-big {height: 290px; margin: 0 0 0 3px;}

.table-head {color: #820808; font-size: 14px; font-weight: bold;}

.table-rot {color: #820808; font-size:13px;}

.table-rot-thema {color: #5B0707; font-size:13px; font-weight: bold;}

tr {background: url(pics/tr-hg.gif) bottom left no-repeat;}
td {font-size: 12px;padding: 0px 10px 0px 0 ;}
/*td {padding: 5px 5px 10px 0 ;}*/



/*#kurse-anmeldung {width: 630px; height: 150px; position: relative; top: 0px; left: 10px; background: url(pics/kurse-anmeldung-hg.gif) top right no-repeat; border: 1px solid #f00;}


#kurse-anmeldung h2 {position: absolute; top: 15px; left: 0px; color: #820808; font-size: 12px; font-weight: bold; padding:0; margin: 0;}

#kurse-anmeldung h1 {position: absolute; top: 15px; left: 130px; color: #820808; font-size: 17px; font-weight: bold; padding:0; margin: 0;}

#kurse-anmeldung p {width: 200px; position: absolute; top: 43px; left: 130px; color: #3A3839; font-size: 12px; font-weight: normal; padding:0; margin: 0;}
#kurse-anmeldung p b {color: #820808; font-size: 12px; font-weight: normal;}
#kurse-anmeldung p strong {color: #820808; font-size: 14px; font-weight: bold;}
#kurse-anmeldung h2 {position: absolute; top: 35px; left: 370px; color: #3A3839; font-size: 15px; font-weight: bold; padding:0; margin: 0;}
#kurse-anmeldung p.kursgebuer {width: 185px; position: absolute; top: 55px; left: 470px; color: #3A3839; font-size: 12px; font-weight: normal; padding:0; margin: 0;}
#kurse-anmeldung p.kursgebuer b {color: #820808; font-size: 12px; font-weight: normal;}

#kurse-anmeldung a {position: absolute; top: 130px; left: 430px; color: #820808; font-size: 11px; font-weight: bold; background: url(pics/anmelden-button-hg.gif) top left no-repeat; width: 92px; height: 19px; padding: 5px 0 0 5px; text-decoration: none;}
#kurse-anmeldung a:hover {position: absolute; top: 130px; left: 430px; color: #3A3839; font-size: 11px; font-weight: bold; background: url(pics/anmelden-button-hg.gif) top left no-repeat; width: 92px; height: 19px; padding: 5px 0 0 8px; text-decoration: none;}

#kurse-anmeldung a.text-link {position: relative; top: 0px; left: 0px; font-weight: normal; text-decoration: underline; color: #820808; padding: 0px 0 0 0px;}
#kurse-anmeldung a.text-link:hover {position: relative; color: #3A3839;}

*/

#programm-qigong  {position: relative; top: 0; left: 0; padding: 10px 0 15px 0; margin: 0;width: 630px; float: left; background: url(pics/kurse-anmeldung-hg.gif) top right no-repeat;}
#programm-qigong h2  {line-height: 1.5; margin: 0; padding: 0; font-size: 14px; color: #820808; font-weight: bold; width: 90px; float: left;}
#programm-qigong h1  {line-height: 1.5; padding: 0; margin: 0 0 0 0; font-size: 14px; color: #820808; font-weight: bold;}
#preis-anmeldung-ort {position: absolute; top: 10px; left: 470px;}
#preis-anmeldung-ort a {color: #AD0A0A; font-weight: bold; text-decoration: underline; font-size:12px;}
#preis-anmeldung-ort a:hover {color: #AD0A0A; font-weight: bold; text-decoration: none; font-size:12px;}
#programm-qigong p {margin: 0 0 0 0; padding: 0 0 0 90px; width: 345px;}
#programm-qigong p b {font-size: 12px;}



.content-bild {float: right; padding: 0 0 0 0; border: 4px solid #820808; background: url(image/loading.gif) center center no-repeat #fff;}
#content img {padding: 3px 3px 3px 3px; border: 1px solid #645D47; background: url(image/loading.gif) center center no-repeat #fff; float: left; margin: 0 12px 0 0;}
#content .ohne-rahmen {clear: both; padding: 3px 3px 3px 3px;border: 0px solid #645D47; background: url(image/loading.gif) center center no-repeat #fff; margin: 0 15px 0 0;}


#content table {width:650px; padding: 0 0 10px 10px;}

.produkt-bild {clear: both; float: left; margin: 0 0 10px 0; padding: 3px 3px 3px 3px; border: 1px solid #a6a6a6;background: url(image/loading.gif) center center no-repeat #fff;}
.produkt {width: 240px; margin: 0 0 0 10px; font-size:11px; font-weight: normal; color: #6D6E71; float: left;}


#content p a {color: #AD0A0A; font-weight: bold; text-decoration: underline; font-size:13px;} 
#content p a:hover {color: #AD0A0A; font-weight: bold; text-decoration: none; font-size:13px;}

p {width: 650px; font-size:13px; font-weight: normal; color: #1E0303; line-height: 1.3; margin: 0 0 5px 0; padding: 0 0 0 10px; float: left;} /*font-weight: bold; color: #4E2121;*/

b {font-size: 13px; font-weight: bold; color: #000; line-height: 1.5;}

ul {clear: left; width: 630px; color: #820808;  margin: 0 0 0 0; padding: 0 0 0 25px; line-height: 1.1; list-style:bullet;}
*html ul {color: #820808; margin: 0 0 0 10px; padding: 0 0 0 15px; line-height: 1.2;}

li {text-align: left; margin: 0 0 6px 0; padding: 0 0 0 0; font-size: 13px; font-weight: normal; color: #1E0303;} /*font-weight: bold; font-size: 14px; color: #820808;*/
*html li {padding: 0 0 0 0;}


#seitenanfang {float: left; clear:both; margin: 15px 0 0 10px; height: 20px; border-top: 1px solid #820808; width: 400px; background: url(pics/seitenanfang.jpg) top left no-repeat;}

#seitenanfanga a {float: left; margin: 0 15px 0 0; padding: 0 0 0 0; color: #820808; text-decoration: none;}
#seitenanfanga a:hover {color: #3A3839; text-decoration: none;}


#footer {color: #B7B6A2; font-size: 10px; font-weight: bold; width: 398px; height: 64px; padding: 16px 0 0 650px; margin: 0 0 0 0; clear: both; float: left; background: url(pics/footer.jpg) top left no-repeat;}
#footer a  {margin: 0 0 0 0; padding: 0 0 0 0; color: #f3f3f3; text-decoration: none; font-size: 10px; font-weight: bold;}
#footer a:hover {margin: 0 0 0 0; padding: 0 0 0 0; color: #a6a6a6; text-decoration: none; font-size: 10px; font-weight: bold;}