@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,200,100);

HTML, BODY{
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color:rgb(50,50,50);
}

UL.download {
	list-style:none;
	padding:20px;
	background-color:rgb(200,200,200);
	display:inline-block;
	padding-left: 83px;
	background-image:url(/download.png);
	background-position: 20px 20px;
	background-size: 48px 48px;
	background-repeat:no-repeat;
}

UL.download LI {
	padding-top:5px;
}

SECTION#intro {
	display:none;
	padding:20px;
	color:white;
}

SECTION#blog ARTICLE DIV.img_container, SECTION#blog ARTICLE DIV.dbl_img_container {
	padding:0px;
	margin:0px;
	border-style:none;
	display:inline-block;
	height:392px;
	overflow:hidden;
}

SECTION#blog ARTICLE DIV.dbl_img_container {
	height:auto;
	margin-bottom: -108px;
}

SECTION#blog ARTICLE DIV DIV.img_sharing {
	overflow:hidden;
	width:0px;
	height:102px;
	transition-property:width;
	transition-duration:0.5s;
	background-color:rgb(240,240,240);
	z-index:2;
	padding:0px;
	display:block;
	text-align:left;
	position:relative;
	top:-119px;
	left:1px;
	border-top-right-radius:30px;
}

SECTION#blog ARTICLE DIV DIV.img_sharing IFRAME {
	margin:0px;
	margin-left:20px;
}

SECTION#blog ARTICLE DIV DIV.img_sharing A {
	padding:0px;
	margin:0px;
	margin-left:30px;
	margin-top:20px;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
}

SECTION#blog ARTICLE DIV DIV.img_sharing A IMG {
	width:auto;
	height:auto;
	border-style:none;
	border-width:0px;
	padding:0px;
	margin:0px;
}

SECTION#blog ARTICLE DIV:hover DIV.img_sharing {
	width:80px;
}

BUTTON#showmore_button {
	display: none;
	text-align: center;
	margin: 20px;
	margin-bottom:40px;
	padding-top: 20px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:50px;
	font-size: 18px;
	background-color:rgb(70,70,70);
	color:white;
	border-style:solid;
	border-width:1px;
	border-color:rgb(100,100,100);
	cursor:pointer;
	background-image: url(Arrows-Down-4-icon.png);
	background-repeat:no-repeat;
	background-position: center 50px;
	text-transform: uppercase;
	font-weight: 400;
	transition-property:background-color;
	transition-duration:0.5s;
	-webkit-user-select: none;
}

BUTTON#showmore_button:hover {
	background-color:rgb(85,85,85);
}

H1 A {
	color:inherit;
	text-decoration:none;
}

H1 A:hover {
	text-decoration:underline;
	color:inherit;
}

BODY {
	font-family: 'Roboto', sans-serif;
	overflow-x:hiddden;
}

BODY > HEADER {
	width:100%;
	background-color:white;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
}

BODY > HEADER > A {
	display:block;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	width:400px;
	height:141px;
}

DIV#businesscard {
	background-image:url(/jocke_bw.jpg);
	background-repeat:no-repeat;
	background-color:white;
	padding:10px;
	padding-left:180px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	height:160px;
	color:black;
	width:200px;
}

.hemnet, .printler {
	background-image:url(hemnet.jpg);
	background-size: 136px 32px;
	background-repeat: no-repeat;
	background-color: white;
	background-position: 10px 10px;
	min-width: 136px;
	font-size: 20px;
	text-decoration:none;
	padding: 10px;
	padding-top: 52px;
	padding-left: 51px;
	padding-right: 20px;
	display:inline-block;
	border-style:solid;
	border-width: 1px;
	border-color:rgb(100,100,100);
	transform:rotate(-5deg);
	margin-left:-15px;
	margin-bottom:-10px;
	transition-property:color,border-color;
	transition-duration:0.5s;
	-webkit-user-select: none;
}

.printler {
	background-image:url(printler.jpg);
	background-size: 136px 64px;
}

.hemnet:hover, .printler:hover {
	color:rgb(80,80,240);
	border-color:rgb(80,80,240);
}

SPAN.hemnet, SPAN.printler {
	zoom:0.75;
}

SPAN.hemnet SPAN.sold, SPAN.printler SPAN.sold {
	display:inline-block;
	color:rgb(200,0,0);
}

DIV#businesscard A {
	color:black;
	text-decoration:none;
}

DIV#businesscard A:hover {
	text-decoration:underline;
}

H1 {
	font-weight:300;
}

SECTION {
	width:100%;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}

SECTION#blog ARTICLE {
	margin-top:20px;
	padding:20px;
	padding-right:0px;
	background-color:rgb(70,70,70);
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:rgb(100,100,100);
	border-width:1px;
	display:none;
	max-width:1138px;
}

SECTION#blog ARTICLE IMG, SECTION#blog ARTICLE IFRAME.streetview {
	height: 340px;
	padding:20px;
	background-color:rgb(240,240,240);
	border-style: solid;
	border-width:1px;
	border-color:rgb(35,35,35);
	margin-right: 14px;
	margin-bottom: 14px;
	margin-top:0px;
	margin-left:0px;
	vertical-align:top;
}

SECTION#blog ARTICLE IFRAME.streetview {
	width: 510px;
}

SECTION#blog ARTICLE DIV.dbl_img_container IMG {
	height:auto;
	width:1076px;
}

SECTION#blog ARTICLE DIV.dbl_img_container IFRAME {
	height:605px;
	width:1076px;
}

SECTION#blog ARTICLE H1 {
	color:white;
}

SECTION#blog ARTICLE P {
	color:rgb(220,220,220);
}

SECTION#blog ARTICLE P A {
	color:rgb(220,220,220);
	font-weight:bold;
	text-decoration: none;
}

SECTION#blog ARTICLE P A:hover {
	text-decoration: underline;
}

SECTION#blog ARTICLE DIV.post_tags A {
	color:rgb(150,150,150);
	margin-right:10px;
	font-size:12px;
	display:inline-block;
	text-decoration:none;
	transition-property:color;
	transition-duration:0.5s;
	-webkit-user-select: none;
}

SECTION#blog ARTICLE DIV.post_tags A:hover {
	color:rgb(200,200,200);
}

FOOTER {
	position:fixed;
	height:30px;
	bottom:-180px;
	right:-290px;
	padding:10px;
	background-color:white;
	width:150px;
	overflow:hidden;
	transition-property:bottom,right,transform,-webkit-transform,-moz-transform,-ms-transform;
	-webkit-transition-property:bottom,right,-webkit-transform;
	-moz-transition-property:bottom,right,-moz-transform;
	-ms-transition-property:bottom,right,-ms-transform;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	border-style:solid;
	border-width:1px;
	border-color:rgb(100,100,100);
	height:213px;
	width:400px;
}

FOOTER H2 {
	cursor:pointer;
}

FOOTER.inactive {
	bottom:-180px;
	right:-290px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	cursor:pointer;
}


FOOTER.active {
	right:0px;
	bottom:0px;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
}

DIV.datestamp {
	float:right;
	color:rgb(120,120,120);
	font-size:14px;
	margin-right:20px;
}


SECTION#contact_section > DIV > IMG {
	margin-right:20px;
}

A {
	color:rgb(0,0,100);
}

A:hover {
	color:rgb(0,0,200);
}

H1, H2 {
	text-transform: uppercase;
	margin-top:0px;
	font-weight: 400;
}

SECTION#contact_section {
	color:white;
	padding-top:40px;
	padding-bottom:40px;
}

SECTION#contact_section H1{
	font-weight:300;
	
}

SECTION#contact_section P{
	font-weight:300;
}

NAV {
	padding-left:10px;
	padding-right:10px;
}

NAV A {
	text-decoration: none;
	padding:10px;
	display:inline-block;
	-webkit-user-select: none;
}

@media screen and (max-width: 1180px) {
	SECTION#blog ARTICLE IMG, SECTION#blog ARTICLE IFRAME.streetview {
		height: 300px;
		padding:18px;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	SECTION#blog ARTICLE IFRAME.streetview {
		width: 450px;
	}
	
	SECTION#blog ARTICLE DIV.img_container {
		height: 348px;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container IMG, SECTION#blog ARTICLE DIV.dbl_img_container IFRAME {
		height:auto;
		width:952px;
	}
	
}

@media screen and (max-width: 1050px) {
	SECTION#blog ARTICLE IMG, SECTION#blog ARTICLE IFRAME.streetview {
		height: 260px;
		padding:15px;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	SECTION#blog ARTICLE IFRAME.streetview {
		width: 390px;
	}
	
	SECTION#blog ARTICLE DIV.img_container {
		height: 302px;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container {
		height: auto;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container IMG, SECTION#blog ARTICLE DIV.dbl_img_container IFRAME {
		height:auto;
		width:820px;
	}
	
}

@media screen and (max-width: 930px) {
	SECTION#blog ARTICLE IMG {
		height: auto;
		width: 85%;
		padding:15px;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	SECTION#blog ARTICLE IFRAME.streetview {
		height: 300px;
		width: 85%;
		padding:15px;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	SECTION#blog ARTICLE DIV.img_container {
		height: auto;
		margin-bottom:-108px;
		width:85%;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container {
		height: auto;
		margin-bottom:-108px;
		width:94%;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container IMG {
		height:auto;
		width:85%;
	}
	
	SECTION#blog ARTICLE DIV.dbl_img_container IFRAME {
		height:520px;
		width:90%;
	}
}

@media screen and (max-width: 420px) {
	
	BODY > HEADER > A {
		width:90%;
		height:auto;
	}
	
	BODY > HEADER > A > IMG {
		width: 90%;
		height:auto;
	}
	
}