@charset "UTF-8";



/* ----------------- Reset all styles ----------------- */
*{
	margin:0;
	padding:0;
	border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
	background-image:url(../images/test-kirchplatz-quer.png);
	
background-repeat: no-repeat;
background-position: 0% 10% 40% 50%;
background-attachment: fixed;
	background-color:#f9f9f9;
	color:#2d2d2d;
	background-size:cover;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

a{
	color:#2d2d2d;
	text-decoration:none;
}

a:hover{
	color:#797978;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:85%;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:1%;
	
	
}


/* ----------------- Wrapper - keeps all content in the center of page -----------------  */
.wrapper{
	margin:auto;
	width:100%;
	height:auto;
}


#top{
	height:0px;
}

#top2{
	background-image:url(../images/background.png);
	height:5%;
	width:15%;
	margin:0% 0px 0% 71%;
	padding:2% 2% 2% 2%;
}


hr{
	height:1px;
	width:100%;
	
	margin:1% 0;
}

header{
	background-image:url(../images/background.png);
	width:15%;
	margin:0% 0px 3% 71%;
	padding:2% 2% 2% 2%;
	
}

header h1{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:95%;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:9px;
	
}




header h2{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:85%;
	font-weight:normal;
	margin-top:1%;
}
	
	
	header h3{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:100%;
	font-weight:normal;
	margin-top:1%;
}

.clearfix {
	float: none;
	clear: both;
}



#bottom h3{
	margin:4% 0 3% 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	color:#2d2d2d;
	text-shadow: 0 1px 1px #c1c1c1;
}

#bottom p{
	margin:2% 0 3% 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:97%;
	font-weight:normal;
	text-align:center;
	color:#2d2d2d;
	text-shadow: 0 1px 1px #c1c1c1;
}

footer{
	width:100%;
	padding:10px 0;
	
}





/* -- Make the highlight colours pretty -- */
::selection      { background:#f38094; color:#FFF;}
::-moz-selection  { background:#f38094; color:#FFF;}




/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */


@media only screen and (max-width: 1279px) {
	.wrapper{
		width:90%;
	}
	
	
	img { max-width: 100%; 
	
	}
	
}






@media only screen and (max-width: 860px) {
	header h1{
		font-size:80%;
	}
	
	header h2{
		font-size:80%;
	}
	
	p{
		font-size:80%;
		margin-left:5%;
	}
	
	
	img { max-width: 80%;
	
	 }
}

@media only screen and (max-width: 720px) {
	
	
	header h1{
		font-size:60%;
		margin-bottom:5%;
		
	}
	
	header h2{
		font-size:60%;
		
	}
	
	p{
		font-size:60%;
		margin-left:5%;
		
	}
	
	img { max-width: 70%;
	
	 }
	
}

@media screen and (min-width:361px) and (max-width:615px) {
	header h1{
		font-size:60%;
		margin-bottom:1%;
		
	}
	
	header h2{
		font-size:60%;
		
	}
	
	p{
		font-size:60%;
		
	}

}