@import 'reset.css';
@import 'text.css';

@font-face {
 font-family: 'ArsenalRegular';
 src: url('fonts/myriadpro-light_kopie-webfont.eot');
 src: url('fonts/myriadpro-light_kopie-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/myriadpro-light_kopie-webfont.woff') format('woff'),  url('fonts/myriadpro-light_kopie-webfont.ttf') format('truetype'),  url('fonts/myriadpro-light_kopie-webfont.svg#ArsenalRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ArsenalBold';
 src: url('fonts/myriadpro-semibold_kopie-webfont.eot');
 src: url('fonts/myriadpro-semibold_kopie-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/myriadpro-semibold_kopie-webfont.woff') format('woff'),  url('fonts/myriadpro-semibold_kopie-webfont.ttf') format('truetype'),  url('fonts/myriadpro-semibold_kopie-webfont.svg#ArsenalBold') format('svg');
 font-weight: normal;
 font-style: normal;
}


@font-face {
    font-family: 'ArsenalRegular';
    src: url('fonts/Arsenal-Regular-webfont.eot');
    src: url('fonts/Arsenal-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Regular-webfont.woff') format('woff'),
         url('fonts/Arsenal-Regular-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Regular-webfont.svg#ArsenalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalBold';
    src: url('fonts/Arsenal-Bold-webfont.eot');
    src: url('fonts/Arsenal-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Bold-webfont.woff') format('woff'),
         url('fonts/Arsenal-Bold-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Bold-webfont.svg#ArsenalBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font-family: 'ArsenalRegular';
	color: #213F95;
}

h1 {
	font-family: 'ArsenalRegular';
	font-weight: normal;
	text-align: left;
	color: #781e76;
	text-transform: uppercase;
	margin-top: 8px;
}

h2 {
	font-family: 'ArsenalRegular';
	font-weight: normal;
	font-size: 16px;
	color: #885915;
	letter-spacing:5px;
	margin-top: 30px;
}

h3,
h4,
h5,
h6 {
	line-height: 1;
}

a {
	color: #213F95;
}

a:hover {
	/* color: #d4bbd8; */
	font-family: 'ArsenalBold';
}

small {
	font-size: 11px;
}

#mob-nav-btn {
	display: none;
}

.closebtn {
	display: none;
}
/* `Divs
----------------------------------------------------------------------------------------------------*/

#opensanslight p, #opensanslight h1 {
	font-family: 'OpenSansLight';
}

#opensansregular p, #opensansregular h1 {
	font-family: 'OpenSansRegular';
}

#ptsans p, #ptsans h1 {
	font-family: 'PTSansRegular';
}

#arsenal p, #arsenal h1 {
	font-family: 'ArsenalRegular';
}


#blauwe_balk {
	top: 105px;
	height: 100px;
	position: absolute;
	width: 100%;
	background: #213f95 url("../images/blauwebalk.png");
	background-repeat: repeat-x;
	z-index: -1;
}

#wrapper {
	margin-top: 30px;
}

#boven_rechts img {
	position: absolute;
	bottom: 5px;
}

#logo {
	height: 75px;
}

#taalkeuze {
	/* height: 90px; */
}

#menu {
	margin-top: 40px;
	text-align: right;
}

#nav {
	margin-right: 50px;
	border-right: 1px solid #213F95;
	text-transform:uppercase;
	letter-spacing:1px;
	display: block;
}

#nav a {
	text-decoration: none;
}

#nav li {
	margin-right: 20px;
	font-size: 14px;
	line-height: 2em;
}

#nav .selected a {
	color: #781e76;
	font-family: 'ArsenalBold';
}

#inhoud {
	margin-top: 30px;
}

#inhoud p {
	font-size: 16px;
}

#inhoud img {
	padding: 15px;
}

#midden_rechts, #footer {
	margin-top: 3px;
}

#infotekst {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #c24794;
	font-size: 16px;
	font-family: 'ArsenalRegular';
	color: white;
}
#infotekst p {
	margin: 10px;
}

#infotekst a {
	color: white;
}

#tileslider {
	float: right;
}

#footer {
	background-color: #885915;
}

#adres {
	min-height: 50px;
	vertical-align: middle;
}

#adres p, #adres a {
	font-family: 'ArsenalRegular';
	color: white;
	font-size: 14px;
	text-transform:uppercase;
	text-decoration: none;
}

#adres p {
	line-height: 50px;
	margin-bottom: 0px;
}

/* `Classes
----------------------------------------------------------------------------------------------------*/

.pictogram {
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}

.range_test {
  /* Default */
  display: none;
  font-weight: bold;
}

.a_menu_level_2 {
	background-color: #f3ecf4;
	padding: 4px;
}

/* .a_menu_level_2 {
	font-style: italic;
} */

html.range_0 #p_0 {
  /* Style overrides for: 0px to 760px */
  display: block;
}

html.range_1 #p_1 {
  /* Style overrides for: 760px to 980px */
  display: block;
}

html.range_2 #p_2 {
  /* Style overrides for: 980px to 1280px */
  display: block;
}

html.range_3 #p_3 {
  /* Style overrides for: 1280px to 1600px */
  display: block;
}

html.range_4 #p_4 {
  /* Style overrides for: 1600px to 1920px */
  display: block;
}

html.range_5 #p_5 {
  /* Style overrides for: above 1920px */
  display: block;
}

.taal {
	margin-top: 9px;
}

.align_center {
text-align: center;
}

.align_right {
text-align: right;
}

/* `Data Table
----------------------------------------------------------------------------------------------------*/

.data,
.data th,
.data td {
border-style: solid;
border-color: #ddd;
}

.data {
border-width: 0 1px 1px;
width: 100%;
}

.data caption {
padding: 0 10px 5px;
text-transform: uppercase;
}

.data th,
.data td {
border-top-width: 1px;
padding: 5px 10px;
}

.data th {
white-space: nowrap;
}

.data thead th {
background: #eee;
font-weight: bold;
text-shadow: #fff 0 1px 0;
}

.data tbody th {
width: 1px;
}

.data tr th:first-child {
text-align: right;
}

/* `Code
----------------------------------------------------------------------------------------------------*/

pre,
code {
font-size: 12px;
font-family: Menlo, Courier, monospace;
}

pre,
.notice {
background: #ffe;
border: 1px solid;
border-color: #eed #ccb #bba #ddc;
overflow: auto;
padding: 10px 0 10px 10px;
}

* html pre {
overflow: hidden;
width: 97%;
}

code {
background: #ff9;
padding: 0 2px;
}

/* width="560" height="315" */

.container {
	position: relative;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.25%;
}
.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 560px;
	height: 315px;
}