* {
    font-family: Verdana, Arial;
}

.editor {
    tag: body;
    font-size: 0.8em;
    font-family: Verdana, Arial;
    color: #444444;
}

body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-image: url("../images/bodybg.gif");
    background-repeat: repeat-y;
    background-position: top center;
    font-size: 0.7em;
    color: #444444;
    line-height: 1.7em;
}


h1, h2, h3 {
    font-family: Arial;
    font-style: normal;
    color: #0044BF;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
}

h1 {
    font-size: 2em;
    tag:h1; 
    desc: kop 1;
}

h2 {
    font-size: 1.6em;
    tag:h2; 
    desc: kop 2;
}


h3 {
    font-size: 1.4em;
    tag:h3; 
    desc: kop 3;
}


p {
    margin: 0px;
}

ul {
    list-style-image: url("../images/content/lijst.gif");
}


ol {
    list-style-image: none;
}


a, a:hover {
    color: #FF7823;
    text-decoration: none;
}

a:hover {
    color: #0044BF;
}


td {
    font-size: 0.7em;
}

.spacer30pix {
    width: 5px;
    height: 30px;
    font-size: 0px;
}

.spacer116pix {
    width: 5px;
    height: 116px;
    font-size: 0px;
}

.spacer10pix {
    width: 5px;
    height: 10px;
    font-size: 0px;
}

.spacer157pix {
    width: 5px;
    height: 157px;
    font-size: 0px;
}


/* BEGIN LOGOFRAME OPBOUW */

#logoframe {
    position: absolute;
    width:100%;
    height: 102px;
    top:0px;
    z-index: 9;
    text-align:center;
    padding:0px;
    margin:0px;
}

#logovlak1, #logovlak2 {
    position: relative;
    text-align: left;
    width: 768px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
}

#logovlak1 {
    height: 74;
    background-image: url("../images/logobg_01.gif");
    background-repeat: none;
}

#logovlak2 {
    height: 28;
    background-image: url("../images/logobg_02.png");
    background-repeat: none;
}

#logoruimte {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 191px;
    height: 74px;
    z-index: 2;
}


#sitewide {
    vertical-align: top;
    position: absolute;
    right: 200px;
    top: 8px;
}

#sitewide img{
    vertical-align: middle;
    margin-bottom: 4px;
    padding-left: 6px;
    padding-right: 4px;
}

a.sitewide, a.sitewide:hover {
    color: #598AE3;
    font-size: 0.85em;
    font-weight: bold;
    text-decoration: none;
}

a.sitewide:hover {
    color: FF7823;
}


/* BEGIN CONTENTVERDELING OPBOUW */


#mainframe {
    position: absolute;
    width:100%;
    top:0px;
    z-index: 1;
    text-align:center;
    padding:0px;
    margin:0px;
    background-image: url("../images/horizontaalbar6.gif");
    background-repeat: repeat-x;
}

#contentframe, #contentIframe {
    position: relative;
    text-align: left;
    width: 768px;
    height: 100%;
    top: 0px;
    padding:0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}

#contentIframe {
    width: 772px;
}

#navigatievlak, #contentvlak, #contentvlakimg, #rechtervlak, #rechtervlakimg {
    position: relative;
    float: left;
    overflow-x: hidden;
    display: inline;
    padding: 0px;
}

#navigatievlak {
    width: 191px;
    margin: 0px;
    background-image: url("../images/navigatiebg.gif");
    background-repeat: no-repeat;
}

#contentvlak {
    margin-left: 1px;
    background-image: url("../images/contentbg_ie.gif");
    background-repeat: repeat-x;
    background-position: top;
}

.contentvlaksmal{
    width: 383px;
}

.contentvlakbreed{
    width: 575px;
}

#rechtervlak {
    width:192px;
    margin-left: 1px;
    padding: 0px;
}

#rechtervlakimg {
    width:192px;
    margin-left: 1px;
    padding: 0px;
    background-image: url("../images/contentbg_ie.gif");
    background-repeat: no-repeat;
    background-position: top;
}

#onderCoolmenu {
    float: left;
    visibility: hidden;
    text-align: right;
    width: 185px;
    padding: 0px;
}

#onderCoolmenu p {
    padding: 0px 0px 5px 0px
}

/* BEGIN CONTENT OPBOUW */

#contenttopspacer {
    width:5px;
    height: 69px;
}

#tekst, #tekstimg, #kruimelpad {
    padding-left: 6px;
    padding-top: 20px;
    padding-right: 6px;
    padding-bottom: 5px;
}

#kruimelpad {
    margin: 0px;
    padding-top: 1px;
}

#kruimelpad img {
    vertical-align: middle;
    margin-bottom: 5px;
}

a.kruimelpad, a.kruimelpad:hover {
    font-size: 0.9em;
    color: #FF7823;
    line-height: 1.9em;
    text-decoration: none;
}

a.kruimelpad:hover {
    color: #0044BF;
}

p.inleiding {
    font-weight: bold;
}

p.tekst {
    margin-top: 5px;
    font-weight: normal;
}

#servicenieuwsvlak, #servicevlak, #nieuwsvlak {
    float: left;
    overflow-x:hidden;
    display: inline;

}

#servicenieuwsvlak {
    width: 373px;

}

#servicevlak {
    width: 186px;
}

#nieuwsvlak {
    float: right;
    width: 186px;

}

.servicenieuwskop {
    font-size: 1.5em;
    height: 25px;
    color: #FF7823;
    font-weight: bold;
}

.servicenieuwstitel, .servicenieuwsdatum {
    color: #0044BF;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 2px;
    background-color: #CAD9F6;
}

.servicenieuwstitel a {
    color: #0044BF;
}

.servicenieuwstitel a:hover {
    color: #000000;
}

.servicenieuwstekst a {
    color: #000000;
}

.servicenieuwsdatum {
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    position: relative;
    float: right;
}

.servicenieuwstekst {
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.6em;
}

.servicenieuwstekst img {
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}


/* BEGIN RECHTERKOLOM OPBOUW */

.productstitel, .productstekstvlak {
    padding-top: 2px;
    padding-left: 20px;
}

.productstitel {
    height: 39px;
    color: #598AE3;
    font-size: 1.5em;
    font-weight: bold;
    background-image: url("../images/products/productsbg.png");
    background-repeat: repeat;
}

.productstekstvlak {
    background-color: #F2F6FC;
    margin: 0px;
}


p.productskop, p.productstekst {
    margin-top: 2px;
    color: #FF7823;
    margin-bottom: 0px;
}

p.productskop {
    padding-bottom: 5px;
    font-weight: bold;
}

p.productstekst {
    font-size: 0.85em;
    font-style: normal;
    line-height: 1.2em;
    padding-bottom: 7px;
    color: #598AE3;
}

.imgbijproducts {
    height: 39px;
    background-image: url("../images/products/productsbg.png");
    background-repeat: repeat;
}

.itemsdiv {
    height: 19px;
    padding-left: 7px;
    padding-right: 7px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #86AAEB;
}

.itemsvlak {
    padding: 0px;
    margin: 0px;
}

ul.items {
    margin-top: 3px;
    margin-left: 25px;
    padding: 0px;
    margin-bottom: 0px;
}

li.items {
    font-family: Verdana;
    font-weight: bold;
    color: #000000;
    margin-top: 1px;
    padding-bottom: 2px;
}

a.items {
    color: #000000;
}

a.downloads {
    line-height: 1.9em;
}

.downloadsvlak {
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
    margin-bottom 2px;
}

.downloadsvlak img {
    padding-left: 5px;
    vertical-align: top;
}



/* Formulier stijlen */
.formulier {
    background-color: #D9E0E8;
}

.linkerkolom {
    vertical-align: top;
    background-color: #C5DAF2;
    text-align: right;
    padding: 5px;
}

.rechterkolom {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formtitel {
    font-weight: bold;
}
.formtextarea {}
.formpassword {}
.forminputtext {
    border: 1px solid #598AE3;
}
    
.formsubmit {
    background-color: white;
    border: 1px solid #598AE3;
    color: #598AE3;
    margin-left: 5px;
    margin-right: 5px;
}

.formreset {
    background-color: white;
    border: 1px solid #3B73BB;
    color: #3B73BB;
    margin-left: 5px;
    margin-right: 5px;
}

.formselect {}
.formbutton {}
.formtussenregel {
    background-color: white;
    color: purple;
}
.verplicht {
    width: 10px;
    color: red;
}

.nietverplicht {
    width: 20px;
}

.letop {
    font-family: verdana;
    font-size: 12px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 3em;
    background-color: #3B73BB;
    color: #FFFFFF;
}




/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

.clLevel1, .clLevel1border, .clBar, #oCMenu0bbar_0 {
 width:1px;
 visibility:hidden
}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; visibility:hidden; }

/*Styles for level 0*/
.clLevel0,.clLevel0over{
    position:absolute;
    padding-left: 25px;
    padding-top: 0px;
    font-family:Verdana, Arial;
    font-size:10px;
    line-height: 17px;
    font-weight: bold;
    background-position:left top;
    background-repeat: no-repeat;
    background-position:3px 5px;
    border-style: solid;
    border-width: 0px;
    border-color: #FFFFFF;
}

.clLevel0{
    background-image: url("../images/coolmenu/pijltje.gif");
}

.clLevel0over{
    color: #FFFFFF;
    cursor:pointer;
    cursor:hand;
    background-color:#0044BF;
    background-image: url("../images/coolmenu/pijltje_over.gif");
}
.clLevel0border{
    position:absolute;
    visibility:hidden;
    background-image: url("../images/coolmenu/borderline.gif");
    background-repeat: repeat-x;
    background-position:left bottom;
}

/*Styles for level 1*/
.clLevel1,.clLevel1Over{
    position:absolute;
    padding-top:0px;
    padding-left: 25px;
    font-family:Verdana, Arial;
    font-size:10px;
    font-weight: bold;
    line-height: 17px;
    color: #FFFFFF;
    background-position:left top;
    background-repeat: no-repeat;
    background-position:3px 5px;
}

.clLevel1{
    background-color:#598AE3;
    background-image: url("../images/coolmenu/pijltjesub.gif");
}

.clLevel1over{
    color: #FFFFFF;
    cursor:pointer;
    cursor:hand;
    background-color:#0044BF;
    background-image: url("../images/coolmenu/pijltje_over.gif");
}
.clLevel1border{
    position:absolute;
    background-image: url("../images/bgmenuonderline.gif");
}