/* Put your custom CSS here */

@font-face { font-family: 'Adobe Caslon Pro Italic'; src: url('fonts/adobe_caslon_pro_italic.eot'); src: url('fonts/adobe_caslon_pro_italic.eot?#iefix') format('embedded-opentype'), url('fonts/adobe_caslon_pro_italic.svg#Adobe Caslon Pro Italic') format('svg'), url('fonts/adobe_caslon_pro_italic.woff') format('woff'), url('fonts/adobe_caslon_pro_italic.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'Myriad Pro Bold'; src: url('fonts/myriad_pro_bold.eot'); src: url('fonts/myriad_pro_bold.eot?#iefix') format('embedded-opentype'), url('fonts/myriad_pro_bold.svg#Myriad Pro Bold') format('svg'), url('fonts/myriad_pro_bold.woff') format('woff'), url('fonts/myriad_pro_bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}



#downloads h2{
	font-family: 'Adobe Caslon Pro Italic';
	color:#664900;
	margin-top: -20px;
}
#downloads h1{
	color:#ff9f00;
	text-shadow: -2px 2px #444;
	font-size:40px;
	font-family: 'Myriad Pro Bold';
}

#tabletscreen{
	z-index:-1;
	position:absolute;
	width:40%;
	top:5%;
	left:5%;
}

img{
	border-style: none;
}
#verhaal
{
	position:absolute;
	right: 470px;
	max-width:100%;
	padding:5px;
	width: 400px;
	top:80px;
	color: #111;
	background-color: rgba(240,240,240,0.9);
}
#verhaal img{
	width:140px;
}


#phoneimg{
	width:500px;
	position:absolute;
	top:33px;
	right:0px;
}
#slider{
	width:330px;
	float:right;
	margin-right:87px;
}
#amazingslider-1{
	margin-top:85px;
}
#welkom{
	padding-top: 90px;
	padding-left:16px;
	padding-right:40px;
	margin-left:-16px;
	-moz-border-radius-bottomright: 50px 125px;
	border-bottom-right-radius: 50px 125px;
	-moz-border-radius-topright: 50px 125px;
	border-top-right-radius: 50px 125px;
	background-color: #eae7dd;
}
#downloads {
	width:100%;
	position:absolute;
	left:0px;
	margin:0px;
	top:60%;
	background: rgba(254,241,179,0.9);
	color:#222;
}
#knoppen{
	padding:10px;
	background: #cda612;
}
#knoppen a{
	color:#000;
	text-decoration:none;
}
#knoppen img{
	width:140px;
}

@media (max-width : 1100px) {

	#slider{
		display:none;
	}
	#verhaal
	{
		right: 10px;
	}
}

@media (max-width : 500px) {

	#slider{
		display:none;
	}
	#verhaal
	{
		right: 10px;
	}
	#downloads{
		top:70%;
	}
	#downloads #icon{
		width: 80px;
		
	}
	#downloads h1{
		text-shadow: -1px 1px #444;
		font-size:30px;
	}
	#tabletscreen{
		display:none;
	}
	#verhaal{
		top:0px;
	}
}