@font-face {
 font-family: Tangerine;
 src: url("Tangerine_Regular.eot");
 src: local('☺'), url('Tangerine_Regular.woff') format('woff'), url('Tangerine_Regular.ttf') format('truetype'), url('Tangerine_Regular.svg#webfonteSdk7h7Q') format('svg');
  font-weight:  normal;
  font-style:   normal;
}


ul{margin-left: 5%}
li {color: black;
    background-color: white;}

img{
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-right:0em;
  width: 300px;
  float: right;
}

img.epost{float:none; 
margin-left: 0px;
width: 187px;
}

img.kaartje{
float: none;
}

img.album{
float: none;
}

img.pasfoto{
    width: 200px;
}


div.album{
width: 500px;    
text-align: center;
}


.shadow {
   -moz-box-shadow: 3px 3px 4px #000;
   -webkit-box-shadow: 3px 3px 4px #000;
   box-shadow: 3px 3px 4px #000;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

p{margin-left: 5%;
  width: 30em/*margin-right:2%*/;
  text-align/**/: justify;
  font-family: georgia;
  color:rgb(0,0,0);
  background-color: white;
  line-height: 1.5;
}

#all{
    width: 57em;
    margin-left: auto;
    margin-right:auto;
}

#menu{
    /*position: absolute;*/
    top: 6.8em;
    font-family: georgia;
    float:left;
    line-height: 1.5;
    margin:0em 0em 0em 0em;
    padding: 1em 0em 1em 0em;
    width: 13em;
    background-color:  rgb(90,0,162);
    color: white;
}

#main{
/*  position:absolute;*/
  margin-left: 13em;
  top: 6.8em;
  background-color: white;
  padding: 1em;
  /*margin-right: 5em;*/
  width:40em;
  /*box-shadow: 10px 10px 5px #888;*/
}


#topbar{
 position:absolute;
  top: 0em;
  text-align: center;
  /*margin-left: 13em;*/
  margin-left:13em;
  padding-left: 1em;
  padding-right: 1em;
  color: navy;
  width: 40em;
  height: 6.8em;
  background-image: url('topbarbg-field-small.jpg');
  background-repeat: no-repeat;
  background-position: center center;
/*  background-color:rgb(255,255,210);*/
 }


#footer{
  font-family: georgia;
  font-size: small;
  font-style: italic;
  margin-left: 13em;
  text-align: left;
  color: black;
  background-color:white;
}

#logo {
    /*position: absolute;*/
    top: 0em;
    left: 0em;
    background-color: white;
    background-image: url("nienke-logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 13em;
    height:6.8em;
    margin:0em;
    padding:0em;
}

#menu ul{
    margin: 0em 0em 0em 0em;/*1em 1em 1em 1em;*/
    padding: 0em 0em 0em 1em;
    width: 10em;
    list-style: none;
}

#menu ul li{
    width:100%;
    color: white;
    background-color: rgb(90,0,162);
}

#menu ul li a:link{
       color: white;
       background-color: rgb(90,0,162);
       width:100%;
       display:block;
       text-decoration: none;
}

#menu ul li a:visited{
          color: rgb(128,128,128);
          background-color: rgb(90,0,162);
          width:100%;
          display: block;
          text-decoration: none;
}

#menu ul li a:hover{ color: white;
             background-color: rgb(135,0,240);
             width: 100%;
             display:block;
             text-decoration: none;
}

#menu p{
    font-size: small;
    font-style: italic;
    background-color: rgb(90,0,162);
    color: white;
    line-height: 0.5;
    width: 80%;
    margin-left: 2em;
}


/* navy: rgb(0,0,131)*/

a:link{color: rgb(90,0,162);
       background-color:white;}
a:visited{color: rgb(50,0,80);
          background-color:white;}

h1,h2,h3,h4{
            font-family:georgia,serif;
            font-weight:bold;
            color: rgb(90,0,162);
            margin-left:5%;}


h1{font-family: Tangerine, georgia, serif;
   font-size:250%;
   font-weight:bold;
   text-align: left;}

#topbar h1{
    font-family: Tangerine, georgia, serif;
    font-weight:normal;
    font-size:300%;
    text-align: center;
    color: white;
    margin-left: 0em;
    margin-top: 0.45em;
    /*margin-bottom: 0em;*/
    padding: 0em;
}
   

h2{font-family:georgia,serif;
   font-weight:bold; 
   font-size: medium}



body{background-color: rgb(211,211,211);
     color: black;
     font-family: georgia,serif;
     padding: 0em;
     margin:0em;
}