html,body
{
	height:100%;
	min-height:100%;
	position:relative;
}
body 
{
	background:#444;
	margin:0;
}

*
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

main
{
	background:#f1f1f1;
}
div.wrapper
{
	background:#fff;
	max-width:100%;
	margin:0 auto;
	min-height: 600px;
}

article
{
	display:inline-block;
}

article.home,
article.projecten
{
	background-color: #f1f1f1;
}

.proj a
{
	text-decoration:none;
}
header.mobile,
header.top
{
	background:#f1f1f1;
}
.screen
{
	display:none;
}
.mobile
{
	display:inherit;
}
header.mobile
{
	float:left;
	min-width:70px;
	max-width:70px;
}
header.mobile img
{
	padding:20px 5px 5px 5px;
}
header.left
{
	height:100%;
}
img.resp
{
	width:70%;
}
header img
{
	max-width:100%;
	max-height:100%;
	padding:20px;
}
.not-selected
{
	opacity:0.2;
}
nav#mainnav
{
	margin-top:40px;
}
header.top
{
	height: 40px;
}
header h1
{
	transform: rotate(90deg);
	transform-origin: top right 0;
}
header h2
{
	font-size:30px;
	margin:0;
	font-weight:normal;
	color:#ccc;
}

.slideshow
{
	height:175px;
}
.slideshow div
{
	background-color: #f1f1f1;
}
.wide 
{
	border:1px #eee solid;
	width:100%;
	padding:5px;
	margin-bottom:5px;
}
.submit
{
        border: 1px #a61266 solid;
        background:#a61266;
	color:#fff;
	
}


	.border,
	.border-topleft
	{
	        border: 1px #a61266 solid;
	}
	.border-topleft
	{
	#       border-style: solid none none solid;
	}

@media screen and (min-width:320px)
{
	.main
	{
		width:calc(100% - 70px) !important;
	}
}
@media screen and (max-width:767px)
{
	.fullwidth
	{
		width:100% !important;
	}
}
@media screen and (min-width:768px)
{
	.top
	{
#		width:820px;
	}
	header.top h2
	{
		margin:0;
	}
	.wrapper
	{
		width:1400px;
	}
	header
	{
		background:#fff;
	}
	.screen
	{
		display:inherit;
	}
	.mobile
	{
		display:none !important;
		width: 70px;
		float:left;
	#	display:block;
		padding:20px 0 0 0;
	}
	header.left
	{
		padding:0;
	}
	header.top
	{
		height:100px;
		padding:00px 0 10px 0;
	}
	header h1
	{
		font-size:140px;
		color:#a61266;
	}
	article
	{
	}
	.fixed
	{
		position:fixed;
	}
	header h2
	{
		font-size:50px;
	}
	nav#mainnav
	{
		margin-top:7px;
	}
}