* { margin: 0; padding: 0; }


@media only screen	and (max-width : 800px) {
	html { 
		background: url(11055512335_33afe838a3_o_edited_2_1600.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#pageTitle {
		font-size: 60px;
	}
	
	.pageTitleSmall {
		font-size: 14px;
	}
	
	#samenvatting {
		font-size: 8px;
		margin: 15px auto 25px;
		padding-right: 20px;
		width: 330px;
	}
}


@media screen and (min-width : 801px) {
	html { 
		background: url(11055512335_33afe838a3_o_edited_2.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#pageTitle {
		font-size: 100px;
	}
	
	.pageTitleSmall {
		font-size: 40px;
	}

	#samenvatting {
		font-size: 10px;
		margin: 0px auto 25px;
		padding-right: 45px;
		width: 442px;
	}
}


#pageTitle {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 50px auto 0;
	text-align: center;
	color: #CECECE;
	text-shadow: 0 0 3px #000, 0 0 5px #ffffff75;
}

#pageSubTitle {
	font-family: 'Redacted Script', cursive;
	font-weight: 400;
	margin: -87px auto 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 6.8em;
	opacity: 0.2;
}

#footer {
   position:fixed;
   bottom:0px;
   height:30px;
   width:400px;
	left: 0px;
	color: #FFFFFF;
}
		
#kaartje {
	width: 400px;
	height: 240px;
	margin: 50px auto;
	background: url("kaartjeLeeg.png") no-repeat scroll 0 0 transparent;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}

#kaartjeContent {
	padding: 61px 0 0 17px;
}

.kaartjeTag, .kaartjeTekst {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	float: left;
}

.kaartjeTag {
	font-weight: 400;
	color: #AAAAAA;
}

.kaartjeTekst {
	font-weight: 700;
}

.tagIdent {
	margin-left: 20px;
}

a:link		{color:#5277A3; text-decoration: none; }
a:visited 	{color:#5277A3; text-decoration: none; }
a:hover		{color:#706354; text-decoration: underline; }
a:active 	{color:#C75050; text-decoration: none; } 

#samenvatting {
    color: #BBBBBB;
    font-family: 'Share Tech';
    text-align: right;
    text-shadow: 1px 1px 1px #202020;
}

#samenvatting a:link { color: #DBDBDB; text-decoration: none; }
#samenvatting a:visited { color: #DBDBDB; text-decoration: none; }
#samenvatting a:hover { color: #FFFFFF; text-decoration: underline; }
#samenvatting a:active { color: #FFFFFF; text-decoration: underline; }

#tempurl {
  display: block;
  right: 10px;
  position: absolute;
  bottom: 10px;
  opacity: 0;
}