/* General Style */ 
body {
	background:#DCDCDC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
}
#wrapper {
    max-width: 960px;
    margin: 0px auto;
	background:#FFFFFF;
}

@media screen and (max-width: 800px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */

#button-wrap{
width:100%;
	background-position:center;
}
}

h1 {
	font-size:2.0em;
	line-height:2.5em;
	font-weight:100;
	color:#E2DBDB;
	margin:0em;
}

h2 {
	font-size:1.2em;
	line-height:1.8em;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding:1.25em;
	text-align:left;
}

p {
	line-height:1.25em;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding:1.25em;
	text-align:justify;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-weight:100;
	color:#2F2D2C;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}

a {
	color: #f50808;
}

/* Header */ 
header {
	display:block;
	background:#d98934;
	text-align:center;
}
#header h2  {
	color:yellow;
}

/* Content Area */ 
#main {
	display:block;
	width:96%;
	max-width:980px;
	margin:1.25em auto;
	padding:0em;
	background-color: #FFF;
}

#main-title {
	display:inline-block; 
	width:65.3%; 
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:center;
	color:#d98934;
}
#button-wrap {
    background: url(images\artikelbild.jpg);
	float: left;
	display:inline-block; 
	width:65%; 
	vertical-align: top;
	margin-top:0em;
	padding-top:1em;
	text-align:center;
	
    background-image: url(../images/pturm50.jpg);
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}
#main aside {
	float: right;
	display:inline-block;
	width:32%;
	margin-left:2%; 
	padding:0em;
	vertical-align:top;
}
#main aside section {
	margin-bottom:1.563em;
	background-color:#E2DBDB;
}
#main aside article {
	margin-bottom:1.563em;
	background-color:#E2DBDB;
}
#main article h2 {
	padding:1em 1.8em 1em 1.8em;
}
#main aside section ul {
	padding:0em 1.875em 1.25em 2.5em;
}
#uni1 article {
    background-image: url(../images/LogoUZH.jpg);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: right;
}
#uni2 {
    margin-bottom: 1.5em;
    padding; 1em;
    text-align: center;
}


/* Footer */ 
footer {
	clear:both;
	display:block;
	font-size:1em;
	line-height:2.8em;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background: #D98934;
}
footer a {
	color: #8e4c09;
	text-decoration: none;
}

/* Mobile Style */
@media screen and (max-width:600px) {
	body {
		font-size:0.8em;
	}
#button-wrap {
	margin-left: 17.5%;
}
}

@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}
@media screen and (min-width:550px) {
	nav.nav {
		display:block !important;
	}	
}
@media screen and (max-width:550px) {
	body {
		font-size:86%;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		display:none;
		height:auto;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
	.btn {
		color: #FFF;
		font-size: 1.5em;
		background: #d98934;
  
		margin-top: 5em;
		padding: .3em;
		margin-top 5em;
		text-decoration: none;
	}
}
.btn {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  
  color: #FFF;
  font-size: 1.5em;
  background: #d98934;
  
  margin-top: 5em;
  padding: .3em;
  margin-top 5em;
  text-decoration: none;
}

.btn:hover {
  background-color: #FE642E;
  text-decoration: none;
}