* {margin: 0; padding: 0; font-size: 100%;}
html { color: #000; font: 87.5%/1.5 verdana, arial, sans-serif; background: #FCFAE3 url('/images/layout/hp-background.png') 50% 100px no-repeat; }

#container { width: 960px; height: 560px; margin: 2em auto 0; background: url('/images/layout/vlieger.png') 0 80px no-repeat; position: relative; }
h1 { height: 66px; width: 831px; margin: 0 auto; }
img { border: 0; }

.menu a { display: block; line-height: 20px; height: 20px; padding-top: 140px; width: 120px; background-position: 50% 0; background-repeat: no-repeat;  text-align: center; color: #3271D6; font-size: 85.8%; font-weight: bold; text-decoration: none; border: 0;}
#hplink-01 { position: absolute; top: 100px; left: 140px; z-index: 16}
#hplink-02 { position: absolute; top: 220px; left: 25px; z-index: 15}
#hplink-03 { position: absolute; bottom: 80px; left: 145px; }
#hplink-04 { position: absolute; top: 40px; right: 120px; z-index: 3;}
#hplink-05 { position: absolute; top: 180px; right: 40px;}
#hplink-06 { position: absolute; bottom: 150px; right: 140px;}

#content { width: 410px; padding: 10px 10px 2em; margin: 1em auto; }
#content h2 { font-size: 1.5em; color: #00015F; }
#content ul { margin: 0 16px;}

#photos { width: 420px; margin: 0 auto; border-bottom: 1px solid #3884dd; padding-bottom: 5px; float: left;  }
#photos img { display: block; }
.i1 { float: left;}
.i2 { float: none; margin: 0 auto; }
.i3 { float: right;}

#footer { position: absolute; bottom: 0; left: 50%; margin-left: -210px; width: 420px; font-size: 71.4%; text-align: center; color: #3884dd; padding-top: 5px;}
#footer a { color: #3884dd; text-decoration: none;}
#footer .locality { margin-left: 6px; }

a { color: #3884dd; text-decoration: none; border-bottom: 1px solid #3884dd; }
a:hover { color: #F74C51; text-decoration: none; border-bottom-color: #F74C51;}
a:focus {outline:none;}