@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Courgette|Dancing+Script:400,700&subset=latin-ext');


/*hoofdkleuren achter en voor worden voor
  achtergrond en hoofdkleur gebruikt
  De linkbuttons kunnen hetzelfde of juist
  tegengesteld ingekleurd worden. Dat geldt
  ook voor de hover en active kleuren.
  Alleen de actieknop, slogans en titels worden
  afzonder ingekleurd. Ook de tekst heeft een
  eigen kleur, die in ieder geval niet zwart is.*/

:root {
	--body-kleur: #fff;
        --body-kleur: #fff;
	--hoofdkleur-achter:#fff;
	--hoofdkleur-voor:#663366;
	--actieknop: #3f003f;
	--actieknop-tekst: #fff;
	--actieknop-hover: #cc3366;
	--titelkleur: #cc3366;
	--slogan-titel: #663366;
	--slogan-footer-achter: #fff;
	--slogan-footer-tekst:#cc3366;
	--tekstkleur: #330033;
	--link-kleur: #cc3366;
	--mensalink: #663366;
	--mensalink-hover: #cc3366;
	--socialknop: #663366;
	--socialknop-hover: #cc3366;
	--logokleur: #663366;
	--LogoAchtergrond: transparent;
	--twitter: #663366;
}

/*Onderstaande css bepaalt de basisopmaak van
belangrijke onderdelen van de website.
Veel daarvan wordt verderop opnieuw
gedefinieerd, mede afhankelijk van de 
schermgrootte.*/

html {
	font-size: 19px;
	line-height: 1.4;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	border:	none;
	font-family: "Lato", sans-serif;
	background-color: #fff;
	background-color: var(--body-kleur);
	color: #330033;
	color: var(--tekstkleur);
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.puntenlijst {
	list-style-type: disc;
	padding: 0 0 0 1.25rem;
}

ol {
	margin: 1rem;
	padding: 0;
}

.geenNummers {
	list-style-type: none;
	padding: 0 0 0 1.25rem;
}

h1 {
	color: #cc3366;
  	color: var(--titelkleur);
}

h2, h3, h4 {
	color: #330033;
	color: var(--tekstkleur);
	margin: 0;
	padding: 0;
}

.paginatitel, h1 {
	font-size: 1.75rem;
}

.paginasubtitel, h2 {
	font-size: 1.25rem;
}

.paginatitel, .paginasubtitel {
	text-align: center;
}

h3 {
	font-size: 1.1rem;
}

p {
	color: #330033;
	color: var(--tekstkleur);
	margin: 0;
	padding: 0;
}

.klein {
	font-size: 90%;
	font-style: italic;
}


/*Onderstaande bepaalt de onderlinge verhouding
tussen elementen. Zoals de paragraaf ten opzichte
van alle andere elementen (*), of t.o.v. andere
paragrafen of kopteksten en omgekeerd.
*/

* + p, p + * {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

p + p {
	margin-top: 0.75rem; 
}

h1 + p {
	margin-top: 0.75rem;
}


h2 + p, h3 + p, h4 + p, h2 + ol, h2 + ul, h2 + li, p + ul, ul + p, ol + p, p + ol {
	margin-top: 0.5rem;
}

p + h2, p + h3, ol + h2, li + h2, ul + h2 {
	margin-top: 2rem;
}

h2 + p {
	margin-bottom: 0.5rem;
}


/*Hieronder vind je de gewone opmaak,
maar zonder de kleuren, afgezien van vaste
basiswaarden. En ook zonder de afmetingen,
zoals font-size, padding, margin, borders.
Ook de kleuren staan elders, inclusief die
van borders.

Een groot deel van deze site is opgebouwd in 
flexbox. Waarbij de flex-items groeien en krimpen
vanuit een basiswaarde (bijvoorbeeld: flex: 1 1 40px;).
Die eerste twee cijfers staan voor de onderlinge
verhouding waarmee de items in 1 box, bijvoorbeeld
het mainMenu groeien en krimpen. Een element met een 
grotere groeiwaarde neemt meer ruimte in als er extra
ruimte over is, dus naast de gewone grootte van de elementen.
Zo'n elementen krijgt een grotere portie van wat er extra
te verdelen valt. Of een kleinere portie als er juist
ingekrompen moet worden.*/

#container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 25px;
	position: relative;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
}

#siteHeader {
	width: 100%;
	margin: 0 0 3rem;
}

#topbalk {
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
	color: #663366;
	color: var(--hoofdkleur-voor);
	display: flex;
	align-items: center;
	margin: 0 0 2rem;
	padding: 0.5rem 0;
}

#Mensalogo {
	flex: 0 1 auto;
}

#svg3871 {
	height: 9vw;
	min-height: 30px;
	max-height: 75px;
	width: 9vw;
	min-width: 30px;
	max-width: 75px;
}

.logo {
	display: block;
	height: 9vw;
	width: 9vw;
	min-width: 30px;
	max-width: 75px;
	min-height: 30px;
	max-height: 75px;
	background-color: transparent;
}

#siteTitel {
	flex: 2 1 auto;
	color: inherit;
	background-color: transparent;
	font-size: 1.5rem;
	padding-left: 0.75rem;
	font-weight: lighter;
}

#topmenu {
	flex: 1 2 auto;
	background-color: transparent;
        
}

.toplink {
	display: block;
	float: right;
	padding: 0.1em 0.25em 0.2em;
	max-width: 100px;
	text-align: center;
	background-color: transparent;
	color: #663366;
	color: var(--hoofdkleur-voor);
	border-radius: 50px;
	border: 1px solid #663366;
	border: 1px solid var(--hoofdkleur-voor);
}

.toplink:hover, .toplink:focus {
	background-color: #cc3366;
	background-color: var(--actieknop-hover);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border:none;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	font-weight: bold;
}


/*-----De navigatie-----------------------------------------------*/

#mobileMenu {
	display:none;
}

#mainMenu {
	margin: 0;
	order: 4;
	flex: 1 1 100%;
	max-width: 100%;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
}

#navigatiebalk {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	position: relative;
	background-color: transparent;
	border-bottom: 0.5px solid #663366;
}

.tabblad {
	position: relative;
	display: block;
	flex: 1 1 auto;
	cursor: pointer;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
	color: #663366;
	color: var(--hoofdkleur-voor);
	font-size: 1.3rem;
	border-left: 1px solid #fff;
}

.tabblad:first-child {
	width: 15vw;
	max-width: 15%;
	border-left: none;
}

.tabblad:last-child {
	width: 20vw;
	max-width: 20%;
}

.uitklapmenu {
	display: none;
	position: absolute;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
	color: #663366;
	color: var(--hoofdkleur-voor);
	min-width: 175px;
	width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
    font-size: 1.1rem;
}

.tabblad:hover .uitklapmenu {
	display: block;
}

.tabblad:focus-within .uitklapmenu {
	display: block;
}

.tabbladlink	{
	display: block;
	text-align: center;
}

.tabblad:hover, .tabbladlink:focus, .uitklaptab a:focus {
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
}

#navigatiebalk .current, #mobileMenuKnop .current {
        display: block;
	background-color: #663366;
        background-color: var(--hoofdkleur-voor);
        color: #fff;
        color: var(--hoofdkleur-achter);
}

.uitklapmenu:last-child {
	right: 0;
}

.uitklaptab {
	border-top: 1px solid #663366;
	border-top: 1px solid var(--hoofdkleur-voor);
	width: 100%;
}

.uitklaptab a {
	padding: 0.3em 0.4em;
	display: block;
}


.uitklaptab:hover {
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border-top: 1px solid #fff;
	border-top: 1px solid var(--hoofdkleur-achter);
}

/*--------einde navigatie---------------------------------------------*/


#content {
	width:100%;
	display: flex;
	flex-flow: row wrap;
}

.titel-slogan {
	width: 100%;
	flex: 1 1 100%;
	text-align: center;
	font-family: 'Courgette', cursive;
	font-weight: 400;
	color: #663366;
	color: var(--slogan-titel);
	margin: 0 0 2rem;
}

.sloganTekst {
	font-size: 2em;
	color: #663366;
	color: var(--slogan-titel);
}

.linkerkolom {
	order: 2;
        flex: 3 1 70%;
}

.tekstblok {
	padding: 1.5rem 5rem 1rem 0;
}


#siqwinnaars {
	margin: 1.5rem auto;
	padding: 1rem;
	max-width: 40%;
}

.videoblok {
	margin: 2rem 4rem;
}

main a {
	color: #330033;
	color: var(--link-kleur);
	color: var(--tekstkleur);
	box-shadow: inset 0 -2px 0 #cc3366;
}

main a:hover, main a:focus {
	background-color: #cc3366;
	background-color: var(--link-kleur);
	color: #fff;
	color: var(--hoofdkleur-achter);
}

.faq-link {
	color: #330033;
	color: var(--tekstkleur);
	box-shadow: inset 0 -2px 0 #663366;
}

.faq-link:hover, .faq-link:focus {
	background-color: #663366;
	color:#fff;
}


.bedragen-tabel th {
	text-align: left;
}

.bedragen-tabel td {
	padding-bottom: 0.5rem;
}

.tabelkolom-1 {
	width: 80%
}

.tabelkolom-2 {
	text-align: right;
}

.SIGHT-lijst {
	margin-top: 2rem;
}

.vlaggen {
	margin: 2rem auto;
}

.vlag {
	display: inline-block;
	box-shadow: none;
	margin: 0 2rem 0 0;
}

.vlag:hover {
	box-shadow: none;
	background-color: transparent;
}


#rechterkolom {
	order: 2;
	flex: 1 1 25%;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
}

#mensatest {
	margin: 2rem auto;
}

#inschrijvenTest {
	display: block;
	background-color: #3f003f;
	background-color: var(--actieknop);
	color: #fff;
	color: var(--actieknop-tekst);
	border-radius: 50px;
	border-bottom: 3px solid #330033;
	border-bottom: 3px solid var(--tekstkleur);
	padding: 0.2em 0;
	text-align: center;
	font-weight: 400;
	font-size: 1.4rem;
}

#inschrijvenTest:hover, #inschrijvenTest:focus {
	background-color: #cc3366;
	background-color: var(--actieknop-hover);
	font-weight: bold;
}

#Mensalinklijst {
	margin: 2rem auto 1rem;
}

#Mensalinklijst li {
	margin: 0.5rem auto;
}

#Mensalinklijst li:nth-child(6) {
	margin-top: 1rem;
}

#Mensalinklijst li:last-child {
	margin-top: 2rem;
}

.mensaLink {
	display: block;
	box-sizing: border-box;
	border-radius: 50px;
	background-color: #663366;
	background-color: var(--mensalink);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	font-size: 1.25rem;
	line-height: 2rem;
	text-align: center;
}

.mensaLink:hover, .mensaLink:focus {
	background-color: #cc3366;
	background-color: var(--mensalink-hover);
	font-weight: bold;
}

#SocialMediaLinks {
	margin-top: 1rem;
}

.SocialLink {
	display: inline-block;
	color: #fff;
	color: var(--hoofdkleur-achter);
	background-color: #663366;
	background-color: var(--socialknop);
	text-align: center;
	width: 45%;
	border-radius: 50px;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	padding: 0.2em;
}

.SocialLink:hover, .SocialLink:focus {
	background-color: #cc3366;
	background-color: var(--socialknop-hover);
	font-weight: bold;
}

.TwitterFollow {
	float: right;
}


#TwitterContent {
	border: 3px solid #663366;
	border: 3px solid var(--twitter);
	border-radius: 10px;
}

#TwitterHeader {
	text-align: center;
	width: 100%;
	background-color: #663366;
	background-color: var(--twitter);
	color: #fff;
	color: var(--hoofdkleur-achter);
}

.twitter-timeline {
	background-color: #fff;
	font-family: 'Lato', sans-serif;
}

#footer {
	margin-top: 4rem;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
	color: #663366;
	color: var(--hoofdkleur-voor);
}

#footer a {
	border: none;
	color: #330033;
	color: var(--tekstkleur);
	box-shadow: inset 0 -2px 0 #cc3366;
	box-shadow: inset 0 -2px 0 var(--link-kleur);
}

#footer a:hover, #footer a:focus {
	background-color: #cc3366;
	color: #fff;
}

#Slim {
	display: block;
	width: 100%;
	background-color: #fff;
	background-color: var(--slogan-footer-achter);
	font-family: 'Courgette', cursive;
	font-size: 1.5rem;
	padding: 0.5rem;
	color: #cc3366;
	color: var(--slogan-footer-tekst);
	text-align: center;
	border-bottom: 0.5px solid #663366;
	border-bottom: 0.5px solid var(--hoofdkleur-voor);
	margin-bottom: 1rem;
}

.adresgegevens {
	display: inline-block;
	float:left;
}

#officieleStukken {
	display:inline-block;
	float: right;
	margin: 0;
	padding:1rem;
}


#footerContent {
	clear:both;
	width: 100%;
	font-size: 0.75rem;
	padding: 1rem 0.5rem;
	margin-top:1rem;
	border-top: 0.5px solid #663366;
	border-top: 0.5px solid var(--hoofdkleur-voor);
}

/*-------------------------------------------------------------------------------------*/
/*Opmaak Formulier*/
/*------------------------------------*/

/*----Contactformulier-------------------------------*/

form {
	margin: 2rem 0;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0.75rem 0.5rem 1rem;
}

input {
	width: 95%;
	max-width: 300px;
	margin: 0.5rem auto 0.75rem;
	font-size: 1rem;
	padding: 0.5rem;
	border: 1px solid #663366;
	border: 1px solid var(--hoofdkleur-voor);
	border-radius: 10px;
}

select {
	margin: 0.5rem auto 0.75rem;
	font-size: 1rem;
	padding: 0.5rem;
	border: 1px solid #663366;
	border: 1px solid var(--hoofdkleur-voor);
	border-radius: 10px;
	-webkit-appearance: none;
	overflow:hidden;
}

input[type=radio] {
	;max-width: 30px;
	margin: 0 0.25rem 0 0;
	width: 2.5%;
	font-size: 1rem;
}

#subject {
	max-width: 95%;
}

#posting {
	width: 95%;
	height: 25vh;
	margin: 0.5rem auto 0.75rem;
	font-size: 1rem;
	padding: 0.5rem;
	border-radius: 10px;
	border: 1px solid #663366;
	border: 1px solid var(--hoofdkleur-voor);
}

input[type=submit] {
	width: 60%;
	max-width: 200px;
	margin: 1rem 0;
	font-size: 1.25rem;
	padding: 0.5em;
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border: none;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	border-radius: 50px;
}

input[type=button] {
	width: 60%;
	max-width: 200px;
	margin: 0;
	font-size: 1.25rem;
	padding: 0em;
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border: none;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	border-radius: 20px;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus {
	font-weight: bold;
	background-color: #cc3366;
	background-color: var(--actieknop-hover);
}

input[type=checkbox] {
	margin: 0 0.25rem 0 0;
	width: 2.5%;
	font-size: 1rem;
}


/*---------------------------------------------------*/
.formulierMain {
	width: 100%;
}

#formulierpagina {
	width: 100%;
}

#formulierpagina h1 {
	text-align: center;
	margin: 2rem auto;
}


#subnav {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 2rem 0;
}

#subnav li {
	flex: 1 1 auto;
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border-right: 1px solid #fff;
	border-right: 1px solid var(--hoofdkleur-achter);
	font-size: 1.2rem;
	text-align: center;
	padding: 0.15rem 0.1rem 0.25rem;
	margin: 0;
}

li#dezestap {
	background-color: #cc3366;
	background-color: var(--titelkleur);
}

li#kopje {
	display: none;
}

form {
	;max-width: 600px;
	margin: 0 auto;
}

p {
	margin: 1rem 0;
}

.gegevens, 
.zitting, 
.verzenden, 
.akkoordGaan, 
.gegevensVerzenden {
	max-width: 600px;
	margin: 2rem auto;
}

fieldset + fieldset, h2 + fieldset {
	margin: 1rem auto;
}

label + input {
	margin-bottom: 0.5rem;
}

input + label {
	margin-top: 1rem;
}

.datumZitting, 
#vrouw, 
#man, 
#overig,
#toestemmingNAW,
#akkoordVoorwaarden {
	margin: 0 0.25rem 0 0;
	width: 2.5%;
	font-size: 1rem;
}

#man, #overig {
	margin-left: 1rem;
}

.huisnummer, 
.postcode, 
.geboortedatum {
	width: 20%;
        min-width: 120px;
}

#betaalknop {
	max-width: 200px;
	background-color: #663366;
	color: #fff;
	border-radius: 50px;
	border: none;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
}

.tekst-blok-in-formulier {
	width: 90%;
	max-width: 550px;
	margin: 0 auto;
}

.stap-terug {
	background-color: #663366;
	color: #fff;
	border: none;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	border-radius: 50px;
	padding: 0.4rem 0.25rem 0.5rem;
}

.stap-terug:hover, #betaalknop:hover, .stap-terug:focus, #betaalknop:focus {
	font-weight: bold;
	background-color: #cc3366;
	background-color: var(--actieknop-hover);
}


/*-------------------------------------------------------------------------------------*/

/*Hieronder vind je de opmaak van kleine schermen.
Dit is een maat vlak onder een ipad-mini.
*/

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

html {
	font-size: 18px;
}

#container {
	padding: 0.5rem;
}

h1 {
	text-align: center;
}

#topbalk {
	border-bottom: 1px solid #663366;
	border-bottom: 1px solid var(--hoofdkleur-voor);
	padding: 0.25rem;
}

#siteTitel {
	font-size: 1rem;
}

.toplink {
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	padding: 0.1em 0.2em 0.15em;
}

/*Het mobiele navigatiemenu*/

/*Verbergt het gewone navigatiemenu*/

#mainMenu {
	display: none;
}

/*Maakt het mobiele navigatiemenu zichtbaar.
Deze bestaat uit 1 lijst met alle tabs uit
de navigatiebalk en het uitklapmenu*/

#mobileMenu {
        display: block;
	position: relative;
	width: 100%;
}

.mobileMenuKnop {
        display: block;
  	cursor: pointer;
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	text-align: center;
	border:none;
	border-radius: 50px;
	border-bottom: 3px solid #3f003f;
	border-bottom: 3px solid var(--actieknop);
	padding: 0.25rem 0.5rem;
	font-size: 1.25rem;
	width: 90%;
	max-width: 150px;
	margin: 0 auto;
}

.mobileMenuKnop:hover, .mobileMenuKnop:focus {
        background-color: #cc3366;
        background-color: var(--actieknop-hover);
        font-weight: bold;
}

.mobileMenuLijst {
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
	z-index: 1;
	font-size: 1.25rem;
	background-color: #fff;
	background-color: var(--hoofdkleur-achter);
	color: #663366;
	color: var(--hoofdkleur-voor);
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}

/*Onderstaande class wordt toegekend door het indrukken van de menu-knop. Daarmee wordt de inhoud van het menu zichtbaar. Bij een volgende klik verdwijnt deze weer.*/

.show {
       display: block;
}

.mobilepagina {
        display: block;
	border-bottom: 1px solid #663366;
	border-bottom: 1px solid var(--hoofdkleur-voor);
}

.mobilepagina:first-child {
	border-top: 1px solid #fff;
}


/*De hoofdpagina is gelijk aan de tabs in het navigatiemenu
op een groot scherm*/

.hoofdpagina {
	font-weight: bold;
}

.mobilelink {
	display: block;
	padding: 0.6em 0.2em 0.5em;
}

.mobilepagina:hover, .mobilelink:focus {
	background-color: #663366;
	background-color: var(--hoofdkleur-voor);
	color: #fff;
	color: var(--hoofdkleur-achter);
	border-top: 1px solid #fff;
}

/*Maakt de lijst zichtbaar door hover op een groot scherm
met grote letters of op een klein scherm door de knop aan te klikken*/

#mobileMenuKnop:hover .mobileMenuLijst {
  display: block;
}

/*Zorgt ervoor dat het scherm ook uitklapt met het toetsenbord (tab)
of een knop, ook op een groot scherm met grote letters.*/

#mobileMenuKnop:focus-within .mobileMenuLijst {
  display: block;
}

/*Einde mobiele navigatiemenu*/

/*De slogan*/

.sloganTekst {
	font-size: 1.5rem;
}

/*Content*/

#content {
	flex-flow: column;
	display: block;
}

/*Laat tekst over volle breedte zien*/

.tekstblok {
	padding: 0;
}

/*Opmaak foto SIQ*/

#siqwinnaars {
	max-width: 80%;
}

/*Opmaak video's in content*/

.videoblok {
	margin: 2rem 0;
}

/*de links in de aside, die nu onder de content staat*/

.mensaLink, #inschrijvenTest {
	line-height: 3rem;
	font-weight: bold;
}

#Mensalinklijst li {
	margin: 1.5rem auto;
}

/*De footer*/

.adresgegevens {
	display: block;
	float: none;
}

#officieleStukken {
	display:block;
	float: none;
	margin: 1rem 0;
	padding: 1rem 0 0;
	border-top: 0.5px solid #663366;
	border-top: 0.5px solid var(--hoofdkleur-voor);
}


/*Formulieren*/

/*De knoppen bovenaan, die aangeven waar
je bent met inschrijven voor de test*/

#routeToelatingstest li{
	border: none;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid var(--hoofdkleur-achter);
}

}

/*-----------einde mobiele opmaak--------------------*/


/*logo-SVG.
Dit is het officiele logo van Mensa International.--------*/

#text4772 {
	fill: #663366;
	fill: var(--logokleur);
	fill-opacity:1.0;
	stroke:none;
}

#circle9050 {
	fill-opacity:0.0;
	stroke: #663366;
	stroke: var(--logokleur);
	stroke-width:1.5;
	stroke-miterlimit:4.0;
	stroke-opacity:1.0;
}

#logo {
	fill: transparent;
	fill: var(--LogoAchtergrond);
	fill-opacity:0.0;
	fill-rule:evenodd;
	stroke: #663366;
	stroke: var(--logokleur);
}

#logo-background {
	fill-opacity:1.0;
	stroke-width:0.0;
}

#logo-stroke {
	stroke-width:6.0;
	stroke-linecap:butt;
	stroke-linejoin:miter;
	stroke-miterlimit:4.0;
	stroke-opacity:1.0;
}

#logo-globe-stroke {
	fill-opacity:0.0;
	stroke: #663366;
	stroke: var(--logokleur);
	stroke-width:7.5;
	stroke-miterlimit:4.0;
	stroke-opacity:1.0;
}

#logo-globe-meridians {
	fill-opacity:1.0;
	stroke: #663366;
	stroke: var(--logokleur);
	stroke-width:1.5px;
	stroke-linecap:butt;
	stroke-linejoin:miter;
	stroke-opacity:1.0;
}

#logo-table-m {
	fill: #663366;
	fill: var(--logokleur);
	fill-opacity:1.0;
	stroke-width:1.0;
	stroke-linecap:butt;
	stroke-linejoin:miter;
	stroke-miterlimit:4.0;
	stroke-opacity:1.0;
}