* { padding: 0; margin: 0; } 

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image: url("christmas-background.gif");
 background:#1f1e1e;
 text-align: center;
 line-height: 1.3em;
 color: #FFF;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background:#1f1e1e;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 12px;
 border: 0px solid #FFFFFF;
 height: 234px;
 margin: 0px 0px 0px 0px;
 background:#FFFFFF;
 background-image: url("site-pic/logo.gif");
 background-repeat: no-repeat;
}
#navigation {
 float: left;
 width: 900px;
 color: #DDD;
 padding: 10px;
 border: 1px solid #3961C9;
 margin: 0px 0px 0px 0px;
 background-color:#3961C9;
 font-weight: bold;
}

#navigation a{ 
 color: #DDD;
 text-decoration: none;
}

#navigation a:hover{ 
 color: #FFF;
 text-decoration: none;
}

#footer { 
 color: #FFF;
 border: 1px solid #1f1e1e;
 background-color:#1f1e1e;
 margin: 0px 50px 50px 50px;
 padding: 10px;
 text-align: center;
}

#footer a{ 
 color: #FFF;
 text-decoration: none;
}

#footer a:hover{ 
 color: #f0eebb;
 text-decoration: underline;
}

/* image zoom */

.pic {
  border: 3px solid #1f1e1e;  
  float: left;
  height: 160px;
  width: 160px;
  margin: 10px;
  overflow: hidden;
   
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}

/*GROW*/
.grow img {
  height: 160px;
  width: 160px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 200px;
  height: 200px;
}

/* Space
-----------------------------------------------------------------------------*/
.space {
  display: inline-block;
  padding: 10px;
  background: #1f1e1e;
}

.space-foot {
  display: inline-block;
  padding: 5px;
  background: #1f1e1e;
}

/* extra opmaak
-----------------------------------------------------------------------------*/

H2 {
color: #636363;
margin-bottom: 15px;
}

/* home link kleur */

a:link {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  color: #f0eebb;
  text-decoration: underline;
}

a:active {
  color: #f0eebb;
  text-decoration: underline;
}

/* afgeronde hoeken */

img { 
  border-radius:  10px; 
  border:  0px  solid  #000;
}