/* //////////////// GENERAL INFO ////////////////

Site: Stemming
Version: 1

//////////////// //////////////// //////////////// */


/* //////////////// CENTER THE SITE //////////////// */

* { margin: 0; padding: 0; outline: none; }

/* //////////////// STRUCTURE ELEMENTS //////////////// */

#wrapper { width:787px; margin:0 auto; }

#header { height:105px; width:787px; position:relative; }
#p-index #header {background: url(images/header-step1.jpg) no-repeat;}
#p-hoelaat #header {background: url(images/header-step2.jpg) no-repeat;}
#p-mosterd #header {background: url(images/header-step3.jpg) no-repeat;}
#p-vlag #header {background: url(images/header-step4.jpg) no-repeat;}
#p-synoniem #header {background: url(images/header-step5.jpg) no-repeat;}
#p-uitslag #header {background: url(images/header-step6.jpg) no-repeat;}
#p-help #header {background: url(images/header-step6.jpg) no-repeat;}

#helpinfo { position:absolute; left:690px; top:20px; color:#a3a2a2; font-size:10px; }
#helpinfo a { color:#a3a2a2; text-decoration:none; }
#helpinfo a:hover { text-decoration:underline; }

#headline { width:787px; height:86px; }

#main { height:558px; width:787px; position:relative; }
#p-index #main {background: url(images/main-step1.jpg) no-repeat;}
#p-hoelaat #main {background: url(images/main-step2.jpg) no-repeat;}
#p-mosterd #main {background: url(images/main-step3.jpg) no-repeat;}
#p-vlag #main {background: url(images/main-step4.jpg) no-repeat;}
#p-synoniem #main {background: url(images/main-step5.jpg) no-repeat;}
#p-uitslag #main {background: url(images/main-step6.jpg) no-repeat;}
#p-help #main {background: url(images/main-step6.jpg) no-repeat;}

#content { position:absolute; left:250px; top:50px; width: 500px; }

#step2 { position: absolute; z-index: 1; height: 50px; width: 500px; left: 0px; top: 0px; }
#step3 { position: absolute; z-index: 1; height: 150px; width: 500px; left: 0px; top: 50px; visibility: hidden; }
#step4 { position: absolute; z-index: 1; height: 250px; width: 500px; left: 0px; top: 225px; visibility: hidden; }
#step4 #twitter { margin-left: 75px; }

/* //////////////// MENING SYNONIEM ////////////// */
.aa1 {float:left; width:63px; height:63px; position:absolute; left:63px;}
.aa2 {float:left; width:63px; height:63px; position:absolute; left:126px; cursor:pointer;}
.aa3 {float:left; width:63px; height:63px; position:absolute; left:189px;}
.aa4 {float:left; width:63px; height:63px; position:absolute; left:252px; cursor:pointer;}
.aa5 {float:left; width:63px; height:63px; position:absolute; left:315px;}
.aa6 {float:left; width:63px; height:63px; position:absolute; left:378px;}

/* //////////////// GENERAL STYLE //////////////// */

body { font: 12px Verdana, Arial, sans-serif; background:#ffffff; line-height:17px; }
h1 { font-size:18px; font-weight:bold; color:#346a6c; }
h2 { font-size:18px; font-weight:bold; color:#346a6c; }
h3 { font-size:18px; font-weight:bold; color:#CC0000; line-height: 22px; }
h4 { font-size:12px; font-weight:bold; color:#448800; line-height: 16px; }
#afzender { font: 12px Verdana, Arial, sans-serif; line-height:17px; }
.help { line-height:19px; }
#hcvlogo { float:left; position:absolute; left: -50px; }
.hoelaatcolon { font-size:18px; font-weight:bold; color:#346a6c; vertical-align: 50%; }

input.button { width:120px; height:33px; background:url(images/button.gif) no-repeat; border: none; color:#ffffff; font-weight:bold; padding-top:0px; }
input.hoelaat { width:174px; height:57px; background:url(images/input-hoelaat.gif) no-repeat; border:none; color:#346a6c; font-size:36px; font-weight:bold; text-align:center; line-height:52px;}
input.hoelaat2 { width:90px; height:57px; background:url(images/input-hoelaat2.gif) no-repeat; border:none; color:#346a6c; font-size:36px; font-weight:bold; text-align:center; line-height:52px;}
input.mosterd { line-height:25px; }