* {margin: 0; padding: 0;}


body{
 background-color: #FEFEFE;
 font: 0.9em georgia, verdana, arial, sans-serif;
 color: #036;
}



#container {width: 99%;
            margin: 3px auto;

}


h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  padding: 0;
  margin: 0;
}

ul { list-style: none; }


a { text-decoration: none;
    color: #036;
  }

a img { border: 0; }

p.mitte, h3.mitte, h2.mitte, h4.mitte {
        text-align: center;
}


p.block, h4.block {
        text-align: justify;
}

p.block2 {
        text-align: justify;
	max-width: 800px;


}


p.bild_mitte {
        text-align: center;
	max-width: 800px;


}

p.li {
        text-align: left;
}

p.re {
        text-align: right;
}


.leer {
height: 500px;

background-color: #f0f;
}

/*  ############# kopfbereich ################      */

#header {
  z-index: 100;
 height: 70px;

 background: url(bilder/gesichter.jpg) right bottom no-repeat;
}

.nullh {
background-color: #fdf4e8 !important;
}


.einsh {
background-color: #fef5fe !important;
}

.zweih {
background-color: #f5f8ff !important;
}


.dreih {
background-color: #f8fff2 !important;
}

.vierh {
background-color: #ffffdc !important;
}


.fuenfh {
background-color: #F0F8FF !important;
}

.sechsh {
background-color: #fff6f6 !important;
}


.siebenh {
background-color: #edeff8 !important;
}



.cafh {
background-color: #edf6f0 !important;
}




/* IE 5... */
* html #header { height: 1em;}

#headlogo {
  left: 10px;
  top: 5px;
  padding: 7px 10px 0 10px;
  float: left;
}

#headtext {
  padding: 15px 0 0 200px;
      font-size: 28px;

        color: #036;
        font-family: palatino linotype, georgia, verdana, arial, Helvetica, sans-serif;
        font-style: italic;
        font-weight: bold;
}



/*  ############# menu ################      */


#menu{
 float: left;
 width: 180px;
 padding: 5px 0 0 5px;
 z-index: 2;
}


.menutext {
 width: 10em;
 margin-bottom: 0px;
 margin-top: 10px !important;
 font: 12px verdana, sans-serif;
 background-color: #fff;
 padding: 10px 5px 5px 13px;

}


#menu ul { padding-top: 1px; } /* nicht entfernen */

 /* Styles the list holder. */
#menu ul{
 margin: 0; padding: 0;
 list-style: none;
 font: 11px verdana, sans-serif;
 background-color: #fff;
}


* html #menu li { display: inline; }

 /*    */
#menu ul li{
 display: block;
 margin: 0 0 5px 0; padding: 0;
background-color: #fff;
 height: 30px;
 line-height: 28px;

}


 /*  button. */
#menu ul li a{
 display: block;
 color: #036;
 text-decoration: none;
 padding: 0 0 0 10px;
}


 /*  */
#menu ul li:hover{
 margin: 0 0 1px 0; padding: 0px;
 background-color: #fff;
}

 /*  */
#menu ul li a:hover{
 color: #003;
font-weight: bold;
}


#null {
 background: url(bilder/b_orangehell.jpg) no-repeat;

}

#null a:hover {
 background: url(bilder/b_orange.jpg) no-repeat;
}

#eins {
 background: url(bilder/b_pinkhell.jpg) no-repeat;

}

#eins a:hover {
 background: url(bilder/b_pink.jpg) no-repeat;
}


#zwei {
 background: url(bilder/b_blauhell.jpg) no-repeat;

}

#zwei a:hover {
 background: url(bilder/b_blau.jpg) no-repeat;

}

#drei {
 background: url(bilder/b_gruenhell.jpg) no-repeat;

}

#drei a:hover {
 background: url(bilder/b_gruen.jpg) no-repeat;

}

#vier {
 background: url(bilder/b_gelbhell.jpg) no-repeat;

}

#vier a:hover {
 background: url(bilder/b_gelb.jpg) no-repeat;

}

#fuenf {
 background: url(bilder/b_tuerkishell.jpg) no-repeat;

}

#fuenf a:hover {
 background: url(bilder/b_tuerkis.jpg) no-repeat;

}


#sechs {
 background: url(bilder/b_rothell.jpg) no-repeat;

}

#sechs a:hover {
 background: url(bilder/b_rot.jpg) no-repeat;

}

#sieben {
 background: url(bilder/b_dblauhell.jpg) no-repeat;

}

#sieben a:hover {
 background: url(bilder/b_dblau.jpg) no-repeat;

}

#caf {
 background: url(bilder/b_dgruenhell.jpg) no-repeat;

}

#caf a:hover {
 background: url(bilder/b_dgruen.jpg) no-repeat;

}

#fra {
 background: url(bilder/b_blauhell.jpg) no-repeat;

}

#fra a:hover {
 background: url(bilder/b_blau.jpg) no-repeat;

}


#praktikantin {
           margin-top: 15px;
        margin-left: 20px;
        border:0;
}

#wechsel {
   text-decoration: none;


}



.fraa {
 background: url(bilder/bg_blau.jpg) top repeat-x;
}

.cafa {
 background: url(bilder/bg_dunkelgruen.jpg) top repeat-x;
}

.nulla {
background: url(bilder/bg_orange.jpg) top repeat-x;
}
.einsa {
background: url(bilder/bg_pink.jpg) top repeat-x;
}
.zweia {
background: url(bilder/bg_blau.jpg) top repeat-x;
}
.dreia {
background: url(bilder/bg_gruen.jpg) top repeat-x;
}
.viera {
background: url(bilder/bg_gelb.jpg) top repeat-x;
}
.fuenfa {
background: url(bilder/bg_tuerkis.jpg) top repeat-x;
}
.sechsa {
background: url(bilder/bg_rot.jpg) top repeat-x;
}
.siebena {
background: url(bilder/bg_dunkelblau.jpg) top repeat-x;
}



/*  ########## inhalt ########### */

#inhalt {margin-left: 185px;
     padding: 10px 5px 5px 15px;
}




/* inhalt Überschriften */

#inhalt h2 {
  color: #036;
  font-size: 1.3em;
  margin: 25px 10px 5px 15px;

}


#inhalt h3 {
  color: #036;
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.4em 10px -0.4em 15px;
}



/* Absaetze */

#inhalt p {
  font-size: 0.9em;
  line-height: 2em;
  margin: 1em 15px;
}




/* inhalt Listen */

#inhalt ul,
#inhalt ol {
  margin: 0.8em 0 1em 30px;
  font-size: 0.9em;
  line-height: 1.5em;
}

#inhalt ul ul {
  font-size: 1em;
  margin-top: 0.4em;
}

#inhalt ul {
  list-style: circle;
}



#inhalt ol li {
  margin-bottom: 0.8em;
}

#inhalt ul.abstand li {
  margin-bottom: 0.8em;
}


/* inhalt Links */

#inhalt a {
        font-style: italic;
        font-weight: bold;
}

#inhalt a:link { color: #036;
}


#inhalt a:visited { color: #036; }

#inhalt a:focus,
#inhalt a:hover,
#inhalt a:active {
  color: #fff !important;
  background: #036;
}

#inhalt p.kontakt {
text-align: center;
font-size: 1.1em;
color: #063;
}

#inhalt p.kontakt a {
font-weight: bold;
font-size: 0.9em;
}

#inhalt p.klein {
font-size: 0.8em;
}
/* kästen mit öffnungszeiten usw.  */

#adresse {
        float: right;
           width: 166px; height: 161px;
        font-size: 11px;
        padding: 20px 0 0px 0px;
        margin: 10px 5px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel3_gruenmi.jpg) no-repeat;
        }


#zeiten {
        float: left;
           width: 171px; height: 114px;
        font-size: 11px;
        padding: 25px 0 2px 0;
        margin: 1px 25px 1px 15px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel1_hellgelb.jpg) no-repeat;
        }

#theaterproben {
        float: left;
           width: 171px; height: 114px;
        font-size: 11px;
        padding: 15px 0 2px 0;
        margin: 1px 25px 1px 15px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel1_hellgruen.jpg) no-repeat;
        }

#sport {
        float: left;
           width: 168px; height: 114px;
        font-size: 11px;
        padding: 35px 0 2px 0px;
        margin: 15px 25px 1px 15px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel2_hellrot.jpg) no-repeat;
        }

#kreativ {
        float: left;
           width: 168px; height: 114px;
        font-size: 11px;
        padding: 29px 0 2px 0px;
        margin: 10px 25px 1px 15px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel2_hellblau.jpg) no-repeat;
        }

#comp {
        float: right;
           width: 171px; height: 114px;
        font-size: 11px;
        padding: 15px 0 2px 0;
        margin: 1px 25px 1px 15px;
        text-align: center;
        color: #036;
        background: url(bilder/zettel1a_hellgruen.jpg) no-repeat;
        }


.hervor {
        font-size: 11px; font-weight: bold;;
        margin-top: 5px;
        margin-bottom: 3px;
        color: #063;
        text-align: center;
        }

#treff1 {
        width: 230px; height: 180px;
        float: right;
        padding: 0;
        margin: 5px;
        }

.imgl {
        float: left;
        padding: 0;
        margin: 3px 15px;
        }

.imgr {
        float: right;
        padding: 0;
        margin: 5px;
        }

.img_n {
        padding: 0;
        margin: 0 0 0 35px;
        }

.postkarte {
width: 75px; height: 130px;
}


#lis {
margin: 5px 0px 5px 5px;
        padding: 0;
}




.textlinks {
        font-size: 1em;
        color: #003 !important;
        font-weight: bold;
}

.hrtext {
        height: 1px;
        color: #003;
}


hr {    min-width: 70%;
        height: 1px;
        color: #036;
        margin: 15px 10px 15px 10px;
}


.hraktuell {    min-width: 70%;
        height: 2px;
        color: #ff6700;
        margin: 15px 10px 15px 10px;
}

.hrkiez {    min-width: 70%;
        height: 2px;
        color: #d66cd6;
        margin: 15px 10px 15px 10px;
}

.hrcafe {    min-width: 70%;
        height: 2px;
        color: #1C8F6F;
        margin: 15px 10px 15px 10px;
}

#klein {
font-size: 0.8em;
}




/*  ########## fuss ########### */

#fuss { clear: both;
        height: 30px;
        margin-top: 10px;
        color: #036;
        font: 11px verdana, arial, Helvetica, sans-serif;
        padding: 5px 10px 0 0px;
        text-align: right;
        border-top: 1px #ccc solid;
}

#fuss a {
        font-weight: bold;
}

/* ##################  */

.stopfloat {
clear: both;
}
.stopfloatr {
clear: right;
}