html, body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: black; }

body { background: url(backpic3.jpg) center;  }


#head { width: 960px; margin: auto; }

	#logo { background: url(logo_light.png) no-repeat center; width: 472px; height: 122px; margin: auto; padding: 18px; cursor: pointer; }
		#logo:hover { background: url(logo2_hover.png) no-repeat center; }

	#left_menu { width: 250px; height: 318px; margin: auto; float: left; }
		#news { background: url(News&Events_.png) top left; width: 173px; height: 33px; position: relative; top: 80px; left: 30px; cursor: pointer; }
			#news:hover { background-position: 170px 0px; }
		#kommunikation { background: url(JrnyBlog.png); width: 144px; height: 39px; position: relative; top: 100px; left: 45px; cursor: pointer; }
			#kommunikation:hover { background-position: 144px 0px; }
		#initiatoren { background: url(AbtUs_.png); width: 100px; height:37px; position: relative; top: 115px; left: 70px; cursor: pointer; }
			#initiatoren:hover { background-position: 100px 0px; }

	#right_menu { width: 250px; height: 318px; margin: auto; float: left; }
		#spenden { background: url(donations.png); width: 115px; height: 37px; position: relative; top: 80px; left: 35px; cursor: pointer; }
			#spenden:hover { background-position: 115px 0px; }
		#kontakt { background: url(ContactUs.png); width: 127px; height: 37px; position: relative; top: 100px; left: 30px; cursor: pointer; }
			#kontakt:hover { background-position: 127px 0px; }
		#impressum { background: url(T&C_.png); width: 130px; height: 60px; position: relative; top: 120px; left: 33px; cursor: pointer; }
			#impressum:hover { background-position: 130px 0px; }

	#photostack { width: 460px; height: 450px; background: url(photostackfrt_.png) no-repeat center; margin: auto; float: left; }
		#photo { width: 334px; height: 336px; position: relative; top: 57px; left: 59px;
		overflow: hidden; }

	#blue_line { width: 100%; height: 200px; background: url() center no-repeat; background-position-y: -180px; position: absolute; z-index: -1; top: 210px; /*display: inline;*/ }


/* light font color: f5f7d2
   lime green color: aab30d 

 */
#content {
	width: 960px;
	margin: auto;
	color:#f5f7d2;
}

	h1 { width: 460px; margin-left:250px; padding: 20px 0 20px 0; font-size: 24px; line-height: 24px; }
		a h1 { color: #f5f7d2; }
		a:hover h1 { color: #aab30d; cursor: pointer; }
	h2 { width: 460px; margin: 0 0 -10px 250px; padding: 0; font-size: 16px; line-height: 20px; }
	h3 {width: 460px; margin-left:250px; color: #aab30d; font-weight: bold; }
	p {
	width: 460px;
	margin-left:250px;
}
		p a { font-weight: bold; text-decoration: none; color: #f5f7d2; }
		p a:hover { color: #aab30d; }
	a { text-decoration: none; }
	.spacer { margin-left: 250px;}
	hr { background: url(hr3.png) repeat-x #e5e5e5; height: 3px; border: none; border-style: none; width: 460px; margin: 20px 0 0 250px; }
	*html hr { margin-left: 0px; border: 1px solid #e5e5e5; }
	*+html hr { margin-left: 0px; border: 1px solid #e5e5e5; }


dl, dt { margin: 0; padding: 0; }
dd {
	margin: 0 0 30px;
	padding: 0;
	display: block;
}


/* DROPSHADOW */

.wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ }
	.wrap1 { float: right;/* background:url(shadow_2.png)*/  right bottom no-repeat; }
	.wrap2 { background:/*url(corner_bl.png) */-1px 100% no-repeat; }
	.wrap3 { padding:0 7px 8px 0;/*  background:url(corner_tr.png) */100% -1px no-repeat; }
		.wrap3 img {width: 200px; display:block; border:10px solid white; position: relative; clear: both;}

.wrap4, .wrap5, .wrap6 { display:inline-table; display:block;/**/ }
	.wrap4 { float: left; /* background:url(shadow_2.png) right bottom no-repeat; }
	.wrap5 { /*background:url(corner_bl.png)*/ -1px 100% no-repeat; }
	.wrap6 { padding:0 7px 8px 0; /*background:url(corner_tr.png) */100% -1px no-repeat; }
		.wrap6 img { width:200px; display:block;	border:10px solid white; position: relative; clear: both; }