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

body { background: #e5e5e5; }


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

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

	#left_menu { width: 250px; height: 318px; margin: auto; float: left; }
		#news { background: url(news_.png) top left; width: 89px; height: 33px; position: relative; top: 85px; left: 160px; cursor: pointer; }
			#news:hover { background-position: 89px 0px; }
		#kommunikation { background: url(kommunikation_.png); width: 238px; height: 39px; position: relative; top: 100px; left: 20px; cursor: pointer; }
			#kommunikation:hover { background-position: 238px 0px; }
		#initiatoren { background: url(initiatoren_.png); width: 177px; height: 43px; position: relative; top: 115px; left: 70px; cursor: pointer; }
			#initiatoren:hover { background-position: 177px 0px; }

	#right_menu { width: 250px; height: 318px; margin: auto; float: left; }
		#spenden { background: url(spenden_.png); width: 136px; height: 33px; position: relative; top: 85px; left: 10px; cursor: pointer; }
			#spenden:hover { background-position: 136px 0px; }
		#kontakt { background: url(kontakt_.png); width: 139px; height: 40px; position: relative; top: 100px; left: 0px; cursor: pointer; }
			#kontakt:hover { background-position: 139px 0px; }
		#impressum { background: url(impressum_.png); width: 171px; height: 37px; position: relative; top: 115px; left: 10px; cursor: pointer; }
			#impressum:hover { background-position: 171px 0px; }

	#photostack { width: 460px; height: 340px; background: url(photostack2.png) no-repeat center; margin: auto; float: left; }
		#photo { width: 380px; height: 246px; position: relative; top: 45px; left: 39px;
		overflow: hidden; }

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


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

	h1 { width: 460px; margin-left:250px; padding: 20px 0 20px 0; font-size: 24px; line-height: 24px; }
		a h1 { color: black; }
		a:hover h1 { color: #00b9e9; cursor: pointer; }
	h2 { width: 460px; margin: 0 0 -10px 250px; padding: 0; font-size: 16px; line-height: 20px; }
	p { width: 460px; margin-left:250px; display:block;}
		p a { font-weight: bold; text-decoration: none; color: black; }
		p a:hover { color: #00b9e9; }
	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; }


/* DROPSHADOW */

.wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ }
	.wrap1 { float: right; background:url(shadow.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.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; }