@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id: screen.basemod.css 930 2011-03-19 00:19:40Z hieblmedia $
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

@media screen, projection
{
  /**
   * The following commented line parsed automaticly by the template for IE PNG-Fix
   * @see: @TODO: link to documentation
   *
   * Syntax: css-selector
   */
  /* @IEWORKAROUND_PNGFIX@ img, div, p, span, li @END@ */


  /**
   * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

  /**
   * For global blow up the html tag to full viewport
   * (only required with the fullheight template)
   */

  html { height: 100%; padding: 0; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting basic layout elements
   */

  /* Marginal areas & page background */
  body { background: #797978 top repeat-x; padding:10px 0 30px 0; }

  /* Centering layout in old IE-versions */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto; }

  /* Layout:width, background, borders */
  .page_margins {
    width:960px;

    /**
     * The following commented line parsed automaticly by the template for IE min-/max-width workaround
     * @see: @TODO: link to documentation
     *
     * Syntax: css-selector|min-width|max-width|disabled-js-fallback-width
     * Possible units are px, em and %
     */
    /* @IEWORKAROUND_MINMAXWIDTH@ .page_margins|740px|80em|80em @END@ */
  }
  .page {
    background:#fff;
    -webkit-box-shadow: 10px 10px 15px #101010;
	-moz-box-shadow: 10px 10px 15px #101010;
    box-shadow: 10px 10px 15px #101010;
  }

  #header {
    color:#000;
    background: #fff url(../images/head-bg.jpg) no-repeat 0 15px;
	height:140px;
    padding:1em 20px;
    position:relative;
  }
  
  #header a:focus {
    background: transparent;
  }
  
  .site-logo {
    padding-top: 10px;
	display:none;
  }

  #main { background:#fff;padding:10px 0; }

  #login-form {
	background: #484848;
	color: #fff;
	position: absolute;
	top: -10px;
	left: 720px;
	width: 200px; 
	padding: 20px;
	display: none;
	text-align: left;
	z-index: 5000;
  }
  
  #footer {
    color:#aaaaaa;
    padding:10px;
    line-height:1.5em;
  }

  /* Backup for correct positioning */
  #header, #nav, #main, #footer,
  .clr { clear:both; }


  /* Extend subtemplate equalizing for sub-containers */
  .equalize-subc .subc, .equalize-subc .subcl, .equalize-subc .subcr {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

  /* noscript formatting */
  noscript { display:block; overflow:hidden; width:auto; }
  noscript div { padding:5px 7px; border:3px solid #c30; margin:0 0 1em 0; background:#ffe4e4; }
  noscript.jswarn-global div { background:#FFFFCF; margin:0; border:0; border-top:6px solid #c30; border-bottom:6px solid #c30; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting content container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   *
   * Set here your default column values
   * Details see: {@section content-columns}
   */

  #col1 { width:20%; }
  #col1_content { padding:10px 10px 10px 10px; }

  #col2 { width:20%; }
  #col2_content { padding:10px 10px 10px 10px; }

  #col3 { margin:0 20%; border-left: 1px solid #000; border-right: 1px solid #000; min-height: 350px; }
  #col3_content { padding:10px 10px 10px 10px; }

  #main {

  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Column order layouts
   * Visual styling for the column ordering of #col1, #col2 and #col3

   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-columns
   */

  /* Layout: 1col_3 (only one column) */
  body.layout-1col_3 #col1 { /* @hide */ display: none; }
  body.layout-1col_3 #col2 { /* @hide */ display: none; }
  body.layout-1col_3 #col3 { /* main  */ margin-left:0; margin-right:0; border-left:0; border-right:0; }

  /* Layout: 2col_13 (normal/default view) */
  body.layout-2col_13 #col1 { /* left  */ }
  body.layout-2col_13 #col2 { /* @hide */ display: none; }
  body.layout-2col_13 #col3 { /* main  */ margin-right:0; border-right:0; }

  /* Layout: 2col_32 (normal/default view) */
  body.layout-2col_32 #col1 { /* @hide */ display: none; }
  body.layout-2col_32 #col2 { /* right */ }
  body.layout-2col_32 #col3 { /* main  */ margin-left:0; border-left:0; }

  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 #col1 { /* main  */ width: 75%; float:right; }
  body.layout-2col_31 #col2 { /* @hide */ display:none; }
  body.layout-2col_31 #col3 { /* left  */ margin-right: 75%; margin-left: 0; border-left:0;}

  /* Layout: 2col_23 (special/advanced view - require width adjustments) */
  body.layout-2col_23 #col1 { /* @hide */ display:none; }
  body.layout-2col_23 #col2 { /* main  */ width: 75%; float:left; }
  body.layout-2col_23 #col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }

  /* Layout: 3col_132 (normal/default view) */
  body.layout-3col_132 #col1 { /* left  */ /* YAML core column order */ }
  body.layout-3col_132 #col2 { /* right */ /* YAML core column order */ }
  body.layout-3col_132 #col3 { /* main  */ /* YAML core column order */ }

  /* Layout: 3col_123 (special/advanced view - require width adjustments) */
  body.layout-3col_123 #col1 { /* left  */ width: 25%; margin: 0; }
  body.layout-3col_123 #col2 { /* main  */ width: 50%; float:left; margin: 0; }
  body.layout-3col_123 #col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }

  /* Layout: 3col_213 (special/advanced view - require width adjustments) */
  body.layout-3col_213 #main { width: 100%; float:left; }
  body.layout-3col_213 #col1 { /* main  */ width: 50%; float:left; margin-left: 25%; }
  body.layout-3col_213 #col2 { /* left  */ width: 25%; float:left;  margin-left: -75%; }
  body.layout-3col_213 #col3 { /* right */ float:right; width: 25%; margin-left: -5px; margin-right: 0; border-right:0; }

  /* Layout: 3col_231 (special/advanced view - reverse left and right of col1 and col2) */
  body.layout-3col_231 #col1 { /* right */ float:right; }
  body.layout-3col_231 #col2 { /* left  */ float:left; }
  body.layout-3col_231 #col3 { /* main  */ }

  /* Layout: 3col_312 (special/advanced view - require width adjustments) */
  body.layout-3col_312 #main { width: 100%; float:left; }
  body.layout-3col_312 #col1 { /* main  */ width: 50%; float:right; margin-left: -75%; margin-right: 25%; }
  body.layout-3col_312 #col2 { /* right */ width: 25%; float:right; margin-right: 0; border-right:0; }
  body.layout-3col_312 #col3 { /* left  */ float:left; width: 25%; margin-left: 0; border-left:0; margin-right: -5px; }

  /* Layout: 3col_321 (special/advanced view - require width adjustments) */
  body.layout-3col_321 #col1 { /* right */ width: 25%; float:right; margin: 0; }
  body.layout-3col_321 #col2 { /* main  */ width: 50%; margin: 0; }
  body.layout-3col_321 #col3 { /* left  */ margin-left: 0; margin-right: 75%; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Index HTML Template adjustments (html/index/*.php)
   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-templates
   */

  /* Template adjustments: /html/index/flexible_grid_simple_draft.php */
  body.html-flexible_grid_simple_draft #main { margin:0; padding: 0; }

  /* Template adjustments: /html/index/fullheight.php */
  body.html-fullheight { height: 100% !important; padding-top: 0; padding-bottom:0; }
  body.html-fullheight .page_margins {
    position:relative !important;
    min-height:100%; /* real browsers */
    height: auto !important;
    background: #fff;
  }
  * html body.html-fullheight .page_margins { height:100% !important; }
  body.html-fullheight .page {
    /* allocate space for footer */
    padding-bottom: 70px;
  }
  body.html-fullheight #footer {
    position:relative !important;
    min-width: 740px;
    max-width: 80em;
    margin: 0 auto;
    margin: -70px auto 0; /* move #footer to its position */
    background: #fff;
    border: 0 none;
    padding: 0;
  }
  body.html-fullheight #footer_content {
    text-align: left;
    color:#666;
    background: #f9f9f9;
    padding: 10px;
    border-top: 5px #efefef solid;
    margin: 0 10px;
  }

  /* Template adjustments: /html/index/fullpage.php */
  body.html-fullpage { background: #fff; padding: 0; }
  body.html-fullpage #header,
  body.html-fullpage #nav,
  body.html-fullpage #breadcrumbs,
  body.html-fullpage #main,
  body.html-fullpage #footer { background: #fff; margin:0; padding:0; }
  body.html-fullpage #header { border-bottom: 5px #efefef solid; }
  body.html-fullpage #header .page { position: relative; padding:10px; }
  body.html-fullpage #footer { border-top: 5px #efefef solid; }
  body.html-fullpage #header .page { padding:10px; }

  /* Template adjustments: /html/index/gfxborder.php */
  body.html-gfxborder { background: #3b69ad; }
  body.html-gfxborder .page_margins {
    border: 0 none;
    background-image:  url(../images/gfxborder/border_left.gif);
    background-repeat:repeat-y; background-position:left;
  }
  body.html-gfxborder .page {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image:  url(../images/gfxborder/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  body.html-gfxborder .border-top {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-bottom: -15px;
    background-image:  url(../images/gfxborder/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  body.html-gfxborder .border-bottom {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-top: -15px;
    background-image:  url(../images/gfxborder/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  body.html-gfxborder .edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/corner_tl.gif);
    background-position: top left;
  }
  body.html-gfxborder .edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/corner_tr.gif);
    background-position: top right;
  }
  body.html-gfxborder .edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/corner_bl.gif);
    background-position: bottom left;
  }
  body.html-gfxborder .edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/corner_br.gif);
    background-position: bottom right;
  }

  /* component template adjsustments */
  body.tmpl-component { text-align: left; background: #fff; }
  body.tmpl-component #main { margin: 0; border:0; padding:10px; background: #fff; }

  /* offline template adjustments */
  body.tmpl-offline #main { padding:10px; }

  /* error template adjustments */
  body.tmpl-error h1 { color: #f00; }
  body.tmpl-error p.info,
  body.tmpl-error #techinfo { overflow: auto; }
  body.tmpl-error #techinfo table { width:100%; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Styling of layout specific elements
   */

   .blogsortbydate h2 {
	color: #D53A3C;
   } 
   
  .deathnotice {
    border: 1px solid black;
    height: 220px;
    padding: 15px;
    position:relative;
    margin-bottom: 20px;
  }

 ul.tafel {
	display:inline;
    float:left; /* LTR */
    margin:0 0 15px 0;
    width: 174px;
  }
  
  ul.tafel li {
    display:inline;
    float:left; /* LTR */
    font-size:1.0em;
    list-style-type:none;
    margin: 0 0 5px;
    padding: 0 0 5px;
    width: 100%;
    border-bottom: 1px solid #7e6b4b;
  }
  
  ul.tafel li a {
    display:block;
    font-size:1.2em;
    color: #2e2d30;
    padding:0;
    margin:0;
  }
  
  ul.tafel li a:focus { background: transparent; }

    .tafel .name {
    font-weight: bold;
  }
  
  .tafel .birth {
    float: left;
    font-size: 0.7em;
  }
  .tafel .death {
    float: right;
    font-size: 0.7em;
  }
  
  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  .bannergroup {
	text-align: center;
  }

  .leading-content {
	height: 860px;
	overflow: hidden;
  }

  	.payplansapp {
		position: relative; 
		border: 2px solid red; 
		height: 80px; 
		width: 150px; 
		margin: 10px auto; 
		padding: 10px;
	}
	
	.payplansabos {
		width: 370px; 
		text-align: left; 
		margin: auto;
	}
  
  #header span { float:right; padding: 0px; margin: 0px; }
  #header .searchmodule { float:right; margin: 10px 0 0; }

  #footer a { color:#999; background:transparent; font-weight:bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Skiplinks
   *
   * Visual styling for skiplink navigation
   *
   * @section content-skiplinks
   */

  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    color:#fff;
    background:#333;
    border-bottom:1px #000 solid;
    padding:10px 0;
    text-decoration:none;
  }

  /* prevent the anchor link generate empty space */
  .skiplink-anchor {
    display:inline !important;
    border:0 none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    outline:0 none !important;
    line-height:0 !important;
    height:0 !important;
    font-size:0 !important;
    overflow:hidden !important;
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Additional Subtemplate grid width's (5-steps 10%-90%)
   *
   * @section subtemplates
   */

  .c10l, .c10r { width:10%; }
  .c15l, .c15r { width:15%; }
  .c30l, .c30r { width:30%; }
  .c35l, .c35r { width:35%; }
  .c45l, .c45r { width:45%; }
  .c55l, .c55r { width:55%; }
  .c65l, .c65r { width:65%; }
  .c70l, .c70r { width:70%; }
  .c80l, .c80r { width:80%; }
  .c85l, .c85r { width:85%; }
  .c90l, .c90r { width:90%; }

  .cwxl { float:left; }
  .cwxr { float:right; margin-left:-5px;}


  /**
   * Gfx-Border Module example (modChrome gfxborder)
   *
   * @section content-modules
   */
  .moduletable-gfxborder {
    border: 0 none;
    background-image:  url(../images/gfxborder/module/border_left.gif);
    background-repeat:repeat-y; background-position:left;

    background-color: #eee;
  }
  .moduletable-gfxborder .moduletable-gfxborder-content {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image:  url(../images/gfxborder/module/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  .moduletable-gfxborder .border-top {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-bottom: -15px;
    background-image:  url(../images/gfxborder/module/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  .moduletable-gfxborder .border-bottom {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-top: -15px;
    background-image:  url(../images/gfxborder/module/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  .moduletable-gfxborder .edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/module/corner_tl.gif);
    background-position: top left;
  }
  .moduletable-gfxborder .edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/module/corner_tr.gif);
    background-position: top right;
  }
  .moduletable-gfxborder .edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/module/corner_bl.gif);
    background-position: bottom left;
  }
  .moduletable-gfxborder .edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image:  url(../images/gfxborder/module/corner_br.gif);
    background-position: bottom right;
  }

}