/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		font-family: "Open Sans", Verdana, sans-serif;
		font-size: 15px;
		line-height: 27px;
		color: #3D3D3D;
		background: #fff;
		text-align: left;
	}
	
	a {
		color: #173D86;
		text-decoration: none;
		border-bottom: 1px solid #cecece;
	}
	
	a:hover {
		border-bottom: 1px solid #173D86;
	}
	p {
		margin: 0 0 10px 0;
	}
	
	.clear{
	clear: both;
}

	
	h2 {
		margin: 0 0 10px 0;
		font-size: 22px;
		font-weight: 600;
		color: #000;
		text-decoration: none;
		line-height: 31px;
	}
	
	.details {
		background: #fff;
		padding-top: 60px;
		padding-bottom: 50px;
		border-bottom: 0px solid #cecece;
		border-top: 0px solid #cecece;
	}
	
	.details h2 {
		margin-top: 20px;
	}
	
	.details img {
		margin: 20px 0 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.details img a {
		text-decoration: none;
	}
	
	.details img a:hover {
		text-decoration: none;
	}

	.details a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #cecece;
	}
	
	.details a:hover {
		border-bottom: 1px solid #173D86;
	}
	
	
	.imprint {
		padding-top: 40px;
		padding-bottom: 5px;
		background: #fff;
		font-size: 10px;
	}
	
	.texty {
		padding-top: 5px;
		padding-bottom: 60px;
		background: #fff;
	}
	
	
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		margin-bottom: 30px;
	}
	
	.details {
		margin-top: 2px;
		margin-bottom: 3px;
		font-size: 18px;
		line-height: 26px;
		padding-top: 3px;
		padding-bottom: 2px;
	}
	

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	.header .logo {
		background: url(http://www.maere.org/logo.png) no-repeat;
		background-size: 212px 303px;
	}

}