/**** COLOURS 
denza blue rgb(0,48,135)    rgb(0,47,141)
20% #CDD6E8
50% #8397C3
70% #536FAC
85% #2A5099

dark blue #00124C
dark grey #565656
silver #DADBDB

orange #EA7028
yellow #FF9C00
gold #FFE3A8

FONTS
URWReg
URWMed
URWBold

***/

@font-face {
  	font-family: IcoMoon;
  	src: url("../../fonts/client/IcoMoon-Free.ttf") format("truetype");
}

@font-face {
  	font-family: URWReg;
  	src: url("../../fonts/client/URWFormExpand-Regular.otf") format("opentype");
}
@font-face {
  	font-family: URWMed;
  	src: url("../../fonts/client/URWFormExpand-Medium.otf") format("opentype");
}
@font-face {
  	font-family: URWBold;
  	src: url("../../fonts/client/URWFormExpand-Bold.otf") format("opentype");
}

body {
	color: #565656;
  	font-family: "URWReg", sans-serif;
	line-height: 1.5em;
	-moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

strong , b{
	font-family: "URWMed";
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: "URWBold";
	text-transform: none;
	letter-spacing: normal;
    margin: 0px;
    padding: 0px;
}
h3,h4,h5,h6{
	font-family: "URWMed";
}

h1 {
	font-size: 32px;
	line-height: normal;
	margin-top:20px;
	margin-bottom:30px;
}

h2 {
	font-size: 20px;
	line-height: normal;
	margin-top:10px;
	margin-bottom:30px;
}

h3 {
	font-size: 16px;
	line-height: normal;
	margin-top:10px;
	margin-bottom:10px;
}

a{
	color: #8397C3;
}

a:hover,
a:focus {
	color:#565656;
	text-decoration:none;
	outline:none;
}

#main ul {
    padding: 1em;
}
#main ul li{
    margin-bottom:10px;
}

/**** GENERAL LAYOUT ****/
#mainX{
	position:relative;
}

/*** COOKIES **/
#cookies {
  background: #565656;
  color: #fff;
}

#cookies a {
  color: #fff;
  text-decoration:underline;
  background: none;
}

#cookies a:hover,
#cookies a:focus{
  color: #8397C3;
  text-decoration:underline;
  background: none;
}

@media (max-width: 767px) {
  #cookies .cookie-buttons a {
    width: 48%;
    background: #fff;
    color:#565656;
    text-align: center;
    padding: 5px;
    text-decoration:none;
  }
  
  #cookies .cookie-buttons  a:hover,
  #cookies .cookie-buttons  a:focus{
      color: #fff;
      text-decoration:none;
      background: #8397C3;
    }
}

/*** RESPONSIVE TABLES **/
@media (max-width: 768px) {
	.responsive {
    	width: 100%;
    	margin-bottom: 15px;
    	overflow-y: hidden;
    	overflow-x:auto;
	}
}

/*** CHECKBOXES ****/

.checkmark {
    background-color: #CDD6E8;
}
.checkboxwrapper:hover input ~ .checkmark {
    background-color: rgb(0,47,141); 
}
.checkboxwrapper input:checked ~ .checkmark {
    background-color: rgb(0,47,141); 
}
.newsfilterpage .filter-date input {
    background: #CDD6E8;
    color: #565656;
}

/***
FOR 6 items
width:15.83%;
margin-right:1%;
margin-bottom:1%;

FOR 4 items
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
    
FOR 3 items
width: 32%;
margin-right: 2%;
margin-bottom: 2%;	

FOR 2 items
width: 49%;
margin-right: 2%;
margin-bottom: 2%;	
***/