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

	SITE: sodbrennen-operationen.de (von herz-jesu-kh.de)

	grass@mai-multimedia.de 2009
	Stand 05.08.2009

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


* {margin: 0; padding: 0;}
html,body { height: 100%; }

body
	{

		font-family: Arial,Helvetica,sans-serif;
		line-height: 1.4em;
		color: #2B282C;
		font-size: 75%;
		background: #456591;
		text-align: center;
	   /*	background: #fff url(../images/hgr_body.gif) repeat-y left;*/
	}

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; }
.imgCenter { display: block; margin: 10px auto; }

a
	{
		color: #0B2C90;
	}
a:hover
	{
		text-decoration: none;
	}

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.arrow
	{
		padding-left: 15px;
		background: transparent url(../images/link_arrow.gif) no-repeat 0 4px;
	}
a.zoomImageLink { padding: 0 5px; }
a.zoomImageLink image
	{}
a.moreLink
	{
        font-style: italic;
    }


h1, h2, h3, h4, h5
	{
		color: #3F3D42;
	}

h1, h2
	{
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 1em;
		color: #AA6A18;
		border-bottom: solid 2px #C1C4DD;
		padding-bottom: 5px;
    }
h2
	{

    }


h3
	{
		margin-bottom: 1em;
		color: #0B2C90;
		border-bottom: solid 1px #C1C4DD;
	}

h1, h2 {
    clear: both;
}
h4
	{
		margin-bottom: 1em;
		color: #0B2C90;
    }


hr
	{
		height: 1px;
		color: #D1D8E1;
	}

p { margin-bottom: 1em;}

ul
	{
    	margin: 1em 0 1em 1.4em;
	}
ol
	{
    	margin-left: 2.4em;
		list-style-position: outside;
	}

.hiddenBox { display: none; }

table
	{
		margin-bottom: 1em;
	}

td, th { padding: 0.1em 0.3em; vertical-align: top; border-right: solid 2px #fff; }

td p { margin-bottom: 0.5em!important; }

tr.odd td { background:#DFE4F1; }
thead tr { background:#C3CCE4; }

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

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



/****************************************************
	LAYOUT
******************************************************/

#outerwrap
	{
		position: relative;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 0 30px;
		min-width: 995px;
		max-width: 1165px;
		min-height: 100%;
		background: #456591 url(../images/hgr_body.gif) repeat-y left;
    }


#wrap
	{
		position: relative;
		height: 100%;
		padding-right: 30px;
		text-align: left;
		background: transparent url(../images/hgr_contextBox.gif) repeat-y right;
    }

#header
	{
		position: relative;
		height: 117px;
 		background: #DFE4F1 url(../images/hgr_header.gif) no-repeat top left;
    }
#logo
	{
		position: absolute;
		right: 14px;
		top: 24px;
		background: transparent url(../images/hjk_logo.gif) no-repeat;
		height: 77px;
		width: 173px;
    }
#logo span
	{
		display: none;
	}

#mainMenuBox
	{
		width: 298px;
		float: left;
		position: relative;
		padding: 24px 0;
		font-size: 1em;
		background: transparent url(../images/hgr_mainMenuBox.jpg) no-repeat;
		min-height: 465px;
    }


/****************************************************
	Inhalte
******************************************************/


/* ------------- Menü -------------- */
#mainNav, #mainNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
    }
#mainNav li
	{
		background: transparent url(../images/hgr_menuItem.png) no-repeat;
		line-height: 29px;
		padding: 0 0 7px 42px;
		margin: 0 0 7px 0;
    }
#mainNav a
	{
        text-decoration: none;
    }
#mainNav a:hover, #mainNav a.active, #mainNav li.active a
	{
		font-weight: bold;
    }
#mainNav li.active ul a
	{
		font-weight: normal;
    }
/* zweite Ebene */
#mainNav ul
	{
		margin-top: 10px;
		display: none;
    }
#mainNav li.active ul
	{
        display: block;
    }


#mainNav ul li
	{
        background: transparent url(../images/menu_arrow.png) no-repeat 15px 50%;
		line-height: 1.8em;
		padding: 0 0 0 25px;
		margin: 0;
    }
#mainNav ul li a.active
	{
		font-weight: bold;
    }


/* ------------- Standard -------------- */

#breadcrumpBox
	{
		font-size: 0.9em;
		padding-bottom: 15px;
    }

#contentBox
	{
		position: relative;
		z-index: 100;
		padding: 5px 0 40px 60px;
		margin	: 0 220px 0 301px;
    }
#contentHolder
	{
     float: left;
	 width: 100%;
    }

#contentBox li
	{
        margin-bottom: 0.5em;
    }
#contentLeft
	{
        width: 48%;
		float: left;
    }
#contentRight
	{
        width: 48%;
		float: right;
    }

#mainMediaBox
	{
        float: right;
		margin-left: 20px;
    }
#mainMediaBox h3, #zoomMediaGalerieBox h3
	{
        border: none;
		color: #000;
		padding: 0;
		font-size: 1em;
    }
#mainMediaBox p, #zoomMediaGalerieBox p
	{
		padding: 5px 0 0 0;
		line-height: 1.2em;
    }

#zoomMediaGalerieBox
	{
        float: right;
		width: 172px;
		padding-left: 45px;
		font-size: 0.9em;
		background-color: #fff;
    }
.zoomMediaGalerieBoxItem
	{
        margin-bottom: 1em;
    }


/* ------------ DOKUMENTENLISTE ------------ */

.docList
	{
		margin: 1.5em 0;
		padding: 0;
		list-style: none;
    }
.docList li
	{
        margin: 0 0 2em 0;
    }
.docList li h2
	{
        border-width: 1px;
		padding-bottom: 0;
		margin-bottom: 0.5em;
    }
.docList li h2 a
	{
        text-decoration: none;
    }
.docList li h2 a:hover
	{
        text-decoration: underline;
    }



/* ------------ CONTEXT ------------ */


#contextBox
	{
		width: 140px;
		position: absolute;
		right: 30px;
		top: 117px;
		background-color: #C1CCEE;
		padding: 26px 0;
		font-size: 0.9em;
    }
#contextBox p, #contextBox ul, #contextBox ol, #contextBox h2, #contextBox h3, #contextBox h3
	{
        padding: 0 10px 1em 10px;
		color: #000;
    }
#contextBox h3
	{
        border: none;
		padding: 0;
		margin: 0;
    }
.contextMediaBox
	{
        margin-bottom: 1em;
    }


/* ------------ Sonstiges ------------ */

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

#fontSizer
	{
		list-style: none;
		margin: 0;
		position: absolute;
		top: 8px;
		right: -70px;
		width: 60px;
    }


#fontSizer li
	{
		float: left;
		margin: 0;
    }
#fontSizer a
	{

		display: block;
		width: 23px;
		padding: 23px 0 0 0;
		margin-right: 5px;
		overflow: hidden;
		height: 0px !important;
        text-decoration: none;
    }
#fontSizer .normal a
	{
		background: transparent url(../images/fontSizer_Normal.gif) no-repeat left top;
    }
#fontSizer .large a
	{
		background: transparent url(../images/fontSizer_Large.gif) no-repeat left top;
    }

#goTop
	{
        border-top: solid 1px #456591;
		color: #456591;
		margin: 1em 0 2em 0;
		padding-top: 5px;
		padding-right: 5px;
		text-align: right;
		display: block;
		font-size: 0.9em;
		text-decoration: none;
		line-height: 1em;
    }

#footer
	{
        font-size: 0.9em;
		border-top: solid 1px #C1C4DD;
		padding: 10px 0;
		margin-top: 1em;
    }