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

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



body  {
font: 90% Verdana, 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;
}
/***********************************************/
/* 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:774px;
	background-color: #FDFAEE;	
	
	}
	
	
    .twoColFixLtHdr #teaserRight{
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 483px; 
	padding: 0 10px 15px 20px;
	margin-left: 3px;
	color:#333333;
	/*background-image:url(../landing-pages/image/backround-text.gif);
	background-repeat:no-repeat;
	background-position:20px 229px;
	min-height:850px;*/
    }
	.twoColFixLtHdr #teaserRight h3 {
	margin-left: 29px;
	font-size:105%;
	
}	 
	
	.twoColFixLtHdr #teaserSmall {
	margin: 0 0 0 3px; 
	padding: 0 ;
	width: 251px;
	text-align:center;
	
	
} 

	.twoColFixLtHdr #rightContent{
	text-align:center;
	padding:5px 12px 5px 12px;
	background-image:url(../landing-pages/image/border-left.jpg);
	background-position:right;
	background-repeat:repeat-y;
	margin-top:10px;
}
.twoColFixLtHdr #rightContent-2{
	text-align:center;
	padding:5px 12px 5px 12px;
	background-image:url(../landing-pages/image/border-left.jpg);
	background-repeat:repeat-y;
	margin-top:10px;
}
.twoColFixLtHdr #rightContent p{
text-align:left;
font:95% "Times New Roman", Times, serif;
}
.twoColFixLtHdr #rightContent-2 p{
text-align:left;
font: 95% Verdana, Arial, Helvetica, sans-serif;
}

.twoColFixLtHdr #teaserRight p{
	
	margin-left: 29px;
	font-size:90%;
	
    }	
/************* 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;
		
    }
    .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
}
.twelveBox{
background-image:url(../landing-pages/image/background-box.jpg);
background-repeat:no-repeat;
width:628px
}
.boxPad{
padding:15px;
}
/************* roundCorner Box **************/

.roundCorner {
background-image: url(../landing-pages/image/roundCorner.gif);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
background-color:#A73E33;
margin-left:29px;
width:424px;
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%;
}
.startTex-small{
	
font-size:70%;

}

.redBoxround{
background-image:url(../landing-pages/image/roundCorner-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;
}

/************* roundCorner-beige Box **************/

.roundCorner-b {
background-image:url(../landing-pages/image/roundCorner-beige.jpg);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#F9F0D5;
margin-left:29px;
width:424px;
font-weight:700;
font-size:105%;
}

.beigeBoxround{
background-image:url(../landing-pages/image/roundCorner-beige-top.jpg);
background-repeat:no-repeat;
background-position:left top;
height:3px;
}
.beigeBox{
border-left:#A7372B 1px solid;
border-right:#A7372B 1px solid;
padding:8px;
height:auto;
background-image:none;
margin-bottom:3px;


}
.beigeBox p{

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


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

.payPalForm{
background-color:#FFFFFF;
border: #A7372B solid 1px;
padding:10px;
margin-bottom:15px;

}