@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/css/formular.css);
@import url(/common/popup.css);
@import url(/css/googlecalendar.css);

body {font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

h1	{font-weight: bold; background-color: #999ab6; font-size: 14px; color: white;
     padding: 3px 10px; margin-bottom: 5px; }
h2	{font-size: 12px; margin-bottom: 5px; margin-top: 15px; }
h3  {font-size: 12px; margin-bottom: 5px; }
p { margin-bottom: 5px; }

ul {list-style-type: disc;}
ul li { margin-left: 20px; }
a {text-decoration: none;}

div.page, div#footer {width: 851px;}
div.page {
    background-image: url(/files/allgemein/body-bg.png);
    margin: 0em auto; position: relative;
    margin-top: 15px;
}
div#site-head {
    padding-top: 15px; padding-left: 26px;
    height: 200px; background-repeat: no-repeat;
    background-image: url(/files/allgemein/head.png);
    position: relative;
    z-index: 0;
}
div#site-head img#pool {
    position: absolute; top: 15px; left: 220px;
    z-index: 10;
}
img#head-bottom { margin-left: 21px; margin-top: -2px; }
div#site-head a#kirchuhr {
    display: block;
    overflow: hidden;
}
div#site-head div#logo-top {
    position: absolute; width: 36px; height: 71px;
    background-image: url(/files/head/kirche_spitze.png);
    top: 144px; left: 177px;
}

ul#main-menu {
    border-right: 3px solid #3b3dc6;
    position: absolute; left: 220px;
    height: 200px; width: 199px;
    z-index: 20;
}

ul#main-menu li,
ul#sub-menu li,
ul#subsub-menu li {
    margin-bottom: 1px;
    background-color: #fff;
    opacity: 0.6; filter: alpha(opacity=60);
    width: 177px;
    line-height: 25px;
    padding-left: 20px;
    margin: 0; list-style-type: none;
}

ul#main-menu li:hover,
ul#main-menu li.active { background-color: #0207d8; }

ul#main-menu li a { color: blue; display: block; width: auto; height: 25px;}
ul#main-menu li.active a,
ul#main-menu li a:hover,
ul#subsub-menu li a:hover,
ul#subsub-menu li.active a { color: #ffff00; }
ul#main-menu div.menu-bg { background-color: blue; }

ul#sub-menu {
    position: absolute; top: 15; left: 422px;
    border-right: 3px solid #efe603;
    height: 200px; width: 200px;
    z-index: 20;
}
ul#sub-menu li { background-color: #f8f6ae; }
ul#sub-menu li:hover,
ul#sub-menu li.active { background-color: #eee602; }


ul#sub-menu li a { color: #000; display: block; width: auto; height: 25px; }
ul#sub-menu li.active a,
ul#sub-menu li a:hover { color: #3b3dc6; }

ul#subsub-menu {
    position: absolute; top: 15; left: 625px;
    height: 200px; width: 199px;
    z-index: 20;
}

ul#subsub-menu li.active,
ul#subsub-menu li:hover { background-color: #c7431d; }
ul#subsub-menu li a { color: #c7431d; display: block; width: auto; height: 25px; }

div.bgBlue {
    background-color: #0207d8;
    opacity: 0.3; filter: alpha(opacity=30);
    height: 200px; width: 199px;
    position: absolute; top: 15px; left: 220px;
    z-index: 15;
}

div.bgYellow {
    background-color: #eee602;
    opacity: 0.3; filter: alpha(opacity=30);
    height: 200px; width: 199px;
    position: absolute; top: 15px; left: 420px;
    z-index: 15;
}

div.bgRed {
    background-color: #c7431d;
    opacity: 0.3; filter: alpha(opacity=30);
    height: 200px; width: 199px;
    position: absolute; top: 15px; left: 624px;
    z-index: 15;
}

div#right {
    width: 200px; padding-top: 12px;
    float: right; padding-right: 24px;
}
div#content {
    width: 590px;
    margin: 21px; margin-bottom: 4px; margin-top: 0;
}
div#content-inner {
    float: left;
    margin: 5px; margin-top: 0;
    padding: 20px; padding-top: 12px;
    background-color: #fcf6ea;
}

div#footer {
    height: 82px;
    background-image: url(/files/allgemein/foot.png); background-position: bottom;
    background-repeat: no-repeat;
}
div#footer-inner {
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    background-color: #dee2ff; padding: 7px 0;
    margin: 0 25px;
}
div#footer-inner p { margin: 0; }
div#bottom-menu {
    border-color: #9899b5; border-width: 3px 0; border-style: solid;
    background-color: #f0efed;
    padding: 6px;
}
div#bottom-menu p#menu {
    float: right;
}

div.element, div#footer, div.clear {clear: both;}

img.plus { margin-left: -10px; }

div#right div.termin {
    border-bottom: 1px solid #999ab6; margin: 10px;
    margin-top: 0; padding-bottom: 10px;
}
div#right div.termin p { margin: 0; }
div#right div.termin h2 { margin: 0; }
div#right div.termin h3 { margin: 0; }
div#right div.termin p.more { text-align: right; font-weight: normal; }

div#right div.koeder { text-align: center; }
div#right div.koeder span {
    font-size: 14px; font-weight: bold;
    margin: 10px; display: block;
}
div#right div.koeder a { color: black; }
div#right div.koeder {
    border-bottom: 1px solid #999ab6;
    padding-bottom: 10px;
}
div#right div.koeder.last {
    border-width: 0;
}

p.moreTermine { text-align: right; margin: 0; margin-top: -10px; margin-bottom: 10px; margin-right: 10px;   }