/* Umsetzung: Knips & Konsorten  */
/* ..:: Style CSS ::.. */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> BASICS <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body {
  background: url(../bilder/bg-body.gif) repeat-x #5b0d29;
  font-family: Arial, Sans-Serif;
  color: #777777;
}

p {
  font-size: 12px;
  line-height: 130%;
}

p.align-center {
  text-align: center;
}

a {
  color: #7caee7;
}

sup {
   font-size: 8px;
   vertical-align: top;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}
 
.container {
  margin: 0 auto;
  width: 951px; /* 989 - 19 - 19 */
  padding: 0 19px 0 19px;
  background: url(../bilder/bg-container.png) repeat-y;
}

* html div.container {
  background: url(../bilder/bg-container.gif) repeat-y;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HEADER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.header {
  height: 148px; /* 215 - 67 */
  padding: 67px 0 0 79px;
  background: url(../bilder/bg-header.jpg) no-repeat;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> NAVIGATION <<<------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.navigation {
  height: 37px;
  background: url(../bilder/navi/bg-navigation.gif) repeat-x;
}

.navigation li {
  height: 38px;
  list-style: none;
  float: left;
}

.navigation li a {
  display: block;
  height: 25px; /* 37 - 12 */
  padding: 12px 0px 0 0px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  color: #484848;
}

.navigation li.current a, .navigation li.aktiv a, .navigation a:hover {
  color: #FFFFFF;
}

a.x88 {width: 108px;}
ul li.current a.x88, ul li a.x88:hover, ul li.aktiv a.x88 {
  background: url(../bilder/navi/bg-a-yoga_more.gif) repeat-x;
}

a.x87 {width: 72px;}
ul li.current a.x87, ul li a.x87:hover, ul li.aktiv a.x87 {
  background: url(../bilder/navi/bg-a-ix-kids.gif) repeat-x;
}

a.x86 {width: 133px;}
ul li.current a.x86, ul li a.x86:hover, ul li.aktiv a.x86 {
  background: url(../bilder/navi/bg-a-fuer_unternehmen.gif) repeat-x;
}

a.x85 {width: 103px;}
ul li.current a.x85, ul li a.x85:hover, ul li.aktiv a.x85 {
  background: url(../bilder/navi/bg-a-kinesiologie.gif) repeat-x;
}

a.x84 {width: 159px;}
ul li.current a.x84, ul li a.x84:hover, ul li.aktiv a.x84 {
  background: url(../bilder/navi/bg-a-therapie_coaching.gif) repeat-x;
}

a.x83 {width: 131px;}
ul li.current a.x83, ul li a.x83:hover, ul li.aktiv a.x83 {
  background: url(../bilder/navi/bg-a-kurse_termine.gif) repeat-x;
}

a.x82 {width: 141px;}
ul li.current a.x82, ul li a.x82:hover, ul li.aktiv a.x82 {
  background: url(../bilder/navi/bg-a-ueber_claudia_geis.gif) repeat-x;
}

a.x81 {width: 74px;}
ul li.current a.x81, ul li a.x81:hover, ul li.aktiv a.x81 {
  background: url(../bilder/navi/bg-a-kontakt.gif) repeat-x;
}

.subnavigation {
  margin-bottom: 40px;
  padding-top: 5px;
  min-height: 223px;
  background: url(../bilder/navi/bg-sub-yoga_more.gif) repeat-x #fe8807;
  color: #FFFFFF;
}

* html div.subnavigation {
  height: 223px;
}

.subnavigation li {
  border-bottom: 1px solid #FFFFFF;
  margin: 0 15px 0 15px;
  padding: 11px 0 11px 10px;
  line-height: 120%;
}

.subnavigation a {
  color: #FFFFFF;
  text-decoration: none;
}

.subnavigation li.aktiv , .subnavigation li.aktiv-last, .subnavigation li.ebene2-aktiv {
  font-weight: bold;
}

.subnavigation li.last, .subnavigation li.aktiv-last {
  border: none;
}

.subnavigation li.ebene2, .subnavigation li.ebene2-aktiv {
  margin-left: 25px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> RAHMEN <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.csc-frame-startseite {
  background: url(../bilder/bg-startseite-gross.jpg) no-repeat;
  /*height: 458px;*/
  height: 521px;
  padding: 0 16px 0 16px;
}

.csc-frame-startseite h1 {
  font-size: 30px;
  color: #c8af9d;
  font-weight: bold;
  line-height: 1.25em;  
}

.csc-frame-startseite .csc-header-n1 h1 {
    padding: 20px 0 70px 0;
}

.csc-frame-startseite p {
  color: #ffffff;
  font-size: 13px;
  line-height: 140%;
}

p.csc-frame-frame2 {
  font-size: 20px;
  margin-bottom: 15px;
}

/*.csc-textpic-text {
  margin-right: 90px;
}*/

.csc-frame-news {
  padding: 0px 8px 0px 8px;
  border-bottom: 1px solid #b7878f;
  margin-bottom: 8px;
}

.csc-frame-news p {
  padding-bottom: 10px;
}

.csc-frame-freunde-werben .csc-header {
  margin-top: 0px;
}

.csc-frame-freunde-werben h1 {
  color: #841942;
}

.csc-frame-kurs {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
}

.csc-frame-kurs .csc-header,
.csc-frame-yoga-basics .csc-header,
.csc-frame-yoga-aktiv .csc-header,
.csc-frame-yoga-relax .csc-header,
.csc-frame-yoga-specials .csc-header,
.csc-frame-ix-kids-yoga .csc-header,
.csc-frame-breath-walk .csc-header {
  margin-top: 0px;
}


.csc-frame-yoga-relax {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #bee2a0; /*#ecf7e1*/
}

.csc-frame-yoga-basics {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #ffe7cd;
}

.csc-frame-yoga-aktiv {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #fedad5;
}

.csc-frame-yoga-specials {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #f4e5ef;
}

.csc-frame-ix-kids-yoga {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #d5e6f2;
}

.csc-frame-breath-walk {
  padding: 15px 15px 0 15px;
  margin-bottom: 5px;
  background: #dff7f2;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> CONTENT <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.content {
  min-height: 458px;
  background: url(../bilder/bg-content.jpg) no-repeat top;
  padding: 0 15px 0 15px;
}

.content-left  {
  float: left;
  width: 696px;
}

.header-content {
  background: red;
  height: 46px; /* 174 - 128 */
  padding-top: 128px;
  background: url(../bilder/header-content/beispiel.jpg) no-repeat;
}

.header-content span {
  background-color: #FFFFFF;
  opacity: 0.8;
  width: 190px; /* 215 - 25 */
  height: 38px; /* 46 - 81 */
  padding: 8px 0 0 25px;
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #506f8b;
  line-height: 120%;
}

.linke-spalte {
  width: 185px; /* 215 - 15 -15 */
  float: left;
  padding: 13px 15px 0 15px;
}

.inhalt {
  width: 393px; /* 418 - 25 */
  padding: 40px 0 40px 25px;
  float: left;
}
.inhalt p {
    line-height: 160%;
    padding-bottom: 12px;
}
.inhalt ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0 0 5px 12px;
  line-height: 160%;
}

.inhalt ul {
  padding-bottom: 7px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #777777;
}

/************************************/

.inhalt h2 {
  font-size: 14px;
  padding-bottom: 12px;
  line-height: 120%;
}

.csc-header-n1 h2 {
  padding-bottom: 0px;
}

.csc-header {
  margin-top: 30px;
}

.csc-header-n1 {
  margin-top: 0px;
}

.csc-subheader, .inhalt h1 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
}

.csc-header-n1 h1 {
  padding-top: 0px;
}

.content-right {
  float: left;
  width: 225px;
  color: #777777;
}

.content-right span {
  font-size: 14px;
  color: #7CAEE7;
} 

.ix-kids {
  margin-top: 5px;
  height: 152px;
  background: url(../bilder/bg-ix-kids.jpg) no-repeat;
  padding-left: 18px;
}

.ix-kids h1 {
  color: #841942;
  font-size: 14px;
  font-weight: bold;
  padding: 113px 0 3px 0;
}

.ix-kids p {
  color: #333432;
}

.content-right .newsletter {
  margin-top: 35px;
}
.content-right .newsletter a {
  font-size: 14px;
}

.linke-spalte .newsletter {
  margin-top: 35px;
}
.linke-spalte .newsletter a {
  font-size: 14px;
}

/* ### Newsletter Formular ### */

fieldset {margin: 10px 0 20px 0; border: none;}
.indicate-required {width: 306px; text-align: right; margin-bottom: 5px;}
span.label {width: 120px;float: left; padding-top: 4px;}
input {float: left; width: 180px;}
select {width: 100px;}
.mc-field-group {height: 30px; clear:both;}
#mce-error-response {float: left;}
#mc-embedded-subscribe {margin-left: 120px; width: 80px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FOOTER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.footer {
  width: 921px; /* 989 - 19 - 19 */
  margin: 0 auto;
  padding: 0 34px 0 34px;
  height: 113px;
  background: url(../bilder/bg-footer.png) no-repeat;
}

* html div.footer {
  background: url(../bilder/bg-footer.gif) no-repeat;
}

.footer p.theyogaroom {
  width: 679px; /* 696 - 16 */
  padding: 20px 0 0 17px;
  color: #fe8b0c;
  font-size: 10px;
  float: left;
}

.footer p.presse {
  float: left;
  width: 207px; /* 255 - 18 */
  padding-left: 18px;
  padding-top: 20px;
}

.footer p.presse a {
  color: #7caee7;
  font-size: 12px;
}

.footer-navigation {
  width: 921px;
  height: 22px; /* 52 - 20 */
  padding-top: 30px;
  text-align: center;
  float: left;
}

.footer-navigation a {
  color: #FFFFFF;
  text-decoration: none;
}

.footer-navigation a:hover {
  text-decoration: underline;
}

.footer-navigation span {
  border-right: 1px solid #FFFFFF;
  padding: 0 10px 0 10px;
}

.footer-navigation span.aktiv {
  text-decoration: underline;
  color: #FFFFFF;
}

.footer-navigation span.last, span.aktiv-last {
  border: none;
  color: #FFFFFF;
}

.footer-navigation span.aktiv-last {
  text-decoration: underline;
}