@charset "UTF-8"; 

A.lytebox:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

A.lytebox {
	COLOR: #909090;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; }
	#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; }
#lbMain a img { border: 1px solid #ffffff; }

#lbOuterContainer {	position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 2px solid #888888; }

#lbTopContainer, #lbBottomContainer { 
	font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em;
	overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none;
}
#lbTopContainer { overflow: hidden; margin-top: 5px; }
#lbTopContainer.grey, 
#lbBottomContainer.grey {
	background-color: #ffffff;
}
	
#lbImage, #lbIframe { border: none; }
#lbImage.grey, #lbIframe.grey { border: 1px solid #888888; }
	
#lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; }
#lbLoading {
	height: 100%; width: 100%; margin-top: -10px;
	background: url('/pics/images/loading_white.gif') center no-repeat;
}
#lbLoading.black { background: url('/pics/images/loading_black.gif') center no-repeat; }

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrevHov { width: 48%; height: 100%; background: transparent url('/pics/images/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; }
	
	#lbPrevHov.grey:hover, #lbPrevHov.grey:visited { background: url('/pics/images/prev_grey_t.png') left 30% no-repeat; }
	
#lbNextHov { width: 48%; height: 100%; background: transparent url('/pics/images/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; }
	#lbNextHov.grey:hover, #lbNextHov.grey:visited { background: url('/pics/images/next_grey_t.png') right 30% no-repeat; }
	
#lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrev.grey, #lbPrevTop.grey { background: url('/pics/images/prev_grey.png') no-repeat; }
	#lbPrev.greyOff, #lbPrevTop.greyOff { background: url('/pics/images/prev_grey_off.png') no-repeat; cursor: default; }
	
#lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbNext.grey, #lbNextTop.grey { background: url('/pics/images/next_grey.png') no-repeat; }
	#lbNext.greyOff, #lbNextTop.greyOff { background: url('/pics/images/next_grey_off.png') no-repeat; cursor: default; }
	
#lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; }
#lbBottomData { padding-bottom: 0.5em; }
	#lbBottomData.grey, #lbTopData.grey { color: #333333; }

#lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; }
#lbNumTop, #lbNumBottom { font-style: italic; }
#lbDescBottom { display: block; }
#lbTitleTop, #lbTopNav { margin-top: 0.3em; }
#lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; }

#lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbClose.grey, #lbCloseTop.grey { background: url('/pics/images/close_grey.png') no-repeat; }
	
#lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrint.grey, #lbPrintTop.grey { background: url('/pics/images/print_grey.png') no-repeat; }

#lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPlay.grey, #lbPlayTop.grey { background: url('/pics/images/play_grey.png') no-repeat; }
	
#lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPause.grey, #lbPauseTop.grey { background: url('/pics/images/pause_grey.png') no-repeat; }
	
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; }

/* Lytetip */
* html a:hover { background: transparent; }

.lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; }
.lytetip span {
	color: #000000;
	position: absolute;
	top: 2em; left:0;
	padding: 0.5em 0.8em;
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #F4F5FB; 
	border: 1px solid #888888;	
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494;
	width: 240px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	text-align: left;
	display: none;
}

.lytetip:hover { z-index:25; color: #aaaaff; background:; text-decoration: none; }
.lytetip:hover span { display: block; }
.lytetip:hover em {	font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; }
.lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; }
.lbErrorImg { background: url('/pics/images/error.png'); }
.lbInfoImg { background: url('/pics/images/info.png'); }
.lbHelpImg { background: url('/pics/images/help.png'); }
.lbWarningImg { background: url('/pics/images/warning.png'); }
span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; }
span.lbIEFix { padding: 0.5em 0.8em !important; }
.lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; }
.lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; }
.lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; }


.head {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 40pt;
	FONT-WEIGHT: bolder;
	LINE-HEIGHT: normal;
	TEXT-DECORATION: none;
}

.subhead {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 15pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: normal;
	TEXT-DECORATION: none;
}

.inputfill {
	background: #EBEBEB;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-color: #999;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px; 
}

.inputfillfocus {
	background : #FDDAB5;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-color: #f00;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px; 
}

.inputfill:focus {
	background : #FDDAB5;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-color: #f00;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px; 
}


.breed {
width:95%;
}

.buttontext {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	background : #EBEBEB;
	border-color: #909090;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px; 
}

.buttontext:focus {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	background : #FDDAB5;
	border-color: #ff0000;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px; 
}


.buttontextfocus {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	background : #FDDAB5;
	border-color: #ff0000;
	border: 1px 1px 1px 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px; 
}

.subsub {
	COLOR: #0a0a0a;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 6.75pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

.subtext {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 7.5pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

.alertsubtext {
	COLOR: Red;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 7.5pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

.text {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;
	font-variant: normal;
}

.text img {
max-width: 100%;
width: 100%;
	height: auto;
}  

.alerttext {
	COLOR: Red;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	TEXT-DECORATION: none;
}

.boldtext {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

.bigtext {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	
}

.tablehead {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bolder;
	LINE-HEIGHT: normal;
	TEXT-DECORATION: none;
	background: #DCDCDC;
}

.tablesubhead {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	background: #E8E8E8;
}

.tablefill {
	background: #F0F0F0;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

.alerttablefill {
	background : #F0F0F0;
	COLOR: red;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8.5pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
} 

.tablefillsmall {
	background : #F0F0F0;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8.5pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

.mypic {
	border-color : #F0F0F0;
}

A.mylink:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;
}

A.mylink {
	COLOR: #909090;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menu:hover {
	COLOR: #202020;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

A.menu {
	COLOR: #505050;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	line-height: 26px;
}

.menuchosen {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;

}

HR {
	color: Silver;
}

BODY {
	/* background-color: #909090;  */
	scrollbar-base-color: #FFFFff;
	scrollbar-arrow-color: #FF9211;
	scrollbar-dark-shadow-color: #606060;
	scrollbar-3d-light-color: #f0f0f0;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-highlight-color: #FFFFff;
	scrollbar-face-color: #909090;
}
}

/* voor de gallery slideshow 
@ import url( '_galleryslideshow.css');

*/ 


/* responsive menu bar  */
	


@ import url( '_normalize.css');
@ import url( '_defaults.css');

.clearfix::after
{
	content: '';
	display: table;
	clear: both;
}

html {
font-size: 12pt;

}


#container {
	position: relative;
	 background-color: #909090 !important;
	 width: 100%; 
	height: 100%;/* */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 

 
#content{
position: relative;
 background-color: #fff !important;
	margin:0 auto;
	margin-top: 20px;
	width: 980px;
	border-color: #000;
	border: 2px 2px 2px 2px;
	-moz-border-radius: 2px;
border-radius: 2px;
box-shadow:3px 3px 5px 0px #303030;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#kol-1{
float:left;
	 width: 50%; 
	margin: 0 auto; 

	
}
#kol-2
{
float:left;
	 width: 50%; 
	margin: 0 ; 
	text-align: center;

}

#kol-2 img {
width: 100%;
height: auto;
max-width: 470px;
min-width: 300px;
height: auto;
} 

#kol-3
{
float:left;
	 width: 100%; 
	margin: 0 auto; 
 background-color: #fff !important;

}

#kol-menu
{
float:left;
	 width: 100%; 
	margin: 0 auto; 
 background: url("../mestlab/bottomorange.jpg")  ; 

}

#taal{
position: relative;
top: 8pt;
height: 50px;
}

#taal img {
height: 25px;
}

.navwidth20 { width: 25%;}


/* */

#tabelkop
{
display: block;
width: auto;
max-width: 100%;
}

#nav
		{  
			width: 100%; /* 1000 */
			height: 20pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			TEXT-DECORATION: none;
			font-weight: 600;
			font-size: 7pt;
			position: static;
			top: -20pt;
			z-index: 99999;
			left: 50%; 
			margin-left: 0pt;  /*30 480 */
			

		}

			#nav > a
			{
				display: none;
	
			}

			#nav li
			{
				position: relative;
				list-style:none;			
				background: url("../mestlab/bottomorange.jpg")  ; 
	
			}
				#nav li a
				{
					color: #707070;
					display: block;
					TEXT-DECORATION: none;
				}
				#nav li a:active
				{
					background-color: #e0e0e0 !important;
					color: #ffffff;
				}

			#nav span:after
			{
				width: 0pt;
				height: 0pt;
				border: 1pt solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #c0c0c0;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -1pt; /* 5 */
			}

			/* first level */

			#nav > ul
			{  top: 0px;
				height: 3.0em; /* 60 */
				/* background-color: #fff;*/
				padding-left:0;
				background: url("../mestlab/bottomorange.jpg")  ; 
				
			}
				#nav > ul > li
				{
					/* width: 25%; */
					height: 100%;
					float: left;
					padding-left:0;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 12pt; /* 24 */
						/*line-height: 20pt; */
						text-align: center;
						
						border: 1px solid #202020;
					background-color: #fff;
					-moz-border-radius: 6px;
					border-radius: 6px;
					margin: 5px;
					}
						 /*#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #fff;
						} */
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #C66200;
							color: #ffffff;
						}


			
		@media (max-width:768px) /*40em 768 640 was 700*/
		{
	html {
font-size: 14pt;

}
			
			#content
			{
			width: 100%;
			margin-left:1px;
			margin-top:5px;
			padding: 0em; 
			}
			
			#taal{
			
			top: -20pt;
			}
			
			#taal img {
			height: 40px;
			}
			
			
			#kol-1, #kol-2 {width: 100%; text-align:center}
			
			
			
			#nav
			{
				position: relative;
				top: auto;
				left: auto;
				width: 100%;
				margin: 0;
			}
				#nav > a
				{
					width: 40pt; /* 50 */
					height: 40pt; /*3.125em 50 */
					text-align: left;
					text-indent: -9999px;
					border: 1px solid #202020;
					background-color: #fff;
					-moz-border-radius: 6px;
					border-radius: 6px;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
					 content: "";
					  position: absolute;
					  left: 17%;
					  top: 7pt;
					  width: 66%;
						
					
  height:3pt; /*0.32em */
  background: #909090;
  box-shadow: 
    0 7pt 0 0 #909090,
    0 14pt 0 0 #909090,
	0 21pt 0 0 #909090;
					}
					
				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


				
			/* first level */

			#nav > ul
			{	top: 38pt;
				height: auto;
				padding-left:0;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
					
				}
					#nav > ul > li > a
					{
						height: 20pt;
						
						padding: 20pt 0pt; /* 20 (24) */
					}
						


				
		}


		


		 @media (min-width:769px) and (max-width: 1023px)/* 62.5em 1000 was 1200 */
		/* @media only screen and (min-width: 40.063em) and (max-width: 64em) */
		{
				
				html {
font-size: 13pt;

}		
			
			
			#nav
			{
				/*width: 480px;75% 12 */
				position: static;
				margin: 00px;
			}
			
			#nav > ul
			{
			height: 3.0em;
			}
			
			#nav li > ul
			{
				margin-left: 13px;
			}
	
			#nav > ul > li > a
			{
			font-weight: 600;
			font-size: 1.4em; 
			}
			
						
			
			#content
			{
			width: 95%;
			margin-left:20px;
			} 
			
			
		}


		
		
.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,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);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,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);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}