body {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  color           : #000000;
  margin          : 0;
  background      : #FBDCC6 url(../images/background.gif); 
 }



 h2 {
  width           : 460px;
  font            : normal 18px helvetica, sans-serif;
  font-weight     : bold;
  line-height     : 22px;
  margin          : 0px;
  padding         : 0px 0px 5px 7px;
 }


 a {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 14px;
  font-weight     : bold;
  text-decoration : none;
  color : #db4b3e;
 }

 a:hover {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 14px;
  font-weight     : bold;
  text-decoration : underline;
  color : #db4b3e;
 }




 #spel {
  width: 480px;
  position: relative;
  left : 0px;
  padding : 0px 10px 10px 0px;
 }

 #header {
  width: 760px;
  height: 200px;
  left: -30px;
  position: relative;
  clear : both;
  background: url(../images/header.jpg); background-repeat: no-repeat;
  z-index : 1;
 }


 #page strong.red {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  color           : #DB4B3E;
  font-weight     : bold;
 }



 #page .intro {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  width           : 460px;
  border          : 0px;
  padding         : 10px 10px 10px 10px;
  margin          : 0px 10px 10px 0px;
  float           : left; 
  background: url(../images/background_form.gif); background-repeat: no-repeat;
 }

 #page .intro_small {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  width   : 210px;
  border  : 0px;
  padding : 10px 10px 10px 10px;
  margin  : 0px 10px 10px 0px;
  float   : left; 
  border  : 0px;
  background: #FBDCC6 url(../images/background_intro.gif); background-repeat: no-repeat;
 }


 #page .intro_full {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  width   : 450px;
  border  : 0px;
  padding : 10px 10px 10px 10px;
  margin  : 0px 10px 10px 0px;
  float   : left; 
  background: #FBDCC6 url(../images/background_intro_full.gif); background-repeat: no-repeat;
 }


 #page .intro a {
  font            : normal 12px tahoma, helvetica, sans-serif;
  line-height     : 16px;
  font-weight     : bold;
  text-decoration : none;
  color : #db4b3e;
 }

  #page .intro a:hover {
  font            : normal 12px tahoma, helvetica, sans-serif;
  line-height     : 16px;
  font-weight     : bold;
  text-decoration : underline;
  color : #db4b3e;
 
 }




 #page div.hr {
  height: 1px;
  padding : 4px 0px 8px 0px;
  background: url(../images/horizontal_line.gif) no-repeat scroll center;
  
 }

 #page div.hr hr {
  display: none;
 }



 .info_box {
  position: relative;
  width: 140px;
  padding : 0px 10px 0px 5px;
  float : right;
  z-index : 99;
  display: block;


 }


 .product {
  position: relative;
  width: 180px;
  height : 200px;
  padding : 0px;
  margin : 0px 0px 0px 10px;
  float : right;
  z-index : 99;
  display: block;
  background-color : #FF0000;

 }




 .info_box_info {
  width: 140px;
  padding : 0px;
  margin : 0px 0px 10px 0px;
 }

 .info_box_info .info_box_icon {
  width: 25px;
  height: 25px;
  padding : 0px;
  margin: 0px;
  background: url(../images/info_box_icon_add.gif); background-repeat: no-repeat;
  background-position : left top;
  float : left;
 }



 .info_box_info .info_box_icon_warning {
  width: 20px;
  height : 20px;
  padding : 0px;
  margin: 0px;
  background: url(../images/info_box_icon_warning.gif); background-repeat: no-repeat;
  background-position : left top;
  float : left;
 }


 .info_box_info .info_box_text {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 14px;
  font-weight     : bold;
  color : #000000;
  width: 115px;
  padding : 0px;
  margin : 0px;
  float : right;
 }


 .info_box_info a {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 14px;
  font-weight     : bold;
  text-decoration : underline;
  width: 180px;
  color : #000000;
 }

 .info_box_info a:hover {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 14px;
  font-weight     : bold;
  text-decoration : underline;
  width: 180px;
  color : #000000;
 }






 #header #almanak {

  width: 200px;
  height: 150px;
  padding: 0px 0px 0px 450px;
  position   : relative;
 }

 #header #almanak #pageflip {
  border : 0px;
  margin : 0px;
  padding : 0px;
 }


 #header #footer {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  color           : #000000;
  font-weight     : bold;
  width      : 760px;
  height     : 20px;
  top        : -10px;
  position   : relative;
  z-index    : 90;
 }




 #header #footer #link {
  font            : normal 13px tahoma, helvetica, sans-serif;
  text-decoration : none;
  font-weight     : bold;
  line-height     : 18px;
  height          : 20px;
  float           : right;
  padding         : 0px;
 }

 #header #footer a {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  height          : 20px;
  font-weight     : bold;
  text-decoration : none;
  color           : #000000;
  padding         : 0px 10px 0px 10px;
 }

 #header #footer a:hover {
  text-decoration : none;
  color           : #FFFFFF;
  padding         : 0px 10px 0px 10px;
  background      : #000000;
 }


 #header #footer div.hr {
  height: 1px;
  padding : 0px 0px 0px 0px;
  background: url(../images/header_line.gif) no-repeat scroll center;
 }

 #header #footer div.hr hr {
  display: none;
 }





 #content {
  width: 780px;
  position: relative;
  left: 50%;
  margin-left: -390px;
  border : 0px;
  padding : 0px 0px 0px 40px;
  background:  url(../images/background_content.gif);  background-repeat: repeat-y;
  z-index : 3;
 }


 #content .payoff {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 12px;
  height          : 50px;
  text-align      : center;
  width           : 700px;
  font-weight     : none;
  text-decoration : none;
  padding : 0px;
  margin  : 0px;
 }





 #page {
  width: 480px;
  position: relative;
  padding : 10px 10px 10px 10px;
  margin  : 0px 0px 0px 20px;
  background: url(../images/background_page.gif); background-repeat: no-repeat;
  float : left;
  z-index : 4;
 }





 /*************************************************************************************************/
 /* tables                                                                                        */
 /*************************************************************************************************/

 #page table {
  border-collapse: collapse;
  border : 5px;
  padding : 2px;
  margin : 0px;
 }

 #page table td {
  border-top    : 1px solid #eda59f;
  border-bottom : 1px solid #eda59f;
 }

 #page td, th {
  vertical-align: top;
  padding : 2px 5px 2px 5px;
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 15px;
  border: 1px;
 }

 #page table tr {
  border-bottom: 1px solid #eda59f;
 }


 #page .dataTable .row_top {
  background-color: #f8c8b5;
 }

 #page .dataTable .row {
  background-color: transparent;
 }

 #page .dataTable .row_odd {
  background-color: #f8c8b5;
 }






 ul {

  margin          : 0px;
  padding         : 0px;
  display         : block;
  list-style-type : none;
 }

 li {

  margin          : 0px;
  padding-left    : 20px;
  background: url(../images/bullet.gif); background-repeat: no-repeat;
 }


 p.center {

  text-align : center;
 }


 .clear, p {

  clear:both;
 }


 .capital {
  float: left;
  padding: 0px 6px 0px 0px;
  display: block;
  border : 0px;
 }




 #navigation {
  width: 180px;
  height: 600px;
  position: relative;
  border : 0px;
  padding: 0px;
  margin: 0px;
  float : left;
  display: block;
  background: url(../images/background_navigation.gif); background-repeat: no-repeat;
  background-position : bottom left;
 }


 /*************************************************************************************************/
 /* main navigation                                                                               */
 /*************************************************************************************************/



 .img_right {

  float : right;
  margin-left : 10px;
  border : 0px;
 }

 .img_left {

  float : left;
  margin-right : 10px;
  border : 0px;
 }


 .img_small_left {
  border : 0px;
  float : left;
  margin-right : 4px;

 }




 /*************************************************************************************************/
 /* main navigation                                                                               */
 /*************************************************************************************************/

 .mainNav {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  width           : 180px;
  margin          : 0px;
  padding         : 0px;
  border          : 0px;
  display         : block;
  z-index : 6;
 }


 .mainNav ul {
  margin: 0px;
  padding: 0px;
  border : 0px;
  display: block;
  list-style-type: none;
 }


 .mainNav li {
  width: 180px;
  margin: 0px;
  height: 20px;
  padding: 0px;
  border : 0px;
  display: inline;
  background : transparent;
 }


 .mainNav .mainNavSelected {
  font            : bold 13px tahoma, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  display: block;
  list-style-type: none;
  width: 180px;
  height: 20px;
  color: #FFFFFF;
  padding: 0px;
  background: #000000 url(../images/navigation_selection.gif); background-repeat: no-repeat;
  text-align: left;
  list-style-type: none;
 }


 .mainNav .mainNavSelected em {
  font   : bold 13px tahoma, helvetica, sans-serif;
  display: block;
  width: 160px;
  height: 20px;
  color: #FFFFFF;
  text-align: right;
 }



 .mainNav a {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  font-weight     : bold;
  text-decoration : none;
  width: 180px;
  color : #000000;
 }

 .mainNav  a:hover {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  font-weight     : bold;
  text-decoration : underline;
  width: 180px;
  color : #000000;
 }






 .mainNav a {
  display: block;
  width: 180px;
  height: 20px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
 }

 .mainNav a:hover {
  display: block;
  width: 180px;
  height: 20px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  background: #000000 url(../images/navigation_mouseover.gif); background-repeat: no-repeat;
 }




 /*************************************************************************************************/
 /* sub navigation                                                                                */
 /*************************************************************************************************/

 .subNav {
  width          : 180px;
  margin         : 0px;
  padding        : 10px 0px 10px 0px;
  background     : #DB4B3E url(../images/subnavigation_background.gif); repeat-y top;
  border         : 0px;
 }


 .subNav  ul {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
 }




 .subNav li {
  font           : bold 11px tahoma, helvetica, sans-serif;
  width          : 170px;
  height         : 15px;
  margin         : 0px;
  padding        : 0px 0px 0px 0px;
  list-style-type: none;
  background     : transparent;
  display: inline;
 }


 .subNav .subNav_selection {
  font            : bold 11px tahoma, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  width: 180px;
  height: 15px;
  color: #FFFFFF;
  background: url(../images/subnavigation_selection.gif); background-repeat: no-repeat;
  text-align: left;
 }




 .subNav .subNav_selection em {
  font            : bold 11px tahoma, helvetica, sans-serif;
  display: block;
  width: 160px;
  height: 15px;
  color: #FFFFFF;
  text-align: right;
 }





 .subNav a {
  font            : bold 11px tahoma, helvetica, sans-serif;
  display: block;
  width: 180px;
  height: 15px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
 }

 .subNav a:hover {
  display: block;
  font            : bold 11px tahoma, helvetica, sans-serif;
  width: 180px;
  height: 15px;
  color: #FFFFFF;
  background: url(../images/subnavigation_mouseover.gif); background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
 }




 /*************************************************************************************************/
 /* aanbod                                                                                        */
 /*************************************************************************************************/
 
 .textbox {
  width: 480px;
  padding: 0px;
  margin: 0px;
  background: url(../images/textbox_content.gif); background-repeat: repeat-y;
 }

 .textbox h2 {
  width: 480px;
  height: 0px;
  background: url(../images/textbox_top.gif); background-repeat: no-repeat; 
  background-position: left top;
  padding-top : 0px;
 }

 .textbox .last {
  width: 480px;
  height: 0px;
  margin: 0px;
  background: url(../images/textbox_bottom.gif); background-repeat: no-repeat;
  font            : 0px tahoma, helvetica, sans-serif;
  background-position: bottom left;
  padding-bottom: 8px;
 }

 .textbox .name{
  font            : 11px tahoma, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  float : left;
 }

 .textbox p {
  font            : 12px tahoma, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  margin: 0px 0px 4px 0px;
  padding : 5px 15px 10px 15px;
 }

 .textbox .footer {
  margin-left: 10px;
  width: 460px;
  border-top: 1px solid #fdaea3;
  padding : 5px 0px 5px 0px;
  color           : #666666;
 }

 .textbox .email{
  font            : 11px tahoma, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  color        : #FF0000;
  padding: 0px 0px 0px 20px;
  float : left;
  background: url(../images/icon_email.gif); background-repeat: no-repeat;
  float : right;
 }

 .textbox .date{
  font            : 11px tahoma, helvetica, sans-serif;
  text-decoration : none;
  width           : 100px;
  width           : 120px;
  color           : #666666;
  padding-right : 10px;
  float : left;
 }

 .textbox .email a {
  font            : 11px tahoma, helvetica, sans-serif;
  font-weight: bold;
  color: #db4b3e;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
 }

 .textbox .email a:hover {
  font            : 11px tahoma, helvetica, sans-serif;
  font-weight: bold;
  color: #db4b3e;
  padding: 0px;
  margin: 0px;
  text-decoration: underline; 
 }




 /*************************************************************************************************/
 /* sub navigation                                                                                */
 /*************************************************************************************************/



 fieldset {
  width      : 450px;
  position   : relative;
  left       : 0px;
  border     : 0px;
  margin     : 20px 0px 0px 0px;
  padding    : 10px 10px 0px 20px;
  background : url(../images/background_form.gif); background-repeat: no-repeat;
 }




 label {


  float: left;
  width: 190px;
  margin     : 0px;
  padding-left : 5px;

 }





 .submit {
  font            : 13px tahoma, helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color : #FFFFFF;
  border: 1px solid #000000;
  width: 130px;
  background: #db4b3e;
 }


 form h2 {
  font            : 18px tahoma, helvetica, sans-serif;
  text-decoration : none;
  padding : 0px 0px 10px 4px;
  margin          : 0px;
  border          : 0px;
 }



 form p {
  border: 0px;
  background-color : transparent;
  padding          : 4px 0px 0px 0px;
  margin           :  0px;
  clear            :   both;
 }

 form .comment {
  border: 0px;
  margin : 0px;
  padding : 20px 0px 20px 0px;
  clear        :  both;
 } 

 form .prijs {
  border: 0px;
  margin : 0px;
  padding : 0px 0px 10px 4px;
  clear        :  both;
 } 




 form .radio_button {
  float : left;
  border: 0px;
  width: 20px;
  background-color: transparent;
  padding : 0px 0px 0px 4px;
  margin : 1px 0px 0px 0px;
 }



 input {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  width: 220px;
  background: #fffaf6;
  border: 1px solid #ccc;
  padding : 0px 0px 0px 4px;
  margin : 0px;
 }



 .radiobuttons label {
  width      : 180px;
  border     : 0px;
  margin     : 0px 0px 0px 0px;
  padding    : 0px 0px 0px 0px;
  float      : left;
 }


 .radiobuttons {
  width      : 210px;
  margin     : 0px;
  padding    : 0px; 
  border     : 0px;
  float      : left;
 }











 input.submit:hover, input.submit:focus {
  background-color: #E5E5E5;
  color: #000;
 }


 textarea {
  font            : normal 13px tahoma, helvetica, sans-serif;
  line-height     : 18px;
  padding : 0px 0px 0px 4px;
  width: 200px;
  height: 150px;
  border: 1px solid #b1b1b1;
  background: #fffaf6;
 }

 input:focus, textarea:focus {
  background: #FFFFFF;
  border: 1px solid #000000;
 }

 .required {
  font-size: 0.75em;
  color: #760000;
 }