body {
        font: 13px Trebuchet MS, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0px;
        padding: 0px;
        background: url(../picts/ruitjes.gif) repeat;
}

ul {
        margin: 0 10px;
        padding-left: 10px;
        padding-top: 0px;
        margin-top: 0px;
}


img {
        border: none;
}

h1, h2, h3, h4, h5 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 120%; 
        }

h1, h2 {
        font-size: 32px;
        color: #f60;
        padding: 0 0 15px 0;
        margin: 0;
}
h2 {
        font-size: 22px;
        color: #f60;
}
h3 {
        font-size: 18px;
        color: #242CA9;
        padding: 0;
        padding-bottom: 0px;
        margin: 0px;
}
h4 {
        font-size: 14px;
        font-weight: bold;
        color: #242CA9;
        padding-top: 10px;
        padding-bottom: 0px;
        margin: 0px;
}
h5 {
        size: 13px;
        font-weight: bold;
        color: #242CA9;
        padding: 0;
        margin: 0;
}
a {
        color: #242CA9;
        text-decoration: none;
}

a:hover {color: #f60;
        text-decoration: underline;}

p {
        padding-top: 0px;
        padding-bottom: 10px;
        margin: 0px;
}

.img-left {
        float: left;
        padding: 0px;
        border: 1px solid #242CA9;
        margin: 5px 5px 5px 0px;
}

.img-right {
        float: right;
        padding: 0px;
        border: none;
        margin: 0px;
}

#balk {
        background: #242CA9;
        margin: 0px;
        padding: 0px;
        clear: both;
        width: 100%;
}


/* .............menu.............. */

#menu {
        margin: 0px;
        padding-left: 182px;
        background: #f60;
}
.aktief, .menuitem {
        font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        margin: 0px;
        padding: 4px 0px 4px 8px;
        border-left: 1px solid #FFFFFF;
        float: left;    
}

/* hack for IE/Win */
.aktief, .menuitem  { 
  width: 104px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 95px;
} 

/* fix for browsers that don't need the hack */
html>body .aktief  { width: 95px; }
html>body .menuitem { width: 95px; }

.aktief {
        background: #600;
}

.aktief a {
         font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #FFFFFF; 
        text-decoration: none; 
}
.aktief a:hover {
        color: #f60;
        text-decoration: none;
} 

.menuitem a {
         font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #FFFFFF; 
        text-decoration: none; 
}
.menuitem a:hover {
        color: #600;
        text-decoration: none; 
} 
/* .............eind menu.............. */

/* .............homemenu.............. */

#submenu, #homemenu {
        background: #f60;
        float: left;
        width: 164px;
        padding: 0 0 0px 0;
}

/* hack for IE/Win */
#submenu, #homemenu  { 
  margin: 18px 0px 18px 9px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  margin: 18px 0px 18px 9px;
} 

/* fix for browsers that don't need the hack */
html>body #submenu { margin: 18px 0px 18px 18px; }
html>body #homemenu { margin: 18px 0px 18px 18px; }

#homemenu h1 {
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 10px 0 0 10px;
        margin: 0 0 16px 0;
        background: url(../picts/tab_orange.gif);
}

.homemenuitem, .megamenuitem {
        width: 148px;
        margin: 8px;
        padding-bottom: 0px;
}

.homemenuitem a {
        font: bold 14px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #242CA9;
        text-decoration: none;
}
.homemenuitem a:hover {
        color: #fff;
}

.megamenuitem a { font: bold 14px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none; }

.megamenuitem a:hover { color: #242CA9; }

.homemenupijl {
        width: 148px;   
        margin: 0 0 4px 0;
        padding: 2px 0 5px 0;
        text-align: right;
        border-bottom: 2px solid #FFFFFF;
}

/* .............eind homemenu.............. */

/* .............tekst.............. */

#tekst {
        float: left;
        width: 450px;
        line-height: 20px;
        font-family: Trebuchet MS, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

/* hack for IE/Win */
#tekst  { 
  margin: 20px 0px 36px 19px;
   padding: 8px 0 0 0;
   min-height: 300px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  margin: 20px 0px 36px 19px;
  padding: 8px 0 0 0;
} 

/* fix for browsers that don't need the hack */
html>body #tekst {  margin: 10px 0px 36px 38px; }

/* .............eind tekst.............. */

/* .............ganaarmenu.............. */

#ganaar {
        background: #fff;
        float: left;
        width: 164px;
        padding: 0px;
        font: 14px/20px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #000000;
}

/* hack for IE/Win */
#ganaar  { 
  margin: 18px 0px 18px 9px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  margin: 18px 0px 18px 9px;
} 

/* fix for browsers that don't need the hack */
html>body #ganaar { margin: 18px 0px 18px 18px; }

#ganaar h1 {
        font-size: 18px;
        font-weight: bold;
        color: #242CA9;
        padding-top: 10px;
        padding-left: 10px;
        margin: 0 0 16px 0;
}

.ganaaritem a {
        font: bold 14px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #242CA9;
        text-decoration: none;
}
.ganaaritem a:hover {
        color: #f60;
}

.ganaaritem {
        padding: 3px 0 0;
        clear: both;
}

.ganaarpijl {
        vertical-align: top;
        padding: 6px 0 0 0;
}

/* .............eind ganaarmenu.............. */


/* .............home .............. */

#home {
        float:left;
        display:inline;
        width: 635px;
}

/* hack for IE/Win */
#home  { 
  margin: 20px 0px 36px 0;
  voice-family: "\"}\""; 
  voice-family: inherit;
  margin: 20px 0px 36px 0;
} 

/* fix for browsers that don't need the hack */
html>body #home { margin: 20px 0px 36px 0; }

#home a:hover {
        color: #242CA9;
        text-decoration: underline;
}


.home_item_tekst {
        padding: 9px;
        background: #9cf;
        font: 13px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #000000;
        vertical-align: top;
        width: 146px;
}

.home_item_kop {
        font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
        background: #f60;
        color: #FFFFFF;
        padding: 4px 0 4px 9px;
        width: 146px;
}
/* .............eind home.............. */

/*............. submenu .............*/

.submenuaktief, .submenuitem {
        font: bold 14px/20px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        margin: 0px;
        padding: 5px 0px 5px 8px;
        border-bottom: 1px solid #FFFFFF;
        display: block;
}

.submenuaktief {
        background: #600;
}

#submenu a {
        font: bold 14px/20px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
}
#submenu a:hover {
        color: #600;
}
/* .............eind softwaremenu.............. */

/*............. softwaretabs .............*/
.software {
        background: #99CCFF;
        padding: 0px;
        margin: 0px 0px 18px;
}

.software h1 {
        background: url(../picts/tab_blauw.gif) no-repeat left top;
        font: 20px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #242CA9;
        padding: 5px 0 0px 10px;
        margin: 0px;
}

.softwareitem, .softwarelinks {
        font: 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 10px;
        padding: 0px;
}

.softwarelinks {
        border-top: 2px solid #FFFFFF;
        padding-top: 3px;
}
.software a {
        font: bold 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #242CA9;
        text-decoration: none;
}
.software a:hover {
        color: #fff;
}

/*.............eind softwaretabs.............*/

/* .............events.............. */

#events th {
        font-size: 1.2em;
        text-align: left;
        color: #242CA9;
        padding: 5px 2px  0px 2px;
}

#events table {
        background: #99ccff;
        border-spacing: 1px;
        margin-top: 20px;
}
#events td {
        background: #fff;
        padding: 2px;
        vertical-align: top;
}

#events a {
        color: #242CA9; 
        text-decoration: none; 
}
#events a:hover {
        color: #f60;
        text-decoration: none; 
} 



/* .............eind events.............. */

/* .............form.............. */
#form th {
        font-size: 1.2em;
        text-align: left;
        color: #000;
        padding: 2px;
}

#form table {
        background: #99ccff;
        border-spacing: 1px;
}
#form td {
        background: #fff;
        padding: 2px;
        vertical-align: top;
}
/* .............eind form.............. */

#address {
        font-size: 12px;
        text-align: left;
        color: #000;
}
#events {
        clear: both;
}