/****************************************/
/*                                      */
/*     www.kirchgeorg-Bestattung.de     */
/*         Standard CSS Layout          */
/*           kirchgeorg.css             */  
/*                                      */
/****************************************/
 
 
body {
background-image: url(../img/bg.jpg); /* Hintergrundbild -> Verlauf */
background-repeat: repeat-x;
background-color: #69c;
background-attachment: fixed;
}

h1 { 
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.2em;
}

h2{
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.2em;
text-align: center;
}

/* Formatierung für Absätze */

p { 
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: small;
}

li{
list-style: square; /* Quadratische Listenpunkte */
text-align: left;
line-height: 1.5em;
}

/* Textauszeichnung für Tabelle */

table{ 
font-size: 11px;
text-align: left;
}

/* kein Rahmen */

.noborder{ 
border: 0;
}

/* Horizontale Linie */

hr{  
border: 1px solid #fff;
height: 1px;
width: inherit;
}

/* Definitionen für Tabelle */

#formular{
width: 80%;
font-size: 12px;
}

/* Definition für Eingabefelder & Textfelder (textarea) */

#formular input, textarea{
background-color: #369;
border: 1px dotted #fff;;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: #fff;
margin: 1px;
}

/* Definitionen für Auswahlfelder */

#formular select{
background-color: #369;
border: 1px dotted #fff;
padding-left: 3px;
padding-right: 0px;
padding-top: 1px;
padding-bottom: 1px;
color: #fff;
margin: 1px;
}

/* Definitionen für Bildumfluss */

/* Bild steht links, Text läuft rechts am Bild */

.rechtsrum{
float:left;
margin-right: 10px;
margin-bottom: 5px;
border: 1px solid #fff;
}

/* Bild steht links, Text läuft rechts am Bild */

.rechtsrum_spezial{ 
float:left;
margin-right: 10px;
margin-bottom: 5px;
border: 5px solid #69c;
}

/* Bild steht rechts, Text läuft links am Bild */

.linksrum{  
float:right;
margin-left: 10px;
margin-bottom: 5px;
border: 1px solid #fff;
}

/* Rahmendefinition für Bilder ohne Umfluss */

.imgnormal{
border: 1px solid #fff;
}

/* Färbung bei überfahren eines gelinkten Bildes/ einer Verknüpfung */

#imglink:hover{
border: 1px solid #69c;
}

#imglink_2:hover{
border: 5px solid #fff;
}

/*   Webseiten-Kopf mit Logo & Wappen   */

#header {
  /*
background-image: url(../img/header2.jpg);
background-repeat: no-repeat;
background-color: #036;
width: 620px;
height: 210px;
*/
width: 620px;
margin: 25px auto 0 auto;
position: relative;
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
#header img {
  border: 2px #fff solid;
  border-bottom: 0;
  vertical-align: bottom;
}
#header .wappen {
  position: absolute; top: 25px; right: -100px;
}
#header .wappen img {
  border: 0;
}

/* Definition der Hauptnavigation + dessen Links */

#navi1 {
background-color: #fff;
width: 585px;
height: 20px;
padding-left: 30px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px auto 0 auto;
margin-top: 0;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #036;
font-size: 12px;
line-height: 1.5em;
}

/* Linkdefinitionen der Hauptnavigation */

#navi1 a:link {
color: #036;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi1 a:visited {
color: #036;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi1 a:active {
color: #036;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi1 a:hover {
color: #666;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

/* Hervorheben des aktuell-ausgewählten Bereiches (grau und unterstrichen) */

#auswahl {
color: #666 !important;
text-decoration: underline !important;
}


/* Definition des Untermenüs und dessen Links, falls es 
verwendet wird, maximal 4 Einträge im Untermenü möglich */

#navi2 {
background-color: #369;
width: 588px;
height: 20px;
padding: 10px 15px 10px 15px;
margin: 0px auto 0 auto;
margin-top: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #fff;
font-size: smaller;
text-align: justify;
}


/* Farbrahmen innerhalb der Navi2-Box */

#navi2inlay{
margin-top: -10px;
margin-left: 2px;
width: 360px;
height: 20px;
background-color: #036;
padding: 3px 6px 3px 8px;
}

/* Linkdefinitionen des Untermenüs */

#navi2 a:link {
color: #fff;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi2 a:active {
color: #fff;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi2 a:visited {
color: #fff;
font-size: 12px;
line-height: 2em;
text-decoration: none;
}

#navi2 a:hover {
color: #fff;
font-size: 12px;
line-height: 2em;
text-decoration: underline;
}


/* Definition des Inhaltsbereiches + dessen Links */

#content {
background-color: #369;
width: 588px;
height: auto;
padding: 10px 15px 10px 15px;
margin: 0px auto 0 auto;
margin-top: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #fff;
line-height: 1.3em;
font-size: smaller;
text-align: justify;
overflow: auto;
}

/* Definition für den Inhaltsbereich (mit Hintergrundbild) */

#contentbg {
background-image: url(../img/testengel2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #369;
width: 588px;
height: auto;
padding: 10px 15px 10px 15px;
margin: 0px auto 0 auto;
margin-top: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #fff;
line-height: 1.3em;
font-size: smaller;
text-align: justify;
overflow: auto;
}

/* Linkdefinitionen im Inhaltsbereich */

#content a:link {
color: #fff;
font-size: small;
text-decoration: underline;
}

#content a:active {
color: #fff;
font-size: small;
text-decoration: underline;
}

#content a:visited {
color: #fff;
font-size: small;
text-decoration: underline;
}

#content a:hover {
color: #69c;
font-size: small;
text-decoration: underline;
}


/* Fotostrecke zum scrollen*/

#fotostrecke{
background-color: #369;
border-top: 1px solid #fff;
padding: 10px 0px 10px 1px;
width: 95%;
height: 220px;
margin-top: 15px;
margin-left: 10px;
margin-right: auto;
overflow: auto; /* Inhalt wird automatisch in DIV-Box eingepasst, wenn nötig mit Scrollbar versehen */
overflow-y: hidden; /* Vertikaler Scrollbalken wird nicht angezeigt */
}

/* Schriftdefinitionen für Texte innerhalb der Fotostrecke */

#fotostrecke table{
font-size: 11px;
font-family: Helvetica, Arial, Verdana, sans-serif;
line-height: 1.0em;
}


/* Definition des Footers/ der Fußzeile */

#footer {
background-color: #fff;
width: 610px;
height: 20px;
padding: 4px 5px 8px 5px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
bottom: 30px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #000;
font-size: 11px;
line-height: 2em;
}

.table_footer{
width: 100%;
}

/* Linkdefinitionen für die Fußzeile */

#footer a:link {
color: #000;
font-size: 11px;
line-height: 2em;
text-decoration: none;
}

#footer a:active {
color: #000;
font-size: 11px;
line-height: 2em;
text-decoration: underline;
}

#footer a:visited {
color: #000;
font-size: 11px;
line-height: 2em;
text-decoration: none;
}

#footer a:hover {
color: #036;
font-size: 11px;
line-height: 2em;
text-decoration: underline;
}

/* DivContainer/ Box für den Seitenzähler/ -Counter */

#counter {
width: 620px;
height: 25px;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
}



/* Copyright (C) 2008 www.Kirchgeorg-Bestattung.de */

.index #content .main h1 {
  border-bottom: 1px #fff solid;
  font-size: 28px;
  padding-bottom: 10px;
}
.index #content .main h1 span {
  float: right;
}
.index #content .main p.title {
  float: right;
}
.index #content .main .cols {
  clear: both;
}
.index #content .main .cols .left {
  float: left;
  width: 304px;
}
.index #content .main .cols .left p {
  font-size: 18px;
  line-height: 1.5em;
}
.index #content .main .cols .right {
  float: right;
  padding-top: 40px;
  width: 284px;
}
.index #content .main .cols hr {
  border: 0;
  clear: both;
}