/*	ChristusCentrum Oasis Lilienthal
	basic css 
	(C) 2010 ConfidIT
	Schnaarsweg 8
	D-28865 Lilienthal
*/

/*	normalize browser defaults starts		*/

html, body, p, form, div, ul, a
{
	margin				: 0px;
	border				: 0px none;
	padding				: 0px;
}

body
{
	width				: 100%;
	height				: 100%;
	font-size			: 1em;
	font-weight			: normal;
	text-align			: justify;
	font-family			: "Verdana", sans-serif;
	font-size			: 62.5%;
	background-color	: rgb(255,255,255);
}

ul, li, input, textarea, button
{
	margin				: 0px;
	padding				: 0px;
}

img
{
	margin				: 0px;
	border				: 0px none;
	padding				: 0px;
}

a
{
	color				: rgb(90,90,90);
	text-decoration		: none;
}

a:hover
{
	text-decoration		: underline;
}

/*	normalize browser defaults ends			*/




/*	backdrop formatting starts				*/

#backdrop
{
	position			: fixed;
	width				: 100%;
	height				: 100%;
	top					: 0px;
	left				: 0px;
	background-color	: rgb(255,255,255);
	background-image	: url("../images/allpages/backgroundgradient01.jpg");
	background-position	: top left;
	background-repeat	: repeat-x;
}

/*	backdrop formatting ends				*/




/*	middle ground formatting starts			*/

#middleground01, #middleground02
{
	position			: fixed;
	width				: 100%;
	height				: 100%;
	top					: 0px;
	left				: 0px;
}

#fauxshadow, #gradientshadowwrapper
{
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px auto;
	padding				: 0px;
	width				: 980px;
	height				: 100%;
}

#fauxshadow
{
	background-image	: url("../images/allpages/vbordershadow01.jpg");
	background-position	: top center;
	background-repeat	: repeat-y;
}

#leftshadow, #rightshadow
{
	position			: relative;
	top					: 89px;
	width				: 5px;
	height				: 491px;
	background-repeat	: no-repeat;
}

#leftshadow
{
	float				: left;
	background-image	: url("../images/allpages/leftshadowgradient01.jpg");
	background-position	: top left;
}

#rightshadow
{
	float				: right;
	background-image	: url("../images/allpages/rightshadowgradient01.jpg");
	background-position	: top right;
}



/*	middle ground formatting wnds			*/

/*	foreground formatting starts			*/


#foreground
{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	z-index				: 10;
	background-color	: transparent;
}

/*	 foreground formatting ends				*/




/*	header formatting starts				*/

#headerwrapper
{
	position			: fixed;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	z-index				: 20;
	height				: 184px;
}

#header
{
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 0px;
	padding				: 0px;
	height				: 184px;
	width				: 980px;
	background-image	: url("../images/allpages/menubackgroundgradient01.jpg");
	background-position	: bottom left;
	background-repeat	: repeat-x;
	z-index				: 25;
}

#navmenu
{
	position			: relative;
	top					: -96px;
	margin-left			: auto;
	margin-right		: auto;
	width				: 922px;
	background-color	: rgb(39,62,92);
	height				: 51px;
	background-image	: url("../images/allpages/navmenugradient01.jpg");
	background-position	: top left;
	background-repeat	: repeat-x;
}

#navmenu ul.menulevel0
{
	float				: left;
	list-style-type		: none;
	margin-left			: 10px;
	font-size			: 1.2em;
	height				: 51px;
}

#navmenu ul.menulevel0 li 
{
	float				: left;
	height				: 51px;
	background-image	: url("../images/allpages/menuitemborder01.jpg");
	background-position	: top right;
	background-repeat	: repeat-y;
}

#navmenu ul.menulevel0 li a
{
	display				: block;
	float				: left;
	padding-left		: 1em;
	padding-right		: 1em;
	margin-right		: 2px;
	line-height			: 51px;
	color				: rgb(255,255,255);
	font-variant		: small-caps;
	font-weight			: bold;
	text-align			: center;
	text-decoration		: none;
}

#navmenu ul.menulevel0 li.currentlink a, #navmenu ul.menulevel0 li a:hover
{
	background-image	: url("../images/allpages/currentmenuitembackground01.jpg");
	background-position	: top center;
	background-repeat	: repeat-x;
	color				: rgb(14,65,107);
	background-color	: rgb(203,203,203);
}


#navmenu  ul.menulevel1
{
	float				: left;
	position			: absolute;
	left				: 10px;
	list-style-type		: none;
	font-size			: 1em;
	top					: 55px;
}

#navmenu  ul.menulevel1 li
{
	float				: left;
	background-image	: none;
	text-align			: center;
}

#navmenu  ul.menulevel0 li.currentlink ul.menulevel1 li a
{
	color				: rgb(14,65,107);
	line-height			: 2em;
	font-variant		: small-caps;
	font-weight			: normal;
	text-align			: center;
	text-decoration		: none;
	background-image	: none;
	background-color	: transparent;
	margin-left			: 0em;
	margin-right		: 0em;
	padding-left		: 0px;
	padding-right		: 20px;
}

#navmenu ul.menulevel0 li.currentlink ul.menulevel1 li.currentlink a, #navmenu ul.menulevel0 li.currentlink ul.menulevel1 li.currentlink a:hover
{
	background-color	: transparent;
	color				: rgb(231,80,27);
	background-image	: none;
}

#navmenu ul.menulevel0 li.currentlink ul.menulevel1 li a:hover
{
	background-color	: transparent;
	color				: rgb(231,80,27);
}

/*	header formatting ends				*/




/*	content formatting starts				*/

#contentwrapper
{
	width				: 960px;
	margin-left			: auto;
	margin-right		: auto;
	z-index				: 15;
}

.twocolumnlayout, .threecolumnlayout, .contenttop, .contentbottom
{
	display				: block;
	position			: relative;
	float				: left;
	width				: 960px;
	clear				: both;
}

.contenttop
{
	height				: 180px;
}

.contentbottom
{
	height				: 25px;
}

/*	two column layout formatting starts		*/

/*	left column formatting starts			*/

.leftcolumnoftwo
{
	position			: relative;
	float				: left;
	margin-left			: 30px;
	width				: 598px;
	background-color	: rgb(255,255,255);
}

.leftcolumnoftwo a.internlink, .leftcolumnoftwo a.externlink
{
	font-weight			: bold;
}


.leftcolumnoftwocontent
{
	position			: relative;
	margin-top			: 5px;
	background-color	: rgb(255,255,255);
}

.leftcolumnoftwocontent .toplink, .innerleftcolumnoftwo .toplink, .innerrightcolumnoftwo .toplink
{
	text-align			: right;
	clear				: both;
}

#mainimage
{
	position			: relative;
	width				: 602px;
	height				: 352px;
	margin-top			: 0.7em;
	background-image	: url("../images/allpages/mainimagetopborder01.jpg");
	background-position	: left top;
	background-repeat	: no-repeat;
}

#mainimagebottom
{
	position			: relative;
	width				: 602px;
	height				: 118px;
	top					: 234px;
	background-image	: url("../images/allpages/mainimagebottomborder01.jpg");
	background-position	: left top;
	background-repeat	: no-repeat;
}

img.mainimage
{
	position			: relative;
	left				: 28px;
	top					: -88px;
}

.leftcolumnoftwocontent h1
{
	font-family			: "Verdana", sans-serif;
	margin-top			: 1em;
	margin-bottom		: 0.7em;
	font-size			: 3em;
	font-weight			: normal;
	color				: rgb(8,50,84);
	margin-left			: 18px;
	display				: none;

}

.leftcolumnoftwocontent h2, .rightcolumnoftwocontent h2, .leftcolumnofthreecontent h2, .innerleftcolumnoftwocontent h2, .middlecolumnofthree h2, .innerrightcolumnoftwocontent h2
{
	font-family			: "Verdana", sans-serif;
	margin-top			: 1.6em;
	margin-bottom		: 0.5em;
	font-size			: 1.6em;
	font-weight			: bold;
	color				: rgb(231,80,27);
	text-align			: left;
	clear				: both;
}

.leftcolumnoftwocontent h3, .rightcolumnoftwocontent h3, .leftcolumnofthreecontent h3, .innerleftcolumnoftwocontent h3, .middlecolumnofthree h3, .innerrightcolumnoftwocontent h3
{
	font-family			: "Verdana", sans-serif;
	margin-top			: 1.4em;
	margin-bottom		: 0.5em;
	font-size			: 1.4em;
	font-weight			: bold;
	color				: rgb(8,50,84);
	text-align			: left;
	clear				: both;
}

.leftcolumnoftwocontent h4, .rightcolumnoftwocontent h4, .leftcolumnofthreecontent h4, .innerleftcolumnoftwocontent h4, .middlecolumnofthree h4, .innerrightcolumnoftwocontent h4
{
	font-family			: "Verdana", sans-serif;
	margin-top			: 1.3em;
	margin-bottom		: 0.5em;
	font-size			: 1.3em;
	font-weight			: bold;
	color				: rgb(8,50,84);
	text-align			: left;
}

.leftcolumnoftwocontent p, .rightcolumnoftwocontent p, .leftcolumnofthreecontent p, .innerleftcolumnoftwocontent p,  .middlecolumnofthreecontent p, .innerrightcolumnoftwocontent p
{
	font-size			: 1.2em;
	line-height			: 1.5em;
	color				: rgb(8,50,84);
	margin-bottom		: 1.5em;
	clear				: both;
}

.leftcolumnoftwocontent  .leftframed
{
	float				: left;
	display				: block;
	margin-left			: 18px;
	margin-right		: 18px;
	border				: 1px solid rgb(207,207,207);
	padding				: 8px;
	background-color	: rgb(240,240,240);
}

.leftcolumnoftwocontent  .leftframed p
{
	margin				: 0px;
}

.leftcolumnoftwocontent p span.organisational
{
	
	min-width			: 100px;
	font-weight			: bold;
	float				: left;
}

.leftcolumnoftwocontent ul, .leftcolumnoftwocontent ol
{
	font-size			: 1.2em;
	line-height			: 1.5em;
	color				: rgb(8,50,84);
	margin-bottom		: 1.5em;
	clear				: both;
}

.leftcolumnoftwocontent ul
{
	margin-left			: 15px;
}

.leftcolumnoftwocontent ol
{
	margin-left			: -20px;
}


/*	left column formatting ends			*/




/*	right column formatting starts			*/

.rightcolumnoftwo
{
	position			: relative;
	float				: right;
	margin-right		: 22px;
	width				: 276px;
	background-color	: rgb(255,255,255);

}

.rightcolumnoftwocontent
{
	position			: relative;
	margin-top			: 0px;
	width				: 276px;
	background-color	: rgb(255,255,255);
}

/*	right column formatting ends			*/


/*	two column layout formatting ends		*/




/*	three column layout formatting starts		*/

.leftcolumnofthree, .innerleftcolumnoftwo
{
	position			: relative;
	float				: left;
	width				: 276px;
}

.leftcolumnofthree
{
	margin-left			: 30px;
}

.middlecolumnofthree, .innerrightcolumnoftwo
{
	position			: relative;
	float				: left;
	width				: 276px;
	margin-left			: 46px;
}

.rightcolumnofthree
{
	position			: relative;
	float				: right;
	width				: 276px;
	margin-right		: 22px;
}

/*	three column layout formatting ends		*/




/*	image formatting starts				*/

.imageleft
{
	float				: left;
	margin-right		: 15px;
}

.imageright
{
	float				: right;
	margin-left			: 15px;
}

.imageleft, .imageright
{
	margin-bottom		: 15px;
}

.imagethinframed
{
	border				: 1px solid rgb(133,160,181);
	padding				: 5px;
	background-color	: rgb(240,240,240);
}


/*	image formatting ends					*/



/*	footer formatting starts				*/

#footerwrapper
{
	position			: fixed;
	width				: 100%;
	z-index				: 20;
	bottom				: 0px;
	height				: 25px;
	background-color	: transparent;
}

#footer
{
	margin				: 0px auto;
	padding				: 0px;
	width				: 980px;
	height				: 25px;
	background-image	: url("../images/allpages/footershadow01.jpg");
	background-position	: top left;
	background-repeat	: no-repeat;
	background-color	: rgb(255,255,255);
}

#footer ul.menulevel0
{
	margin-left			: 25px;
}

#footer ul.menulevel0 li
{
	display				: inline;
	font-size			: 1em;
	font-weight			: normal;
	margin-right		: 15px;
	line-height			: 2.5em;
}


#footermenu ul li a
{
	color				: rgb(214,209,201);
}