/*-------------------------------------------------
GLOBALS & GENERAL CASES aus Theme one
-------------------------------------------------*/
* {
        margin:0 center;
        padding:0;
}
a {
        text-decoration:none;
        color:#FFFFFF;          /* Menüschrift  =====#e63636;===grün copyright überaschridft======================= */
}
.button {
        width:100px;
        height:35px;
        text-align:center;
        color:#fff;
        line-height:35px;
}
.button a {
        display:block;
        height:35px;
        text-align:center;
        color:#fff;
        line-height:35px;
        background:#e63636;
}
.button a:hover {
        display:block;
        height:35px;
        text-align:center;
        color:#fff;
        line-height:35px;
        background:#838383;
}
.clear {
        clear:both;
}
 div a:hover{opacity:0.8;filter:alpha(opacity=80);}/*  transparenz abdunkeln===allg bei hover=============== */
/*-------------------------------------------------
body sytles start aus Theme one
-------------------------------------------------*/

body {
        font-family: 'nixie_oneregular', sans-serif;
        font-size:15px;
        color:#FFFFFF;        /* #1f5c0c; grüne Schrift aktuelles spieltheaterkiste usww und copyright============ */
        line-height:20px;
          background:url(../images/sonnenaufgif.gif)  no-repeat center top;
}
.wrapper {
        width:auto;  /*   //width:100%;       =========== */
        height:130px;
        margin:0 center;
        text-align:center;
}

/* Menüschrift  ======================================================== */
.menu {
        float:right;
        width:auto;
        height:120px;
        margin:0 auto;
}
.menu ul {
        list-style:none;
        outline:none;
        margin-top:0px;
        align:center;
}

/* trenner  ====Marker=============================== */
.menu ul li {
         float:left;
        display:block;
        width:300px;
        height:44px;
        line-height:44px;
}

/* schrifteffekte  Menu =============================== */
.menu ul li a {
        color:#9a9a9a;
}
.menu ul li a:hover {
        color:#ffffff;
}
.menu ul li a.active {
        color:#ffffff;
}
.menu ul li.nobg {
        background:none;
}
    /* =========Überschrift spieltheaterkiste===========*/
.text {
        color: #FFFFFF;
        margin:auto;
        max-width:auto;
        height:240px;
}
.text h1 {

         font-size: 30px;
         font-weight: normal;
         line-height: 60px;  /* =========Zeilenabstend===========*/
        /* margin:10px auto;*/
         padding: 0px 0;
         text-align: auto;
         /* ==display:block;  ========*/
}
.text h1 a {
        /* ==display:block;  ========*/
        text-decoration: none;
}
.text h1 a span {
              /* ==   color: #FFFFFF;        == color: #1fb79c; =Theater für Kinder= weiß==*/
        display: block;
          /* ====  font-family: 'nixie_oneregular';==*/
        font-size: 25px;
}
/* marker===== Fenster ohne background===background: #ffffff;   background:none;======================= */
#body {
         background:none;
         margin: 110px auto ;
         max-width: 800px;
        min-height: 827px;
        overflow: hidden;
        padding: 0px 0px 0px;   /* =====  Abstand  rand bild      ===== */
}
#textkoerper {

        color: #025042;
        font-family: 'nixie_oneregular';
        font-size: 15px;
        font-weight: normal;
        line-height: 30px;
        padding: 0px 30px 30px;    /* =====  Abstand  rand text      ===== */
}
#textfeld {
         background: #ffffff;
        color: #025042;
        font-family: 'nixie_oneregular';
        font-size: 15px;
        font-weight: normal;
        line-height: 30px;
        padding: 30px 30px 30px;    /* =====  Abstand  rand text      ===== */
}

/* marker=====Menubilder========================== */

#body img.figure {
        display: block;
         float: right;                      /* =====  float: right; ===== */
        margin: 0px auto 0px 0;          /* =====  Abstand  rand bild   margin: 10px -45px 0px ; === */
         width: 180px;
        height: 180px;                     /* ==width: auto;===   max-width: 100%;       ===== */
        padding: 0px 0px 0px;
        border: 1px solid #FFFFFF;                     /* =====  Abstand  rand bild      ===== */
}

 /*   ===bildmenu========================= */

#body img.figure_2 {
        display: block;
         float: right;                      /* =====  float: right; ===== */
        margin: 0px auto 0px 0;          /* =====  Abstand  rand bild   margin: 10px -45px 0px ; === */
         width: 60px;
        height: 60px;                     /* ==width: auto;===   max-width: 100%;       ===== */
        padding: 0px 0px 0px;            /* =====  Abstand  rand bild      ===== */
        border: 1px solid #FFFFFF;
}
.bildmenu {

        text-decoration:none; /*  ====ohne Unterstreichung == */
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        text-align: right;  color:#FFFFFF;   font-size:10px;
}



.bildmenu {list-style:none; outline:none;  max-width: 800px;  min-height: 827px;}    /* line-height:-30px;  schriftinie == */
.bildmenu a      {display:block; width:180px; height:180px;  }
.bildmenu a span {display:block; width:180px; height:180px;  }


       /*   ===Wechsel Hintergrundbild====================== */
        /*   =         .bildmenu li { background:url(../images/sonnenaufgif.gif)  no-repeat ; display:block; width:180px; height:180px;  }   ======== */

.bildmenu li { background:none; display:block; width:180px; height:180px;  }
.bildmenu ul li { float:left; width:180px;   /*     width:230px; == */  height:180px;    margin: 0px 40px 40px  0 ;    }
.bildmenu img {display:block; width:180px; height:180px; border:0; }
                 /*   ===Wechsel Hintergrundbild==.bildmenu ul li a:hover img {         visibility: hidden;       }      ======== */
.bildmenu ul li a:hover {    border:1;  }  /* Workaround fuer IE 5.5 und 6 */
           * html .bildmenu ul li a {    margin-right:1px;  }
           * html .bildmenu ul li a:hover {    width:180px; margin-right:0;  }

/* marker=====Beitragsbild========================== */
  .bildwechselangebote {margin: 0px auto 0px ;  width:412px; height:223px;       background:url("../images/flocki2.png") top right;}
  .bildwechselangebote:hover {background:url("../images/flocki2.png") bottom right;}       /* class figure_1=====kann somit weg=*/

  .bildwechselstucke {margin: 0px auto 0px ;  width:412px; height:315px;       background:url("../images/krokopng.png") top right;}
  .bildwechselstucke:hover {background:url("../images/krokopng.png") bottom right;}       /* class figure_1=====kann somit weg=*/

  .bildwechselstheater {margin: 0px auto 0px ;  width:412px; height:253px;       background:url("../images/flocki1png.png") top right;}
  .bildwechselstheater:hover {background:url("../images/flocki1png.png") bottom right;}       /* class figure_1=====kann somit weg=*/

  .bildwechselkooperation {margin: 0px auto 0px ;  width:412px; height:275px;       background:url("../images/flocki3png.png") top right;}
  .bildwechselkooperation:hover {background:url("../images/flocki3png.png") bottom right;}       /* class figure_1=====kann somit weg=*/

  .bildwechseltherapie {margin: 0px auto 0px ;  width:284px; height:269px;       background:url("../images/mikepng.png") top right;}
  .bildwechseltherapie:hover {background:url("../images//mikepng.png") bottom right;}       /* class figure_1=====kann somit weg=*/

  .bildwechselaktuell {margin: 0px auto 0px ;  width:302px; height:277px;       background:url("../images/chistinapng.png") top right;}
  .bildwechselaktuell:hover {background:url("../images//chistinapng.png") bottom right;}       /* class figure_1=====kann somit weg=*/





#body img.figure_1 {
        display: block;
        float: center;
        margin: 0px auto 0px ;
        width: auto;
        height: 180px;                   /* =====  Abstand  rand bild      ===== */
        padding: 0px 0px 30px;

}
/* marker=====formular================== */



/* marker=====blog========================== */


 #body h2 {

         width: 650px;
         display: block;
        float: left;
          margin: 0px 0px 0px 0px;
         padding: 0px 50px  0px 50px ; /* ====Innenabstand ist der Bereich zwischen dem Inhalt und dem Rahmen*/
        /*max-width: 100%; width: auto;*/
        font-size: 16px;
}





 #body ul.blog li h2 {

         width: 650px;
         display: block;
        float: left;
          margin: 0px 0px 0px 0px;
         padding: 0px 50px  0px 50px ; /* ====Innenabstand ist der Bereich zwischen dem Inhalt und dem Rahmen*/
      /*  max-width: 100%; width: auto;*/
        font-size: 16px;
}



#body ul.blog {
        list-style: none;
        margin: 0;
        padding: 0;
}
#body ul.blog li {
        overflow: hidden;
       /* padding: 104px 100px 0 0;*/

       padding: 10px 100px 0 0;
}
#body ul.blog li:first-child {
        padding: 0 100px 0 0;
}
#body ul.blog li img {
        display: block;
        float: left;
        margin: 0 20px 0 0;
        max-width: 100%;
        width: auto;
}
#body ul.blog li h3 {
        line-height: 20px;
        padding: 0 0 8px;
}
#body ul.blog li h3 a,
#body div.content div.sidebar ul li h4 a {
        color: #315f52;
        text-decoration: none;
}
#body ul.blog li h3 a:hover,
#body div.content div.sidebar ul li h4 a:hover {
        text-decoration: underline;
}
#body ul.blog li span,
#body div.content div.article span,
#body div.content div.sidebar ul li span {
        display: block;
        line-height: 30px;
}
#body div.content div.article {
        width: 570px;
}
#body div.content div.article img {
        display: block;
        margin: 0 0 9px;
        max-width: 100%;   /* marker===== max-width: 100%;========================== */
        width: auto;       /* marker=====width: auto;========================== */
}
#body div.content div.article p {
        padding: 0 0 30px;
}

/* marker=====mobile????????????========================== */

/* marker=========ende mobile??????????e=================== */

/* marker=========footer===soz Netze=================== */


 #footer {
        margin: 0 auto;
        max-width: 960px;     /*max-width: 960px;*/
        overflow: hidden;
        padding: 10px 0 30px;
         font-size: 26px;
}

#footer div {
        float: left;
        width: 500px;
}

#footer div span {
        color: #99fa99;
        display: block;
        font-size: 26px;
        line-height: 24px;
}

#footer div p {
        color: #b6d8cf;
        font-size: 12px;
        line-height: 30px;
}

#footer div#connect {
        float: right;
        overflow: hidden;
        width: auto;
}

#footer div#connect a {
        background: url(../images/icon-facebook.png) no-repeat;
        display: block;
        float: left;
        text-indent: -99999px;
}
#footer div#connect a#facebook {
        background-position: 0 0;
        height: 30px;
        width: 116px;
}

/*-------------------------------------------------
Copyrights Styles Start
--------------------------#FFFFFF-----------------------*/

.copyrights {
        width:100%;
        text-align:center;
        color:#FF0000;             /*    rote schrift == */
        height:35px;
        line-height:30px;
        margin:0px auto ;
        background:#000000;
}

.copyrights ul {
        list-style:none;
        outline:none;
        margin:0px -50px ;       /*   === margin:0px auto ;====================== */
        max-width: auto;        /*   === max-width: 800px;====================== */
        height: 30px;
}

.copyrights ul li {
        float:left;            /*     float:left; == */
                 /*     display:block;== */
        width:100%;         /*     width:230px; == */
        height:30px;
        line-height:30px;      /*     schriftinie == */
         background:none;
        margin: auto ;       /*      margin: 0px -60px 40px 0; == */
}

.copyrights ul li a {
        color:#D4D0C8;
}
.copyrights ul li a:hover {
        color:#007F00;                 /*    grün schrift == */
}
.copyrights ul li a.active {
        color:#FF0000;
}
.copyrights ul li.nobg {
        background:none;
}