/* **********************************************************************
   Stylesheet for structure of www.foerderverein-kita-hetzerath.de
   (c) 2009 by Förderverein und Freundeskreis der
               Kindertagesstätte St. Hubertus e.V.

   This stylesheet is mainly intended to work with Mozilla Firefox 3.x.
   There are some hacks for IE6 and IE7 allowing for a acceptable rendering
   with this common browsers, too :-(

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

body {
    border: solid none 0px; /* wegen margin-zusammenführung */
    margin: 0; padding: 0;
    text-align: center;
    min-height: 100%;
}

body {
    width: 100%; min-width: 100%; max-width: 100%;
    overflow: none;
}





/* **************************************************
   Layout areas
   ************************************************** */
#logo {
    height: 195px;
    min-height: 195px;
    max-height: 195px;
    margin: 45px auto 5px auto;
    padding: 0;
}

#content, #xlcontent, #slidercontent {
    margin: 0 auto 0 auto;
    overflow: hidden;
    border: solid 1px;
    position: relative; top: 0;
    text-align: center;
    /* padding: 10px; */
}


#content, #xlcontent, #slidercontent{
    height: 700px;
    max-height: 700px;
    min-height: 700px;
}

#content {
    width: 800px; max-width: 800px;
}

#xlcontent {
    width: 1000px; max-width: 1000px;
}

#slidercontent{
    width: 880px; max-width: 880px;
}

#content {
    margin-top: 1.2em;
}

#slidercontent, #xlcontent{
    margin-top: 2.2em;
}

#innercontent {
    text-align: left;
    margin: 10px;
    overflow: auto;
}

#innercontent {
    padding: 1em 1ex 1em 1ex;
}

#content #innercontent, #xlcontent #innercontent{
    height: 650px;
    max-height: 650px;
    min-height: 650px;
}





#slidercontent #innercontent {
    height: 660px;
    max-height: 660px;
    min-height: 660px;
    padding: 10px;
}








/* **************************************************
   Menu Bar
   ************************************************** */
.spacer, #menu {
    border: solid none 1px;
    padding: 3px 0 3px 0;
    margin: 0;
    .margin: -3px -3px 10px -3px;
    /* IE7 hack *** @see: neilkilbride.blogspot.com/2008/01/browser-css-differences-ie6-ie7-firefox.html *** */
    _margin: -3px -3px 0 -3px;
    /* IE7 hack *** @see: neilkilbride.blogspot.com/2008/01/browser-css-differences-ie6-ie7-firefox.html *** */
}


#menu {
    position: absolute;
    top: 0; right: 0;
    float: right;
    min-width: 100%; width: 100%; max-width: 100%;
    /* z-index: 99; */
}

#menu div.galerie {
    text-align: center;
}

ul.menubar, ul.leftmenubar {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 0 2px 0;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    list-style-type: none;
}

ul.menubar, ul.leftmenubar {
    height: 26px;
}

ul.menubar {
    text-align: right;
}

ul.leftmenubar {
    text-align: left;
}

ul.menubar li, ul.leftmenubar li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menubar li a, ul.menubar li span,
ul.leftmenubar li a, ul.leftmenubar li span{
    text-decoration: none;
    border: solid 1px;
    margin: 0 5px 0 0;
    padding: 1pt 3pt 1pt 3pt;
}

/* **************************************************
   Elements: Paragraphs
   ************************************************** */
p {
    margin: 0 0 1ex 0;
}

p.anrede {
    margin: 2em 0 1em 0;
}

p.motto {
    margin: 1em 0 1em 0;
    text-align: center;
    width: 100%;
}

ol.para {
    margin: 0 1ex 0 0;
    padding: 0;
}

ol.para li {
    list-style-type: none;
    margin: 0 0 1ex 0.5ex;
    padding: 0;
}

/* **************************************************
   Elements: Tables
   ************************************************** */
table {
    vertical-align: top;
    text-align: left;
    margin: 0 0 2em 0;
}

table#termine {
    width: 100%;
}

table#impressum td,table#impressum th,
table#termine td, table#termine th {
    padding: 3pt 5pt 3pt 5pt;
    vertical-align: top;
}

table#termine {
    min-width: 90%;
    width: 95%;
    max-width: 100%;
    padding: 1ex;
    margin-left: auto; margin-right: auto;
    border-spacing: 0;
}

/* **************************************************
   Misc
   ************************************************** */
.kleiner {
    font-size: 75%;
}