/*
// COLORS
Aer Lingus Dark Green = rgb(0,131,116);	
Aer Lingus Shamrock Green = rgb(137,186,22);
Aer Lingus White = rgb(255,255,255);
Aer Lingus Orange Button = rgb(255,127,0);
*/

#container{
	position: absolute;
	width:300px;
	height: 250px;
	overflow: hidden;
	cursor: pointer;
	background-color: #cccccc;
}

.images{
	position: absolute;
	top:0px;
	left:0px;
	width:300px;
	height: 250px;
}

#overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: 999;
}

#border {
	position: absolute;
	top:0px;
	left:0px;
  	width: 100%;
  	height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  	border:1px solid #c2c2c2;
  	z-index: 999;	
}



@font-face {
	font-family: 'Science Fair JNL';
	src: url('subset-ScienceFairJNL-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}

*{
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}


body{
	font-family: 'Science Fair JNL';
	color:rgb(255,255,255);
	margin:0;
	padding:0;
}
	
.svgLine{
	fill:none;
	stroke:rgb(255,255,255);
	stroke-width:9;
}

.frame {
  position:absolute;
  top:0px;
  left:0px;
	width:300px;
	height: 250px;
}

.bgImage{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.footer2 {
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height: 70px;
	background-color: rgb(0,131,116);
}

.checkbox{
	position: absolute;
	top:17px;
	width:28px;
	height: 28px;
	left:20px;
}

.checkboxSmall{
    width: 20px;
    position: absolute;
    left: -15px;
    height: 20px;
    top: 8px;
}

.text{
	position: absolute;
	text-transform: uppercase;
}

/* TXT versie 1 */

.txt1 {
	font-size: 26px;
	line-height: 25px;
	text-align: left;
	top:20px;
	left:52px;
}

/* TXT versie 1 END */

/* TXT versie 2 */

.txt2 {
	position: absolute;
    top: 5px;
    left: 0px;
}

.txt2A {  /* britain */
position: absolute;
    top: 19px;
    left: -1px;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    width: 180px;
}

.txt2B { /* from */
    position: absolute;
    top: 25px;
    left: 44px;
    font-size: 18px;
    line-height: 18px;
    width: 300px;
    text-align: center;
}

sup{
    top: -5px;
    position: absolute;
    font-size: 26px;
}

.txt2C { /* prijs */
position: absolute;
    top: 4px;
    left: 220px;
    font-size: 42px;
    line-height: 45px;
}

.txt2D { /* kleine txt */
    position: absolute;
    top: 51px;
    left: 0px;
    width: 300px;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: .3px;
}
/* TXT versie 2 END */

/* TXT 3 */

.txt3 {
	width: 100%;
	text-align: center;
    top: 63px;
    left: 0px;
}

.txt3A {
	font-size:32px;
    line-height: 28px;
}

.txt3B {
	font-size:42px;
    line-height: auto;
    margin-top: 15px;
}

/* TXT 3 END */

/* TXT 4 */

.li {
    padding-bottom: 14px;
    list-style: none;
    position: relative;
    margin-left: 30px;
    margin-top: 10px;
}

.txt4 {
    width: 100%;
    text-align: left;
    top: 7px;
    left: 10px;
    font-size: 25px;
}

/* TXT 3 END */

/* FOOTER */

#footer {
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height: 70px;
	background-color: rgb(0,131,116);
	z-index: 999;
}

.roodvlak{
	width:300px;
	height:250px;
	top:0px;
	left:0px;
	position:absolute;
}

#terms {
	position: absolute;
    bottom: 3px;
    left: 5px;
    font-size:9px;
    font-family: Arial, Helvetica, sans-serif;
}

	/* LOGO */

	#logo{
		position: absolute;
		bottom:16px;
		right:12px;
		width: 129px;
		height: 31px;
	}
		
	.logoGreen{
		fill:rgb(137,186,22);
	}

	.logoWhite{
		fill:rgb(255,255,255);
	}

	/* LOGO END */

	/* BUTTON */

	#button{
	    position: absolute;
	    width: 114px;
	    height: 34px;
	    border-radius: 5px;
	    bottom: 18px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
	    background-color: rgb(255,127,0);
	}

	#vierkantje{
    position: absolute;
    right: 7px;
    top: 8px;
    height: 18px;
    width: 18px;
	}

	#arrow{
		left:-100%;
		height:100%;
		stroke-width:10;
	}

	#buttonText{
	position: absolute;
	vertical-align: middle;
	width: 78px;
	left: 6%;
	}


	/* BUTTON END */

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%;
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}