/****************************************************

	SITE: hiltruper-schwestern.de

	Farben:

	Hintergrund:	#EEEBE2
	Textfarbe:		#4A484E
	BlauGrau:		#627A9D

	Stand 31.03.2009

	grass@mai-multimedia.de 2009

******************************************************/

/* HACK damit Firefox das Hintergrundbild richtig zentriert */
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

* {margin: 0; padding: 0;}
html
{
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}


html
	{
        font-size: 75%;
		background: #EEEBE2 url(/images/hgr_body.gif) repeat-x top;
    }

body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
		line-height: 1.4em;
		min-height: 100%;
		background: transparent url(/images/hgr_shaddow.png) repeat-y center;
		color: #4A484E;
		text-align: center;
	}

h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}



/****************************************************
	ALLGEMEINE STYLES
******************************************************/

.clear { clear: both; }
.invisible { display: none; }

img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 10px 10px 0;}
.imgRight { float: right; margin: 4px 0 10px 10px; }

a
	{
		color: #4A484E;
	}
a:hover
	{
		color: #224270;
	}

a.download { padding-left: 25px ; }
a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }

.mediaImage img { display: none; }

a.more, span.more
	{
		padding-left: 15px;
		background: transparent url(/images/arrow.gif) no-repeat 0 4px;
	}
span.more
	{
        font-weight: bold;
    }

a.zoomImageLink { padding: 0 5px; }
a.zoomImageLink image
	{}

strong
	{
        color: #627A9D;
    }


h1, h2, h3, h4, h5
	{
		line-height: 1.2em;
		color: #627A9D;
		padding-top: 1em;
	}

h1, h2, h3
	{
		font-weight: normal;
		margin-bottom: 0.4em;
		clear: both;
	}
h1
    {
		font-family: Times New Roman, serif;
        font-size: 24px;
		padding-top: 0;
    }
h1 + h2
	{
		padding-top: 0;
    }

h2
    {
        font-size: 1.4em;
        padding-top: 1em;
		color: #627A9D;
    }
h2 a
	{
        font-size: 1em;
		text-decoration: none;
    }
h3
    {
        font-size: 1.2em;
		padding-top: 0.8em;
		margin-bottom: 0.6em;
    }
hr
	{
		height: 1px;
		color: #D1D8E1;
	}

p { margin-bottom: 1em;}

ul
	{
    	margin: 1em 0 1em 1.4em;
	}


.hiddenBox { display: none; }

td { padding: 0.1em 1em 0.1em 0!important; vertical-align: top; }

table.border
	{
		border-collapse: collapse;
		border: solid 1px #ccc;
	}

table.border td { vertical-align: top; border: solid 1px #ccc;}

#wrap
	{
		position: relative;
		width: 1010px;
		text-align: left;
		margin: 0 auto;
    }


/****************************************************
	HEADER
******************************************************/

#headerBox
	{
		position: relative;
		clear: both;
		width: 100%;
		height: 115px;
		background: #999fff url(/images/hgr_headerBox.gif) repeat-x bottom;
		z-index: 10;
	}
#headerWrap
	{
		position: relative;
        /*min-width: 85em;
		max-width: 90em;*/
		height: 100%;
		background: #fff url(/images/hgr_headerBox.gif) repeat-x bottom;
	}
#logoBox
	{
		position: absolute;
		z-index: 100;
		/*width: 15em;
		height: 6em;*/
		width: 180px;;
		height: 72px;
		bottom: 0.5em;
		right: 1em;
 	}
 #globus
	{
        position: absolute;
		top: 30px;
		left: 660px;
		z-index: 20;
		width: 160px;
		height: 169px;

		background:  transparent url(/images/globus.gif);
    }

/****************************************************
	TICKER
******************************************************/

#tickerBox
	{
		position: absolute;
		top: 12.5em;
		right: 1em;

    }
#tickerBox marquee
	{
        width: 22em;
    }
#tickerBox a
	{
        text-decoration: none;
		color: #627A9D;
    }




/****************************************************
	HAUPTMENÜ
******************************************************/

#menuBox
	{
		position: absolute;
		z-index: 10;
		top: 44px;
		width: 60em;
		height: 12em;
	}
#menuBox ul
	{
		list-style: none!important;
		margin: 0!important;
    }

#menuHgr
	{
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
	}

#menuBox a
	{
		color: #4A484E;
		text-decoration: none;
	}
#menuBox a:hover
	{
        color: #224270;
    }


.dropdown
	{
		position: relative;
		z-index: 10;
	}


.dropdown a:hover
	{
		color: #224270;
	}
.dropdown a.activ
	{
		font-weight: bold;
		color: #224270!important;
	}
/* Positionen der einzelnen Menüpunkte */

#nav_a_269, #nav_a_345, #nav_a_343, #nav_a_342, #nav_a_359, #nav_a_360, #nav_a_361, #nav_a_362, #nav_a_363, #nav_a_364, #nav_a_365, #nav_a_366, #nav_a_367, #nav_a_368, #nav_a_369, #nav_a_370
	{
		position: absolute;
	}

#nav_a_269, #nav_a_345, #nav_a_343, #nav_a_342
	{
		width: 9em;
		height: 2em;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: top center;

	}
#nav_a_269 img, #nav_a_345 img, #nav_a_343 img, #nav_a_342 img
	{
		width: 9em;
		height: 2em;
	}

#nav_a_269 { left: 8.4em; top: 3.2em; background-image: url(/images/werWirSind.gif); }		/* Wer wir sind */
#nav_a_359 { left: 6em; top: 1em; }	/* geschichtlich */
#nav_a_360 { left: 1em; top: 2.5em; }	/* missionarisch */
#nav_a_361 { left: 4em; top: 4.7em; }	/* spirituell */

#nav_a_345 { left: 19.74em; top: 1em; background-image: url(/images/wasWirTun.gif); }	/* Was wir tun */
#nav_a_362 { left: 26em; top: -1.2em; }	/* stärken */
#nav_a_363 { left: 31.8em; top: 0.6em; }	/* zuhören */
#nav_a_364 { left: 29em; top: 2.6em; }	/* pflegen */

#nav_a_343 { left: 27.6em; top: 7em; background-image: url(/images/wieWirLeben.gif); }	/* Wie wir leben */
#nav_a_365 { left: 23em; top: 6em; }	/* engagiert */
#nav_a_366 { left: 25.5em; top: 10em; }	/* verbindlich */
#nav_a_367 { left: 21.5em; top: 8.4em; }	/* gemeinschaftlich */


#nav_a_342 { left: 38.75em; top: 9.2em; background-image: url(/images/woWirLeben.gif); }	/* Wo wir leben */
#nav_a_368 { left: 48.5em; top: 8.3em; }	/* in Hi8ltrup */
#nav_a_369 { left: 48em; top: 12.2em; }	/* weltweit */
#nav_a_370 { left: 50em; top: 10.6em; }	/* deutschlandweit */

/****************************************************
	SERVICEMENÜ
******************************************************/

#serviceMenuBox
	{
        clear: both;
		float: left;
		z-index: 100;
		bottom: 0;
		background: #E5E1D7;
		width: 100%;
        min-height: 23px;
		padding-top: 1px;
		background: transparent url(/images/hgr_Tab.gif) no-repeat top left;
		border-bottom: solid 1px #F6F5F2;
		font-size: 0.9em;
    }
#serviceWrap
	{
		position: relative;

    }
#serviceMenuBox  ul
	{
		float: left;
		list-style: none!important;
		margin: 0;

		padding-right: 30px;
    }
#serviceMenuBox li
	{
        float: left;
		position: relative;
		line-height: 23px;
		padding: 0 14px 0 18px;
		margin-left: -10px;
    }
#serviceMenuBox li.odd
	{
        background: transparent url(/images/hgr_TabBeige.png) no-repeat left top;
    }

#serviceMenuBox li.even
	{
        background: transparent url(/images/hgr_TabBlau.png) no-repeat left bottom;
    }

#serviceMenuBox li.activ a
	{
		color: #fff!important;
    }
#serviceMenuBox li.odd.activ
	{
		background-image: url(/images/hgr_TabBeige_h.png);
    }
#serviceMenuBox li.even.activ
	{
		background-image: url(/images/hgr_TabBlau_h.png);
    }
#serviceMenuBox a
	{
        text-decoration: none;
    }

#navLastItem
	{
		background: transparent url(/images/hgr_TabRight.png) no-repeat left top;
    }


#nav_li_2 /* ersten Eintrag */
	{
		margin-left: 0px!important;
		background: transparent url(/images/hgr_TabLeft.png) no-repeat left top!important;
    }
#nav_li_2.activ
	{
		background-image: url(/images/hgr_TabLeft_h.png)!important;
    }


#introAgain
	{
		position: absolute;
		top: 0.5em;
		left: 10px;
		line-height: 1em;
    }


/****************************************************
	CONTENT
******************************************************/


#homepageIntro
	{
        position: relative;
		margin-left: 60px;
		margin-top: 0px;
		z-index: 1000;
    }
#contentHomepage h1
	{

    }


#contentHomepage
	{
		display: none;
    }

#contentBox
	{
		position: relative;
		float: left;
		z-index: 5;
		padding-top: 12.25em;
		padding-bottom: 30px;
	}

#olivenzweig
	{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 253px;
		height: 185px;
	   	background:  transparent url(/images/oliven.jpg) no-repeat;
	}
#oZweigPng
	{
		position: absolute;
		left: 0;
		top: 146px;
		width: 253px;
		height: 41px;
		z-index: 20;
		background:  transparent url(/images/oliven.png) no-repeat 0px -2px;
    }

#leftBox
	{
		position: absolute;
		top: 12.25em;
		left: 10px;
		/*width: 37em;*/
		width: 230px;
		z-index: 10;
		padding-bottom: 30px;
    }
#leftBox.standard3 /*Template catStandart3*/
	{
		width: 400px;
    }

/* Dokumentenliste linke Spalte */

#docList
	{
    	width: 232px;
		margin-top: 38px;
	}

#docList .docListItem
	{
        float: left;
		width: 111px;
		margin-right: 5px;
		margin-bottom: 5px;
    }
#docList .docListItem img
	{

    }
#docList .docListItem p
	{
 		padding: 0 0 0 8px;
		margin: 0;
	}

#docList .docListItem a
	{
        text-decoration: none;
		display: block;
    }
#docList .docListItem.noImage
	{
        float: none;
		clear: both;
		width: 230px;
    }

#contentLeft
	{
 		padding-left: 13px;

    }
#mapWelt
	{
		width: 352px;
		height: 300px;
	   	background:  transparent url(/images/hgr_weltkarte.jpg) no-repeat -1px 1px;
    }
#mapBRD
	{
		width: 352px;
		height: 300px;
	   	background:  transparent url(/images/hgr_deutschlandkarte.jpg);
    }

/****************************************************
	GALERIE Carousel
******************************************************/

#mainMediaBox
	{
    	position: relative;
		width: 227px;
		height: 296px;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}


#galerie
	{
        position: relative;

    }

#galerie img
	{
        margin-right: 5px;
    }


.carousel, .no-carousel
	{
		width: 227px!important;
        height: 60px!important;
		position: relative;
		overflow: hidden;
		z-index: 2;
    }
.carousel ul, .no-carousel ul
	{
       position: relative;
	   list-style-type: none;
	   z-index: 1;
	   margin: 0;
	   padding: 0;
    }

.carousel li, .no-carousel li
	{
		height: 60px;
		width: 116px;
		float: left;
    }
#imgText
	{
		width: 228px;
        text-align: center;
		line-height: 1.2em;
    }

#imgText h3, #imgText p
	{
		font-size: 1em;
		margin: 0;
		padding: 0;
    }
#imgText
	{
        clear: both;
    }

.carouselNextPrevBox
	{
        float: left;
		position: relative;
		width: 227px;
    }

.carouselNext, .carouselPrev
	{
    	position: relative;
		cursor: pointer;
		margin-top: 5px;
    }
.carouselNext
	{
        float: left;
    }
.carouselPrev
	{
        float: right;
    }




/****************************************************
	CONTENT Textteil
******************************************************/


#content, #contentHomepage
	{
        /*
        float: left;
		width: 46em;
		padding-left: 37em;
        padding-left: 444px;
		*/
        padding-left: 305px;
		max-width: 580px;
    }
#content.standard3 /*Template catStandart3*/
	{
		padding-left: 444px;
		max-width: none;
    }


#content .docList, #content .catList
	{
        list-style: none;
		padding: 0;
		margin: 1em 0;
    }
#content .docList.icon li
	{
        padding: 0.2em 0 0.2em 40px;
		background-repeat: no-repeat;
		background-position: 0 0.5em;
    }

/* Template stardart2 */
#content_box1
	{
		float: left;
		width: 48%;

    }
#content_box2
	{
		float: right;
		width: 48%;
		padding-right: 2%;
    }



#siteNav
	{
		clear: both;
		float: right;
        position: relative;
		margin: 1em 0;
		text-align: right;
	}
#siteNav a
	{
		margin: 0 5px;
	}

/* Termine */

.catListItem
	{
		padding-bottom: 3em;
    }
.catListItem h2
	{
       font-weight: bold;
	   margin-top: 0;
	   padding-top: 0;
    }
.catListItem .docListItem
	{
		position: relative;
		margin: 2em 0;
    }
.catListItem .docListItem h3
	{
		border-bottom: solid 1px #D1D8E1;
		margin-bottom: 0.5em;
		padding: 0;
    }
.catListItem .docListItem .date
	{
/*        position: absolute;
		top: 0.9em;
		left: -110px;
		width: 90px
		text-align: right; */
		font-size: 0.9em;
    }

.downloadTable
	{
		width: 100%;
    }
.downloadTable td
	{
        padding: 0!important;
    }
.downloadTable td.dloadImage
	{
        padding-right: 20px!important;
    }
.downloadTable strong a
	{
        text-decoration: none;
		color: #627A9D;
    }

/****************************************************
	GALERIELISTE CONTENT
******************************************************/

#contentMediaGalerie
{
	float: left;
	width: 100%;
	list-style: none;
	margin: 1em 0;
}
#contentMediaGalerie li
{
    float: left;
	width: 130px;
	height: 100px;
	margin-right: 15px;
}

#contentMediaGalerie .imageBox
{
    width: 130px;
	height: 86px;
	overflow: hidden;
	margin-bottom: 5px;
}

#contentMediaGalerie .imageBox img
{
    min-width: 130px;
	min-height: 86px;
}

#contentMediaGalerie h4
{
    font-size: 0.9em;
}


/*************************
	CONTEXT rechte Spalte
**************************/

#contextBox
{
	float: right;
    width: 210px;

	margin-top: 12.25em;
	line-height: 1.2em;
}
#contextBox h2
{
	font-size: 1em;
	background: transparent url(/images/hgr_contextH2.jpg) no-repeat top left;
	color: #fff;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 2em;
}
#contextBoxContainer
{
	border-top: solid 2px #fff;
	border-bottom: none;
	border-right: none;
	padding: 15px 40px 15px 15px;
	font-size: 0.9em;
	background: transparent url(/images/hgr_contextBoxBottom.gif) no-repeat bottom left;
}
#contextBoxContainer img
{
    border: solid 2px #fff;
}


#contextBoxContainer h3
{
    font-weight: bold;
	margin: 0;
	padding: 0.2em 0;
}
#contextBoxContainer a
{
    color: #224270;
}
#contextBoxContainer a:hover
{
    color: #4A484E;
}

.contextBoxItem
{
	padding: 0 0 0.8em 0;
	margin: 0 0 0.8em 0;
	background: transparent url(/images/hgr_contextBoxItem.gif) no-repeat left bottom;
}
.contextBoxItem h3
{
    font-size: 1em;
}
.contextBoxItem img
{
    margin: 0.5em 0;
}
.contextBoxItem p
{
    margin: 0;
	padding: 0;
}



/*************************
	FORMULARE
**************************/




#kontaktBox
	{}

form
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
input, textarea, select, span.value
	{
		width: 280px;
		font-size:1em;
		border: solid 1px #627A9D;
		font-family: Arial, sans-serif;
	}
fieldset
	{
        border: none;
    }
legend
	{
        display: none;
    }



span.value
{
   display: block;
   border: none;
   width: 280px;
}

label, span.label
	{
		font-weight: bold;
	}
span.label
{
	clear: both;
}
.fbError
	{
		color: #cc0000;
	}
.fbError input, .fbError textarea
	{
		border: solid 1px #cc0000;
	}
.formField
	{
		clear: both;
		padding: 2px 0;
	}
.formField label, span.label
	{
		width: 12em;
		float: left;
	}
.radio
	{
		width: auto;
		border: none;
	}

.radioSet
	{
		display: inline;
		padding-right: 1em;
	}
.radioLabel
	{
		position: relative;
		top: -2px;
		padding: 0 0.5em;
	}
.radioSet.fbError
	{
		border: none;
	}
.check
	{
		float: left;
		clear: both;
	}
.formField label.checkboxLabel, .formField label.radioLabel
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 200px;
	}
.formHint
	{
		clear: both;
		padding: 1em 0;
		font-size: 0.8em;
	}
.formField h4	{ padding: 2em 0 1em 0;}


.alertBox h4
	{
		display: none;
		font-size: 1.2em;
	}
.alertBox
	{
		color: #cc0000
	}
.button
	{
		margin-left: 12em;
	}

.OrderRadioSet
	{
        padding-bottom: 1em;
    }

.OrderRadioSet .radio
	{
        float: left;
    }
.OrderRadioSet label
	{
		float: left;
        margin-left: 20px;
		display: block;
		width: 450px!important;
    }


/*************************
	IMAGEBOX
**************************/


#ImageBoxOverlay
{
	background-color: #000;
	z-index: 520;
}
#ImageBoxOuterContainer
{
	z-index: 550;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	z-index: 1600;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover, #ImageBoxNextImage
{
	background-image: url(/images/imagebox/next_image.gif);
	background-repeat:	no-repeat;
	background-position: right 20px;
}
#ImageBoxPrevImage:hover, #ImageBoxPrevImage
{
	background-image: url(/images/imagebox/prev_image.gif);
	background-repeat:	no-repeat;
	background-position: left 20px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1.spezFont {
  		visibility: hidden;
	  font-weight: normal;
	  font-size: 28px;
	  color: #4a484e;
	  display: block;
	  height: 52px;
  }


}