/* 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: "Source Sans Pro", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }
h1, h1 * {
	color: #2e7dac;
	font-family: "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: 400;
	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-family: "Josefin Sans", "Helvetica Neue", Hevetica ; }
.intro p 	{ margin-bottom: 7px; }
.intro p+p 	{ margin: 0; }

blockquote, .article blockquote       {
	color: #666;
	font-weight: 500;
	font-size: 13.5pt;
	margin-left: 0;
	padding: 16px 15px 21px 18px;
	text-shadow: #cccccc 1px 1px 2px;
	background: url(../_media/backg/NZZBack.gif);
	margin-right: 11px;
	margin-bottom: 3em;
	-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; }

/* 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; }
	xiframe[id^='twitter-widget-'] {
			-webkit-transform-origin: 	0 0;
			transform-origin: 			0 0;
			-webkit-transform: 			scale(1.75);
			transform: 					scale(1.75);
	        }    
	h1, h1 *, h2 {
		font-weight: 400;
		xfont-family: Helvetica, "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;
		}

	.xtwitter-block {
		width: 800px;
		height: 800px;
		margin: 0 0; }
}

/* narrow */
@media screen and (max-width: 640px)  {
	.mainbar { padding-right: 0px; }
}