a {
	text-decoration:none
	
}

#subscribe {
    background: #0F88A7;
    width: 160px;
    display: block;
    position: absolute;
    left: 80%;
    top: 287px !important;
    float: right !important;
    padding: 0 40px 0 0;
    border: 0px !important;
}

#subscribeLink {
	color: #fff !important;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	line-height: 1.3em;
}
#subscrDiv1 {
background: #0AF88AB /*#001158*/;
width:100%;
height:inherit;
}
#subscrDiv1 span {
display: block;
padding: 20px 0 0 20px;
float: left;
width: 100%;
margin: 0 0 20px 0;
}
#subscrDiv2 {
    width: 0px;
    height: 0px;
    border-width: 9px !important;
    border-color: #f5f5f5 #0F88AB #0F88AB #0F88AB !important;
    border-style: solid !important;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 10px;
    
}
#subscrTxt.nl::after {
content: "Aanmelden voor deze wekelijkse nieuwsbrief"
}

#subscrTxt.en::after {
content: "Subscribe to this monthly newsletter"
}


#subscribe:hover,#subscribe:hover #subscrDiv1 {
background:#309cba;
}

#subscribe:hover #subscrDiv2 {
border-color: #f5f5f5 #309cba #309cba #309cba !important;
}

@media screen and (max-width: 1048px) {

#subscribe {
    margin: 0px auto !important; 
    top: 10px !important;
    left: 0px !important;
    right: 0px !important;
    display: block !important;
    padding-bottom: 0px !important;
}


#subscribe:hover #subscrDiv2 {
border-color: #fff #309cba #309cba #309cba !important;
}

}


@media screen and (max-width: 720px) { 


img.b {
	width: 93% !important;
	margin:0px auto !important;
	display: block !important;
	float: none !important;
	height: auto !important;
	}
	}

@media screen and (min-width: 640px) {
    .i {
        min-width: 100px;
    }
}

@media screen and (max-width: 640px) {
	font#mainTitle {
    margin: 0px auto !important;
    width: 92% !important;
    display: block !important;
    left: 0px !important;
    right: 0px !important;    
}	
    .mainTable, #banImg {
	     width: 100% !important;
    }
	
	.H,.linkContainer {
		width: 98% !important;
		/*background: pink;*/
	}
	
    .artImg {
        min-width: 100px !important;
		width: 100% !important;
		margin: 0px auto 10px auto !important;
    }
	
	.artImg img {
		margin: 0px auto !important;
		display: block !important;		
	}
	
	.imgSpacer, .artSpacer {
		/*width:0px !important;*/
		width:20px !important;
		/*background: green !important;*/
	}

    #mainTitle,
    #needWebVersion {
        padding-right: 2%;
    }
    #logoContainer {
        padding-left: 1.5%;
    }
    .pl {
        display: none;
    }
    #slResp {
        width: 85%;
    }
    #serviceLinks span {
        display: block !important;
        float: left !important;
        clear: both !important;
        width: 100% !important;
        margin-top: 2px !important;
        color: #000 !important;
    }
    #serviceLinks a {
        display: block !important;
        background: #ddd !important;
        padding: 5px !important;
    }
    #serviceLinks * {
        color: #333 !important
    }
    #serviceLinks a:hover,
    #serviceLinks a:hover font {
        background: #666 !important;
        color: #fff !important;
    }
	
	.intro {
		width: 100% !important;
	}
}
@media screen and (max-width: 480px) {
#rt {float: left;clear:both}
#oi {clear: both;margin: 0 auto !important}
#l {width: 8%}
#r {width: 28%}
#l1 * {
      float:left !important;
      display: block !important;
      text-align: left !important;
      }    .artImg {
        width: 100% !important;
        clear: both !important;
    }
    .r {
	height: 0px !important;
       width: 100% !important;
       background-color: #fff;
    }
    .i {
        max-width: 100px !important;
    }
    .imageBottomSpace {
        height: 15px !important;
    }	
}

@media screen and (max-width: 610px) {
	
	#nb {
		margin-top: 80px !important;
	}
}