/* CSS-Vorlage */

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

H1, H2, H3, H4, H5, H6, p, ul, td, blockquote, ol { font-family: Arial, Helvetica, sans-serif; } 

H1  { color: #831d00; font-size: 12pt; font-weight: bold; line-height: 16pt } /* ?berschrift Seitentitel */
H2  { color: #243963; font-size: 12pt; font-weight: bold; background-color: #b9cbf8; margin-bottom: 3px; padding: 2px 2px 2px 6px; width: 99% }
H3  { color: #243963; font-size: 10pt; font-weight: bold; line-height: 12pt; width: 80%; margin-top: 10pt; margin-bottom: 0 ; border-top: 1pt solid #fff; }
H4 { font-size: 13pt; color:#ffffff; margin-bottom: 3px; margin-top: 80px;} 
H5 { font-size: 21pt; color:#ffffff; font-weight:bold; margin-bottom: 0px; margin-top: 1px;}
H6 { font-size: 10pt; color:#3D3D3D; font-weight:normal;  margin-bottom: 0px; margin-top: 5px; letter-spacing:0.15em;}


p, td { 	
	font-size: 10pt; 
	color:#243963; font-weight:nomal; font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
 }
 
 
a {	text-decoration: none;}


/*Inhalt*/



#inhalt  { 
	position: absolute;
	top: 160px; left:210px;
	margin: 0px 0px 0px 0px;
	width:70%;
	z-index: 5;

} 

/*Navigation*/

#nav { 
	position: absolute;
	top: 180px;
	margin: 0 0 0 0px;
	z-index: 2;
	width: 150px;
}


ul#hauptNav  { list-style:none; font-size: 11pt; color:#000000; font-weight:bold; font-family: Arial, Helvetica, sans-serif;
	line-height:20px; padding: 0px 0px 20px 0px; margin:0; z-index: 3;
} 

ul#hauptNav li  { color:#000000; line-height:18px; padding: 20px 0px 10px 20px; }
ul#hauptNav li a { color:#1a47a0; }
ul#hauptNav li a:hover { color:#3672e7;  font-family: Arial, Helvetica, sans-serif;text-decoration: none; }

li.hauptNavAktiv  {
	background-image: url(../_bilder/button_aktiv.gif); background-repeat: no-repeat;
	font-size: 13pt; font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none;
} 

ul#hauptNav li.hauptNavAktiv a { color:#0a307a; }

ul#unterNav { 
	list-style:none; font-size: 9pt; 
	color:#1a47a0; font-weight:400; font-family: Arial, Helvetica, sans-serif;text-decoration: none;
	padding: 0px 0px 0px 36px; margin:0; z-index: 4;
}

ul#unterNav li { line-height:15px; padding: 0px 0px 10px 0px; }

li.unterNavAktiv { 
	font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none;

} 

ul#unterNav li.unterNavAktiv a{ color:#0a307a; }


/*Als Hintergrundbild

body, html { 
	padding:0;
	margin: 0;
	height: 99,9%;
} 

#mitteFixed { 
	height: 100%;
	background: #a9bce1 url(../_bilder/grafik_startseite.jpg)  ; 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment:fixed;
}*/

/*Seitenformatierung*/


#hgInhalt {
	background: #a9bce1 url(../_bilder/kopf_inhalt.jpg)  ; 
	background-repeat: no-repeat;
	background-position: top left;
}


/*zentriertes Div, alles steht immer in der Mitte, bBezug für alles*/
#startMitteFixed1 { position:absolute; top:50%; left:50%; }
#startMitteBild { position:absolute; top:-300px; left:-400px; z-index: 1; }
#hgBlau { background: #a9bce1 ; }
#StartKontaktUnten  { position:absolute; width: 400px; font-size: 9pt; 
		font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; 
		top:280px; left:-390px; z-index:2;
}




#StartKontaktUnten a { color:#1a47a0; }



#kontaktOben  { 
		position:absolute;
		width: 300px; 
		font-size: 9pt; 
		font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; 
		text-align: right;
		top:10px; right:20px; 
		z-index:2;
}

#kontaktOben a { color:#1a47a0; }

#startTextOben  { position:absolute; width: 600px; font-size: 10pt; line-height: 14pt;
		color:#1a47a0; font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; 
		top:-290px; left:-390px; z-index:3;
}

#startTextUnten  { 
		position:absolute; width: 460px; font-size: 10pt; line-height: 14pt;
		color:#1a47a0; font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; 
		text-align: right; top:260px; left:-65px; z-index:4;
}

/* Veranstaltungsimport - Listen und Detailansicht */

table.vtable { border:none; padding:0; margin:0; width:100%; border-collapse: collapse; }
table.vtable tr.trveranst td { background:none; border:none; margin:0; padding:0;
	border-bottom:1px solid white; border-top:1px solid white; padding:2px;
	line-height:120%; vertical-align:top;
}
table.vtable tr.trmon { background:none; border-top:none; }
table.vtable tr td h3.monat { margin:0; margin-top:8px; background:#7695D7; color:#e4f2fc; padding-left:2px; width:auto; }
table.vtable tr.tabkopf td { background:#C3CFE6; color:#335bcf; border:none; padding:2px; line-height:100%; 
	border-bottom:1px solid #A9BCE1;
}

table.vtable a, table.vtable a:visited, table.vtable a:active  { font-weight:normal; text-decoration:none; color:#660404; }
table.vtable a:hover { color: #940101; }


.referent img.refbild { float:left; margin-right:10px; display:inline; }

table, tr, td { border:none; padding:0; margin:0; border-collapse: collapse; vertical-align:top; }
.tabelle1 { width:100%; }
.tabelle2 tr td {padding-right:10px;}
.tabelle2 { margin-right:10px; }
div.referent { display:block; float:left; clear:both; width:100%; margin-bottom:10px; }
div.veranstalter { float:left; margin-right:15px; width:200px; }
div.veranstalter p { line-height:130%; }
div.anmeldung {float:right; background:#BDD2F4; width:525px; }
div.anmeldung .anmeldetext { margin:10px; float:left; width:250px; }
div.anmeldung form { margin:10px; }
div.anmeldung form input { border:none; border-bottom:dotted black 1px; }
div.anmeldung form input.button { border:solid white 1px; color:white; background:#004A99; }
div.anmeldung form input.button:hover { cursor:pointer; }

.clearer { clear:both; width:100%; display:block; }



#startNav1, #startNav2, #startNav3, #startNav4, #startNav5, #startNav6, #startNav7, #startNav8  { 
		font-size: 13pt; 
		line-height: 14pt;
		color:#1a47a0; font-weight:500; font-family: Arial, Helvetica, sans-serif;text-decoration: none; 
		text-align: center;
}


#startNav1 a, #startNav2 a, #startNav3 a, #startNav4 a, #startNav5 a, #startNav6 a, #startNav7 a,  #startNav8 a { 
		color:#1a47a0; 
}


/* Peter Josef*/
#startNav1  { 
		position:absolute; 
		width: 150px;
		top:-170px; left:-40px; 
		z-index:5;
}

/* Liebe ist*/
#startNav2  { 
		position:absolute; 
		width: 150px;
		top:-130px; left:100px; 
		z-index:6;
}


/* Wir fr uns*/
#startNav3  { 
		position:absolute; 
		width: 150px;
		top:100px; left:-260px; 
		z-index:7;
}

/* Seelenbegegnung */
#startNav4  { 
		position:absolute; 
		width: 150px;
		top:-40px; left:180px; 
		z-index:7;
}

/* Seelenforum */
#startNav5  { 
		position:absolute; 
		width: 150px;
		top:-10px; left:-340px; 
		z-index:8;
}

/* Seelenbotschaften */
#startNav6  { 
		position:absolute; 
		width: 150px;
		top:160px; left:-120px; 
		z-index:8;
}

/* Termine */
#startNav7  { 
		position:absolute; 
		width: 150px;
		top: -90px; left:-340px; 
		z-index:8;
}

/* Aktuelles */
#startNav8  { 
		position:absolute; 
		width: 150px;
		top:90px; left:170px; 
		z-index:7;
}


#textInhalt p  { position:absolute; top:10px; left:15px; z-index:3;  font-size: 10pt; color:#000000; font-weight:normal; font-family: Arial, Helvetica, sans-serif;
	z-index:2;
	}





/*Links allgemein*/
A:link, A:visited, A:hover, A:active { font-family: Arial, Helvetica, sans-serif;  }
p A:link	{ color: #1a47a0; font-weight:600; text-decoration: none; }
p A:visited 	{ color: #1a47a0; font-weight:600; text-decoration: none;}
p A:hover	{ color: #1b54c3; font-weight:600; text-decoration: none; }
p A:active	 {color: #1a47a0; font-weight:600; text-decoration: none; }




/*neu dazu*/
/*Buttons*/
.btSubmit { background-color:#FFE619; color:#0b226c; width:220px; border:1px solid #F0B40A; font-size: 8pt; font-weight:bold; align:center; font-family: Arial, Helvetica, sans-serif;}
.btanitext { background-color:#FAF2CB; color:#D07A14; width:450px; height:100px; border:0px solid #FAF2CB; font-size: 11pt; font-weight:bold; align:center; font-family: Arial, Helvetica, sans-serif;}

.btFormular { background-color:#0b226c; color:#ffffff; width:220px; border:1px solid #000000; font-size: 8pt; font-weight:bold; align:center; font-family: Arial, Helvetica, sans-serif;}

  

/* Gästebuch */

/*
 Guestbook Addon 
 @author staab[at]public-4u[dot]de Markus Staab
 @author <a href="http://www.public-4u.de">www.public-4u.de</a>
 @package redaxo3
 @version $Id: guestbook.css,v 1.8 2006/01/27 18:07:52 kills Exp $
 */


/*
	Formular Styles
*/


/* Formular */
form.gbook div {
	width: 500px;
}

/* Eingabefelder */
form.gbook input, form.gbook textarea {
	border: 1px solid black;
    margin: 2px;
	width: 350px;
	background-color: #F6F4EF;
}

/* Text-Eingabefeld*/
form.gbook textarea {
	height: 100px;
}

/* Beschriftungen der Eingabefelder */
form.gbook div.label {
	width: 100px;
	float: left;
}

/* Buttons */
form.gbook input.button {
    width: 100px;
	margin: 0px;
	margin-top: 5px;
	background-color: #D6D3CE;
}

/* Buttons-Layer*/
form.gbook div.buttons {
	padding-left: 105px;
}

/* Zusatztext-Layer*/
form.gbook div.info {
	text-align: right;
}

/* Fehlermeldungs-Layer*/
form.gbook div.error {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.rot {
    color: #e20000;
    font-weight: normal; 
}

/*
	Listen Styles
*/


/* Einträge-Layer */

div.gbook {
	font-family: Arial, Helvetica, sans-serif;
}

div.gbook .entry {
	padding-top: 10px;
	padding-bottom: 10px;
/*	border-bottom: 2px dashed #859885; */
	border-bottom: 2px dashed #7D98D0; */
}

/* Pagination-Layer */
div.gbook .pagination {
	float: right;
}

/* Pagination-Links */
div.gbook .pagination a {
	padding-left: 2px;
	padding-right: 2px;
}

/* 
Allgemeine Formatierungen
*/

/* Beschriftungen */
div.gbook .label  {
	float: left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

label  {
	float: left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

div.info  {
	float: left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

/* Werte */
div.gbook .value {
	padding-left: 150px;
	font-size: 10pt; 
}

/* 
Spezifische Formatierungen

z.b.
[CODE]
div.gbook .<feldname> .<feldtyp>{
}
[/CODE]
*/

div.gbook .text .label {
	padding-top: 5px;
}

div.gbook .text {
	padding-top: 15px;
	padding-bottom: 5px;
}

div.gbook .text .value {
/*	clear: left; */
	padding: 5px;
	font-size: 15px; 
	color:#243963; font-weight:nomal; font-family: Arial, Helvetica, sans-serif;
	line-height:22px;
	background-color: #D0DAEE;
}

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0;
	padding:0px;
	width:420px;
/*	background-color:#f7f7f7; 
	color:#666; */
	font-family:arial, helvetica, sans-serif;
	font-size:0.8em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
/*	background-color:#f7f7f7; */
	border-top:1px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:1px solid #fff;
}

#form-module label.checkbox {
	width:250px;
	border-left:1px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:250px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
/*	color:#666; */
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:150px;
}

#form-module-thanks {
	display:block;
	margin:0 0 0 240px;
/*	color:#666; */
	font-family:arial, helvetica, sans-serif;
	font-size:0.8em;
}

/* CSS-Vorlage Bildergalerie */

.galerieBlock{ 
position: relative;
	width: 500px;
	margin-left: 0px;
	margin-right: 0px;
}

.flLeft { 
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 152px;
	float:left; }
.flRight { float:right; }

.imgRight { float:right; margin-left:10px; }


/************ Formular *************/


div.formgen { float:left; width:630px; }
.fieldset { border:none; margin:10px 0 10px 0; background:#DEE6F3; padding-top:10px; padding-left:10px; }
.fieldset legend { font-size:14px; background:none; 
	padding:0 10px 0 10px; margin-top:20px; margin-left:-10px; font-weight:bold;
}
label {float:left; width:120px; height:30px;
	clear:both; margin:0; margin-right:10px;
	font-size:12px; 
}

label.formerror { color:red; font-weight:bold; }

.fieldset input { float:left; width:350px; border:none; border-bottom:1px dotted gray; background:none; }

.formgen input:focus { background:white; }

.fieldset input.formradio { width:auto; border:none; }
.fieldset label.formradio { border:none; margin-top:-5px; }
.fieldset select.formselect { border:1px solid black; margin-top:10px; }
textarea.formtextfield { border:solid 1px black; margin-left:10px; width:450px; }
input.formsubmit { border:solid 1px black; margin-left:140px; margin-top:10px; width:200px; }
.fieldset table tr td { vertical-align:top; }
.fieldset .formhinweis { float:left; clear:both; display:block; margin-bottom:6px; width:100%; }

hr { width:100%; float:left; }