/*
 *  __    ____  _____  _____  _____  ______ __ _____       _ _   _______  ______ _    _
 * | |   / __ \|  __ \|  __ \|  __ \|  ____| |/ ___/      | | \ | |  __ \|  ____| \  / |
 * | |  | |  | | |__) | |__) | |__) | |__  | | (___   ___ | |  \| | |  | | |__   \ \/ /
 * | |  | |  | |  __ <|  ___/|  _  /|  __| | |\___ \ |___|| |     | |  | |  __|   >  <
 * | |__| |__| | |__) | |    | | \ \| |____| |____) |     | | |\  | |__| | |____ / /\ \
 * |____|\____/|_____/|_|    |_|  \_\______|_|\____/      |_|_| \_|_____/|______|_/  \_\
 ***************************************************************************************
 *           Visit http://www.lobpreis-index.de || http://www.worship-index.net
 */

/* -- Allgemeines -- */
body {
 background: #e7f3f7;
 color: black;
 margin: 0;
 padding: 1%;
 min-width: 640px;
 font-size: 100.01%;
 font-family: verdana, arial, sans-serif ;
}
input               {   font-family: Verdana; font-size: 10px; color: blue; border : 1px none #e7f3f7;}
input.checkbox      {   font-family: Verdana; font-size: 10px; color: blue; border : 0px none #ffffff;}
textarea            {   font-family: Verdana; font-size: 10px; color: #333333; border : 0px outset #e7f3f7;     }
select              {   font-family: Verdana; font-size: 10px; color: blue; border : 0px none #ffffff;     }
input.noBorder      {   font-family: Verdana; font-size: 10px; color: #333333; border-style:none;               }
textarea.noBorder   {   font-family: Verdana; font-size: 10px; color: #333333; border-style:none;               }
/***********************************************\
|   BBCODE                                      |
\***********************************************/
.bbCode10   {   font-family: Verdana;   font-size: 10px;    }
.bbCode11   {   font-family: Verdana;   font-size: 11px;    }
.bbCode12   {   font-family: Verdana;   font-size: 12px;    }
.bbCode13   {   font-family: Verdana;   font-size: 13px;    }
.bbCode14   {   font-family: Verdana;   font-size: 14px;    }
.bbCode15   {   font-family: Verdana;   font-size: 15px;    }
.bbCode16   {   font-family: Verdana;   font-size: 16px;    }
.bbCode17   {   font-family: Verdana;   font-size: 17px;    }
.bbCode18   {   font-family: Verdana;   font-size: 18px;    }
.bbCode19   {   font-family: Verdana;   font-size: 19px;    }
.bbCode20   {   font-family: Verdana;   font-size: 20px;    }
.bbCode22   {   font-family: Verdana;   font-size: 22px;    }
.bbCode24   {   font-family: Verdana;   font-size: 24px;    }
.lineThrough    {   text-decoration: line-through;  }
.openQuote  {   margin-left: 1%;    margin-right: 1%;   margin-top: 1%;
                background:url('/img/common/openQuote.gif') top left no-repeat;
                width: 85%;
            }
.closeQuote {   margin-left: 1%;    margin-right: 1%;   margin-top: 1%;
                background:url('/img/common/closeQuote.gif') top right no-repeat;
                width: 90%;
            }
.quoteWords {   margin-left: 3%;    margin-right: 3%;   margin-top: 1%; margin-bottom: 1%;  font-style: italic;
                width: 85%; border : 2px outset #C5D6E0;
            }
.quoteFrom  {   color: #333333; text-align: left;   font-weight: bold;
                width: 85%;
            }
a { color: #0B4D8C; text-decoration: underline; }
a:visited { color: #0B4D8C; }
.skip {
 position: absolute;
 margin-left: -10000px;
}
.hr { display:none; }
h1 {
 font-size: 3em;
 line-height: 0.8em;
 padding: 20px 0 5px 5%;
 margin: 0;
 border-bottom: 1px dashed #aaa;
}
h1, h2, h3, h4, h5, h6 {
 color: #6699CC;
 font-family: Georgia, "Times New Roman", Times, serif;
}
h2, h3, h4, h5, h6 {
 background: url(../img/bg_sub.png)  no-repeat 0px 10px white;
 }
img {
 border: none 1px #fff;
 padding: 1px;

}
.selected { background-color:   #ADD8E6; }
.fleft {
 float: left;
 margin: 0 1em 0.2em 0;
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}
/*  This is the line in the posting page which shows the rollover help line.
 *  This is actually a text box, but if set to be the same colour as the background no one will know ;)
 */
.mdSelected {
    background: #A2B9CE url('gradient.php?color2=A2B9CE&amp;color1=D9E3EB') repeat-x ;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.helpline {   background-color: #E6E6E6;  width: 450px; font-size: 10px; border-style: none; }


table {
    vertical-align: top;
}

th a, th{
    background: #A2B9CE url('gradient.php?color2=A2B9CE&amp;color1=D9E3EB') repeat-x ;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
/* hovered table rows */
tr.tabval0:hover ,
tr.tabval1:hover ,
tr.hover  {
    background: #D9E3EB url('gradient.php?color2=FFF&amp;color1=D9E3EB') repeat-x ;
}
td  {
    padding-left: 1px;
    padding-right:1px;
    color: #333333;
    font-size: 1.0em;
 }
.result {
    background-color: rgb(255, 255, 0);
    color: rgb(255, 0, 0);
}
.tabval0 {
  background: #d6d6d6 url('gradient.php?color1=A2B9CE&amp;color2=e7f3f7') repeat-x ;
    vertical-align:text-top;
    font-family: Arial,verdana,helvetica;
    font-size: 1.0em;
}
.tabval1 {
  background: #e6e6e6 url('gradient.php?color1=A2B9CE&amp;color2=e7f3f7') repeat-x ;
    vertical-align:text-top;
    font-family: Arial,verdana,helvetica;
    font-size: 1.0em;
}
.tabhead {
    font-family: verdana,helvetica;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
    }
.inputbox {
    padding: 2px 0px 2px 15px;
    background-color: #e6e6e6;
    -moz-border-radius:30px;
    -khtml-border-radius:30px;

}
.blue {
    font-family: verdana,helvetica;
    color: #3c3c5c;
    font-weight: normal;
    font-size: 10px;
    text-decoration: underline;
}
.big {
    font-family: verdana,helvetica;
    color: #000000;
    background-color: #ffffff;
    font-weight: bold;
}

.red {
    font-family: verdana,helvetica;
    color: #ffffff;
    background-color: #df0000;
    font-weight: bold;
}
.green {
    font-family: verdana,helvetica;
    color: #3c3c5c;
    background-color: #00df00;
    font-weight: bold;
}

.yellow {
    font-family: Arial,verdana,helvetica;
    color: #333;
    background-color: #ffff00;
    font-weight: bold;
}
/*.btn    {
    font-family:Verdana,Helvetica,Arial;
    color: #000000;
    background: #f8e8a0;
    border: 1;
    border-color:"yellow";
    font-size:10px;
    //font-weight: bold;
}
*/

/* -- Layoutspezifisches -- */
#container {
 font-size: 0.8em;
 max-width: 95%;
 /*max-height: 600px;*/
 margin: auto;
 border: 0px dotted #ccc;
 border-top: 0;
 -moz-border-radius:30px;
 -khtml-border-radius:30px;
 }
/* -- for iframes --*/
#containerIF {
 background: white;
 font-size: 0.8em;
 max-width: 100%;
 /*max-height: 600px;*/
 margin: auto;
 border: 0px solid #ccc;
 border-top: 0;
 -moz-border-radius:30px;
 -khtml-border-radius:30px;
 }
/* - Logo bzw. Kopf - */
#logo {
background: #A2B9CE ; /* url("gradient.php?color1=D9E3EB&amp;color2=e7f3f7") repeat-x*/
 height: 52px;
 padding: 0 20px; /* 1=oben, 2=rechts, 3=unten, 4=links || 1=oben unten, 2=links rechts */
 text-align: right;
 line-height: 55px;
 font-size: 28px;
 overflow: hidden;
 letter-spacing: -3px;
 margin: 0;
 border-top: 1px solid #fff;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #aaa;
 border-left: 1px dotted #fff;
 -moz-border-radius-topleft:30px;
 -khtml-border-radius-topleft:30px;
 -moz-border-radius-topright:30px;
 -khtml-border-radius-topright:30px;
 }
#logo a {
 color: white;
 text-decoration: none;
 margin: 0;
 }
#logo a span {
 color: #A2B9CE;
 background: white;
 padding-right: 0.2em;
 font-weight: bold;
 -moz-border-radius:15px;
 -khtml-border-radius:15px;
/* -moz-border-radius:10px;
 -khtml-border-radius:8px;*/
 }
/* - Men� - */
#footmenu {
 background: #D9E3EB;
 padding: 0 5% ;
 margin: 0px 0px 0px 0px;
/* border-left: 1px solid #aaa;*/
 border-left: 1px solid #fff;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #aaa;
 -moz-border-radius-bottomleft:12px;
 -khtml-border-radius-bottomleft:12px;
 -moz-border-radius-bottomright:12px;
 -khtml-border-radius-bottomright:12px;
 text-align: right;
 height:1.5em;
 color: white;
}
#footmenu li {
 font-size: 0.9em;
 display: inline;
 list-style-type: none;
 border-left: 1px solid white;
 padding: 0 10px 0 15px;
 /* font-weight: bold;*/
}
#footmenu li a {
 color: black;
 text-decoration: none;
}

/* - Rechte Spalte - */
#subnav {
 width: 26%;
 min-width: 10em;
 float: right;
 padding: 1px 1%;
 margin: 1%;
 border-left: 1px solid #aaa;
 font-size: 0.9em;
}
#subnav dt {
 font-size: 1.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 0.5em;
 margin-top: 1em;
 border-left: 1px solid #eee;
 border-right: 2px solid #aaa;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #aaa;
 -moz-border-radius-topleft:10px;
 -khtml-border-radius-topleft:10px;
 -moz-border-radius-topright:10px;
 -khtml-border-radius-topright:10px;
 background: #D9E3EB;
 }
#subnav dd {
border-top: 1px solid #fff;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
border-left: 1px solid #eee;
padding: 0 0.5em;
margin: 0.2em 0;
 /* text-align: justify;*/
 -moz-border-radius-bottomleft:10px;
 -moz-border-radius-bottomright:10px;
 -khtml-border-radius-bottomleft:10px;
 -khtml-border-radius-bottomright:10px;
 }

/* - Rechte Spalte - */
.2_col {
 width: 26%;
 min-width: 10em;
 float: right;
 padding: 1px 1%;
 margin: 1%;
 border-left: 1px solid #aaa;
 font-size: 0.9em;
}
/* - Mitte Spalte - */
.1_col {
 width: 26%;
 min-width: 10em;
 float: none;
 padding: 1px 1%;
 margin: 1%;
 border-left: 1px solid #aaa;
 font-size: 0.9em;
}
/* - Linke Spalte - */
.0_col {
 width: 20%;
 min-width: 10em;
 float: left;
 padding: 1px 1%;
 margin: 1%;
 border-left: 1px solid #aaa;
 font-size: 0.9em;
}

/* - Der Hauptinhaltsteil - */
#inputform {

 background: white;
 padding: 0px 30% 0px 20px;
 margin: 0px 0px 0px 0px; /*0px 15px 0px 15px;*/
 -moz-border-radius:15px;
 -khtml-border-radius:15px;
 line-height: 1.5em;
 border-top: 1px solid #eee;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #aaa;
 border-left: 1px solid #eee;
 }
 Alle Links kennzeichnen (intern + extern)
 a[href^="http://"],
 a[href^="https://"] {
    background:transparent url(../images/symbolic-link.png) center right no-repeat;
    display:inline-block;
    padding-right:15px;
   }
 Alle internen Links nachbearbeiten
  a[href^="http://www.lobpreis-index.de"],
  a[href^="https://www.lobpreis-index.de"],
  a[href^="https://lobpreis-index.de"],
  a[href^="http://lobpreis-index.de"]
  {
    padding-right: 0;
    background: transparent;
  }

.lc, .rc {
width:48%;
/*text-align:justify;*/
}
.lc {
float:left;
}
.rc {
float:right;
} 
.middle {
clear: both;
text-align:center;

}

#main {

 background: #fcfcfc;
 padding: 0px 30% 0px 20px; /* 1=oben, 2=rechts, 3=unten, 4=links */
 margin: 0px 0px 0px 0px; /*0px 15px 0px 15px;*/
 /*-moz-border-radius:30px;
 -khtml-border-radius:30px;*/
 line-height: 1.5em;
 border-top: 3px solid #fff;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #999;
 border-left: 3px solid #fff;
 }
#main1 {

 background: #fcfcfc;
 padding: 0px 0% 5px 0px;
 margin: 0px 0px 0px 0px; /*0px 15px 0px 15px;*/
/* -moz-border-radius:30px;
 -khtml-border-radius:30px;*/
 line-height: 1.5em;
 border-top: 3px solid #fff;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #999;
 border-left: 3px solid #fff;
 }
#main2 {
/*<p>padding=top right bottom left</p>*/

 background: #fcfcfc;
 min-height: 420px;
 padding: 0px 30% 0px 20px;
 margin: 0px 0px 0px 0px; /*0px 15px 0px 15px;*/
 /*-moz-border-radius:30px;
 -khtml-border-radius:30px;*/
 line-height: 1.5em;
 border-top: 1px solid #fff;
 border-right: 2px solid #aaa;
 border-bottom: 2px solid #999;
 border-left: 1px solid #fff;
 }
.right {
text-align: right;
}
.small {
font-size: 0.8em;
padding: 2px;
background-color: #e6e6e6;
}