@charset "utf-8";

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #313131;
    background-color: #F5F5F1;
}

html, body {
	webkit-font-smoothing:antialiased;
}
 
#logo {
    background-image: url(../bild/logo-heilige-eucharistie.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 225px;
    background-color: #f5f5f1;
}
 
#container {
    margin-right: auto;
    margin-left: auto;
    max-width:1228px;
    min-width:995px;
    min-height:700px;
    background-image: -ms-linear-gradient(left, #F0F0F0 0%, #F9F9F9 50%, #F0F0F0 100%); /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(left, #F0F0F0 0%, #F9F9F9 50%, #F0F0F0 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(left, #F0F0F0 0%, #F9F9F9 50%, #F0F0F0 100%); /* Opera */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F0F0F0), color-stop(0.5, #F9F9F9), color-stop(1, #F0F0F0)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(left, #F0F0F0 0%, #F9F9F9 50%, #F0F0F0 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to right, #F0F0F0 0%, #F9F9F9 50%, #F0F0F0 100%); /* W3C Markup, IE10 Release Preview */
}

#mainMenu {
	text-align: center;
	padding-top: 5px;	
	color: #AA9141;
}

#mainMenu .rex-navi1 {
    display: inline-block;
    top: 0px;
}

#mainMenu .rex-navi1 ol, ul {
    list-style: none outside none;
    margin: 0px;
}

#mainMenu .rex-navi1 li {
    float: left;
    overflow: visible;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Open Sans', sans-serif;
}



#submenu .rex-navi1 {
    display: inline-block;
    top: 0px;
}

#submenu .rex-navi1 ol, ul {
    list-style: none outside none;
    margin: 0px;
}

#submenu .rex-navi1 li {
    float: left;
    overflow: visible;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;

}


#content {
	margin-top: 20px;
	margin-right: 80px;
	margin-bottom: 20px;
	margin-left: 80px;
}



#footerTop {
	background-image: url(../bild/footer-top.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 49px;
	clear: both;
}
.formTextField {
	background-image: url(../bild/form-BG.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 55px;
	width: 490px;
	border: 1px solid #E4E4E4;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	color: #818181;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-bottom: 20px;
}
.formTextArea {
	font-size: 18px;
	background-image: url(../bild/form-BG2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 210px;
	width: 1000px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #818181;
	border: 1px solid #E4E4E4;
	background-color: #F6F6F6;
}
.buton {
	background-color: #000;
	height: 50px;
	width: 150px;
	font-size: 18px;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footerTop2 {
	background-image: url(../bild/footer-top2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 45px;
}
#footer {
	background-color: #000;
	background-image: url(../bild/footer-BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 35px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 40px;
	min-height:150px;
	font-size: 15px;
	line-height: 25px;
	color: white;
}
.padLeft {
	padding-left: 35px;
}
.padRight {
	padding-right: 35px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
#Footer2 {
	color: #818181;
	background-image: url(../bild/footer-logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #4D4D4D;
	text-align: center;
	margin-top: 25px;
	padding-top: 105px;
}
#separator {
	background-image: url(../bild/separator.jpg);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
	height: 78px;
}

#separator2 {
	background-image: url(../bild/separator2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
	height: 78px;
}
h1 {
    font-size: 26px;
    line-height: 36px;
    color: #ab9040;
}
h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #ab9040;
}
h3 {
    font-size: 18px;
    font-weight: bold;
    color: #ab9040;
    margin-bottom: 2px;
    line-height: 20px;
}

h6 {
    font-family: 'Forum', cursive;
    color:white;
    text-shadow:1px 1px 1px #000000; 
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 18px;
    padding-top: 17px;
    text-transform: uppercase;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.formSearch {
	background-image: url(../bild/ico-search.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 28px;
	width: 320px;
	border: 1px solid #D0D0D0;
	background-color: #FFF;
	margin-bottom: 5px;
	color: #818181;
	padding-right: 10px;
	padding-left: 10px;
}
.formSearch2 {
	height: 28px;
	width: 30px;
	border: 1px solid #D0D0D0;
	background-color: #FFF;
	text-align: center;
}
.gray {
	color: #818181;
}
.textSize16 {
	font-size: 16px;
}
.textSize12 {
	font-size: 12px;
}
.alignCentred {
	text-align: center;
}
#Hline {
	background-image: url(../bild/Hline.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 15px;
}
#articleHline {
	background-image: url(../bild/articleHline.png);
	background-repeat: repeat-x;
	height: 30px;
}
#grayBox {
	font-size: 24px;
	font-style: italic;
	line-height: 36px;
	background-image: url(../bild/gray-box-BG.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 80px;
	padding-bottom: 15px;
	padding-left: 80px;
}
.marginTopBottom {
	margin-top: 20px;
	margin-bottom: 20px;
}
.marginLeftRight {
	margin-right: 20px;
	margin-left: 20px;
}
.marginLeft {
	margin-left: 20px;
}
#clear {
	clear: both;
}

#slidergrafik {

}

#seitentitel {
	background-image: url(../bild/header-title-BG.png);
	background-repeat: no-repeat;
	background-position: center;
    text-align: center;
    height: 95px;

}



.centred {
	text-align: center;
}
#footer a{
	color: #818181;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
.colorGrau {
	color: #818181;
}
.colorWeiss {
	color: white;
}
#article {
	background-image: url(../bild/article-BG.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-bottom: 15px;
}
.noWrap {
 white-space : nowrap;
 }
#col1 {
	float: left;
	width: 30%;
	margin-top: -23px;
}
#col2 {
	float: left;
	width: 70%;
	font-size: 18px;
	line-height: 22px;
}




/*---------------------------------------------------
because menu is absolute we force the image down
----------------------------------------------------*/
#slidergrafik {
    margin-top: 50px;
}




/*---------------------------------------------------
position menu in center using a trick
----------------------------------------------------*/

.center {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#mainMenu {
    position: absolute;
/*    left: 50%; 
      width: 800px; */
    top: 235px;
    z-index: 7;
}

#mainMenu .rex-navi1 {
    position: relative;
/*    left: -50%;  */
}

#mainMenu a {
    height: 56px;
    display: block;    
}

#mainMenu  li {
    position: relative;
}
/*---------------------------------------------------
add the arrow image
----------------------------------------------------*/
#mainMenu .rex-active a, #mainMenu .rex-current a {
	background: url('../img/arrow.png') no-repeat center 43px;
	text-decoration: none;
}

#mainMenu a:hover {
    text-decoration: underline;
}

/*---------------------------------------------------
align submenu
----------------------------------------------------*/
#submenu {    
    position:  absolute;
    top: 283px;
    width: 100%;
}

/*---------------------------------------------------
submenu css
----------------------------------------------------*/
#submenu {
    display: none;
}

/*force sliding up and down*/


#slidergrafik img {
    width: 100%;
    height: auto;
}
                
.heiligen-bild img {
    border-right-width: 10px;
    border-left-width: 10px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FFF;
    border-left-color: #FFF;
}

.buch-bild-liste {
    padding-top: 20px;
    padding-right:20px; 
    padding-left: 10px;
    }
    
.buch-bild-liste-inner img {
    border-right-width: 10px;
    border-left-width: 10px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FFF;
    border-left-color: #FFF;    
}

#seitentitel img {
    cursor: pointer;
}


/*---------------------------------------------------
	article list css
----------------------------------------------------*/
.article_summary.noshow {
	display: none;
}
.article_summary .article_description {
	display: none;
	font-size: 20px;
	text-align: justify;	
}

.article_summary .article_short_description {
	font-size: 20px;
	text-align: justify;	
}

/*---------------------------------------------------
	form validations code start
----------------------------------------------------*/
.post_forms  label.error {display: none !important;}

.post_forms input.error {
	background: #fff0f0;
	border-color: #a60000;
}
.post_forms  textarea.error {
	background: #fff0f0;
	border-color: #a60000;
}

.post_forms  input.error:focus {
	box-shadow:0px 0px 3px #A60000; -moz-box-shadow:0px 0px 3px #A60000; -webkit-box-shadow:0px 0px 3px #A60000;
}

.post_forms  textarea.error:focus {
	box-shadow:0px 0px 3px #A60000; -moz-box-shadow:0px 0px 3px #A60000; -webkit-box-shadow:0px 0px 3px #A60000;
}

.post_forms_confirmation_message {
    background: #d2d9e1;
    color: #000;
    border: 1px solid #007577;
	padding: 10px;
	margin-bottom: 20px;
	font-family: Tahoma;
	font-size: 16px;
}


/*---------------------------------------------------
	kontakt form trailer 
----------------------------------------------------*/
#kontact_form {
	display: none;	
}

#kontakt_trigger, #kontakt-x {
	cursor: pointer;
}


/*---------------------------------------------------
	chapters
----------------------------------------------------*/
.article_chapter {
	display: none;
}
#go_right, #go_left {
	cursor: pointer;
}