/*****************************
 *      BASIC LAYOUT         *
 *****************************/

body 
{
  padding: 0px;
  margin: 0px;
  background-color:#f0f0f0;
}

body * 
{
  font-family:Helvetica,Arial,sans-serif;
}

p, div, td, th
{
  font-size:12px;
  vertical-align:top;
}


#shader1
{
  background-image:url('background.jpg');
  background-position:center;
  background-repeat: no-repeat;
  display:block;
  position:absolute;
  z-index:1;
  width:1050px;
  height:600px;
  top:50%;
  left:50%;
  margin:0px;
  padding:0px;
  margin-left:-524px;
  margin-top:-289px;
}

#container 
{
  background-image:url('Hintergrund.jpg');
  background-position:top left;
  background-repeat: no-repeat;
  display:block;
  position:absolute;
  z-index:2;
  width:998px;
  height:570px;
  top:50%;
  left:50%;
  margin:0px;
  padding:0px;
  margin-left:-499px;
  margin-top:-275px;
  border:1px solid silver;
  background-color:white;
}

#menu
{
  display:block;
  position:relative;
  width:200px;
  left:63px;
  top:147px;
  float:left;
}

#menu a 
{
  text-decoration: none;
  display:block;
}

#menu a.mainmenu 
{
  width:100px;
  font-size:14px;
  color:black;
  border-left:1px solid #012569;
  margin-left:60px;
  padding:2px;
  padding-left:8px;  
}

#menu a.submenu 
{
  width:110px;
  text-align:right;
  font-size:12px;
  color:#012569;
  padding:2px;
}

#menu a.active 
{
  font-weight:bold;
}

#content
{
  display:block;
  position:relative;
  width:525px;
  height:425px;
  overflow:auto;
  top:145px;
  margin-left:85px;
  float:left;
/*  padding-right:10px;*/
  background-image:url('trennstrich.jpg');
  background-position:top right;
  background-repeat:no-repeat;
}

#content_breit
{
  display:block;
  position:relative;
  width:708px;
  height:425px;
  overflow:auto;
  top:145px;
  margin-left:80px;
  float:left;
  padding-right:10px;
}

#info
{
  display:block;
  position:relative;
  width:178px;
  height:425px;
  overflow:auto;
  top:135px;
  /*margin-left:795px;*/
  float:left;
  margin-top:10px;
  padding-left:10px;
}

/*****************************
 *         SPECIALS          *
 *****************************/

a 
{
  text-decoration:none;
  color:#012569;
  border-style:none;
}

a:hover 
{
  text-decoration:underline;
}

th 
{
  color:#012569;
  font-size:14px;
  font-weight:normal;
  text-align:left;
  padding:0px;
  padding-bottom:10px;
  background-image:url('hr_big10.jpg');
  background-position:left bottom;
  background-repeat:no-repeat;
}

table.fehlerseite {
   width:500px;
   border:1px solid #C60000;
   background-color:#DCDCDC;
   background-image:url('warndreieck.jpg');
   background-repeat:no-repeat;
   background-position:bottom right;
}

table.info
{
  width:160px;
  margin-bottom:15px;
}

table.info th 
{
  background-image:url('hr_small10.jpg');
  background-position:left bottom;
  background-repeat:no-repeat;
}

table.toptermin 
{
  background-color:#E0E0E0;
}

table.toptermin th
{
  background-image:url('hr_small.jpg');
  padding-bottom:1px;
}

table.toptermin td
{
  padding-top:9px;
}

table.border,
table.pagecontent
{
  width:505px;
}

table.border
{
  margin-bottom:10px;
}

/*
table.info * td
{
  font-size:12px;
  padding-top:10px;
  padding-bottom:10px;
}
*/

.kalender_filter
{
  text-align:center;
  background-color:#F0F0F0;
  width:700px;
  border:1px solid silver;
  padding:2px;
  margin-bottom:5px;
}

table.kalender_ueberschrift 
{
   width:685px;
   background-color:#F0F0F0;
   border:1px solid silver;
   margin-bottom:15px;
   table-layout:fixed;
}

table.kalender_ueberschrift * td
{
  padding:2px;
}

table.kalender_ueberschrift * select,
table.kalender_ueberschrift * input
{
  margin:0px;
}

table.kalender_ueberschrift * td.links 
{
   vertical-align:middle;
   text-align:left;
   width:100px;
}

table.kalender_ueberschrift * td.center 
{
   vertical-align:middle;
   text-align:center;
}

table.kalender_ueberschrift * td.rechts 
{
   vertical-align:middle;
   text-align:right;
   width:100px;
}

table.kalender_rahmen 
{
   width:685px;
   table-layout:fixed;
   /*background-color:#f0f0f0;
   border:1px solid silver;*/
}

table.kalender_rahmen * th 
{
   padding-bottom:2px;
   text-align:center;
   font-size:12px;
   color:black;
   background-image:none;
   font-weight:bold;
}

table.kalender_rahmen * td 
{
   text-align:left;
   vertical-align:top;
   font-size:8pt;
}

table.kalender_rahmen tr.kalender_spalte 
{
   height:82px;
   
}

table.kalender_rahmen * td.kalender_heute 
{
   /*width:82px;*/
   background-color:#768CB8;
   border:1px solid gray;
   /*background-image:url('menu_active.jpg');
   background-position:top center;
   background-repeat:repeat-y;*/
   
}

table.kalender_rahmen * td.kalender_feiertag 
{
   border:1px solid gray;
    /*
   background-image:url('menu_white.jpg');
   background-position:top center;*/
   background-color:#DCDCDC;
}

table.kalender_rahmen * td.kalender_wochentag 
{
   border:1px solid gray;
   background-color:#F0F0F0;
}

table.kalender_rahmen * a
{
   color:#333333;
}

table.highlights .links 
{
  width:98px;
  font-style:italic;
}


td.fotoalbum_eindruecke,
td.fotoalbum_ueberschrift
{
  font-style:italic;
}

table.foto,
table.terminvorschau
{
  background-color:#F0F0F0;
  border:1px solid #DDDDDD;
  margin:4px;
}

table.foto * img
{
  border:1px solid gray;
  margin:3px;
}

table.gaestebuch_neuereintrag,
table.mail
{
  background-color:#F0F0F0;
  border:1px solid #DDDDDD;
  width:500px;
}

table.gaestebuch_neuereintrag * td.links,
table.mail * td.links
{
  text-align:right;
}

table.gaestebuch_neuereintrag * td.links b,
table.mail * td.links b
{
  color:#012569;
  font-weight:normal;
}

table.gaestebuch_neuereintrag * td.links div.gbhinweis
{
  font-size:10px;
}

table.antispam {
  width:300px;
  border-collapse:collapse;
  margin:1px;
  left:0px;
}

table.antispam * th {
  font-weight:normal;
  font-size:8pt;
  padding:1px;
  text-align:center;
  background-image:none;
  color:black;
}

table.antispam * td {
  border:1px solid gray;
  height:25px;
  padding:0px;
  text-align:center;
  vertical-align:middle;
}

table.antispam * td.gray {
  background-color:#DCDCDC;
}

table.antispam * td.white {
  background-color:white;
}

table.gaestebuch_nachrichten
{
  background-color:#f0f0f0;
  width:500px;
}

table.gaestebuch_nachrichten * th
{
  font-size:12px;
  padding:0px;
  background-image:none;
}

table.gaestebuch_nachrichten * th h2
{
  font-size:12px;
  font-weight:bold;
  margin-bottom:0px;
}

table.gaestebuch_nachrichten * td
{
  padding-top:5px;
  padding-bottom:10px;
}

table.gaestebuch_nachrichten font.kommentar {
   color:#555555;
}

table.gemeindetermine * td.veranstaltung {
   width:215px;
}

table.gemeindetermine * td.tagesdetail {
   width:200px;
}

table.gemeindetermine * td.uhrzeit {
   /*width:80px;*/
   text-align:right;
}

table.innertable {
   width:500px;
   /*background-color:#F0F0F0;*/
   border:1px solid #DCDCDC;
}

table.innertable * th {
   font-size:12px;
   margin:5px 5px;
   padding-top:3px;
   padding-bottom:3px;
   border-style:none;
   font-weight:bold;
   background-image:none;
   background-color:#F0F0F0;
}

table.innertable * td {
  vertical-align:middle;
  height:23px;
  vertical-align:top;
}

table.innertable * img {
  border-style:none;
}
/*
table.gemeindegruppen
{
  margin-bottom:15px;
}
*/
table.gemeindegruppen * td
{
  font-weight:bold;
  /*background-image:url('hr_big.jpg');
  background-position:left bottom;
  background-repeat:no-repeat;*/
}



table.terminvorschau * td.datum
{
  padding-right:10px;
}


table.jugendkirche_liveticker {
   border-collapse:collapse;
   width:500px;
}

table.jugendkirche_liveticker * th {
   background-image:none;
   background-color:silver;
   padding:0px;
   vertical-align:middle;
}

table.jugendkirche_liveticker * th.links {
   text-align:left;
   padding-left:2px;
   font-size:11pt;
   color:black;
   font-weight:bold;
}

table.jugendkirche_liveticker * th.rechts {
   text-align:right;
   font-weight:normal;
   font-style:italic;
   padding-right:2px;
   color:black;
   font-size:12px;
   /*width:130px;*/
}

table.jugendkirche_liveticker * td.fotoalbum {
  text-align:center;
} 

table.jugendkirche_liveticker * td.text {
   padding-left:0px;
   padding-right:0px;
   padding-bottom:10px;
   padding-top:10px;
   text-align:left;
}

table.jugendkirche_liveticker * td.unterschrift {
   font-style:italic;
   text-align:right;
   padding-bottom:10px;
   border-bottom:1px solid gray;
}

table.jugendkirche_liveticker * td.einzelbild {
   text-align:center;
}

table.jugendkirche_liveticker * img,
table.jugendkirche_termine * img {
   border:1px solid gray;
   max-width:350px;
}

#liveticker select {
   border:1px outset gray;
   background-color:silver;
}

table.jugendkirche_termine {
   width:500px;
   border:1px solid gray;
   border-collapse:collapse;
   margin:10px auto;
   padding:50%;
}

/*
table.jugendkirche_termine * td.rechts,
table.jugendkirche_termine * th.rechts {
   width:395px;
}
*/

table.jugendkirche_termine * th {
   background-color:silver;
   padding-left:4px;
   padding-right:8px;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
   font-size:12px;
   color:black;
   font-weight:bold;
}

table.jugendkirche_termine tr.termin_ueberschrift {
   border-top:1px solid gray;
}

table.jugendkirche_termine tr.termin_ueberschrift td {
   font-weight:bold;
   /*color:#444444;*/
   /*background-color:#DCDCDC;*/
   background-color:#F0F0F0;
}

table.jugendkirche_termine tr.flyer td {
   text-align:center;
   /*background-color:white;*/
   background-color:#F0F0F0;
}

table.jugendkirche_termine tr.beschreibung td {
   /*padding-left:15px;*/
   /*background-color:white;*/
   background-color:#F0F0F0;
}

table.jugendkirche_termine * td {
   padding-left:4px;
   padding-bottom:2px;
   padding-right:8px;
   padding-top:2px;
}

/*hr.jugendkirche_liveticker {
   background-color: blue;
   color:blue;
   border:blue;
   width:75%;
   height:1px;

}*/

h2 
{
  font-weight:normal;
  color:#012569;
  font-size:14px;
  font-weight:normal;
  text-align:left;
  padding:0px;
  background-image:url('hr_big.jpg');
  background-position:left bottom;
  background-repeat:no-repeat;
  margin:0px;
  margin-bottom:5px;
  min-width:400px;
}

h3
{
  font-size:14px;
}

h4
{
  font-size:12px;
  color:#012569;
  text-align:left;
  font-weight:normal;
  margin-top:2px;
  margin-bottom:2px;
}


h5
{
  font-size:12px;
  text-align:left;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:2px;
}

div.personimpressum
{
  height:78px;
}

hr
{
  border-style:none;
  background-image:url('hr500.jpg');
  background-position:center;
  background-repeat:no-repeat;


  background-color: #012569;
  color:#012569;
  border:#012569;
  width:500px;
  height:1px;

}

img
{
  border-style:none;
}

img.border
{
  border:1px solid gray;
  margin-right:7px;
}

input,
textarea,
select
{
  width:300px;
  border:1px solid gray;
  margin:0px;
  font-size:12px;
  font-family:Helvetica,Arial,sans-serif;
}

input.checkbox
{
  width:auto;
  border-style:none;
}

input.button
{
  width:auto;
  border:1px solid #999999;
  background-color:#DCDCDC;
}

.neu
{
  color:red;
  font-variant:small-caps;
}

.center
{
  text-align:center;
}

.right
{
  text-align:right;
}

.mails_dunkel {
   background-color:#DCDCDC;
}

.mails_hell {
   background-color:#F0F0F0;
}

.mails_unterteilung {
   border-top:1px solid gray;
}

.hinweis {
  color:red;
  text-align:center;
}


/*Specials*/
#divBlack {
  background-color:black;
  height:100%;
  width:100%;
  position:fixed;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
  opacity:.7;
	-moz-opacity:.7;
  z-index:2;
  top:0px;
  left:0px;
  display:none;
}

#divPopup {
  border:1px solid black;
  padding:15px;
  background-color:white;
  position:fixed;
  top:3%;
  left:50%;
  margin-left:-8px;
  /*width:600px;*/
  /*height:80%;*/
  max-height:90%;
  overflow:auto;

/*
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
	filter: alpha(opacity=88);
  opacity:.88;
	-moz-opacity:.88;
	*/

  background-image:url('KreuzFlk.jpg');
  background-repeat:no-repeat;
  background-position:bottom right;
  
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:normal;
  text-align:center;
  
  display:none;

  z-index:3;;
}

#divPopup img {
  max-width:inherit;
  max-height:inherit;
}

#divPopup div.event {
  position:fixed;
  padding:1px;
  background-color:white;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
  opacity:.75;
	-moz-opacity:.75;
}

#divLeft  a,
#divRight a {
  text-decoration:none;
  color:black;
}

#divLeft,
#divRight {
  position:fixed;
  left:50%;
  padding:4px;
  top:100px;
  background-color:white;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
  opacity:.75;
	-moz-opacity:.75;
  
  font-family:'Courier New',Courier,fixed;
  font-weight:bold;
  font-size:16pt;
}

#divPopup table {
  margin-bottom: 17px;
  width:575px;

}

#divPopup table.scrollMenu {
  width:100%;
  margin-bottom:-4px;
}

#divPopup table.scrollMenu * td.left,
#divPopup table.scrollMenu * td.right
{
  /*padding:4px;*/
 
  font-family:'Courier New',Courier,fixed;
  font-weight:bold;
  font-size:16pt;
  width:10%;
}

#divPopup table.scrollMenu * td.left  a,
#divPopup table.scrollMenu * td.right a {
  text-decoration:none;
  color:black;
}

#divPopup table.scrollMenu * td.left {
  text-align:left;
}

#divPopup table.scrollMenu * td.title {
  text-align:center;
  vertical-align:middle;
}

#divPopup table.scrollMenu * td.right {
  text-align:right;
}

#divPopup table.termin {
  border-left:6px solid #7F9CE2;
  border-bottom:1px solid #7F9CE2;
  background-color:#DCDCFF;
  width:575px;
}

#divPopup table.termin * td {
  text-align:left;
}

#divPopup table.legende {
  border:1px solid #7F9CE2;
  background-color:#DCDCFF;
}

#divPopup table.legende * img {
  margin-top:0px;
  margin-bottom:0px;
}

#divPopup table.legende * tr.hidden {
  display:none;
}

#divPopup table.legende * tr.visible {
  display:block;
}

#divPopup table.legende * td,
#divPopup table.legende * th {
  padding:2px;
  vertical-align:middle;
  background-image:none;
  color:black;
  font-size:12px;
  text-align:left;
}

#divPopup table.legende * td.img {
  width:35px;
}

#divPopup table.legende * td.right {
  text-align:right;
  white-space:nowrap;
}

#divPopup table.legende * td.text {
  width:257px;
}

#divPopup h3{
  /*border-top:1px solid #7F9CE2;
  border-bottom:1px solid #7F9CE2;*/
  border:1px solid #7F9CE2;
  background-color:#DCDCFF;
  margin-top:0px;
  width:575px;
}