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

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



body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background-image:url(../../files/back_1.jpg);
		background-repeat:repeat-x;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
	
p {

	font: 80% Verdana, Arial, Helvetica, sans-serif;
	
	}
	
h1,h2,h3,h4,h5,h6{
 font-family: Verdana,Arial,sans-serif;
 text-align:left;
 }
h1{
 font-size: 120%;
}

h2{
 font-size: 114%;
}

h3{
font-size: 105%;
}

h4{
 font-size: 100%;
 font-weight: normal;
 }

h6{
 font-size: 70%;
}
		

a {
color:#003399;

/*color:#65221B;*/

}
 a:hover{
 color:#002062;
 }

img{
border:none;
}	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
	
    .twoColFixLtHdr #container { 
    	width: 762px; 
    	background: #FFFFFF;
    	margin: 0 auto; 
    	text-align: left;
    } 
    .twoColFixLtHdr #header { 
	
} 
	 .twoColFixLtHdr #logo { 
	 margin: 0;
	padding: 0;
	height:131px;
	 } 
	 
  .twoColFixLtHdr  #topNavCont{
	height:214px;
	background-image:url(../../files/top-div.jpg);
	background-repeat:no-repeat;
	margin-left: 3px;
	padding-top:60px;
	}
  .twoColFixLtHdr  #topNav{

	height:211px;
	background-color:#A7372B;
	width:197px;
	border:#FFFFFF solid 3px;
	border-left:none;
	border-bottom:none;
	float:left;
}
	 .twoColFixLtHdr  #dMes{
	 
	margin-left:200px;
	height:211px;
	background-image:url(../../files/back-daily-message.jpg);
	background-repeat:no-repeat;
	width:282px;
	border:#FFFFFF solid 3px;
	border-left:none;
	border-bottom:none;
	
	
	}
	 .twoColFixLtHdr  #dMes p,h1,h2,h3,h4,h5{
	 padding-left:10px;
	  padding-right:10px;
	 
	}
	.twoColFixLtHdr  #dMes h5{
	 margin-top:10px;
	 
	}
	 .twoColFixLtHdr  #dMes a{
	 padding-left:10px;
	  padding-right:10px;
	  color:#000000;
	  font-size:80%;
	  font-weight:bold;
	 
	}
	
	
	 .twoColFixLtHdr  #search{
	background-color:#EFD68B;
	width:746px;
	height:37px;
	margin: 3px 3px 3px 3px;
	padding:5px;
	font-size:80%;
	 
}
 .twoColFixLtHdr  #rec{
	
	margin-left: 447px;
	margin-top:-16px;
	
	}
	
	 .twoColFixLtHdr  #rec img{
	 float:left;
	 margin-right:15px;
	
	}
/************* content **************/		
	
	
	.twoColFixLtHdr #mainContent {
	background-color: #F9F0D5;
	margin: 3px;
	} 
	
	
    .twoColFixLtHdr #teaserLeft{
	float: left; 
	width: 455px; 
	padding: 0 10px 15px 20px;
	margin-left: 3px;
	border-right: 1px solid #A2362B;
    }
	.twoColFixLtHdr #teaserLeft li{
	font-size:80%; 
	
    }
	/*.twoColFixLtHdr #teaserRight p{
	
	padding-bottom:  10px;
	border-bottom: 1px solid #A2362B;
	min-height:100px;
	
	
    }*/
	 .twoColFixLtHdr #teaserRight li{
	font-size:80%; 
	
    }
	
    .twoColFixLtHdr #teaserSmall {
	margin: 0 0 0 488px; 
	padding: 0 10px; 
	width: 241px;
	border-top: 1px solid  #F9F0D5;
	
	
	
} 
.twoColFixLtHdr #teaserSmall p{
	font-size:75%; 
	padding-bottom:  10px;
	
}


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

.roundCorner {
background-image: url(../../landing-pages/image/roundcorner.gif);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
background-color:#A73E33;
width:424px;
font-weight:500;
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/roundcorner-top.gif);
background-repeat:no-repeat;
background-position:left top;
height:3px;
}
.redBox{
padding:8px;
background-image:none;
height:auto;
}






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

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

}


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

}
.beigeBox p{

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


	
	
/************* footer **************/	
	
	
    .twoColFixLtHdr #footer {
	
	padding: 5px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#A2362B;
	clear:both;
	height: 25px;
		 
    } 
    .twoColFixLtHdr #footer p {
	font-size:70%;
	color:#FFFFFF;
	margin: 0px;
	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. */
}
		
/************* 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;
		margin-bottom:8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .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;
    }
	
	.pCenter{
	text-align:center;
	}
	.textalert{
	border: 1px solid #A2362B;
	background-color:#F5E7BA;
	margin: 5px;
	padding:5px;
}
.headlineRed{
font-size: 105%;
color:#65221B;
}
.textkursivRed{
font:95% "Arial";
font-style:italic;
color:#65221B;
}
.imageCenter{
text-align:center;
}

.beigeBoxRec{
background-color:#EFD68B;
border:#FFFFFF solid 2px;
color:#000000;
padding:5px;
}

.infoTex{
color:#666666;
font:75% Arial, Helvetica, sans-serif;
}


/************* formulare **************/

form {
  padding:5px;
  border: thin solid #A2362B;
  
  
}


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px;
  margin-bottom:5px;
  font-size:75%;
 font-weight:500; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
form p {  font-size:65%;
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  margin-top:15px;
}
label {
 text-align: right; 
 padding-right: 1em; 
}

.smallRight{
font-size:65%;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
}
.smallLeft{
font-size:65%;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
.redBottomLine{
border-bottom: 1px solid #A2362B;
}
.formInfo{
background-color:#FFFFFF;
border:1px solid #EFD68B;
padding:10px;
width:300px;
}
.socialCaps{
font-size:70%;
font-weight:600;
}

.prayer{
background-image:url(../../files/background-prayer.gif);
background-repeat:no-repeat;
background-position:center center;
}