﻿/* CSS Document */
body {
text-align:center;
margin:0px;
width:100%;
background-color:#1D0221
}

#inhoudcontainer {
margin:0px;
width:100%;
text-align:center;
}

#inhoud {
margin:0px auto;
max-width:1000px;
background:url(images/background.jpg) no-repeat top;
background-color:black;
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
background-size:100%;
text-align:left;
border-left:1px solid #9759A0;
border-right:1px solid #9759A0;
}

#taal {
text-align:right;
padding-top:1%;
padding-right:1%
}

img {
border:0
}


#taal a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-decoration:none}

#taal a:hover {
text-decoration:underline
}
#navbar {
text-align:left;
margin-top:30%;
width:100%;
display:block;
height:6%;
background-color:#9759A0;
}

#navbar p {
    font-family: "Arial Unicode MS", Verdana;
    font-size: 16px;
	font-weight:bold;
	color:white;
	margin-left:7%;
	padding-top:1%
}
#navbar a {
    font-family: "Arial Unicode MS", Verdana;
    font-size: 16px;
	color:white;
	padding-left:1%;
	padding-right:1%
}

#tekst {
text-align:left;
margin-left:5%;
margin-right:5%;
padding-top:2%;
clear:both;
}

#tekst img {
	border-radius: 4px;
	border:0;
	max-width: 90%;
	margin:7px	}
	
#tekst img.none {
	border:0;
	max-width: 90%;
	border-radius:none;
	box-shadow:none	}
	

a {
text-decoration:none;
color:#0099FF
}
a:hover {
text-decoration:underline
}

h1 {
font:normal 21px "Arial Unicode MS", Arial, Helvetica, sans-serif;
color:#9759A0;
font-weight:bold;
}

h2 {
color:#CD2FB1;
font-size:15px;
font-family:"Arial Unicode MS", Arial, Helvetica, sans-serif;
	
}

h1 a {
color:#9759A0;
}

p, ul{
color:#FFF;
font-size:15px;
font-family:"Arial Unicode MS", Arial, Helvetica, sans-serif;
}

.kruimel {
color:#FFF;
font-size:10px;
font-style:italic;
}

#footercontainer {
margin:0px;
width:100%;
text-align:center;
background-color:#481B3F;}

#footer {
margin:0px auto;
max-width:1000px;
padding:1%
}

#footer p {
font-size:11px}

#footer a {
color:white	
}

/* Media queries */
@media screen and (max-width: 1000px) {
#navbar {
width:100%;
margin-left:0
}

}
 
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#navbar {
width:100%;
margin-left:0
}
#navbar ul {
    font-size: 18px;
}
#navbar ul li a {
    padding: 5px 12px 5px 12px;
}

}
 

@media screen and (max-width: 780px) {
#navbar ul {
display:none
}
#navbar select {
display:block;
margin-left:30%;
font:normal 16px "Arial Unicode MS", Arial, Helvetica, sans-serif;
color:#999;
}

.home {
width:100px;
height:50px
}
}
@media screen and (max-width: 400px) {
.home {
display:none}

#inhoud {
background:url(images/backgroundklein.jpg) no-repeat top;
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
background-size:100%;
}
#navbar select {
margin-left:5%;
margin-top:12%}
#tekst {
margin-left:5%;
}

}

#mc_embed_signup{clear:left; font:14px #999 "Arial Unicode MS",sans-serif; }