*
{
   padding: 0;
   margin: 0;
}

body
{
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: 0.8em;
   font-family: Arial, Sans-Serif;
}

#pg
{
   margin: 0 auto;
   width: 974px;
}

a img {border:0}


/*************************/
/*          nav          */
/*************************/

#nav
{
   width: 232px;
   height: 600px;
   float: left;
   padding-top: 165px;
}

#nav ul, #nav li
{
   padding: 0;
   margin: 0;
   list-style: none;
}

#nav li a
{
   width: 232px;
   height: 60px;
   float: left;
}

/* nl */

ul.nl a.wedstrijd:link, ul.nl a.wedstrijd:visited
{
   background: url(images/nl/normal/button1.gif);
}

ul.nl a.wedstrijd:hover, ul.nl a.wedstrijd.active
{
   background: url(images/nl/hover/button1.gif);
}

ul.nl a.fun:link, ul.nl a.fun:visited
{
   background: url(images/nl/normal/button2.gif);
}

ul.nl a.fun:hover, ul.nl a.fun.active
{
   background: url(images/nl/hover/button2.gif);
}

ul.nl a.recepten:link, ul.nl a.recepten:visited
{
   background: url(images/nl/normal/button3.gif);
}

ul.nl a.recepten:hover, ul.nl a.recepten.active
{
   background: url(images/nl/hover/button3.gif);
}

ul.nl a.voedingswaarden:link, ul.nl a.voedingswaarden:visited
{
   background: url(images/nl/normal/button4.gif);
}

ul.nl a.voedingswaarden:hover, ul.nl a.voedingswaarden.active
{
   background: url(images/nl/hover/button4.gif);
}

ul.nl a.vroeger:link, ul.nl a.vroeger:visited
{
   background: url(images/nl/normal/button5.gif);
}

ul.nl a.vroeger:hover, ul.nl a.vroeger.active
{
   background: url(images/nl/hover/button5.gif);
}

ul.nl a.verjaardag:link, ul.nl a.verjaardag:visited
{
   background: url(images/nl/normal/button6.gif);
}

ul.nl a.verjaardag:hover, ul.nl a.verjaardag.active
{
   background: url(images/nl/hover/button6.gif);
}

ul.nl a.nodig:link, ul.nl a.nodig:visited
{
   background: url(images/nl/normal/button7.gif);
}

ul.nl a.nodig:hover, ul.nl a.nodig.active
{
   background: url(images/nl/hover/button7.gif);
}

/* fr */

ul.fr a.wedstrijd:link, ul.fr a.wedstrijd:visited
{
   background: url(images/fr/normal/button1.gif);
}

ul.fr a.wedstrijd:hover, ul.fr a.wedstrijd.active
{
   background: url(images/fr/hover/button1.gif);
}

ul.fr a.fun:link, ul.fr a.fun:visited
{
   background: url(images/fr/normal/button2.gif);
}

ul.fr a.fun:hover, ul.fr a.fun.active
{
   background: url(images/fr/hover/button2.gif);
}

ul.fr a.recepten:link, ul.fr a.recepten:visited
{
   background: url(images/fr/normal/button3.gif);
}

ul.fr a.recepten:hover, ul.fr a.recepten.active
{
   background: url(images/fr/hover/button3.gif);
}

ul.fr a.voedingswaarden:link, ul.fr a.voedingswaarden:visited
{
   background: url(images/fr/normal/button4.gif);
}

ul.fr a.voedingswaarden:hover, ul.fr a.voedingswaarden.active
{
   background: url(images/fr/hover/button4.gif);
}

ul.fr a.vroeger:link, ul.fr a.vroeger:visited
{
   background: url(images/fr/normal/button5.gif);
}

ul.fr a.vroeger:hover, ul.fr a.vroeger.active
{
   background: url(images/fr/hover/button5.gif);
}

ul.fr a.verjaardag:link, ul.fr a.verjaardag:visited
{
   background: url(images/fr/normal/button6.gif);
}

ul.fr a.verjaardag:hover, ul.fr a.verjaardag.active
{
   background: url(images/fr/hover/button6.gif);
}

ul.fr a.nodig:link, ul.fr a.nodig:visited
{
   background: url(images/fr/normal/button7.gif);
}

ul.fr a.nodig:hover, ul.fr a.nodig.active
{
   background: url(images/fr/hover/button7.gif);
}

/*************************/
/*        content        */
/*************************/

#contentContainer
{
   float: left;
   text-align: left;
   width: 734px;
}

.spacer
{
   height:180px;
}

#contentContainer #topMenu
{
   padding-top: 5px;
   float: right;
   width: 82px;
   height: 53px;
}

.items
{
   margin-top: 23px;
   float: left;
}

.item
{
   float: left;
   display: inline;
   width: 140px;
   height: 220px;
   margin-right: 23px;
   margin-bottom: 23px;
   padding: 10px;
   background: url(images/bgItem.png);
   text-align: center;
   color: #0450a4;
}

.item a
{
   text-decoration:none;
   color: #0450a4;   
}

.item a.text
{
   color: #0450a4;
   font-size:0.85em;
   line-height:1.1em;
}

.item a.title 
{
   font-weight:bold;
   margin-top: 5px;
   font-size:1.1em;
   line-height:1em;
   text-transform:uppercase;   
   display:block;
   margin:0.4em 0;
}
.itemsfooter
{
   width:100%;
   margin-top:1em;
}

.itemsfooter a
{
   text-align:right;
   display:block;
}

#cache
{
   display:none;
   font-size:0.8em;
   color:#fff;
}


/* javascript flash replacement */
.jfr
{
  letter-spacing:-4px;
}

.jfr a
{
   font-size:1em;
}

.jfr.title
{
   font-size:3em;
   color:#fef200;
}

.jfr.link
{
   margin-top:30px;
   font-size:1.5em;
   color:#ffffff;
}

.alt
{
   display:none;
}

.text
{
   color:#fff;
}

.spaced
{
   line-height:1.5em;
}

.error
{
   margin:1em 0;
   padding:1em 1em 1em 20px;
   color:#ff5928;
   font-weight:bold;
   background:url(images/picto/error.png) no-repeat 0 15px;
}

.success
{
   margin:1em 0;
   padding:1em 1em 1em 20px;
   color:#72ca63;
   font-weight:bold;
   background:url(images/picto/success.png) no-repeat 0 15px;
}


.validation
{
   float:right;
   padding-right:4px;
   color:#eb191c;
   font-size:30px;
}

/* form */

ul.form {margin:0; padding:0}

ul.form li
{
   background: url(images/form/bgWide.png) no-repeat top left;
   width: 415px;
   padding-left:10px;
   height: 44px;
   list-style-type:none;
}

ul.form li img
{
   float:left;
}

ul.form li select
{
   margin:6px 0 0 6px;
   float:left;
}

ul.form li input
{
   width: 250px;
   padding:8px;
   margin:0;
   border: none;
   background: #fff;
   float:left;
   font-size:1.1em;
}

ul.form li.narrow
{
   background: url(images/form/bgNarrow.png) no-repeat top left;
   width: 240px;
}

ul.form li.mini
{
   background: url(images/form/bgMini.png) no-repeat top left;
   width: 200px;
}

ul.form li.narrow input
{
   width:100px;
}

ul.form li.buttons
{
   background:none;
   padding-right:0;
   text-align:right;
}

ul.form li.buttons a, a.button
{
   width:150px;
   height:31px;
   display:inline-block;
   text-align:center;
   background:url(images/buttonFace.png) no-repeat center left;
}

ul.form li.buttons a:hover, a.button:hover
{
   background-image:url(images/buttonFace-over.png)
}

ul.form li.buttons a img, a.button img
{
   display:inline-block;
   float:none;
}