@charset "utf-8";
/* CSS Document */

#promobanner {
	position:fixed;
	height:70px;
	width:74%;
	margin-left:13%;
	bottom:0px;
	z-index:5000;
	background:#ed1c24;
	vertical-align:middle;
	border-radius:4px;
	border:1px solid black;
	display:block;
}

	#promobanner #promo_img {
		width: 20%;
	}
	
		#promobanner #promo_img img {
			min-height:225px;
			max-height:225px;
			height:225px;
			position:absolute;
			left:10px;
			bottom:0px;
		}
		
	#promobanner #promo_msg {
		float:left;
		font-size:24px;
		color:#FFF;
		width:100%;
		text-align:center;
		line-height:30px;
		height:30px;
		vertical-align:bottom;
		margin-top:28px;
	}
	
		#promobanner #promo_msg b {
			font-size:30px;
			line-height:30px;
			font-weight:bold;
		}
		
		#promobanner #promo_msg .promo_prijs {
			font-size:30px;
			font-weight:bold;
			line-height:30px;
		}
		
		#promobanner #promo_msg .promo_prijs label {
			font-size:16px;
			line-height:40px;
			font-weight:bold;
		}
		
	#promobanner #promo_vwd {
		font-size:10px;
		position:absolute;
		right:5px;
		width:100%;
		bottom:0px;
		color:#FFF;
		text-align:right;
	}
	
	#promobanner .promo_button {
		font-weight:bold;
		border:2px solid #FFF;
		border-radius:4px;
		position:absolute;
		right:10px;
		bottom:10px;
		height:50px;
		width:250px;
		font-size:18px;
		line-height:50px;
		vertical-align:middle;
		color:#FFF;
		text-align:center;
	}
	
		#promobanner .promo_button:hover {
			cursor:pointer;
			background-color:#2a2a2a;
		}
		
#iphone {
	display:none;
	position:absolute;
	left:0px;
	height:0px;
	top:0px;
	width:0px;
}

#ipad {
	display:none;
	position:absolute;
	left:0px;
	height:0px;
	top:0px;
	width:0px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */
/* IPAD */
	#ipad {
		display:block;
	}

	#promobanner #promo_msg {
		font-size:16px;
		line-height:23px;
		height:23px;
		margin-top:32px;
	}
	
		#promobanner #promo_msg b {
			font-size:23px;
		}
		
		#promobanner #promo_msg .promo_prijs {
			font-size:23px;
		}
		
		#promobanner #promo_msg .promo_prijs label {
			font-size:16px;
			line-height:35px;
			font-weight:bold;
			vertical-align:bottom;
		}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */
/* IPHONE 6 */
	#iphone {
		display:block;
	}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */
/* IPHONE 6+ */
	#iphone {
		display:block;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */
/* IPHONE 5/5S */
	#iphone {
		display:block;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */
/* ALL OTHER IPHONS */
	#iphone {
		display:block;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
	/* IPAD PORTRAIT */
	#ipad {
		display:block;
	}

	#promobanner #promo_msg {
		font-size:13px;
		line-height:33px;
		height:30px;
		margin-top:27px;
		margin-left:25px;
		vertical-align:bottom;
	}
	
		#promobanner #promo_msg b {
			font-size:18px;
		}
		
		#promobanner #promo_msg .promo_prijs {
			font-size:18px;
		}
		
		#promobanner #promo_msg .promo_prijs label {
			font-size:13px;
			line-height:33px;
			font-weight:bold;
		}
		
	#promobanner .promo_button {
		right:10px;
		bottom:20px;
		height:40px;
		width:100px;
		font-size:14px;
		line-height:40px;
	}
	
	#promobanner #promo_img img {
		min-height:120px;
		max-height:0px;
		height:0px;
		left:5px;
	}
}