/***********************************************/
/* 2ColFixLtHdr-hjap.css                             */
/* Use with template herz-jesu-apostolat.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 



body  {
font: 90%
Georgia, "Times New Roman", Times, serif;
		background-image:url(../landing-pages/image/back_1.jpg);
		background-repeat:repeat-x;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color:#65221B;
		margin-left: 29px; 
    }
a {
color:#003399;

/*color:#65221B;*/

}
 a:hover{
 color:#002062;
 }
 
h3 {
font-size:105%;
vertical-align:middle;
}

h4{
font-size:100%;
text-align:left;

}
img{
border:none;
}
form{
font:90% Verdana, Arial, Helvetica, sans-serif;
}
table{
margin-left:174px;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
	
    .twoColFixLtHdr #container {
	width: 780px;
	background: #FDFAEE;
	margin: 0 auto;
	text-align: left;
	
    } 
    .twoColFixLtHdr #header { 
	margin: 0;
	padding: 0;

    	 } 
	 .twoColFixLtHdr #logo { 
	 margin: 0;
	padding: 0;
	 } 
  .twoColFixLtHdr  #contLayer{
	height:39px;
	background-image:url(../landing-pages/image/backTop.jpg);
	background-repeat:repeat-x;
	margin-left:3px;
	width:774px;
	
	}
  
/************* content **************/		
	
	 .twoColFixLtHdr #mainContent{
	
	margin-left:3px;
	width:668px;
	background-color: #FDFAEE;
	padding:0 53px 0 53px;	
	
	}
 
	 .twoColFixLtHdr #mainContent p{
	margin:8px 0 8px 0;
}
	
.twelveBox{
background-image:url(../landing-pages/image/background-box.jpg);
background-repeat:no-repeat;
width:668px;
height:243px;
}
.boxPad{
padding:15px;
}
.boxPad h4{
font-size:95%;
margin:7px;
}	

/************* boxes **************/
.smallBox{
float:left;
width:170px;
margin-right:10px;
font: 75% Verdana, Arial, Helvetica, sans-serif;
background-color:#F7EAB9;
 }	
 .smallBox p{
 padding:8px;
 }
 
 /************* tooltip Box **************/
  .tooltipContent{
	width: 300px;
	display: none;
	visibility: visible;
	position:absolute;
	z-index: 9999;
	border:2px solid #E7BF21;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background: #FAF2D2;
  }
  .tooltipContent p{
	 padding:8px;
  }
  
  

 /************* roundCorner Box **************/

.roundCorner {
background-image: url(../landing-pages/image/background-box-red-back.gif);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
background-color:#A73E33;

width:668px;
font-weight:700;
font-size:105%;

}
.redBox a{
color:#FFFFFF;
text-decoration:none;

font-style:normal;
}

.redBox a:hover{

text-decoration:underline;
}

.startTex{
font-size:110%;
}

.redBoxround{
background-image: url(../landing-pages/image/background-box-red-top.gif);
background-repeat:no-repeat;
background-position:left top;
height:3px;
}
.redBox{
padding:8px;
background-image:none;
height:auto;
}
.redBox p{

margin:0;
font-size::100%;
}

.butImage{
float:left;
position:relative;
top:35px;
left:-14px;
border:none;
}

  
/************* footer **************/	
	
	.twoColFixLtHdr #footer {
	margin: 3px;
	padding: 5px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#A2362B;
	clear:both;
	height: 35px;
	margin-bottom: 10px;	 
    } 
    .twoColFixLtHdr #footer p {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0;
	padding-left: 15px;
	 /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	 /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.twoColFixLtHdr #footer a{
	color:#FFFFFF;
		 
    } 		
	
/************* classes **************/


.img-head{
margin-left:3px;
}
    
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
		
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
		vertical-align:middle;
		
    }
	.fltlft-c { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
		margin-left: 214px;
		
    }
	.fltlft-c-2{ /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
		margin-left: 110px;
		
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.pictureMainCont{
	margin-left:29px;
}
.formInfo{
background-color:#FFFFFF;
border:1px solid #EFD68B;
padding:10px;
width:300px;
}
.v-middle{/* Bringt die Headline auf image-pos middle */
padding-top:15px;
margin-top:0px;
}

.xlCharakter{
	font-size:150%;
	font-weight:400;
	}


.herzJ{
background-color:#FAEDA5;
border: solid #D2920B 1px;
font-size:75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:right;
padding:10px;
}
.twelveBox-dyn{
background-color:#FCF4C9;
border: solid #D2920B 1px;
font-size:95%;
font-weight:500;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px;
}

/************* class form paypal **************/

.payPalForm{
background-color:#FFFFFF;
border: #A7372B solid 1px;
}