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

  html {overflow:scroll;}

  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    line-height: 14pt;
    background: #000000 url("../media/layout/bg_bodypage.gif") repeat-y center top;
    color: #BBBBBB;

    }

  body.mceContentBody {/*background:#FFFFFF;*/padding:3px;overflow:auto;height:270px;color: #BBBBBB;}
  body.mceContentBody * {color: #BBBBBB;}
  body.mceContentBody a, body.mceContentBody a * {color: #FFCC00;}

  acronym {
    border-bottom: 1px dotted #FFCC00;
    cursor: pointer;
    }

  acronym span {display:none;}

  acronym:hover span {
    position:absolute;
    display: -moz-inline-box; /* Mozilla fix inline-block */
    display: inline-block;
    margin: 15px 0 0 20px;
    display:block;
    background: #FFFFCC;
    color: #000000;
    }


  a {text-decoration: underline;}
  a:link    {color: #FFCC00;}
  a:visited {color: #FFCC00;}
  a:hover   {color: #FFCC00;}
  a:active  {color: #FFCC00;}
  a:focus   {color: #FFCC00;}
  a img {border: none;}

  .cleaner:after, .clean:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
  .cleaner, .clean {display: inline-block;clear: both;visibility: hidden;}
  html[xmlns] .cleaner, html[xmlns] .clean {display: block;}
  * html .cleaner, * html .clean {height: 1%;}

  h1 {
    font: normal bold 16px/20px Verdana, Arial, sans-serif;
    color: #FF0000;
    }

  h2 {
    font: normal bold 14px/20px Verdana, Arial, sans-serif;
    color: #BBBBBB;
    }


  .r05 {line-height: 9px;font-size:9px;}
  .r15 {line-height: 27px;font-size:9px;}
  .bildunterschrift, .imagetext {font-size:10px;text-align:left;}

	ul    {padding:0 0 0 1.5em; list-style:disc outside;}
  ul ul {padding:0 0 0 1.5em; list-style:circle outside;}
  *:first-child + html ul{padding:0 0 0 18px;}/* Aufhebung IE7 */

  ol    {margin:0 0 0 1.8em; list-style:roman outside;}
  ol ol {margin:0 0 0 1.8em; list-style:alpha outside;}
  *:first-child + html ul{padding:0 0 0 18px;}/* Aufhebung IE7 */

  li p, li {margin:0; padding:0 2px 0 2px;}

	p  {margin:0; padding:0 10px 0 2px;}

  .l {text-align:left;}
  .c {text-align:center;}
  .r {text-align:right;}

  img { behavior: url("iepngfix.htc") }



/***** Layout
************************************************/
  #bodypage {

    }
  #header {
    position:fixed;
    top:0;left:50%;
    z-index:99;
    margin: 0 0 0 -450px;
    width:900px;
    height:160px;
    background: url("../media/layout/bg_header.png") no-repeat left top;
    }

  /* #header #headerimg {
    margin: 20px 0 0 225px;
    padding: 0;
    width: 640px;
    height: 103px;
    background: url("../media/layout/kung_fu_und_taiji.gif") no-repeat 0 20px;
    }
  #header #headerimg span {visibility:hidden;} */

  #header #headerimg {
    margin: 20px 0 0 225px;
    padding: 0;
    width: 640px;
    height: 70px;
    background: url("../media/layout/kung_fu_und_taiji.gif") no-repeat 0 20px;
    }
  #header #headerimg span {text-indent:-2000px;visibility:hidden;}

  #header #contactinfo {
    margin: 0 0 0 220px;
    padding: 0 0 10px 0;
    width: 640px;
    text-align:center;
    height: 23px;
    line-height:20px;
    vertical-align:top;
    font-weight:bold;
    color: #990000;
    }
  #contactinfo img {vertical-align:top;}

  #footer {
    position:fixed;
    bottom:0;left:50%;
    z-index:101;
    margin: 0 0 0 -450px;
    width:900px;
    height:31px;
    background: url("../media/layout/bg_footer.gif") no-repeat left top;
    }

  #contentbg {
    position:fixed;
    bottom:31px;left:50%;
    z-index:1;
    margin: 0 0 0 -450px;
    width:900px;
    height:390px;
    background: url("../media/layout/bg_content.jpg") no-repeat fixed 50% bottom;
    }

  #content {
    position:absolute;
    left:50%;
    z-index:2;
    margin: 160px 0 0 -450px;
    width: 900px;
    }

  #content .inside{
    margin: 0 1px 0 220px;
    padding: 0 19px 50px 5px;

    }

   #content img {
      border:1px solid #999999;
      }

   #content table, body.mceContentBody table {width:100%;}
   #content table td {padding: 0 2px;vertical-align:top;}
   #content table td p {vertical-align:top;padding:0;}
   #sifudaten .c1 {width:100px;}
   /*
   #stundenplan {width:100%;border-top: 1px solid #333333;border-left: 1px solid #333333;}
   #stundenplan td {width:20%;border-right: 1px solid #333333;border-bottom: 1px solid #333333;vertical-align:top;}
   #stundenplan td * {font-size:10px;}
   #stundenplan td.kindergruppe * {color:#66cc66;}
   #stundenplan td.kinder * {color:#66cc66;}
   #stundenplan td.taiji * {color:#cc6666;}
   */

   #content table.bilder3 {width:100%;background:none;}
   #content table.bilder3 td {width:33%;}
   #content table.bilder3 td.c1 {text-align:left;}
   #content table.bilder3 td.c2 {text-align:center;}
   #content table.bilder3 td.c3 {text-align:right;}



  #menuleft #bodyimage {
    height: 180px;
    width: 160px;
    text-align:center;
    }
  #menuleft #bodyimage * {
    margin: 0 auto;
    }

/***** Brotkruemelleiste
************************************************/
  #breadcrumb {
    list-style: none;
    margin: 0 0 0 180px;
    padding: 0 0 0 29px;
    height: 14px;
    }
  #breadcrumb li {
    padding: 0 12px 0 12px;
    line-height:14px;
    /* display: -moz-inline-box;
    display: inline-block; */
    float:left;
    background: url("../media/layout/breadcrumb_li.gif") no-repeat left top;
    }
  #breadcrumb li a {
    line-height:14px;
    color: #c8c9c9;
    padding: 0;
    font-size:11px;
    }

/***** Bildergalerie
************************************************/
  #gallery {
    width: 100%;
    }
  #gallery a, .gallerypreview a span {
    display: block;
    width: 110px;
    height: 110px;
    border: 1px solid #333333;
    float:left;
    text-decoration:none;
    }
  #gallery a {margin: 0 15px 15px 0;}

  .gallerypreview {width:100%;height:128px;}
  .gallerypreview a {diplay:block;width:100%;height:128px;text-decoration:none;}
  .gallerypreview a span {margin: 0 10px 4px 0;}
  .gallerypreview a em {display:block;font-size:x-small;color:#999999;line-height:1.2em;}

  #gallerypreview h2 span {color: #CC0000;}


/***** mehrer Bilder nebeneinander
************************************************/
.tplimages {width:100%;}
table.image2 td {width:50%;}
table.image3 td {width:33%;}
table.image4 td {width:25%;}
.tplimages td em {display:block;}

/***** Formulare
**********************************************************/
.frm {width:100%;}
.frm label input, .frm label textarea {font: normal normal 11px/20px Verdana, Arial, sans-serif;color:666666;}
.frm label input {height:16px}
.frm label input.form, .frm label textarea.form {color:#fff;width: 100%;border: 1px solid #999999;background: url("../media/layout/trans30.png") repeat left top;behavior: url("iepngfix.htc");}
* html .frm label input.form,* html .frm label textarea.form {width:99%;} /* IE < 7 witdh fix */
*:first-child + html .frm label input.form, *:first-child + html .frm label textarea.form {width:99%;} /* IE > 6 witdh fix */
.frm label input.form_error, .frm label textarea.form_error,
.frm label input.error, .frm label textarea.error {background: #CC0000;color: #FFFFFF;}
.frm label input.chk {margin: 0 3px 0 0;vertical-align:baseline;height:12px;width:12px;position:relative;}
html>body .frm label input.chk {position:relative;top:4px;} /* Fix Mozilla, Opera */
*:first-child + html .frm label input.chk{position:relative;top:0px;}/* Aufhebung IE7 */

.frm label {clear:both;display:block;line-height:22px;vertical-align:top;text-align:left;width:100%;}
.frm label em.submit {padding-top: 10px;}
.frm label * {font-style:normal;font-weight:normal;line-height:20px;}
.frm label strong {display:block;float:left;width:20%;}
.frm label strong b {font-size:12px;font-weight:bold;vertical-align:baseline;color:#CC0000;}
.frm label em {display:block;float:right;width: 77%;text-align:left;}
.frm label em i.contphone1, .frm label em i.zipcode {display:block;float:left;width: 25%;font-size:9px;text-align:left;}
.frm label em i.contphone2, label em i.location {display:block;float:right;width: 70%;font-size:9px;text-align:left;}


.frm button {
	background: transparent url("../media/layout/buttons.gif") no-repeat left top;
	width: 120px;
	text-align: center;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
  cursor:pointer;
  overflow: visible; /* fix for IE width problem */
  }
.frm button:hover {background: transparent url("../media/layout/buttons.gif") no-repeat left -24px;}
.frm button:active {background: transparent url("../media/layout/buttons.gif") no-repeat left -48px;}
.frm button * {display:block;text-align: center;font-style:normal;}


/***** Absätze
**********************************************************/
.tpltext {width: 100%;}
.tpltext .text {width: 100%;}

.tpltext .textimgfixedleft {float:left;width: 100px;}
.tpltext .textfixedleft {float:right;width: 450px;}

.tpltext .textimgfixedright {float:right;width: 100px;}
.tpltext .textfixedright {float:left;width: 450px;}

.tpltext .textimgfloatleft {float:left;width: 100px;margin: 0 15px 10px 0;}
.tpltext .textimgfloatright {float:right;width: 100px;margin: 0 0 10px 15px;}