html, body {
   background-color:white;
   margin:0px;
   padding:0px;
}

#main_section {
   margin:0px;
   padding:0px;
   z-index:100;
}

#navigation {
   position:relative;
   border:0;
   background-image:url(../grafik/backgr.jpg);
   background-repeat:repeat-y;
   top:0px;
   left:0px;
   width:150px;
   padding:0px;
   padding-left:5px;
   padding-top:5px;
   margin:0px;
   font-family:Arial,sans-serif;
}

#logo {
   position:relative;
   top:7px;
}

/*  Diese Klasse sorgt bei jedem Element dafür, dass es danach neu weitergeht. Man kann mit style="height:??px" die Höhe regeln. */
.clearer {
   height:1px; 
   clear:both; 
}

#navbar {
   position:relative;
   top:29px;
   width:120px;
}

#navbar_addon {
   position:relative;
   top:42px;
   width:120px;
}

#boxleft {
   position:relative;
   top:0px;
   text-align:left;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:1px;
   width:98px;
   margin-left:-1px;
   color:white;
   background-color:rgb(0,77,153);
   border-width:1px;
   border-color:white;
   border-style:solid;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:12pt;
   font-weight:bold;
   text-decoration:none;
   letter-spacing:0,1em;
}

#boxleft:hover {
   background-color:rgb(255,255,255);
   color:black;
   border-style:solid;
   border-color:black;
}

#counter {
   position:relative;
   padding:0px;
   top:45px;
   right:15px;
   text-align:center;
   font-size:10pt;
}

#counter img {
   border:0px;
   margin-top:3px;
   margin-right:3px;
   }

#copyleft {
   padding:0px;
   position:relative;
   top:45px;
   right:15px;
   text-align:center;
   font-size:8pt;
}

.abstand_50px {
   height:50px;
}

#content {
   position:absolute;
   left:150px;
   top:0px;
   margin:0px;
   padding-bottom:5px;
   background-color:rgb(255,255,255);
   width:608px;
}

#banner {
   height:152px;
   width:597px;
   overflow:hidden;
   margin-bottom:8px;
}

#content h1 {
   background-color:#990000;
   color:#FFD229;
   padding:2px;
   padding-left:5px;
   width:590px;
   margin:0px;
   margin-top:2px;
   margin-bottom:10px;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:19pt;
}

#content h2 {
   background-color:#ffffff;
   color:#b84700;
   margin:0px;
   margin-top:10px;
   margin-bottom:8px;
   padding:0px;
   max-width:597px;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:13pt;
   text-align:left;
   font-weight:bold;
}

#content h3 {
   background-color:#f5cc00;
   color:#000000;
   margin:0px;
   width:590px;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size : 16pt;
   text-align : left;
   font-weight:bold;
   padding: 2px;
   padding-left:5px;
}

#content h4 {
   font-family:Tahoma,Verdana,Arial,sans-serif;
}

#content h5 {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:11pt;
}

#content p, table {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   max-width:590px;
   font-size:10pt;
   margin-top:3px;
   margin-bottom:5px;
   text-align:justify;
}

#content ul, ol, li, dl {
   font-family:Arial,sans-serif;
}

#content ul, ol, li {
   max-width:550px;
   font-size:10pt;
   margin-top:3px;
   margin-bottom:5px;
   text-align:justify;
}

#content img {
   border:0px;
   float:left;
   margin-right:5px;
}

#links {
   left:0px;
   top:20px;
   margin:0px;
   padding:0px;
   padding-bottom:5px;
   width:597px;
}

#zebra h3 {
   background-color:#7433FF;
   color:white;
   font-size : 16pt;
   padding:2px;
   padding-left:5px;
   width:591px;
   margin-bottom:2px;
}

#zebra p {
   margin:2px;
   margin-bottom:0px;
   margin-left:0px;
}

.zebra_hell {
   background-color:rgb(56,204,255);
   color:rgb(0,0,0);
   padding:3px;
}

.zebra_dunkel {
   background-color:rgb(0,152,255);
   color:rgb(0,0,0);
   padding:3px;
}

.spalte1 {
   float:left;
   font-weight:bold;
   width:190px;
   padding-left:10px;
   overflow:hidden;
}

.spalte2 {
   float:left;
   width:385px;
   padding-left:5px;
   margin-left:6px;
   right:0px;
   overflow:hidden;
}

.datum {
   float:left;
   font-weight:bold;
   width:200px;
   right:0px;
   overflow:hidden;
   z-index:100;
}

.thema {
   position:relative;
   left:1px;
   overflow:hidden;
   z-index:100;
   width:380px;
}

.spalte_links {
   float:left;
   margin-top:0px;
   width:295px;
}

.spalte_rechts {
   margin-top:0px;
   margin-left:303px;
   width:295px;
}

#links a {
   display:block;
   margin-bottom:3px;
   text-decoration:none;
   color:black;
   background-color:#FFFFE6;
   padding-left:5px;
   border:1px dotted white;
   border-top:1px solid black;
   border-bottom:1px solid black;
   width:592px;
}

#links a:hover {
   background-color:#FFD229;
   border:1px dotted black;
   }

#links a:active {
   background-color:#FFD229;
   border:1px dotted black;
   }

#links a:visited {
   background-color:rgb(220,220,220);
   color:black;
   border:1px solid rgb(220,220,220);
   }

#bibeltext {
   margin-top:0px;
   padding:4px;
   padding-right:6px;
   width:590px;
   background-color:rgb(255,255,153);
   line-height:12pt;
   font-size:12pt;
   font-weight:bold;
}

.bible {
   background-color:rgb(255,255,153);
   padding-right:3px;
   padding-left:4px;
   font-weight:bold;
}

.Einzug2 {
   MARGIN-LEFT: 22mm;
   TEXT-INDENT: -22mm;
   font-family: Verdana,sans-serif;
   background-color: #FCFEDA;
   font-size: 10pt;
   padding:5px;
   text-align:left;
}
/*Einzug für Theaterszenen, die erste Zeile des Absatzes wird nicht eingezogen*/

#bibeltext img {
   position:absolute;
   left:610px;
   z-index:99;
}

#predigt {
   margin-top:6px;
   padding:0px;
   padding-bottom:3px;
   width:597px;
   line-height:12pt;
   font-size: 12pt;
   text-align:justify;
}

#predigt img {
   position:absolute;
   left:610px;
   z-index:110;
}

#links img {
   position:absolute;
   left:614px;
   z-index:110;
}

.randnotiz {
   position:absolute;
   left:610px;
   width:184px;
   padding:3px;
   padding-bottom:6px;
   font-family:arial,sans-serif;
   text-align:left;
   border:dotted 1px;
   background-color:yellow;
   z-index:100;
}

#rand {
   position:absolute;
   background-color:rgb(255,242,205);
   top:0px;
   margin-left:753px;
   width:210px;
   padding:0px;
   padding-top:5px;
   font-family:Arial,sans-serif;
   z-index:80
}

#rand_vera {
   position:absolute;
   background-color:rgb(255,255,255);
   top:0px;
   margin-left:800px;
   width:160px;
   padding:0px;
   padding-top:5px;
   font-family:Arial,sans-serif;
}

#sitedaten {
   position:absolute;
   top:0px;
   right:10px;
   left:auto;
   text-align:right;
   font-size:7pt;
   font-weight:bold;
   color:blue;
}

#info_seitenspezifisch {
   position:relative;
   top:110px;
   text-align:right;
   padding-left:10px;
   width:190px;
   margin-right:10px;
   margin-bottom:190px;
}

#info_seitenspezifisch p {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:8pt;
   font-weight:bold;
   line-height:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
}

#info_seitenspezifisch img {
   display:block;
   width:190px;
   margin-bottom:3pt;
   border:0pt;
}

.ticker {
   text-align:left;
   padding:10px;
   width:180px;
   margin-left:9px;
   margin-right:9px;
   background-color:rgb(255,255,255);
   border-width:1px;
   border-color:black;
   border-style:solid;
}


#ticker {
   position:relative;
   top:160px;
   text-align:left;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:1px;
   width:180px;
   margin-left:9px;
   background-color:rgb(255,255,255);
   border-width:1px;
   border-color:black;
   border-style:solid;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#ticker:hover {
   background-color:rgb(255,242,205);
   border-style:dashed;
}

.ticker:hover {
   background-color:rgb(255,242,205);
   border-style:dashed;
}

#ticker:hover a {
   color:#990000;
}

#ticker p {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:8pt;
   font-weight:normal;
   line-height:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
}

.ticker p {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:8pt;
   font-weight:normal;
   line-height:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
}

#ticker h5 {
   padding-top:5pt;
   margin-bottom:5pt;
   margin-top:0pt;
}

#ticker img {
   display:block;
   width:190px;
   margin-bottom:3pt;
   border:0pt;
}

#ticker a {
   color:#990000;
   text-decoration:none;
   font-weight:bold;
}

#ticker a:hover {
   color:blue;
   text-decoration:underline;
}

#info {
   position:relative;
   top:10px;
   text-align:right;
   padding-left:10px;
   width:190px;
   margin-right:10px;
   margin-bottom:170px;
}

#info p {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:8pt;
   font-weight:bold;
   line-height:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
}

#info img {
   display:block;
   width:190px;
   margin-bottom:3pt;
   border:0pt;
}

#info2 {
   position:relative;
   top:130px;
   padding-left:10px;
   width:190px;
   margin-right:10px;
   margin-bottom:170px;
}

#info2 p {
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:11pt;
   line-height:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
}

#rand2 {
   position:absolute;
   background-color:rgb(255,242,205);
   color:rgb(210,210,210);
   top:0px;
   right:0px;
   min-width:200pt;
   margin:0px;
   padding:0px;
   padding-top:5px;
}

#rand2_vera {
   position:absolute;
   background-color:rgb(255,255,255);
   color:rgb(210,210,210);
   top:0px;
   right:0px;
   min-width:200pt;
   margin:0px;
   padding:0px;
   padding-top:5px;
}

#nach_oben {
   position:absolute;
   left:20px; 
   bottom:20px;
}

#nach_oben a {
   color:transparent;
   border:0px;
}

#footer {
   top:0px;
   margin:0px;
   margin-left:-10px;
   float:left;
   padding:1px;
   padding-left:0px;
   padding-right:0px;
   width:920px;
   height:50px;
   background-color:rgb(255,255,255);
   text-align:center;
   font-family:Arial,sans-serif;
   font-size:9pt;
   color:blue;
   z-index:10;
}

#footer2 {
   right:0px;
   margin:0px;
   padding:1px;
   height:50px;
   background-color:rgb(255,255,255);
}

#motigo {
   position:absolute;
   margin-top:10px;
   margin-left:2px;
}

.schatten {
    background: #ddd; padding: 0px;
    -webkit-box-shadow: 7px 7px 10px #777;
    -moz-box-shadow: 7px 7px 10px #777;
    box-shadow: 7px 7px 10px #777;
}


a.navi {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   margin-bottom:3px;
   border:1px solid white;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   letter-spacing:0,1em;
   padding:3px;
   text-align:center;
   }

a.navi:link, a.navi:visited {
   background-color:rgb(0,77,153);
   color:white;
   }

a.navi:hover {
   background-color:white;
   color:black;
   border:1px solid black;
   }

a.navi:active {
   background-color:rgb(230,230,230);
   color:black;
   border:1px solid black;
   }

a.navi_add:link, a.navi_add:visited {
   background-color:rgb(153,0,77);
   color:white;
   }

a.navi_add:hover, a.navi_add:active {
   background-color:white;
   color:rgb(153,0,77);
   border:1px solid #99004D;
   }

#boxleft a {
   color:rgb(255,255,255);
   text-decoration:none;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:10pt;
   font-weight:bold;
   letter-spacing:0,1em;
}

/*Formatierungsklasse für Zitate:*/
.zitat {
   margin-left:20px; 
   margin-right:30px; 
   font-weight:bold; 
   font-family:'Times New Roman',Times,serif;
}