/*
 *  Copyright (c), 2006-2007. Biesbroeck Automation
 */



body {
     font: 78%/155% "Lucida Grande", Tahoma, Arial, sans-serif;
     background:url('/afb/bg_tile4.gif') #ddd;
     width: 785px;
     margin-left: auto;
     margin-right: auto;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
}

body p {
     margin: 0px 0px 0px 5px;
     line-height:130%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
}


body h1   {
     margin: 0px 0px 0px 5px;
     line-height:150%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 24px;
}

body h2   {
     margin: 0px 0px 0px 5px;
     line-height:120%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 20px;
     font-weight: bold;
}


body h3   {
     margin: 0px 0px 0px 5px;
     line-height:120%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: normal;
}


img { border: none; }
br { height: 1px; }
dd { margin-bottom: 1em; }




#main { margin-top: 7px; position:relative; top: 0px; }

#maincenter { margin-top: 7px; margin-right: 5px; margin-left: 5px; margin-bottom: 7px; }

#blokrechts { margin: .15em 0 0 .5em; padding: 0; float: left; max-width: 250px; }
* html #sideitems li a { max-width: 240px; }
#blokrechts ul {margin: 0; padding: 0; }
#blokrechts li { list-style: none;padding: 0 3px 0 3px; font-size: 110%; margin: 0 0 10px 0;}
#blokrechts li:hover { background: #dce7f4;}
#blokrechts a {color: black; text-decoration: none;}
#blokrechts a em {display: block; font-style: normal;font-weight: bold; }
#blokrechts a span {font-size: 80%;}

#focus-text { height: 200px; width: 500px; float: left; display: none;}

#search { padding-top:0; margin-top:1em; vertical-align: middle; }
#search form { display: inline; margin:0; padding:0; }
#search h4 { display: inline; margin-right:2px; }
#search input { border: 1px solid #039; color:#039; font-size: 90%; margin-left: 3px;}

#midbar { text-align: center; margin: auto; padding: 0 0 0 0; position: relative; }
#midbar { margin: .5em 1em 1.5em 1em; height: 1%;}
#midbar span { padding: 0 2em 0 2em;}
#midbar div { display: inline; }
#midbar em { background: #039; font-style: normal; padding: 3px 4px 3px 4px; margin: 0 .5em 0 0; }
#midbar em a { color: #fff; }
#midbar a { text-decoration: none; color: #000; }
#news, #notify { margin: 10px; padding: 3px 3px 3px 0; border: 1px solid #ccc; background: #f0f0f0;}

#prebranches {  margin-left: auto; margin-right: auto; margin-top: 0px; }
#branches { margin-left: auto; margin-right: auto; background: #aaa; text-align: left; }
#branches div { background: url(/afb/site/bluebar.png); width: 229px; height: 140px; margin: 0px 10px 0px 10px; border: #aaa solid 1px; float: left; }
#branches img { margin: 0em 0 0 0em;  }
#branches h4 { margin: 0em 0 0 0.25em; font-size: larger; }
#branches ul { margin-top: 0em;  margin-bottom: 0em;}
#branches li { list-style: none; margin: 0 0 .5em -1em; }
#branches a { color:#FFFFFF; text-decoration: none; }
#branches h4:hover,
#branches li:hover { text-decoration: underline; }
#branches a:hover { text-decoration: underline; }

#Voorwaarden a { color:#000000; text-decoration: none; }
#Voorwaarden a:hover { color:#FF0000; text-decoration: underline; }


#presupportlijst {  margin-left: auto; margin-right: auto; }
#presupportlijst p    {  text-align: right; font-size: 130%; padding: 0px 0 0px 0; margin: 0; font-weight: bold; }


#supportlijst { margin-left: auto; margin-right: auto; background: #AAC3F3; text-align: left; }
#supportlijst div { background: url(/afb/site/lightbluebar.jpg);  color: #FFFFFF; font-weight: bold; width: 740px; margin: 5px 10px 15px 10px; border: #aaa solid 1px; float: left;}
#supportlijst img { margin: 0em 0 0 0em;  }
#supportlijst h4 { margin: 0em 0 0 0.25em; font-size: larger; }
#supportlijst ul { margin-top: 0em;  margin-bottom: 0em;}
#supportlijst td { margin: 0em 0 0 0em; }
#supportlijst li { list-style: none; margin: 0 0 .5em -1em; }
#supportlijst a { color:black; text-decoration: none; }
#supportlijst h4:hover,
#supportlijst li:hover { text-decoration: underline; }
#supportlijst a:hover { text-decoration: underline; }




#prebranchessublink {  margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
#branchessublink { margin-left: auto; margin-right: auto; background: #FFF5D4; text-align: left;  }
#branchessublink div { background: url(/yellowbar.png); width: 730px; height: 100%; margin: 5px 10px 5px 10px; border: #aaa solid 1px; float: left;}
#branchessublink img { margin: 10px 10px 10px 10px;  }
#branchessublink h4 {  font-size: larger;}
#branchessublink ul { margin-top: 0em;  margin-bottom: 0em;}
#branchessublink li { list-style: none; margin: 0 0 .5em -1em; }
#branchessublink a {  color:black; text-decoration: none; }
#branchessublink h4:hover,
#branchessublink a:hover { text-decoration: none; }



#productblok { text-align: left; margin-top:0px;  float: left; }
#productblok div { background: url(/afb/yellowbar.png); background: #FFFFFF; width: 730px; margin: 0px 5px 5px 25px; border: #aaa solid 1px; }
#productblok img { margin: 1px 1px 1px 1px;  }
#productblok h4 {  padding-left:5px; font-size: larger;}
#productblok ul { margin-top: 0em;  margin-bottom: 0em;}
#productblok li { list-style: none; margin: 0 0 .5em -1em; }
#productblok a {  color:#0000FF; text-decoration: none; }
#productblok h4:hover,
#productblok a:hover { text-decoration: none; }




#everything { background:white; border-left:1px solid #aaa; border-bottom:1px solid #aaa; border-right:1px solid #aaa;  min-width: 750px; max-width: 950px; margin-left: auto; margin-right: auto; height: 1%;  }
#centerblok { min-height:450px; }

#inside { margin-top:5px; margin-left:3px; margin-right:3px; margin-bottom: 3px;}

#lijsttabel_top { background: #DAE5F9; border-left:1px solid #aaa; border-bottom:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #aaa;  margin-left: 10px; margin-right: 10px; height: 1%;  }

#lijsttabel_td2 {  border-left:1px solid #aaa; }
#lijsttabel_td2 a { text-decoration: none; color:#2F58A5; }
#lijsttabel_td2 a:hover { text-decoration: none; color:#000000; }
#lijsttabel_inhoud { margin-left: 5px; margin-right: 5px; font-size:100%;  }

#productdetail {   min-height: 120px; background: #FFFFFF; border-left:1px solid #aaa; border-bottom:0px solid #aaa; border-top:0px solid #aaa; border-right:1px solid #aaa;  margin-left: 10px; margin-right: 10px;  }
#productdetail p{ font-size:11px; }

#lijsttabel_bottom { background: #f3f3f3; border-left:1px solid #aaa; border-bottom:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #aaa;  margin-left: 10px; margin-right: 10px; height:3px; }

#lijsttabelnieuws { background: #FFFFFF; border-left:1px solid #aaa; border-bottom:0px solid #aaa; border-top:0px solid #aaa; border-right:1px solid #aaa;  margin-left: 10px; margin-right: 10px;  }
#productinhoud { margin-left: 10px; margin-top: 5px; margin-right: 10px; }

#headertext { font-size: 25px; margin: 5px 2px 2px 2px;}

#header { height: 120px; }
#header img { float: left; margin: 1px 0 0 1px; }
#header h1 { display: none; }

#headerContact { width:290px; float: left; position: absolute; top: 85px; color: #0A1483; font-weight:bold;  }

#taalkiezer { z-index: 999; float: right; position: absolute;  }

#janam { float: right; margin: 5px 5px 0 0; padding: 0; font-size: 85%; text-align: left; height:60px; line-height:12px; color: #084A8D; }
#janam img { float: left; margin: 2px 0 0 2px; }
#janam h1 { display: none; }

#extrainfo { float: right; margin: 5px 5px 0 0; padding: 0; font-size: 85%; text-align: left; height:15px; line-height:12px; color: #084A8D; }
#extrainfo img { float: right; margin: 0px 0 0 2px; }
#extrainfo h1 { display: none; }

#topnieuws { float: right; margin: 5px 5px 0 0; padding: 0; font-size: 85%; text-align: left; height:80px; line-height:12px; color: #084A8D; }
#topnieuws td { margin-bottom: 3em; }
#topnieuws form { margin: 0; padding: 0; }
#topnieuws-actions { padding: .33em; }
#topnieuws a:link { color: #084A8D; }

#taalkiezer { float: right; margin: 5px 5px 0 0; padding: 0; font-size: 85%; text-align: left; height:80px; line-height:12px; color: #084A8D; }
#taalkiezer td { margin-bottom: 3em; }
#taalkiezer form { margin: 0; padding: 0; }
#taalkiezer-actions { padding: .33em; }
#taalkiezer a:link { color: #084A8D; }

#pscroller2 { width: 500px; height: 70px; border: 0px solid black; padding: 3px;  }
#pscroller2 a { text-decoration: none; padding: 0 .5em; }
#pscroller2 a:link { color: #aaa; }
#pscroller2 a:visited { border-bottom: 0px ; color: #f00}
#pscroller2 a:hover { background-color:#eee; border-bottom: 2px solid #eee; }

#hoofdtitel { height: 24px; border: 0px solid black; font-size:20px; margin-right:10px; margin-top:5px; text-align: right; }
#hoofdtitel a { text-decoration: none;   }
#hoofdtitel a:link { color: #000; }
#hoofdtitel a:visited { border-bottom: 0px ; color: #000}
#hoofdtitel a:hover { background-color:#eee; border-bottom: 2px solid #eee; }


#menu { background:url('/afb/site/hoofdnavigatie.png') bottom center #345FAE; border-bottom: 1px solid #aaa; position:relative; top: 0px; width:783px; }
#menu ul { padding: 5px 0 5px 0; margin: 0; list-style-type: none; width: 100%; height:100%; text-align: left; }
#menu li { display: inline; font-size: 97%; line-height: 100%; padding-top:0px;}
#menu li.last { margin: 0; padding: 5px 0 5px 0; border-left: 1px solid #fff; }
#menu li a.first { border-left: none; }
#menu li a { padding: .5em 0.95em .5em 0.95em; text-decoration: none; color:black; border-left: 1px solid #fff;  color:#FFFFFF; }
#menu li a:hover { background: #D0E0FD; color: #000; }  /* E1EDFA voor hoofdnavigatie2.png */

#menu_branche { margin-left: 10px; margin-top: 0px; width: 525px; background:url('/afb/site/menu_branche.png') bottom center #8DBCEC; border-bottom: 1px solid #A8BFE9; }
#menu_branche ul { padding: 5px 0 5px 0; margin: 0; list-style-type: none; width: 100%; height:100%; text-align: left; }
#menu_branche li { display: inline; font-size: 97%; line-height: 100%; padding-top:0px; }
#menu_branche li.last { margin: 0; padding: 5px 0 5px 0; border-left: 1px solid #ffffff; }
#menu_branche li a.first { border-left: none; color:#FFFFFF; }
#menu_branche li a { padding: .5em 0.95em .5em 0.95em; text-decoration: none; border-left: 1px solid #fff; color:#FFFFFF;  }
#menu_branche li a:hover { background: #8DBCEC; color: #000; }  /* E1EDFA voor hoofdnavigatie2.png */

#titeltop { background:url('/afb/site/menu_branche.jpg') bottom left #ffffff; border-bottom: 1px solid #aaa; }
#titeltop2 td { padding: 0px 0 0px 0; margin: 0; list-style-type: none; width: 100%; height:100%; text-align: left; }
#titeltop2 ul { padding: 0px 0 0px 0; margin: 0; list-style-type: none; width: 100%; height:100%; text-align: left; }
#titeltop2 li { display: inline; font-size: 97%; line-height: 100%;  }
#titeltop2 img2 { float: right;  margin: 0px; margin: 0px;}







table { width: 99%; }
table.bottom-marg {        margin-bottom: 1.5em; }
ul.nospace p { margin-top: 0; line-height: 100%; }
dl.search dt { font-weight: bold; }

                                                                                                            /* f3f3f3 */
#footer{ clear: both; font-size: x-small; text-align: center; margin: .5em 0 0 0; padding: .5em; background: #EAF0FB; border-top:1px solid #aaa; }


table.contact th { width: 1px; }
table.contact th p { height: 10em; vertical-align: top; margin: 0; padding: 0; }
table.contact td { vertical-align: top;  padding: 0 3px 3px 3px; }
table.contact td p.error{ vertical-align: top;  padding: 0; margin: 0; }
table.contact .contact-box { text-align: left; background: #eee; border: 1px solid #aaa; padding: 3px; font-size: x-small; line-height: 110%; vertical-align: top; white-space: nowrap; }
table.contact .contact-box-highlight { text-align: left; background: #ffc; border: 1px solid #aaa; font-size: x-small; line-height: 110%; padding: 3px; vertical-align: top; white-space: nowrap; }





#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}





/*  HIER KOMEN EDITOR DINGEN */


.scheidingslijn {
        background-color: #CDC3F3;
        line-height:10px;
        font-size: 6px;
}

.subtitel {
        color: #A79AD8;
        font-weight: bold;
        font-size: 12px;
}


.groot {
        font-weight: bold;
        font-size: 14px;
        /* color: #FF0000*/
}

.groter {
        font-weight: bold;
        font-size: 16px
}







/* --------------------------------------- */
/* ------------ FORM THINGS -------------- */
/* --------------------------------------- */


.formTextfield1 {
    border:0;
    padding-left:0.1em;
    padding-right:0.1em;
    font-family: Arial, Helvetica, sans-serif;
    /* background: transparent url(http://localhost/textgradient.gif) no-repeat top left; */
    height: 15px;
    width: 150px;
    padding-top:2px;
    float: none;
    border-color: #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}


.formTextfield2 {
    vertical-align:middle;
    border:0;
    padding-left:0.1em;
    padding-right:0.1em;
    font-family: Arial, Helvetica, sans-serif;
    /* background: transparent url(http://localhost/textgradient.gif) no-repeat top left; */
    height: 15px;
    width: 350px;
    padding-top:2px;
    float: none;
    border-color: #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}

.formAreafield1 {
    vertical-align:middle;
    border:0;
    padding-left:0.1em;
    padding-right:0.1em;
    font-family: Arial, Helvetica, sans-serif;
    /* background: transparent url(http://localhost/textgradient.gif) no-repeat top left; */
    height: 150px;
    width: 350px;
    padding-top:2px;
    float: none;
    border-color: #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}


/* --------------------------------------- */
/* --------------- BUTTONS --------------- */
/* --------------------------------------- */

.ButtonSmall A              {font-size: 8pt; color: black; text-decoration:none; display:block; width: 150px; height: 20px; }
.ButtonSmall A,
.ButtonSmall A:link
.ButtonSmall A:visited,
.ButtonSmall A:hover        { padding-top:2px; padding-left:1px; padding-right:1px; padding-bottom:1px; color:#000000; border-width:1px;border-style:solid; border-color:#666666; background-color:#eeeeee; }
.ButtonSmall A:hover        { border-color:#916717; background-color:#5E88D6; border-width:1px; color:#000000; }


#formCheckBox {
     width: 20px;
     height: 7px;
     padding-top:1px;
     padding-left:1px;
     padding-right:1px;
     padding-bottom:1px;
     margin-top: 1px;
     vertical-align:middle;
}