body, html {
		margin: 0;
		padding: 0;
		font-family: Trebuchet MS, sans-serif;
		background: black url('../images/bg.jpg') no-repeat top center;
		/* some styles to prevent the background to shift when view gets too small */
		width: 100%;
		display: table;
		color: #4b4848;
	}
	a { color: #cd1041; }
	a img { border: none; }

	h1, h2, h3 {
		margin: 0;
	}
	h1 { font-size: 24px; font-weight: 400; color: #3d3030; }
	h2 { font-size: 18px; font-weight: normal; }
	h3 { font-size: 100%; }

/* Layout divs */
	#content_container {
		margin: 0 auto;
		width: 800px;
		padding-left: 110px;
	}
	#content_container #header {
		background: url('../images/bg_header.png') no-repeat;
		height: 163px; width: 800px;
	}
	#content_container #content {
		background: url('../images/bg_content.png') repeat-y 20px;
		min-height: 560px; width: 787px;
		text-align: justify;
		padding-bottom: 20px;
	}
		#content_container #content #texts {
			padding: 0 30px 0 40px;
		}

	#content_container #footer {
		background: url('../images/bg_footer.png') no-repeat 20px -1px;
		width: 780px; height: 32px;
		position: relative; bottom: 16px;
	}

	#content_container .languages {
		padding: 1em;
	}
	#content_container .languages a {
		margin-right: 1em;
	}

/* Menu styling */
	#menu {
		/*background: url('../images/bg_menu_complete.png') no-repeat;*/
		position: absolute;
		margin-left: -153px;
		margin-top: 35px;
		width: 173px;
	}
	#menu #menutop { background: url('../images/bg_menu_top.png') no-repeat; width: 173px; height: 29px; }
	#menu #menubottom { background: url('../images/bg_menu_bottom.png') no-repeat; width: 173px; height: 31px;}
	#menu #menucontent { background: url('../images/bg_menu_content.png') repeat-y; }

	#menu a {
		text-decoration: none;
		font-size: 25px;
		line-height: 40px;
		text-align: right;
		display: block;
		color: #969595;
		padding: 0 10px;
		position: relative; top: -20px;
	}
	#menu a.active, #menu a:hover {
		color: #b1b0b0;
		background: url('../images/menulight.png') no-repeat 85px -12px;
		/*
		text-shadow:0 0 -4px rgba(0,0,0,0.95);
		text-shadow:0 0 4px rgba(215,186,85,0.95);
		*/
	}

	#menu #social { position: relative; top: 40px; }
	#menu #social a { display: inline; margin-left: 14px; }

/* Content styling */
	#content_container #footer div { text-align: center; font-size: 11px; position: relative; top: 35px; padding-bottom: 10px; }

	.photoframe_big div {
		background: url('../images/photoframe468x291.png');
		width: 725px; height: 382px;
		position: absolute;
	}
	.photoframe_big img {
		margin: 40px 110px;
	}

	.photoframe_small div {
		background: url('../images/photoframe111x124.png');
		width: 171px; height: 167px;
		position: absolute;
	}
	.photoframe_small img {
		margin: 19px 26px;
	}

	a.youtube-manual-embed {
		position: relative;
	}
	img.youtube-manual-embed {
		width: 70px;
		position: absolute;
		left: 140px;
		top: -160px;
	}

	.agendaitem .date {
		float: left; width: 60px;
		margin-left: 60px;
	}
	.agendaitem .details {
		float: right; width: 590px;
	}

	.agendaitem ul {
		margin: 0;
		list-style: none;
		padding-left: 0;
	}
	.agendaitem li {
		padding-left: 0;
	}

	.agendaitem del, .agendaitem del a {
		font-style: italic;
		color: #887777;
	}

	/* old items have a lighter color */
	.agendaitem.old, .agendaitem.old h2 { color: #887777; }
	.agendaitem.old a { border-bottom: 1px dotted #887777; color: #887777; text-decoration: none; }
	.agendaitem.old a:hover { border-bottom: 1px dotted #4b4848; color: #4b4848; }

	blockquote {
		font-size: 90%;
		background-color: rgba(255,255,255,0.25);
		padding: 10px;
		border-radius: 10px;
		box-shadow: 1px 5px 10px #aaa;
		margin: 30px;
	}
	blockquote:before {
		display: block;
		float: left;
		margin: 0px 15px 0 0;
		font-size: 100px; /* let's make it a big quote! */
		content: open-quote; /* here we define our :before as a smart quote. It could be any content, even the HTML entity alternative to this opening quote, that is � */
		color: #bababa;
		text-shadow: 0 1px 1px #909090;
	}

	#promo {
		position: absolute; margin: 175px 815px;
		transform:rotate(2deg);
		-ms-transform:rotate(2deg); /* IE 9 */
		-moz-transform:rotate(2deg); /* Firefox */
		-webkit-transform:rotate(2deg); /* Safari and Chrome */
		-o-transform:rotate(2deg); /* Opera */
	}
	#promo a {
		display: block; width:100%; height:100%;
		opacity:0.75;
		filter:alpha(opacity=75); /* For IE8 and earlier */
	}
	#promo a:hover {
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}