/****************************************************

	SITE: mic-centrum.de (von herz-jesu-kh.de)

	grass@mai-multimedia.de 2009
	Stand 20.04.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.more
	{
		padding-left: 15px;
		background: transparent url(../images/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
	{
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 1em;
		margin-top: 2em;
		color: #D79253;
    }
#firstH1
	{
		margin-top: 0;
    }


h2
	{
		margin-bottom: 1em;
		color: #0B2C90;
	}

h3
	{
		margin-bottom: 0;
    }

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
	{
		border-collapse: collapse;
		margin-bottom: 1em;
	}

td, th { padding: 0.1em 2em 0.1em 0!important; vertical-align: top;}

td p { margin-bottom: 0.5em!important; }


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/mic_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;
    }
.picbutton
	{
		display: block;
		width: 298px;
		height: 124px;
		margin-bottom: 10px;
	}
.picbutton span
	{
        display: none;
    }


#picbutton1
	{
		background: transparent url(../images/butt_1.jpg) no-repeat;
    }
#picbutton2
	{
		background: transparent url(../images/butt_2.jpg) no-repeat;
    }
#picbutton3
	{
		background: transparent url(../images/butt_3.jpg) no-repeat;
    }
#picbutton4
	{
		background: transparent url(../images/butt_4.jpg) no-repeat;
    }

/****************************************************
	Inhalte
******************************************************/



/* ------------- Standard -------------- */

#contentBox
	{
/*

		padding-left: 3.8em;
*/
		position: relative;
		z-index: 100;
		margin	: 0 260px 0 360px;
		padding-top: 24px;
		background: transparent;
    }

/* aus alter Seite */
.linkbtn { border:none; color:#0a2c8f; background-color:#c8cfe6; margin:0 0 0 -3px; padding:0; font-family:Arial,Helvetica,Sans-serif; font-size:10pt; }
.picbutton { margin:0 0 17px 0; float:left; }
.litxt { color:#000; }
.libotmargin { margin-bottom:0.7em; }
.imgLeft { float: left; margin-right: 5px; margin-top: 2px;}
ul { margin:0; padding:0; list-style-type:disc; }
li { color:#0a2c8f; margin-left:16px;}

a.nounderline:link, a.nounderline:visited { text-decoration:none; }
a.nounderline:hover, a.nounderline:active { text-decoration:underline; }

/* ------------ CONTEXT ------------ */


#contextBox
	{
		width: 120px;
		position: absolute;
		right: 30px;
		top: 117px;
		background-color: #C1CCEE;
		padding: 26px 10px;
    }




/* ------------ 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: -115px;
    }


#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;
    }


