body
{
   margin: 0;
   padding: 0;
   font: normal 1em/100% Arial, Verdana, sans-serif;
   background: url(../images/bg-body.gif) repeat-y 853px 0;
}

#header
{
   margin: 0;
   background-color: #5282b5;
}

   #header img
   {
      display: block;
      width: 768px;
      height: 104px;
      margin: 0 auto;
   }

#tag
{
   margin: 0;
   background-color: #18386b;
}

   #tag div
   {
      width: 768px;
      height: 60px;
      margin: 0 auto;
   }

   #tag img
   {
      width: 586px;
      height: 28px;
      margin: 19px 0 0 12px;
   }

#navigation
{
   margin: 0;
   background: url(../images/bg-navigation.gif) repeat-y 50% 0;
   border-bottom: 1px solid #18386b;
}

   #inner-navigation
   {
      width: 768px;
      margin: 0 auto;
   }

      #navlinks
      {
         width: 597px;
         background: url(../images/bg-navigation.gif) repeat-y 0 0;
         border-right: 1px solid #18386b;
      }

         #navlinks ul
         {
            margin: 0 0 0 12px;
            padding: 0;
            list-style: none;
         }

            #navlinks ul li
            {
               float: left;
               padding: 0;
               margin: 0 5px 0 0;
            }

            #navlinks ul a
            {
               display: block;
               text-decoration: none;
               margin: 6px 0 0 0;
               padding: 0 0 0 5px;
               font-size: .8em;
               color: #18386b;
               background: url(../images/bg-nav-anker-off.gif) no-repeat 0 0;
            }

            #navlinks ul a:hover,
            #navlinks ul a.active
            {
               color: #fff;
               background: url(../images/bg-nav-anker-on.gif) no-repeat 0 0;
            }

               #navlinks ul a span
               {
                  display: block;
                  margin: 0;
                  padding: 2px 16px 0 0;
                  background: url(../images/bg-nav-anker-right-off.gif) no-repeat 100% 0;
               }

               #navlinks ul a:hover span,
               #navlinks ul a.active span
               {
                  background: url(../images/bg-nav-anker-right-on.gif) no-repeat 100% 0;
               }

         #navlinks div
         {
            min-height: 24px;
          * height: 24px;
            font-size: .8em;
         }

      #logo
      {
         float: right;
      }

         #logo img
         {
            width: 139px;
            height: 20px;
            margin: 2px 14px 2px 0;
         }

#main-container
{
   margin: 0;
   background: url(../images/bg-main-container.gif) repeat-y 50% 0;
}

   #inner-container
   {
      width: 768px;
      margin: 0 auto;
   }

      #content
      {
         width: 597px;
         margin: 0;
         padding: 10px 0;
         background-color: #fff;
         border-right: 1px solid #18386b;
      }

         #content h1
         {
            margin: 0;
            padding: 10px 20px 0 12px;
            font: bold .95em/1.6em Arial;
            color: #18386b;
         }

         #content h2
         {
            margin: 0;
            padding: 10px 20px 0 12px;
            font: bold .8em/1.4em Arial;
            color: #18386b;
         }

         #content p
         {
            margin: 0;
            padding: 0 20px 10px 12px;
            font: normal .75em/120% Verdana;
         }

         #content a
         {
            color: #ce3031;
         }

            #content li a:hover
            {
               text-decoration: none;
            }

         #content ul,
         #content ol
         {
            margin: 0;
            padding: 0 20px 10px 12px;
            list-style: none;
            font: normal .75em/120% Verdana;
         }

      #login
      {
         width: 139px;
         float: right;
       * margin-right: 5px;
      }

         #loginform
         {
            float: left;
            margin: 0 0 0 -14px;
          * margin-left: 0;
            padding: 0;
         }

            #loginform #username,
            #loginform #password,
            #kwijtform #email
            {
               width: 100%;
               margin-top: 7px;
               padding: 2px;
               font: normal .75em/100% Verdana;
               background-color: #e7efef;
               border: 1px solid #18386b;
               -moz-border-radius: 4px;
            }

            #loginform .submit
            {
               width: 54px;
               height: 20px;
               margin-top: 7px;
               padding-bottom: 2px;
               border: 0;
               font: normal 9pt Verdana;
               color: #fff;
               background: url(../images/bg-login.gif) no-repeat 0 0;
            }

            #loginform a,
            #kwijtform a
            {
               display: block;
               color: #ffcf63;
               font: normal .8em Verdana;
               margin-top: 30px;
            }

            #loginform a:hover,
            #kwijtform a:hover
            {
               color: #ce3031;
            }

            #loginform p,
            #kwijtform p
            {
               font: bold 10pt Verdana;
               color: #ffcf63;
               margin: 10px 0 0 0;
            }

         #kwijtform
         {
            float: left;
            margin: 0 0 0 -14px;
          * margin-left: 0;
            padding: 0;
         }

            #kwijtform .submit
            {
               width: 84px;
               height: 20px;
               margin-top: 7px;
               padding-bottom: 2px;
               border: 0;
               font: normal 9pt Verdana;
               color: #fff;
               background: url(../images/bg-kwijt.gif) no-repeat 0 0;
            }

         #login h1
         {
            margin: 0 0 0 -12px;
          * margin-left: 0;
            padding: 20px 20px 0 0;
            font: bold italic .95em/1.2em Arial;
            color: #18386b;
         }

/* aanmeldformulier */

form#preregister,
form#contactform,
form#change_email,
form#change_login,
form#bestelform
{
   padding: 0 20px 10px 12px;
}

   form#preregister td,
   form#contactform td,
   form#change_login td,
   form#bestelform td
   {
      padding: 5px 10px 0 0;
   }

   form#preregister label,
   form#contactform label,
   form#change_login label,
   form#bestelform label
   {
      font: normal .75em/120% Verdana;
   }

      form#change_login label strong
      {
         color: #18386b;
         font-size: 90%;
      }

   form#preregister input.text,
   form#contactform input.text,
   form#contactform textarea,
   form#change_email #email,
   form#change_login input.text,
   form#bestelform input.text
   {
      width: 220px;
      padding: 2px;
      font: normal .75em/100% Verdana;
      background: transparent;
      border: 1px solid #18386b;
      -moz-border-radius: 4px;
   }

      form#bestelform input.smallfield
      {
         width: 17px;
         text-align: center;
      }

      form#bestelform input.middlefield
      {
         width: 35px;       
         text-align: center;
      }

      form#change_login input.text
      {
         width: 130px;
      }

   form#contactform textarea
   {
      height: 50px;
   }

   form#preregister input.submit,
   form#contactform input.submit,
   form#change_email input.submit,
   form#change_login input.submit,
   form#bestelform input.submit
   {
      width: 84px;
      height: 20px;
      padding-bottom: 2px;
      border: 0;
      font: normal 9pt Verdana;
      color: #fff;
      background: url(../images/bg-kwijt.gif) no-repeat 0 0;
    }

   form#preregister p
   {
      color: #ce3031;
      font-weight: bold;
      margin: 20px 0 5px -12px;
   }

/* prijzen */

#prijzen,
#prijzen ol
{
   float: left;
}

ul a.active
{
   text-decoration: none;
   font-weight: bold;
}


/* puntentable */

table#mijn_punten
{
   margin: 0 0 10px 12px;
   width: 550px;
}

   #mijn_punten td
   {
      font: normal .75em/120% Verdana;
      border-bottom: 1px solid #18386b;
      padding: 2px 0;
   }

   #mijn_punten .phat td
   {
      border-top: 1px solid #18386b;
   }



p#footer
{
   font-size: 60%;
   color: #716f6f;
}

   p#footer a
   {
      color: #716f6f;
   }