@charset "UTF-8";
/* CSS Document */


main.intro-page
{
width:50%;
position:relative;
margin: 0 auto;
top:-3em;
padding-bottom:3em;
}

main.intro-page img
{
margin-top:4em;
width:15em;
display:inline-block;
}

.white{
color: #FFF;
}

main
{
width:50%;
position:relative;
margin: 0 auto 3em auto;
}

a.intro:link {
color: #FFF;
text-decoration: none;
margin-bottom:0em;
}
a.intro:visited {
color: #FFF;
text-decoration: none;	
}
a.intro:hover {
text-decoration: none;
cursor:url("images/cursor-hand-wit.svg"), auto;
color: #DDD;
}
a.intro:active {
text-decoration: none;
cursor:url("images/cursor-hand-wit.svg"), auto;
color: #DDD;
}

.intro-text
{
display:block;
margin-bottom:4em;
}

p
{
text-align: left;
display:block;
margin-top:2em;
margin-bottom:2em;
}

h3 a:link, h3 a:visited
{
color:#EBEBEB;
margin-bottom:4em;
display: block;
}

.landscape
{
width:90%;
}

.portrait
{
width: 50%;
}

figure{
width:98%;
position: relative;
margin: 0 auto;
}

figure img.portrait
{
width:43%;
display: inline-block;
margin-left:0.5em;
margin-right:0.5em;
}

.arrow_small
{
width:1em;
height: auto;
border:none;
position: relative;
top:-2em;
}

.arrow_small:hover
{
transform:scale(1.3);
}

#bottom
{
width: 100%;
background-color:#FFF;
height: auto;
position: relative;
margin: 0 auto;
padding-bottom:0.5em;
}

#menu
{
width: 12em;
position: relative;
padding:1em;
display: inline-block;
margin:  0 auto;
text-align: left;
background-color:#FFF;
}

#menu.illusie
{
padding-left:4em;
}



@media (max-width:500px){
body{
font-size:1em;
}
#menu{
font-size:0.9em;
}
#bottom
{
width:100%;
left: 0em;
}
main, main.intro-page 
{
width: 95%;
}
figure
{
width:95%;
margin: 0 auto;
}
figure img.portrait
{
width:90%;
}
.arrow_small
{
width:1em;
}
}

@media (min-width:1200px){ 
main 
{
width:30%;
}
main.intro-page
{
width:80%;
}
}




/*Marian Steenvoorden*/