@charset "utf-8";

/* Body */
body {
      background-color: #820082;
      /* padding-top: auto;
      padding-bottom: auto; */
     }

p.copyright {
             font-family: verdana, arial, sans-serif;
             font-size: 0.8em;
             color: #ffffff;
             margin-top: 0px;
             text-align: center;
            }
/* Einde body */

/* Pagina */
div.pagina {
            height: 750px;height: auto;
            width: 840px;
            background-color: #f5f5f5;
            margin-top: auto; 
            margin-right: auto;
            margin-left: auto;
            position: relative;
            overflow: hidden;
           } 

/* Afgeronde hoeken pagina */
#ctl {
      top: 0;
      left:0;
      font-style: normal;
      color: #f5f5f5;
      background-color: #820082;
      position: absolute;
      width: 20px;
      height: 20px;
      overflow: hidden; 
      z-index: 1;
     }
     
#cbl {
      bottom: 0;
      left:0;
      font-style: normal;
      color: #f5f5f5;
      background-color: #820082;
      position: absolute;
      width: 20px;
      height: 20px;
      overflow: hidden; 
      z-index: 1;
     }
     
#ctr {
      top: 0;
      right: 0;
      font-style: normal;
      color: #f5f5f5;
      background-color: #820082;
      position: absolute;
      width: 20px;
      height: 20px;
      overflow: hidden; 
      z-index: 1;
     }
     
#cbr {
      right:0;
      bottom: 0;
      font-style: normal;
      color: #f5f5f5;
      background-color: #820082;
      position: absolute;
      width: 20px;
      height: 20px;
      overflow: hidden; 
      z-index: 1;
     } 

.pagina em b {
              font-family: arial; 
              font-size: 150px; 
              font-weight: normal;
              color: #f5f5f5;
              line-height: 40px; 
              position: absolute;
             } 

#ctl b {
        left: -8px;
       }
       
#ctr b {
        left: -25px;
       }
       
#cbl b {
        left: -8px;
        top: -17px;
       }

#cbr b {
        left: -25px;
        top: -17px;
       } 
          
/* Einde afgeronde hoeken pagina */
/* Einde pagina */

/* Knoppen */
#knoppen ul {
             font-size: 11px;
             background-color: #f5f5f5;
             height: 35px;
             margin-top: 3px;
             margin-right: auto;
             margin-bottom: 0px;
             margin-left: auto;
             padding-top: 2px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 0px;
             position: relative;
             list-style: none;
             display: table;
             white-space: nowrap;
             list-style: none;
            }

#knoppen li {
             margin: 0;
             padding: 0;
             display: table-cell;
            }

#knoppen li a {
               font-family: verdana, arial, sans-serif;
               font-weight: bold;
               line-height: 30px;
               color: #303030;
               background: url(../images/knop_0a.gif) no-repeat;
               padding: 0 0 0 10px;
               height: 36px;
               display: block;
               float: left;
               text-decoration: none;
               text-align: center;
               cursor: pointer;
              }

#knoppen li a b {
                 background: url(../images/knop_0b.gif) no-repeat right top;
                 padding-top: 0px;
                 padding-right: 25px;
                 padding-bottom: 5px;
                 padding-left: 15px;
                 float: left;
                 display: block;
                }

#knoppen li.current a {
                       color: #ffffff;
                       background: url(../images/knop_2a.gif) no-repeat;
                      }

#knoppen li.current a b {
                         background: url(../images/knop_2b.gif) no-repeat right top;
                        }

#knoppen li a:hover {
                     color: #ffffff;
                     background: url(../images/knop_1a.gif) no-repeat;
                    }

#knoppen li a:hover b {
                       background: url(../images/knop_1b.gif) no-repeat right top;
                      }

#knoppen li.current a:hover {
                             color: #ffffff;
                             background: url(../images/knop_2a.gif) no-repeat;
                             cursor: default;
                            }

#knoppen li.current a:hover b {
                               background: url(../images/knop_2b.gif) no-repeat right top;
                              }
/* Einde knoppen */

/* Hoofd-tekstvak */
div.kop {
         height: 150px;
         width: 800px;
         margin-top: 20px;
         margin-right: 20px;
         margin-bottom: 0px;
         margin-left: 20px;
         padding: 0px;
        }

div.knoppenbalk {
                 height: 44px;
                 width: auto;
                 color: #000000; 
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 20px;
                 margin-bottom: 0px;
                 margin-left: 20px;
                 padding: 0px;
                 position: relative;
                 overflow: none;
                }
div.tekst {
           height: auto;
           width: 800px;
           color: #000000; 
           background-color: #f5f5f5;
           margin-top: 0px;
           margin-right: 20px;
           margin-bottom: 20px;
           margin-left: 20px;
           padding: 0px;
           position: relative;
           overflow: auto;
          }

h1 {
    font-family: verdana, arial, sans-serif;
    font-size: 2em;
    color: #000000;
    padding-top: 1em;
    text-align: center;
   } 

h2 {
    font-family: verdana, arial, sans-serif;
    font-size: 1,5em;
    color: #000000;
    padding-top: 0,1em;
    text-align: center;
   } 

p.tekst {
         font-family: verdana, arial, sans-serif;
         font-size: 1em;
         color: #000000;
         padding-right: 60px;
         padding-left: 60px;
         text-align: justify;
        }

p.tekst1 {
          font-family: verdana, arial, sans-serif;
          font-size: 0.9em;
          color: #000000;
          padding-right: 60px;
          padding-left: 60px;
          text-align: justify;
         }

p.tekst2 {
          font-family: verdana, arial, sans-serif;
          font-size: 1em;
          color: #000000;
          padding-right: 60px;
          padding-left: 60px;
          text-align: center;
         }
         
ul {
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    color: #000000;
    padding-left: 60px;
    text-align: left;
    list-style: disc;
    list-style-position: inside;
   }
/* Einde hoofd-tekstvak */

/* Occassions-hoofdpagina */
p.occassions1 {
               font-family: verdana, arial, sans-serif;
               font-size: 1em;
               color: #000000;
               padding-right: 60px;
               padding-left: 60px;
               text-align: justify;
              }

a.occassions1 {
               text-decoration: none;
              }
/* Einde occassions-hoofdpagina */

/* Contact-pagina */
/* Google map */
div.contact1 {
              height: auto;
              width: 310px;
              background-color: #f5f5f5;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 20px;
              padding: 0px;
              position: relative;
              float: left;
              overflow: auto;
             } 
/* Einde Google map */

div.contact2 {
              height: auto;
              width: 310px;
              width: 490px;
              background-color: #f5f5f5;
              margin-top: 0px;
              margin-right: 20px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding: 0px;
              position: relative;
              float: left;
              overflow: auto;
             }

/* Google map */
p.contact1 {
            font-family: verdana, arial, sans-serif;
            font-size: 0.8em;
            color: #0000ff;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            text-align: center;
           }
/* Einde Google map */

p.contact2 {
            font-family: verdana, arial, sans-serif;
            font-size: 0.8em;
            color: #000000;
            padding-right: 45px;
            padding-left: 45px;
            text-align: center;
           }

p.contact3 {
            font-family: verdana, arial, sans-serif;
            font-size: 0.8em;
            color: #000000;
            padding-right: 45px;
            padding-left: 45px;
            text-align: justify;
           }
/* Einde contact-pagina */

/* Occassions-subpagina */
div.occassions1 {
                 height: 380px;
                 width: 430px;
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 0px;
                 margin-bottom: 0px;
                 margin-left: 20px;
                 padding: 0px;
                 position: relative;
                 float: left;
                 overflow: auto;
                } 

div.occassions2 {
                 height: 240px;
                 width: 180px;
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 0px;
                 margin-bottom: 0px;
                 margin-left: 0px;
                 padding: 0px;
                 position: relative;
                 float: left;
                 overflow: auto;
                } 

div.occassions3 {
                 height: 240px;
                 width: 190px;
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 20px;
                 margin-bottom: 0px;
                 margin-left: 0px;
                 padding: 0px;
                 position: relative;
                 float: left;
                 overflow: auto;
                } 

div.occassions4 {
                 height: 140px;
                 width: 370px;
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 20px;
                 margin-bottom: 0px;
                 margin-left: 0px;
                 padding: 0px;
                 position: relative;
                 float: left;
                 overflow: auto;
                } 

div.occassions5 {
                 height: 136px;
                 width: 800px;
                 background-color: #f5f5f5;
                 margin-top: 0px;
                 margin-right: 20px;
                 margin-bottom: 0px;
                 margin-left: 20px;
                 padding: 0px;
                 position: relative;
                 float: left;
                 overflow: auto;
                } 

p.occassions1a {
                font-family: verdana, arial, sans-serif;
                font-size: 0px;
                color: #000000;
                padding-top: 5px;
                padding-right: 5px;
                padding-bottom: 0px;
                padding-left: 5px;
               }

p.occassions1b {
                font-family: verdana, arial, sans-serif;
                font-size: 0px;
                color: #000000;
                padding-top: 5px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                text-align: center;
               }

p.occassions2 {
               font-family: verdana, arial, sans-serif;
               font-size: 0.8em;
               font-weight: bold;
               color: #000000;
               padding-top: 0px;
               padding-right: 1em;
               padding-bottom: 0px;
               padding-left: 1em;
               text-align: left;
              }

p.occassions3 {
               font-family: verdana, arial, sans-serif;
               font-size: 0.8em;
               font-weight: normal;
               color: #000000;
               padding-top: 0px;
               padding-right: 1em;
               padding-bottom: 0px;
               padding-left: 1em;
               text-align: left;
              }

p.occassions4 {
               font-family: verdana, arial, sans-serif;
               font-size: 0.8em;
               font-weight: normal;
               color: #000000;
               padding-right: 1em;
               padding-left: 1em;
               text-align: justify;
              }

p.occassions5 {
               font-family: verdana, arial, sans-serif;
               font-size: 0.8em;
               font-weight: normal;
               color: #000000;
               padding-right: 60px;
               padding-left: 60px;
               text-align: center;
              }
/* Einde occassions-subpagina */