/* css Datei fuer Homepage */
body {
margin : 0px;
padding : 0;
text-align : left;
font-family : Verdana, Tahome, Trebuchet, Sans-Serif;
font-size : 12px;
color : #232323;
background-color: #e6e6e6;
border-top: solid 1px #dedede;

}
#page {
width : 900px;
padding : 0;
background-color : #ffffff;
margin-top : 10px;
margin-right : auto;
/*margin-bottom : 10px #e6e6e6;*/
margin-left : auto;
border-left:solid 12px;
border-right:solid 12px #fff;
}
.li {
/*Aussentabelle linke Spalte, mit Hintergrundgrafik - erzeugt Schattenwirkung */
width:14px;
background-image:url(../images/ra1.jpg);
background-repeat:repeat-y;
vertical-align:top;
border-right:solid 0px #BFBFBF;
}

.re {
/*Aussentabelle rechte Spalte, mit Hintergrundgrafik - erzeugt Schattenwirkung */
width:14px;
background-image:url(../images/ra2.jpg);
background-repeat:repeat-y;
border-left:solid 0px #BFBFBF;}

#header {
display : block;
float : left;
width : 900px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : #ffffff;
}
h1 {
margin : 0px 0 12px;
padding : 0;
font-size : 12px;
/*font-weight : bold;*/
text-transform : uppercase;
/*color: #6060c0;*/
        color: #669999;
}
h2 {
margin-top : 3px;
margin-bottom : 0;
padding : 0;
font-size : 11px;
color : #6060c0;
font-weight : bold;
}
.justify {
text-align : justify;
}
#gemeindelogo {
display : inline;
float : left;
width: 235px; height: 105px;
margin: 0px;
padding-top: 15px;
padding-left: 25px;
background-image:url(../images/logo_bg.jpg);
}
#header_graphic {
display : inline;
float : right;
width : 640px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : #ffffff;
}
#header_seperator {
display : block;
float : left;
width : 900px;
height : 2px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : #aed5dc;
/*#828c89;*/
}

#main_seperator {
        display : block;
        float : left;
        width : 900px;
        height : 22px;
        background-color : #ffffff;
        margin: 0px;
}
#vertical_spacer {
  width: 900px;
  height: 3px;
  background-color:#FFFFFF;
}
.motto_text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        vertical-align: baseline;
}
.impressum_text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align: baseline;
}

#main {
display : block;
float : left;
width : 900px;
margin : 0;
background-color : #ffffff;
padding-top : 0;
padding-right : 0;
padding-left : 0;
}

#content {
display : inline;
float : left;
width : 400px;
margin : 0;
padding : 0 50px;
font-size : 12px;
color : #232323;
line-height : 150%;
background-color : #ffffff;

}
#content_predigt {
display : inline;
float : right;
width : 700px;
text-align : justify;
margin : 0 0 0 0;
padding : 0 0 0 0;
margin-left: 20px;
font-size : 12px;
color : #232323;
line-height : 150%;
background-color : #ffffff;
}
#content p.flowtext {
padding : 0 0 0 0;
margin : 0 0 0 0;
font-size : 12px;
color : #232323;
line-height : 150%;
}
#right_column {
display : inline;
float : left;
width : 200px;
background-color : #efefef;
text-align : justify;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
}

#right_column a {
text-decoration : none;
font-size : 11px;
}
#right_column h1
{
        display: inline;
        width: 200px;
        float: left;
        font-size: 12px;
        /*color: #6060c0;*/
        color: #669999;
        font-weight: bold;
        text-transform: capitalize;
        background-image: url(../images/h1_bg.jpg);
        background-repeat: x-repeat;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: -10px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        text-align: center;
}

#right_column h2 {
margin-top : 3px;
margin-bottom : 0;
padding : 0;
font-size : 10px;
color : #6060c0;
font-weight : bold;
text-align: left;
}
.right_column-text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #505050;
        text-align: justify;
}
#Losung {
        background-color: #FFFFFF;
        border: 2px dotted #CCCCCC;
        padding: 4px;
}
#Losungsueberschrift {
        font-size : 11px;
        text-align : center;
        text-decoration : none;
        color : #7070ff;
        font-weight: bold;
        margin-bottom: 8px;
}
#Losungstext {
        font-size : 11px;
        text-decoration : none;
        color : #7070ff;
        font-weight: normal;

}
#Losung_bibelstelle {
        margin-bottom : 8px;
        font-size : 10px;
        text-decoration : none;
        color : #707070;
        font-weight: bold;
}
#footer {
display : block;
float : left;
width : 900px;
height : 24px;
/*margin : 0 0 10px 0;*/
padding : 0 0 0 0;
background-image:url(/images/grey_bg.jpg);

}
a.footer_link {
font-size : 11px;
color : #6d6d89;
background-color : #ffffff;
text-decoration : none;
}
a.footer_link:hover {
font-size : 11px;
color : #202089;
background-color : #ffffff;
text-decoration : none;
}
#copyright {
float : left;
width : 350px;
margin : 5px 0 0 24px;
padding : 0 0 0 0;
font-size : 11px;
color : #232323;
}
#footer_funktionen {
float : right;
margin-right : 6px;
margin-bottom: 3px;
font-size : 11px;
background-color : #ffffff;
text-align : right;
padding-top : 0px;
padding-right : 5px;
padding-bottom : 0px;
padding-left : 2px;
}
#navigation {
display : inline;
float : left;
width : 175px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : #ffffff;
}
#navigation ul {
        display : block;
        float : left;
        width : 175px;
        margin : 0;
        padding : 0 0 30px;
        border-top : 1px solid #797979;
        list-style-type : none;
        background-color : #efefef;
        height: auto;
}
#navigation ul li {
display : block;
float : left;
width : 175px;
margin : 0 0 0 0;
padding : 0 0 0 0;
border-bottom : 1px solid #797979;
}
#navigation ul li.uhr {
        width : 155px;
        height: 130px;
        background-color : #efefef;
        padding-left: 20px;
        padding-bottom: 10px;
}
#navigation ul li a {
        display : block;
        float : left;
        width : 165px;
        height : 18px;
        margin : 1px 0 1px 0;
        padding : 4px 0 0 10px;
        color : #6060c0;
        text-decoration : none;
        background-image : url(/pics/arrow.png);
        background-repeat : no-repeat;
        background-position : left center;
        text-indent : 2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}
#navigation ul li a:hover {
color : #ffffff;
/*background-color : #2e9e45;*/
background-color : #aed5dc;
}
#navigation ul li a.active {
color : #ffffff;
background-color : #6060c0;
}
#navigation ul li a.active:hover {
color : #ffffff;
background-color : #6060c0;
}
#navigation ul li ul {
display : none;
background-color : #c0c0e0;
}
#navigation ul li ul.active {
display : block;
float : left;
width : 175px;
margin : 0 0 0 0;
padding : 0 0 0 0;
border-top : 0 solid #797979;
list-style-type : none;
}
#navigation ul li ul.active li {
display : block;
float : left;
margin : 0 100px 1px 10px;
padding : 0 0 0 0;
border-top : 0;
border-bottom : 0;
}
#navigation ul li ul.active li a {
display : block;
float : left;
width : 150px;
margin : 0;
color : #2e2e6e;
font-size : 10px;
text-decoration : none;
border-top : 1px solid #babac0;
background-color : #d0d0f0;
padding-top : 2px;
padding-right : 0;
padding-bottom : 2px;
padding-left : 15px;
}
#navigation ul li ul.active li a:hover {
color : #ff0000;
background-color : #c0c0c0;
}
#navigation ul li ul.active li a.subactive {
color : #ffffff;
background-color : #6060c0;
}
.spacer {
display : block;
clear : both;
height : 0;
overflow : hidden;
padding : 0;
margin : 0;
}
.seperator {
display : block;
clear : both;
width : 450px;
height : 1px;
overflow : hidden;
margin : 15px 0 15px 0;
padding : 0;
background-color : #797979;
}
a {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 12px;
color : #2e2ea0;
text-decoration : none;
}
a:hover {
margin : 0 0 0 0;
padding : 0 0 0 0;
color : #ff0000;
}
a.back {
display : inline;
float : left;
margin : 0 0 0 0;
padding : 0 0 0 15px;
font-size : 10px;
color : #828c89;
text-decoration : none;
background-position : 0 2px;
background-repeat : no-repeat;
}
a.back:hover {
text-decoration : underline;
}
a.external {
display : inline;
float : left;
margin : 0 0 0 0;
padding : 0 0 0 20px;
font-size : 12px;
color : #828c89;
text-decoration : none;
background-position : 0 4px;
background-repeat : no-repeat;
}
a.external:hover {
text-decoration : underline;
}
a.external_inline {
margin : 0 0 0 0;
padding : 0 0 0 12px;
font-size : 12px;
color : #1e9936;
text-decoration : none;
background-position : 0 4px;
background-repeat : no-repeat;
}
a.external_inline:hover {
text-decoration : underline;
}
a.internal {
display : inline;
float : left;
margin : 0 0 10px 0;
padding : 0 0 0 20px;
font-size : 12px;
color : #828c89;
text-decoration : none;
background-position : 0 4px;
background-repeat : no-repeat;
}
a.internal:hover {
text-decoration : underline;
}
a.internal_inline {
margin : 0 0 0 0;
padding : 0 0 0 12px;
font-size : 12px;
color : #1e9936;
text-decoration : none;
background-position : 0 4px;
background-repeat : no-repeat;
}
a.internal_inline:hover {
text-decoration : underline;
}
img {
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0;
}
td {
vertical-align : top;
}
td.tablehead {
font-weight : bold;
background-color : #dad9f7;
margin : 0 0 10px 0;
}
td.colored {
background-color : #dad9f7;
}
td.small {
font-size : 10px;
}