body{
  color: black;
  background-color: #fcf0d6;
  font-size: 100%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  margin:10px;
  height: 100%;
  border-width:2px;
  border-style:solid;
  border-color:gray;
}

p{
font-size: 80%;
color: black;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

table.Normal{
font-size: 100%;
color: black;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

ul {
list-style-image: url("../Upload/Images/Johanneskirche klitzeklein.png");
list-style-position: outside;
}
li a{
font-size: 200%;
}

h3{
color: #993366;
}

table {
font-size: 80%;
color: black;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#browsing {
border-top:1px solid gray;
font-size: 100%;
color: #643E95;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

A:link{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-decoration: none;
color: #643E95;
}
A:visited{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-decoration: none;
/*color: #505050;*/
color: #542E85;
}
A:hover{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-decoration: none;
color: #AE6B00;
}
A:active{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-decoration: none;
color: #AE6B00;
}

A.klein:link	{font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:90%; text-decoration: none; color: #643E95;}
A.klein:visited {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:90%; text-decoration: none; color: #000000;}
A.klein:hover	{font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:90%; text-decoration: none; color: #AE6B00;}
A.klein:active	{font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:90%; text-decoration: none; color: #AE6B00;}

#kopfbereich{
background:#fcf0d6 url("../images/bg_top.jpeg") 0 0 no-repeat;
height: 90px;
}

#kopfrechts{
margin: -90px 0 0 749px;
background:#fcf0d6;
background-image:url("../images/bg_top_rechts.jpeg");
background-repeat:repeat-x;
height: 90px;
}

#kopfbereich h1{
margin: 0;
padding-top: 15px;
}

#kopfunten{
background: #fcf0d6 url("../images/bg_leiste.jpeg") 0 0 no-repeat;
height: 60px;
}

#kopfuntenrechts{
margin: -60px 0 0 400px;
background:#fcf0d6;
background-image:url("../images/bg_leiste_rechts.jpeg");
background-repeat:repeat-x;
height: 61px;
}

#titel{
position: absolute; top:55px; left:200px;
font-size: 210%;
font-weight:bold;
color: #643E95;
}

#servicemenue{
position: absolute; top:25px; right:50px;
}

#hauptbereich{
float: left;
width: 100%;
}

#inhalt{
margin: 20px 250px 0 250px;
padding: 20px 0 0 0;
background: url("../images/ecke_hellgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
overflow: auto;
}

#inhaltstart{
margin: 20px 250px 0 250px;
}

#artikelteaser1{
float: left;
width: 300px;
margin-right: 20px;
padding: 20px 0 0 0;
background: url("../images/ecke_hellgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
overflow: hidden;
}

#artikelteaser2{
padding: 20px 0 0 0;
background: url("../images/ecke_hellgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
overflow: hidden;
}

#artikelteaser3{
clear:both;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
background: url("../images/ecke_hellgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
overflow: hidden;
}

#ueberschrift{
color: #643E95;
font-size: 110%;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#aueberschrift{
margin-bottom:5px;
color: #643E95;
font-size: 110%;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#unterueberschrift{
color: #643E95;
font-size: 80%;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#text{
font-size: 80%;
color: black;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#kalender{
padding: 0 0 0 10px;
}

#kommentar{
clear:both;
color: black;
font-size: 80%;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#links{
float: left;
width: 250px;
margin: 0 0 0 -100%;
}

#menue{
margin: 20px 10px 0 10px;
padding: 30px 0 10px 0;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
}

.navi{
	width:180px;
	border-bottom:1px solid rgb(170,170,170);
}

#suche{
margin: 20px 10px 0 10px;
text-align: center;
vertical-align:middle;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
}

#searchbox {
margin-top: 30px
background-color:#FDD484;
border:2px solid;
border-color: gray;
font-size: 120%;
font-weight:bold;
color: gray;
text-align: center;
vertical-align:middle;
}

#besucher{
margin: 20px 10px 0 10px;
text-align: center;
vertical-align:middle;
padding: 5px 0 5px 0;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
}

#rechts{
float: left;
width: 250px;
margin-left: -250px;
background: #fcf0d6;
}

#bild{
margin: 20px 10px 0 10px;
text-align: center;
vertical-align:middle;
padding: 30px 0 10px 0;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
}

#minikal{
margin: 20px 10px 0 10px;
padding: 20px 0 0 10px;
text-align: center;
vertical-align:middle;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
}

#werbung{
margin: 20px 10px 0 10px;
text-align: center;
vertical-align:middle;
background: #FDD484;
}

#newsletterbox{
color: black;
font-size: 80%;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#news{
margin: 20px 10px 0 10px;
padding: 30px 10px 10px 10px;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
font-size: 12px;
}

#news a{
	color: #5D0C7B;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#news a:hover{
	color:#3E65E9;
	font-size: 13px;
	text-decoration: none;
}
#news a.selected{
	color:#3E65E9;
}

#fuss{
clear:both;
width: 100%;
height: 45px;
background-image: url("../images/bg_bottom.jpeg");
background-repeat: no-repeat;
background-position: right;
}

.innen{
margin: 10px;
}

#image{
margin: 5px 5px 5px 5px;
border-bottom:1px solid;
border-color: gray;
}

#losung{
margin: 20px 10px 0 10px;
padding: 10px 10px 10px 10px;
background: #FDD484 url("../images/ecke_dunkelgelb.jpg") 0 0 no-repeat;
border:2px solid;
border-color: gray;
}

/* Losungen
-----------------------------------------------
TL 	Titelzeile ("Losung für Montag...")
IL 	Einführende Zeile ("Paulus schreibt:")
L 	Losungstext
SL 	Bibelstellenangabe ("Joh. 3,16")
SRCR	Bibelleseangabe ("Lukas 1,1-30")
C 	Kommentarzeile ("Haben Sie schon die Losung für das neue Jahr?") */
p.TL   {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold}
p.IL   {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic;}
p.L    {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left}
p.SL   {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:blue; text-align:left}
p.SRCR {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:navy}
p.C    {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:Olive}


/* COMMENTS OUTPUT */

#commentmodule{
	padding:0px;
	margin:0px;
	margin-top:0px;
	display:block;
}
#commentheader{
	margin:0px;
	padding:0px;
}
#commentheader p.cheadline{
	margin:0px;
	padding:0px;
	color:#5d0c7b;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	background-image:url(../img/linie2.gif);
	background-repeat:repeat-x;
	background-position:0px 20px;
}
#commentheader p.clink{
	margin:0px;
	padding:0px;
	padding-top:2px;
	text-align:left;
}
#commentheader p.clink a{
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#002044;
	text-decoration:none;
	font-weight:bold;
	padding-left:12px;
	background:url(../img/speech_bubble.gif) no-repeat;
}
#commentheader  p.clink a:hover{
	text-decoration:underline;
}


#comments{
	margin:0px;
	margin-top:15px;
	padding:0px;

	background-position:10px 0px;
}
#comments img.avatar{
	margin:0px;
	margin-top:3px;
	margin-left:13px;
	padding:0px;
	float:left;
}
#comments h4{
	margin:0px;
	padding:0px;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:7px;
	color:#002044;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#comments h4 span{
	color:#002044;
	font-size:100%;
}

#comments h4 a{
	color:#002044;
	font-size:100%;
	text-decoration:none;
}
#comments h4 a:hover{
	text-decoration:underline;
	
}

#bubble{
	margin:0px;
	padding:0px;
	background-color:#FDD484;
}
#bubble p{
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	display:block;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}
#bubble p a{
	text-decoration:none;
	color:#5d0c7b;
	font-weight:bold;
	padding-left:15px;
	background:url(../img/external_link_c.gif) no-repeat;
	background-position:2px;
}
#bubble p a.mail{
	background:url(../img/mail_link_c.gif) no-repeat;
	background-position:2px 2px;

}
#bubble p a:hover{
	text-decoration:underline;
}
#bubble p.link{
	font-size:10px;
	margin-top:4px;
	text-align:right;
}
#bubble p.link a{
	text-decoration:none;
	color:#5d0c7b;
	font-weight:bold;
	padding-left:15px;
	background:url(../img/speech_bubble_c.gif) no-repeat;
	background-position:2px;
}
#bubble p.link a:hover{
	text-decoration:underline;
}

#bubble div.rbtop div  { background: url(../img/sbubble_lo.gif) no-repeat top left; }
#bubble div.rbtop      { background: url(../img/sbubble_ro.gif) no-repeat top right; }
#bubble div.rbbot div  { background: url(../img/sbubble_lu.gif) no-repeat bottom left; }
#bubble div.rbbot      { background: url(../img/sbubble_ru.gif) no-repeat bottom right; }
#bubble div.rbtop div, #bubble div.rbtop, #bubble div.rbbot div, #bubble div.rbbot {
	margin:0px;
	padding:0px;
	width: 100%;
	height: 10px;
	font-size: 1px;
}



/* Comment Formular */

#commentform label, #commentform input, #commentform div.ubbpics, #commentform textarea { 
  display: block;
  float: left;
  width: 150px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-bottom:5px;
  padding:2px;
  
}
#commentform input, #commentform div.ubbpics,textarea{
	width:350px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:#eae9f1;
	border:1px solid black;
}
#commentform div.ubbpics{
	background:none;
	border:0px solid black;
}
#commentform textarea {
	width:350px;
	height:100px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  	font-size:12px;
  	font-weight:normal;
}

#commentform form br {
  	clear: left; 
}
#commentform input.hidden {
	border:0px;
	margin-bottom:0px;
	height:0px;
	float:none;
}

#commentform input.submit {
  	width: auto;
}

/* >> Lightbox Gallery */
/* Übersichtsseite */

   div.ligallery {
      margin: 5px 0;
      width: 100%;
      text-align: center;
      font-size: 11px;
   }

   div.gallery {
      margin: 5px 0;
      width: 100%;
      text-align: center;
      font-size: 11px;
   }

   div.gallery a {
      color: black;
      font-size: 13px;
   }

   div.gallery a:hover {
      color: red;
   }

   div.gallery div.cont {
      width: 100%;
      text-align: center;
   }

   div.gallery table.gTable td {
      vertical-align: top;
      padding-bottom: 5px;
   }

   div.gallery td.gallery_image div.link {
      margin-top: 5px;
      height: 100px;
      width: 100px;
      overflow: hidden;
      text-align: center;
   }

   div.gallery td.gallery_image div.link a img {
      filter: none();
      -moz-opacity: 1;
   }

   div.gallery td.gallery_image div.link a:hover img {
      filter: Alpha(opacity=50, finishopacity=100, style=0);
      -moz-opacity:0.3;
   }

   div.gallery div.medianame {
      display: none;
   }

   div.gallery div.description {
      display: none;
   }

   /* Hover Thumb in der Übersicht */

   div.gallery #trailimageid {
      position: absolute;
      visibility: hidden;
      left: 0;
      top: 0;
      height: 1px;
      z-index: 5000;
   }

   /* Detailansicht */

   div.gallery div.gallery_detail {
      position: absolute;
      width: auto;
      top: auto;
      left: auto;
      z-index: 500;
   }

   div.gallery div.gallery_detail div.cont {
      position: absolute;
      top: -300px;
      left: -100px;
      width: 650px;
      background: #000;
      border: 10px solid #fff;
      border-bottom: 0;
      z-index: 600;
   }

   html div.gallery div.gallery_detail div.cont {
      width: 700px;
   }

   /* Allgemein Links */

      div.gallery div.gallery_detail a {
         color: black;
      }

      div.gallery div.gallery_detail a:hover {
         color: #ff8c00;
      }

      div.gallery div.gallery_detail div.image {
         text-align: center;
         margin-bottom: 5px;
      }

      /* Bild */

      div.gallery div.gallery_detail div.image {
      }

      /* Breitenangaben der Container */
      div.gallery div.gallery_detail h3,
      div.gallery div.gallery_detail p.description,
      div.gallery div.gallery_detail div.option,
      div.gallery div.gallery_detail div.back,
      div.gallery div.gallery_detail table.galleryNav {
         text-align: center; /* Nicht entfernen */
         width: 95%;
      }

      /* Überschrift */

      div.gallery div.gallery_detail h3 {
         margin: 10px auto 5px auto;
         color: white;
         text-align: left;
      }

      /* Beschreibung */

      div.gallery div.gallery_detail p.description {
         margin: 0 auto;
         text-align: left;
      }

      /* Optonen */

      div.gallery div.gallery_detail div.option {
         text-align: left;
         margin: 10px auto;
         display: none;
      }

      /* PopUp Link */

      div.gallery div.gallery_detail span.popup {
      }

      /* Download Link */

      div.gallery div.gallery_detail span.download {
      }

      div.gallery div.gallery_detail span.download span.size {
      }

   /* Navigation Detailansicht */

      div.gallery div.gallery_detail div.gTop,
      div.gallery div.gallery_detail div.gBottom {
         width: 100%;
         background: white;
         padding: 2px 0;
         margin-top: 10px;
         text-align: center;
      }

      div.gallery div.gallery_detail div.gTop {
         display: none;
         text-align: center;
      }

      div.gallery div.gallery_detail div.gTop table.galleryNav,
      div.gallery div.gallery_detail div.gBottom table.galleryNav {
         width: 95%;
         margin: 0 auto;
         text-align: center;
      }

      div.gallery div.gallery_detail div table.galleryNav td.next,
      div.gallery div.gallery_detail div table.galleryNav td.back,
      div.gallery div.gallery_detail div table.galleryNav td.prev {
         width: 33%;
      }

      div.gallery div.gallery_detail div table.galleryNav td.back {
         text-align: center;
      }

      div.gallery div.gallery_detail div table.galleryNav td.next {
         text-align: center;
      }

      div.gallery div.gallery_detail div a {
      }

      div.gallery div.gallery_detail div a:hover {
      } 
/* << */