* {
		margin: 0; 
		padding: 0;
		border: 0;
	} 
	
	body
	{
		font-family: arial, helvetica, sans-serif;
		color: #000000;
		background-color: #7b16c3;
		text-align: left;
		font-size: 14px;		
	}
	
	ul {margin-left: 0; padding-left: 40px;}
	
	input
	{
		width:200px;
		background-color: #38e8e5;
	}
	
	.breed
	{
		width:100%;
		text-align:left;
		margin-top:5px;
	}
	
	.contrast
	{
		width:100%;
		background-color:white;
		margin:5px;
	}
	
	.modalcontrast
	{
		width:100%;
		background-color:buttonface;
		margin:5px;
	}
	
	.middel{
		width:130px;
	}
	
	.smal{
		width:50px;
	}
	
	.smax{
		width:60px;
		background-color:white;
	}
	
	.smtk{
		width:105px;
	}
	
	.artigel{
	    height:550px;
	    overflow:scroll;
	}
	
	.qp {
		background-color:navy;
		color:white;
	}
	
	textarea
	{
		border-color:#38e8e5;
		border-radius:0.4em;
		border-style: solid;
		border-width:1px;
	}

	select
	{
		width:200px;
		background-color: #38e8e5;
	}	

	.menupictogram, .sluitpictogram{
		display:none;
	}
	
	#header{
		width: 100%;
		margin:auto;
		background-color:#FFFFFF;
	}

	#logo	{
		margin-right:8px;
		display:inline-block;
		
		}

	#gebruiker {
		display:inline-block;
		margin-top: 44px;
		margin-right:20px;
		float:right;
		}
	#gebruiker a{
		text-decoration:none;
		font-size : 16px;
		font-weight: bold;
		color:#139fd6;	
		}

	#container{
		float: left;
		width: 100%;
		min-height:600px;
		border-top:solid;
		border-width:3px;
		border-color:#FFFFFF;
		background-color:#FFFFFF;
		}

	#footer{
		padding-top:10px;
		clear: both;
		margin-top:20px;
		float: left;
		width: 100%;
		color : #FFFFFF;
		background-color: #7b16c3;
		text-align:center;
		font-size:10px;
	}
	
	#menu{
		text-align:center;
		display:inline-block;
				
	}
	
	#menu ul{
		margin-top: 44px;
	}
	
	#menu li{
		display: inline-block;
				
	}
	
	#menu a{
		font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color:#000000;
		text-align:center;
		text-decoration: none;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom:30px;
		border-bottom-style: solid;
		border-width:3px;
		border-color:white;
	}

	#menu a.menupassive:hover{
		border-color: #7b16c3;
		
	}

	#menu a.menuactive{
		border-color: #364576;
		
	}
	
	.schakels{
    height: 130px;
    width:40%;
    margin:5%;
    padding:10px;
    overflow:auto;
    display: inline-block;
}

/*Func*/

.item ul, .nav input[type="checkbox"] {
    display: none;
}
.item input:checked ~ ul {
    display: block;
}

/*Arrow*/

.arrow {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    float: left;
    z-index: 0;
    margin: 17px 1em 0 2em;
}
.item input + .arrow {
    transform: rotate(-90deg);
    transition: 0.1s;
}
.item input:checked + .arrow {
    transform: rotate(0deg);
    transition: 0.1s;
}



/*Styles*/

.hndlbl:hover {
    cursor: pointer;
}
.hndlbl {
    width: 100%;
    display: block;
    z-index: 3;
    position: relative;
}
.nav {
    width: 100%;
    background-color: white;
    overflow-x: hidden;
    border-bottom: 1px solid #CFD8DC;
}

#nav-icon {
    font-size: 28px;
    line-height: 50px;
    padding-left: 1em;
    color: white;
    background-color: #F44336;
}

.nav ul, .nav li, .hndlbl {
    line-height: 50px;
    margin: 0;
    padding: 0 2em;
    list-style: none;
    text-decoration: none;
    color: #90A4AE;
    font-weight: 100;
    width: 100%;
}
.item ul {
    padding: 0 0.25em;
}
.nav li a {
    line-height: 50px;
    margin: 0;
    padding: 0 4em;
    list-style: none;
    text-decoration: none;
    color: #90A4AE;
    font-weight: 100;
}

.btnx {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
}

.btnz {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    color: navy;
}

.btnz1 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:10px;
}

.btnz2 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:40px;
    color: #7b16c3;
}

.btnz3 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:70px;
}

.btng {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    color: green;
}

.btng1 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:10px;
    color: green;
}

.btng2 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:40px;
    color: green;
}

.btng3 {
    background-color: #FFFFFF;
    text-align:left;
    font-weight: 100;
    outline: none;
    width: 80%;
    margin-left:70px;
    color: green;
}

.sub1 {
    width:95%;
    margin-left:5%;
    border-width:1px;
    border-color:#FFF;
}

.sub2 {
    width:90%;
    margin-left:10%;
    border-width:1px;
    border-color:#FFF;
}

.sub3 {
    width:85%;
    margin-left:15%;
    border-width:1px;
    border-color:#FFF;
}
	
	#taalkeuze{
		display:inline;
		float:right;
	}
	
	#blad {
		width:100%;
		margin-right:20px;
		height:45px;
	
	}

	#bladkop {
		color:#7b16c3;
		float:right;
		display: inline-block;
		}
	
	#blad ul{
		list-style-type: none;
		float:left;
		display:inline-block;	
	}
	
	#blad li{
		display: inline-block;
		border-color:#7b16c3;
		border-style: solid;
		border-width-top:1px;
		border-width-left:1px;
		border-width-right:1px;
		margin-right:3px;
				
	}
	
	#blad a {
		min-width:100px;
		height:2.4em;
		font-size: 0.8em;
		color:#000000;
		text-align:center;
		text-decoration: none;
		display: block;
		padding-top:0.8em;
		padding-left:0.6em;
		padding-right:0.6em;
		border-color:#7b16c3;
		border-style: solid;
		border-width-top:1px;
		border-width-left:1px;
		border-width-right:1px;
		margin-right:3px;
			
	}
	
	
	#blad a.bladpassive:hover{
		background-color: #7b16c3;
		color: #364576;
		
	}

	#blad a.bladactive{
		background-color: #7b16c3;
		color: white;
		border-color: #7b16c3;
		
	}

	#blad li.bladpassive:hover{
		background-color: #7b16c3;
		color: #364576;
		
	}

	#blad li.bladactive{
		background-color: #7b16c3;
		color: white;
		border-color: #7b16c3;
		
	}


	#blad button{
		margin : auto;
		min-width:100px;
		height:41px;
		font-size: 0.8em;
		color:#000000;
		text-align:center;
		text-decoration: none;
		padding-top:0.8em;
		padding-left:0.6em;
		padding-right:0.6em;
		padding-bottom:0.8em;
	}

	#blad button.bladpassive:hover{
		background-color: #7b16c3;
		color: #364576;
		
	}

	#blad button.bladactive{
		background-color: #7b16c3;
		color: white;
		border-color: #7b16c3;
		
	}
	
	
	#bladinhoud{
		width:100%;
		height:480px;
		overflow:auto;
		border-color:#7b16c3;
		border-style: solid;
		border-width:1px;
	}

	#textcontainer{
		margin-top:2em;
		width:100%;		
	}

	#bovenbalk {
		width: 80%;
		margin: auto;
	}
	#content{
		width:1260px;
		margin:auto;		
	}	

	.blok {
		display:inline-block;
		float:left;
		vertical-align: text-top;
	}	
	
	.kruimel{
		width:80%;
		float:left;
		margin-right:20px;
	}

	.links,.rechts {
		display:inline-block;
		padding-right:3%;
		
	}

	.login {
		width:200px;
		margin:auto;
	}

	.tzx {
	     width: 250px;	
	     background-color:#38e8e5;	
	}
	
	.flex-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: start;
	}
	
	.flex-item{
		width: 400px;
		height: 700px;
		margin:10px;
		background: buttonface;
		
	}
	
	.flex-breed{
		width: 500px;
		height: 700px;
		margin:2px;
		
	}
	
	.flex-dubbel{
		width: 820px;
		height: 700px;
		margin:10px;
		background: buttonface;
		
	}
	
	.flex-smal{
		width: 250px;
		height: 700px;
		margin:2px;
		
	}
	
	.flex-blok{
		width: 400px;
		height: 400px;
		margin:10px;
		background: buttonface;
		overflow:auto;
	}
	
	.fi-kop{
		background: #7b16c3;
		color: white;
		width: 100%;
		text-align: center;
		font-size: 20px;
		height: 28px;
	}
	
	.fi-inhoud{
		background: buttonface;
		color: black;
		width: 100%;
		padding: 5px;
		height:672px;
		overflow:auto;
	}
	
	.geld {
		font-family: "Courier New", Courier, monospace;
		font-size:12px;
	}
	
	.uitleg {
		font-family: "Courier New", Courier, monospace;
		font-size:12px;
		font-style: oblique;
	}

	#intake {
		display:none;
		}
	
		
	/* Kleine aanpassing voor IE, omdat anders de "Three Pixel Gap"-fout van IE fouten in de weergave oplevert*/
	* html div#textcontainer {position:relative;left:-3px;}
	
	fieldset, input {border-color : #364576;
			border-type:solid;
 			border-style:solid;
		}

	/* table {
	 width:600px;
		}*/

	th,td {
		padding: 7px 10px 10px 10px;
	}

	
	th {
		letter-spacing: 0.1em;
		font-size:90%;
		color : #7b16c3;
		border-bottom: 2px solid #7b16c3;
		text-align: left; 
	}
	
	h4{
		font-weight: bold;
		color: #7b16c3;
	}
	
	h6{
		font-size: 1.0em;
		font-weight: bold;
		color: #7b16c3;
	}
	
	.fi-sub{
		letter-spacing: 0.1em;
		font-size:90%;
		color : #7b16c3;
		border-bottom: 2px solid #7b16c3;
		text-align: left; 
		padding-top:10px;
	}

	
	
.flagchk {
  width: 40px;
  height: 32px; }

.flagtxt {
  display: inline-block;
  width: 100px;
  height: 32px;
  padding-left: 10px;
  vertical-align: middle; }

.flag {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(flags.png) no-repeat; }

.flaglst {
  display: block; }
  
.flag.taal-pa {
  background-position: 0 0; }

.flag.flag-ad {
  background-position: -32px 0; }

.flag.flag-ae {
  background-position: -64px 0; }

.flag.flag-af, .flag.taal-ps, .flag.taal-prs {
  background-position: -96px 0; }

.flag.flag-ag {
  background-position: -128px 0; }

.flag.flag-ai {
  background-position: -160px 0; }

.flag.flag-al, .flag.taal-sq {
  background-position: -192px 0; }

.flag.flag-am {
  background-position: -224px 0; }

.flag.flag-an {
  background-position: -256px 0; }

.flag.flag-ao {
  background-position: -288px 0; }

.flag.flag-ar {
  background-position: -320px 0; }

.flag.flag-as {
  background-position: -352px 0; }

.flag.flag-at {
  background-position: -384px 0; }

.flag.flag-au {
  background-position: -416px 0; }

.flag.flag-aw {
  background-position: -448px 0; }

.flag.flag-az {
  background-position: 0 -32px; }

.flag.flag-ba {
  background-position: -32px -32px; }

.flag.flag-bb {
  background-position: -64px -32px; }

.flag.flag-bd {
  background-position: -96px -32px; }

.flag.flag-be {
  background-position: -128px -32px; }

.flag.flag-bf {
  background-position: -160px -32px; }

.flag.flag-bg, .flag.taal-bg {
  background-position: -192px -32px; }

.flag.flag-bh {
  background-position: -224px -32px; }

.flag.flag-bi {
  background-position: -256px -32px; }

.flag.flag-bj {
  background-position: -288px -32px; }

.flag.flag-bm {
  background-position: -320px -32px; }

.flag.flag-bn {
  background-position: -352px -32px; }

.flag.flag-bo {
  background-position: -384px -32px; }

.flag.flag-br {
  background-position: -416px -32px; }

.flag.flag-bs {
  background-position: -448px -32px; }

.flag.flag-bt {
  background-position: 0 -64px; }

.flag.flag-bw {
  background-position: -32px -64px; }

.flag.flag-by, .flag.taal-be {
  background-position: -64px -64px; }

.flag.flag-bz {
  background-position: -96px -64px; }

.flag.flag-ca, .flag.taal-iu {
  background-position: -128px -64px; }

.flag.flag-cd {
  background-position: -160px -64px; }

.flag.flag-cf {
  background-position: -192px -64px; }

.flag.flag-cg {
  background-position: -224px -64px; }

.flag.flag-ch, .flag.taal-rm {
  background-position: -256px -64px; }

.flag.flag-ci {
  background-position: -288px -64px; }

.flag.flag-ck {
  background-position: -320px -64px; }

.flag.flag-cl {
  background-position: -352px -64px; }

.flag.flag-cm {
  background-position: -384px -64px; }

.flag.flag-cn, .flag.taal-zh {
  background-position: -416px -64px; }

.flag.flag-co {
  background-position: -448px -64px; }

.flag.flag-cr {
  background-position: 0 -96px; }

.flag.flag-cu {
  background-position: -32px -96px; }

.flag.flag-cv {
  background-position: -64px -96px; }

.flag.flag-cy {
  background-position: -96px -96px; }

.flag.flag-cz, .flag.taal-cs {
  background-position: -128px -96px; }

.flag.flag-de, .flag.taal-de {
  background-position: -160px -96px; }

.flag.flag-dj {
  background-position: -192px -96px; }

.flag.flag-dk, .flag.taal-da {
  background-position: -224px -96px; }

.flag.flag-dm {
  background-position: -256px -96px; }

.flag.flag-do {
  background-position: -288px -96px; }

.flag.flag-dz {
  background-position: -320px -96px; }

.flag.flag-ec {
  background-position: -352px -96px; }

.flag.flag-ee, .flag.taal-et {
  background-position: -384px -96px; }

.flag.flag-eg {
  background-position: -416px -96px; }

.flag.flag-eh {
  background-position: -448px -96px; }

.flag.flag-er {
  background-position: 0 -128px; }

.flag.flag-es, .flag.taal-es {
  background-position: -32px -128px; }

.flag.flag-et {
  background-position: -64px -128px; }

.flag.flag-fi, .flag.taal-fi {
  background-position: -96px -128px; }

.flag.flag-fj {
  background-position: -128px -128px; }

.flag.flag-fm {
  background-position: -160px -128px; }

.flag.flag-fo, .flag.taal-fo {
  background-position: -192px -128px; }

.flag.flag-fr, .flag.taal-fr {
  background-position: -224px -128px; }

.flag.flag-ga {
  background-position: -256px -128px; }

.flag.flag-gb, .flag.taal-en {
  background-position: -288px -128px; }

.flag.flag-uk {
  background-position: -288px -128px; }

.flag.flag-gd {
  background-position: -320px -128px; }

.flag.flag-ge {
  background-position: -352px -128px; }

.flag.flag-gg {
  background-position: -384px -128px; }

.flag.flag-gh {
  background-position: -416px -128px; }

.flag.flag-gi {
  background-position: -448px -128px; }

.flag.flag-gl {
  background-position: 0 -160px; }

.flag.flag-gm {
  background-position: -32px -160px; }

.flag.flag-gn {
  background-position: -64px -160px; }

.flag.flag-gp {
  background-position: -96px -160px; }

.flag.flag-gq {
  background-position: -128px -160px; }

.flag.flag-gr, .flag.taal-el {
  background-position: -160px -160px; }

.flag.flag-gt {
  background-position: -192px -160px; }

.flag.flag-gu {
  background-position: -224px -160px; }

.flag.flag-gw {
  background-position: -256px -160px; }

.flag.flag-gy {
  background-position: -288px -160px; }

.flag.flag-hk {
  background-position: -320px -160px; }

.flag.flag-hn {
  background-position: -352px -160px; }

.flag.flag-hr, .flag.taal-hr {
  background-position: -384px -160px; }

.flag.flag-ht {
  background-position: -416px -160px; }

.flag.flag-hu, .flag.taal-hu {
  background-position: -448px -160px; }

.flag.flag-id {
  background-position: 0 -192px; }

.flag.flag-ie, .flag.taal-ga {
  background-position: -32px -192px; }

.flag.flag-il {
  background-position: -64px -192px; }

.flag.flag-im {
  background-position: -96px -192px; }

.flag.flag-in, .flag.taal-hi {
  background-position: -128px -192px; }

.flag.flag-iq {
  background-position: -160px -192px; }

.flag.flag-ir, .flag.taal-fa {
  background-position: -192px -192px; }

.flag.flag-is, .flag.taal-is {
  background-position: -224px -192px; }

.flag.flag-it, .flag.taal-it {
  background-position: -256px -192px; }

.flag.flag-je {
  background-position: -288px -192px; }

.flag.flag-jm {
  background-position: -320px -192px; }

.flag.flag-jo {
  background-position: -352px -192px; }

.flag.flag-jp, .flag.taal-ja {
  background-position: -384px -192px; }

.flag.flag-ke {
  background-position: -416px -192px; }

.flag.flag-kg {
  background-position: -448px -192px; }

.flag.flag-kh {
  background-position: 0 -224px; }

.flag.flag-ki {
  background-position: -32px -224px; }

.flag.flag-km {
  background-position: -64px -224px; }

.flag.flag-kn {
  background-position: -96px -224px; }

.flag.flag-kp {
  background-position: -128px -224px; }

.flag.flag-kr {
  background-position: -160px -224px; }

.flag.flag-kw {
  background-position: -192px -224px; }

.flag.flag-ky {
  background-position: -224px -224px; }

.flag.flag-kz {
  background-position: -256px -224px; }

.flag.flag-la {
  background-position: -288px -224px; }

.flag.flag-lb {
  background-position: -320px -224px; }

.flag.flag-lc {
  background-position: -352px -224px; }

.flag.flag-li {
  background-position: -384px -224px; }

.flag.flag-lk {
  background-position: -416px -224px; }

.flag.flag-lr {
  background-position: -448px -224px; }

.flag.flag-ls {
  background-position: 0 -256px; }

.flag.flag-lt, .flag.taal-lt {
  background-position: -32px -256px; }

.flag.flag-lu, .flag.taal-lb {
  background-position: -64px -256px; }

.flag.flag-lv, .flag.taal-lv {
  background-position: -96px -256px; }

.flag.flag-ly {
  background-position: -128px -256px; }

.flag.flag-ma, .flag.taal-ma {
  background-position: -160px -256px; }

.flag.flag-mc {
  background-position: -192px -256px; }

.flag.flag-md {
  background-position: -224px -256px; }

.flag.flag-me {
  background-position: -256px -256px; }

.flag.flag-mg {
  background-position: -288px -256px; }

.flag.flag-mh {
  background-position: -320px -256px; }

.flag.flag-mk {
  background-position: -352px -256px; }

.flag.flag-ml {
  background-position: -384px -256px; }

.flag.flag-mm {
  background-position: -416px -256px; }

.flag.flag-mn {
  background-position: -448px -256px; }

.flag.flag-mo {
  background-position: 0 -288px; }

.flag.flag-mq {
  background-position: -32px -288px; }

.flag.flag-mr {
  background-position: -64px -288px; }

.flag.flag-ms {
  background-position: -96px -288px; }

.flag.flag-mt, .flag.taal-mt {
  background-position: -128px -288px; }

.flag.flag-mu {
  background-position: -160px -288px; }

.flag.flag-mv {
  background-position: -192px -288px; }

.flag.flag-mw {
  background-position: -224px -288px; }

.flag.flag-mx {
  background-position: -256px -288px; }

.flag.flag-my {
  background-position: -288px -288px; }

.flag.flag-mz {
  background-position: -320px -288px; }

.flag.flag-na {
  background-position: -352px -288px; }

.flag.flag-nc {
  background-position: -384px -288px; }

.flag.flag-ne {
  background-position: -416px -288px; }

.flag.flag-ng {
  background-position: -448px -288px; }

.flag.flag-ni {
  background-position: 0 -320px; }

.flag.flag-nl, .flag.taal-nl {
  background-position: -32px -320px; }

.flag.flag-no, .flag.taal-no {
  background-position: -64px -320px; }

.flag.flag-np {
  background-position: -96px -320px; }

.flag.flag-nr {
  background-position: -128px -320px; }

.flag.flag-nz {
  background-position: -160px -320px; }

.flag.flag-om {
  background-position: -192px -320px; }

.flag.flag-pa {
  background-position: -224px -320px; }

.flag.flag-pe {
  background-position: -256px -320px; }

.flag.flag-pf {
  background-position: -288px -320px; }

.flag.flag-pg {
  background-position: -320px -320px; }

.flag.flag-ph {
  background-position: -352px -320px; }

.flag.flag-pk, .flag.taal-ur {
  background-position: -384px -320px; }

.flag.flag-pl, .flag.taal-pl {
  background-position: -416px -320px; }

.flag.flag-pr {
  background-position: -448px -320px; }

.flag.flag-ps {
  background-position: 0 -352px; }

.flag.flag-pt, .flag.taal-pt {
  background-position: -32px -352px; }

.flag.flag-pw {
  background-position: -64px -352px; }

.flag.flag-py {
  background-position: -96px -352px; }

.flag.flag-qa {
  background-position: -128px -352px; }

.flag.flag-re {
  background-position: -160px -352px; }

.flag.flag-ro, .flag.taal-ro {
  background-position: -192px -352px; }

.flag.flag-rs, .flag.taal-sr {
  background-position: -224px -352px; }

.flag.flag-ru, .flag.taal-ru {
  background-position: -256px -352px; }

.flag.flag-rw {
  background-position: -288px -352px; }

.flag.flag-sa, .flag.taal-ar {
  background-position: -320px -352px; }

.flag.flag-sb {
  background-position: -352px -352px; }

.flag.flag-sc {
  background-position: -384px -352px; }

.flag.flag-sd {
  background-position: -416px -352px; }

.flag.flag-se, .flag.taal-sv {
  background-position: -448px -352px; }

.flag.flag-sg {
  background-position: 0 -384px; }

.flag.flag-si, .flag.taal-sl {
  background-position: -32px -384px; }

.flag.flag-sk, .flag.taal-sk {
  background-position: -64px -384px; }

.flag.flag-sl {
  background-position: -96px -384px; }

.flag.flag-sm {
  background-position: -128px -384px; }

.flag.flag-sn {
  background-position: -160px -384px; }

.flag.flag-so {
  background-position: -192px -384px; }

.flag.flag-sr, .flag.taal-srn {
  background-position: -224px -384px; }

.flag.flag-st {
  background-position: -256px -384px; }

.flag.flag-sv {
  background-position: -288px -384px; }

.flag.flag-sy {
  background-position: -320px -384px; }

.flag.flag-sz {
  background-position: -352px -384px; }

.flag.flag-tc {
  background-position: -384px -384px; }

.flag.flag-td {
  background-position: -416px -384px; }

.flag.flag-tg {
  background-position: -448px -384px; }

.flag.flag-th {
  background-position: 0 -416px; }

.flag.flag-tj {
  background-position: -32px -416px; }

.flag.flag-tl {
  background-position: -64px -416px; }

.flag.flag-tm {
  background-position: -96px -416px; }

.flag.flag-tn {
  background-position: -128px -416px; }

.flag.flag-to {
  background-position: -160px -416px; }

.flag.flag-tr, .flag.taal-tr {
  background-position: -192px -416px; }

.flag.flag-tt {
  background-position: -224px -416px; }

.flag.flag-tv {
  background-position: -256px -416px; }

.flag.flag-tw {
  background-position: -288px -416px; }

.flag.flag-tz {
  background-position: -320px -416px; }

.flag.flag-ua, .flag.taal-uk {
  background-position: -352px -416px; }

.flag.flag-ug {
  background-position: -384px -416px; }

.flag.flag-us {
  background-position: -416px -416px; }

.flag.flag-uy {
  background-position: -448px -416px; }

.flag.flag-uz {
  background-position: 0 -448px; }

.flag.flag-va {
  background-position: -32px -448px; }

.flag.flag-vc {
  background-position: -64px -448px; }

.flag.flag-ve {
  background-position: -96px -448px; }

.flag.flag-vg {
  background-position: -128px -448px; }

.flag.flag-vi {
  background-position: -160px -448px; }

.flag.flag-vn {
  background-position: -192px -448px; }

.flag.flag-vu {
  background-position: -224px -448px; }

.flag.flag-ws {
  background-position: -256px -448px; }

.flag.flag-ye {
  background-position: -288px -448px; }

.flag.flag-za {
  background-position: -320px -448px; }

.flag.flag-zm {
  background-position: -352px -448px; }

.flag.flag-zw {
  background-position: -384px -448px; }
	
	
	@media only screen and (max-width: 1260px) {
  	#menu a {
        padding-bottom:1px;
  		}
  	
  	.flex-item{
  		width:350px;
  	}
  	
  	#content{
  		width:1110px;
  	} 
  	
  		
	}
	
	@media (max-width: 1020px){
	   	body{
	   		font-size:32px;
	   	}
	   		
		#content{
			width:100%;
			margin: 0px;
		}
		
		#bovenbalk{
			width:100%;
		}
		
		.flex-container{
			height:3900px;
		}
		
		.fi-kop{
			background: #7b16c3;
			color: white;
			width: 100%;
			text-align: center;
			font-size: 40px;
			height: 48px;
			padding-bottom: 4px;
		}
	
		.fi-inhoud{
			background: buttonface;
			color: black;
			width: 100%;
			padding: 5px;
			height:1250px;
			overflow:auto;
			font-size: 32px;
		}
	 
	 	input{
			width:100%;
		}
	
		.Login{
			width:100%;
			margin:0px;
		}
		
		.login input{
			width:400px;
		}
		
		.flex-item{
			width:90%;
			height:1250px;
		}
		
		.geld{
			font-size:32px;
		}
		
		.menupictogram{
			background:none;
			position:absolute;
			top:0;
			right:0;
			line-height:45px;
			padding:0px 15px 0px 15px;
			color:#000;
			border:0;
			font-size:1.4em;
			font-weight:bold;
			cursor:pointer;
			outline:none;
			z-index:1000000000000;
			display:block;
			margin-top: 5px;
		}
		
		.menupictogram:hover{
			background: #7b16c3;
			color:#fff;
		}
		
		.sluitpictogram{
			background:#7b16c3!important;
			position:absolute;
			top:0;
			right:0;
			line-height:45px;
			padding:0px 15px 0px 15px;
			color:#fff;
			border:0;
			font-size:1.4em;
			font-weight:bold;
			cursor:pointer;
			outline:none;
			z-index:1000000000000;
			display:none;
			margin-top: 5px;
		}
		
		#menu {
			z-index:1000000;
			font-weight:bold;
			font-size:0.8em;
			width:80%;
			background:#ffffff;
			color:#000000;
			position:absolute;
			text-align:left;
		}
		
		#menu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			list-style-image: none;
		}
		
			
		#menu li{
			display: block;
			padding: 15px 0 15px 0;
			
		}
	
		#menu li:hover{
			display:block;
			background:#fff;
			padding:15px 0 15px 0;
			 
		}
		
		#menu ul li a{
			text-decoration:none;
			margin: 0px;
			color:#000;		
			font-size:32px;	
		}
		
		#menu ul li a:hover {
			color: #000;
			text-decoration:none;
		}
		
		#menu a{
			text-decoration:none;
			color:#7b16c3;
		}
		
		#menu a:hover{
			text-decoration:none;
			color:#7b16c3;
		}
		
		#menu {
			height: 0px;
			overflow: hidden;
			transition-duartion: .3s;
		}
		
		.OpenMenu #menu{
			height: auto;
		}
		
		.OpenMenu .sluitpictogram{
			display: block;
		}
		
		.OpenMenu .menupictogram{
			display: none;
		}
	}