@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	border:0;
}
html, body {	
	height: 100%; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	border:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-color:#444;
	position:relative;
	overflow: hidden;
}
#background{
	background:url(img/swirl.jpg) no-repeat;
	width:600px;
	height:637px;
	position:absolute;
	z-index:-1;
	bottom:-175px;
	right:-75px;
	opacity: 0.2;
	transform: rotate(20deg) scale(1.8);
}
#distance { 
	width: 1px;
	height: 50%;
	float:left;
	margin-bottom: -200px;
}
#main{
	margin: 0 auto;
	position:relative;
	width: 660px;
	height:400px;
	text-align: left;
	clear:left;
	border:1px solid #ccc;
	background:#FFF;
}

.main-content {
	padding:20px 36px 20px 20px;
	width: 300px;
	display: inline-block;
}

.main-image {
	display: inline-block;
	width: 299px;
	vertical-align: top;
}

.main-image img {
	width: 100%;
	height: 100%;
}

#logo{
	position:relative;
	float:left;
	width: 100%;
}
#tekst{
	position:relative;
	margin-left:6px;
	margin-top:22px;
	float:left;
}

h1{
	color:#252122;
	font-weight:normal;
	font-size:18px;
	padding-bottom:12px;
}
p{
	font-size:12px;
	line-height:20px;
	text-align:justify;
	padding-bottom:15px;
	display:block;
}
a{
	color:#95153E;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#95153E;
}

@media screen and (max-width: 750px) {
	#distance {
		margin-bottom: -385px;
	}
	#main {
		width:318px;
		height: 770px;
	}
	.main-content,
	.main-image {
		height:360px;
		display: block;
		width: 279px;
	}

	.main-image {
		height: 411px;
		width: 319px;
	}

}