/* by Matthias Mueller-Prove for www.mprove.de */

body {
	margin-right: 0;
	margin-left: 0; }
#menubar { opacity: 0.6; }

h1, h1 *, h2, h2 *, .title, .title * {
	font-weight: 200;
	font-variant: small-caps; }
h1, h2 {
	margin-top: 1.5em;
	padding-left: 11px;
	border-bottom: 1px solid silver;
	font-family: "xNunito Sans", "Source Sans Pro", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }
h1, h1 * {
	color: #2e7dac;
	font-family: "xNunito Sans", "Source Sans Pro", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }
#sections h1				{ background-color: #eee; }
h1.title, h1.title * {
	font-family: "Josefin Sans", "Helvetica Neue", Hevetica ;
	font-weight: 300;
	font-variant: normal; }
.bindestrich {
	vertical-align: text-bottom;
	margin-left: -5px !important; }

.display-wide { }
.display-wide-uppercase { }
#content-wrapper {
	max-width: 100%;
	margin-left: 88px; }
#breadcrumb	{
	margin-right: 0;
	margin-left: 0; }

.intro			{ margin: 2em 0 0 30px; }
.intro *		{
	font-size: 20px;
	font-family: "Josefin Sans", "Helvetica Neue", Hevetica ;
	font-weight: 300; }
.intro p 	{ margin-bottom: 7px; }
.intro p+p 	{ margin: 0; }
.intro-social {
	position: relative;
	top: 0;
	right: 0;
	width: 280px;
	float: right;
	margin-bottom: 2em;
	margin-left: 11%;
	padding-left: 2em;
	border-left: 1px solid silver; }
blockquote, .article blockquote	   {
	color: #187fbe;
	font-weight: 500;
	min-width: 380px;
	margin-right: 0;
	margin-left: 30px;
	padding: 16px 0 21px;
	text-shadow: #cccccc 1px 1px 2px;
	margin-bottom: 3em; }
	blockquote a, .article blockquote a {color: #76b6de;}
blockquote .intro-social {
	text-align: left; }
blockquote * {
	font-size: 22px;
}
nix{
	font-size: 13.5pt;
	background: url(../_media/backg/NZZBack.gif);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
	-moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
	-webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); }

.mainbar .teaserimg {
	margin-bottom: 3px; }
.mainbar 	{
	max-width: 1200px;
	margin-left: 0;
	padding-right: 320px;
	padding-left: 0; }
#sections > div {
	margin-top: 4em;
	padding-bottom: 3em;
	padding-left: 22px;
	-moz-border-top-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px; }
#sections > div > .header {
	position: relative;
	margin-left: -22px; }
.button {
	color: #fff;
	position: relative;
	left: -29px;
	bottom: -4px;
	float: left;
	margin-top: 1em;
	padding: 5px 22px 7px 29px;
		 -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
					border-radius: 7px;
	}
.copyright	{ margin-right: 2em; }
.ln-en {
	color: #ac622e;
	font-style: normal; }
.ln-en:before {
	content: "";
	background: url(../_media/icon/flag3-uk.png) no-repeat right top;
	display: inline-block;
	width: 20px;
	height: 1em;
	}
img[src*="badge_s"] {
	width: 300px;
	height: auto; }
/* iPad */
@media only screen and (max-device-width:1024px) {
	#content-wrapper {
		margin-right: 22px;
		margin-left: 0; }
	#photos23 img { height: auto; max-width: 280px !important; }
}

/* iPhone */
@media only screen and (max-device-width: 640px)  {
	.mainbar {padding-right: 0px;}
	.intro	{
		max-width: 800px; }
	.mainbar .teaserimg {
		width: 500px;
		height: 280px; }
	h1, h1 *, h2 {
		font-weight: 400;
		xfont-family: Helvetica, "Nunito Sans", "Source Sans Pro", "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular;
		xfont-variant: normal; }
	#sections h1 {
		text-align: center;
		xfont-size: 64px;
		xpadding-bottom: 22px;
		xpadding-top: 22px; }
	.button {
		left: -34px;
		bottom: -21px;
		padding: 5px 22px 7px 29px;
			 -moz-border-radius: 14px;
		-webkit-border-radius: 14px;
						border-radius: 14px;
		}
}
/* narrow */
@media screen and (max-width: 640px)  {
	.mainbar { padding-right: 0px; }
}
#focus_event .header {
	margin-bottom: 0; }

#focus_event .header + a 	{ margin-left: -22px; }
#focus_event .header + a > img	{ max-width: calc(100% + 22px); }