body {
    background-color: #FFFFFF;
    font-family: "Segoe UI",Roboto,Ubuntu,sans-serif;
    font-weight: normal;
    color: #020c44;
    font-size: 15px;
}


div.body {
    width:85%;
    min-width:1024px;
    background-color:#FFFFFF;
    box-shadow: 0px 0px 15px #6699FF;
    margin: auto;
}

main {
    padding: 3px;
    min-height: 300px;
}


a.menu, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {
    vertical-align: middle;
    font-size: 15px;
    background-color: transparent;
    color : #FFFFFF;
    text-decoration: none;
}


h1             { font-weight: bold;
                 font-size: 17px;
                 color: #0606b3;
                 text-align: center;
                 vertical-align: middle;
                 line-height: 1.5;
               }

h2             { font-weight: bold;
                 font-size: 16px;
                 color: #0606b3;
                 text-align: center;
                 vertical-align: top;
                 margin: 0px 0px 10px 0px;
               }

h3             { font-weight: bold;
                 font-size: 15px;
                 text-align: center;
                 vertical-align: top;
                 line-height: 1.0;
                 margin: 0px 0px 10px 0px;
               }

h4             { font-weight: bold;
                 font-size: 11px;
                 text-align: center;
                 vertical-align: top;
                 margin: 0px 0px 10px 0px;
               }

h6             { font-weight: bold;
                 font-size: 12px;
                 text-align: center;
                 vertical-align: top;
                 margin: 0px 0px 10px 0px;
                 line-height: 2;
                 background-color: #FFF2C6;
               }


/* ////////////////////////////////////////////////// Navigation */

nav {
  vertical-align: middle;
    text-align: center;
    border: solid 4px #F67420;
    border-style: solid none none none;
    height: 26px;
    background-image: url(/graphics/hdr1.jpg);
    background-repeat: repeat-x;
}


nav ul{
    margin: 0px;
    padding-left: 0px;
}


nav li{
    display: table-cell;
    font-weight: bold;
    font-size: 15px;
    background-color: transparent;
    color: #FFFFFF;
    /* border: 1px solid blue;
    margin: 5px;              */
    /* padding: 10px; */
    vertical-align: top;
    position: relative;
    width: 1%;
}


/* ////////////////////////////////////////////////// Footer */


footer {
    background-color: #CBDCDC;
    width: 100%;
    margin-top: 20px;
}

div.footer {
    float: left;
    width: 29%;
    text-align: center;
    padding: 10px 20px 30px 20px;
    height: 60px;
}


div.copyright {
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
}


@media screen and (max-width: 600px) {
    body {
       width: 100vw;
         font-size: 16px; /* tablet: font-size: 17px; */
    }

    div.body {
        width: 100vw;
        min-width: 100%;
        box-shadow: none;
    }


    main {
        padding: 13px;
    }

    a.menu, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {
        font-weight: bold;
    }

    footer {
        background-color: #CBDCDC;
        width: 100%;

    }

    div.footer {
        float: none;
        width: unset;
        padding-top: 10px;
        padding: 10px 20px 20px 20px;
        height: unset;
    }

}

.copyright     { font: 10px arial;
                 text-align: center;
                 vertical-align: top;
               }


/* ////////////////////////////////////////////////// */

.nowrap {
    white-space: nowrap;
}

p              { /*font: normal 15px verdana;*/
                 text-align: justify;
               }

p.px12         { font-size: 12px;
               }

p.px11         { font-size: 11px;
               }

p.px10         { font-size: 10px;
               }

table         {  text-align: left;
                 vertical-align: top;
                 border-spacing: 0px;
                 border-collapse: collapse;
               }

table .invoice {
                 border: solid 1px #009999;
                 border-collapse: separate;
                 border-radius: 12px;
}

table .invoice td {
                 padding-left: 2px;
                 padding-right: 2px;
                 border-spacing: 0px;
                 border-collapse: collapse;
                 font-size: 13px;
}

table.menu td  { font-weight: bold;
                 font-size: 12px;
                 text-align: right;
               }

td.left        { text-align: left;
               }

table.rates    { font-size: 12px;
                 border: solid 1px #000000;
               }

table.koers    { background-color: #FFFFE6;
                 border: solid 1px #CCCCCC;
               }

table.bdr      { border: solid 1px #CCCCCC;
               }

table.form     { vertical-align: middle;
                 border: solid 1px #CCCCCC;
               }

table.form h2  { /*background-color: #FFF2C6;*/
                 line-height: 1.8;
                 vertical-align: middle;
                 background-color: #026AFE;
                 color: #FFFFFF;
               }

table.form td  { vertical-align: middle;
               }

table.formnew  { vertical-align: middle;
                 border: solid 1px #009999;
                 border-collapse: separate;
                 border-radius: 12px;
               }

table.formnew h2
               { line-height: 2;
                 text-align: center;
                 vertical-align: bottom;
                 background-image: url(/graphics/hdr.jpg);
                 color: #000080;
                 margin: 0px;
                 border-top-left-radius: 12px;
                 border-top-right-radius: 12px;
               }

table.formnew td  {
                 font-size: 13px;
                 color: #3300CC;
                 padding: 3px;
               }

table.formnew td.black  {
                 color: #000000;
                 padding-left: 3px;
                 padding-right: 3px;
               }

table.formnew td.error  {
    color: #FF0A0A;
    text-align: center;
}

table.reviews  { border:solid 2px #FFFFFF;
                 border-radius:12px;
                 border-collapse:separate;
                 background-color: #E5FFE5;
                 padding: 5px;
               }

table.reviews h2
               { color: #333399;
                 margin: 5px 0px 5px 0px;
                 font-size: 18px;
               }

table.whybook  { border: solid 2px #FFFFFF; /* #FCCB05; */
                 border-radius:12px;
                 border-collapse: separate;
                 background-image: linear-gradient(#90cbfd, white);
                 padding: 5px;
               }

table.whybook h2
               { color: #333399;
                 margin: 5px 0px 5px 0px;
                 font-size: 18px;
               }

table.whybook td
               { color: #333399;
                 padding: 2px;
               }

table.mission  { border: solid 2px #FFFFFF; /* #FCCB05; */
                 border-radius:12px;
                 border-collapse: separate;
                 background-image: linear-gradient(#59b3ff, #009688);
                 padding: 5px;
               }

table.mission h2
               { color: #FFFFFF;
                 margin: 5px 0px 5px 0px;
                 font-size: 18px;
               }

table.mission td
               { color: #FFFFFF;
                 padding: 2px;
               }

table.nannies  { border: solid 2px #FFFFFF; /* #FCCB05; */
                 border-radius:12px;
                 border-collapse: separate;
                 background-image: linear-gradient(#fffed0, white);

               }

table.nannies h2
               { color: #333399;
                 margin: 5px 0px 5px 0px;
                 font-size: 18px;
               }

div.nannyname { position: relative;
                top: -30px;
                color: white;
                font-size: 13px;
                text-align: center;
                padding-right:20px;
}

table.whybook td
               { color: #333399;
                 padding: 2px;
               }

table.hours    { text-align: center;
                 border-color: #CCCCCC;
                 border: solid 1px #CCCCCC;
}

table.hours td { border: solid 1px #CCCCCC;   font-size: 13px;
               }

table.bdrblack { border: solid 1px #000000;
               }


td             { vertical-align: top;
                 border-collapse: collapse;
                 padding: 0px;
               }

td.mid         { vertical-align: middle;
               }

td.midcenter   { vertical-align: middle;
                 text-align: center;
               }

td.midright    { text-align: right;
                 vertical-align: bottom;
               }

td.right       { text-align: right;
               }

td.center      { text-align: center;
               }

td.justify     { text-align: justify;
               }
/*
td.form        { vertical-align: middle;
               } */

td.form        { vertical-align: bottom;
               }

td.formright   { text-align: right;
                 vertical-align: middle;
               }

td.hdr         { font-weight: bold;
                 text-align: center;
                 vertical-align: middle;
                 border: solid 1px #000000;
                 border-style: none none solid none;
                 padding-left: 3px;
                 padding-right: 3px;
               }

td.hdr1         { font-weight: bold;
                 text-align: center;
                 vertical-align: middle;
                 border: solid 1px #000000;
                 padding-left: 3px;
                 padding-right: 3px;
               }

td.err         { color: #FF0000;
               }

td.disclaimer  { font-size: 9px;
                 text-align: justify;
                 color: #000000;
               }

td.bdrtop      { border: solid 1px #CCCCCC;
                 border-style: solid none none none;
               }

td.bdrbottom   { border: solid 1px #CCCCCC;
                 border-style: none none solid none;
               }

td.orange      { background-color: #FFCC99;    padding-left: 2px; padding-right: 2px;
               }

td.yellow      { background-color: #FFFFCC;    vertical-align: middle;
               }

td.sum         { font-weight: bold;
                 text-align: right;
                 border: solid 2px #000000;
                 border-style: solid none none none;
               }

td.sumleft     { font-weight: bold;
                 text-align: left;
                 border: solid 2px #000000;
                 border-style: solid none none none;
               }

td.padlr13     { padding-left: 13px;
                 padding-right: 13px;
}


td.del {
  text-decoration: line-through;
}


ul             { list-style: disc inside;
                 padding-left: 20px;
               }
/*
li             {
                 padding: 0px;
                 position: relative;
                 margin-left: inherit;
               }                 */

.bluetext      { color: #2B6AED;
               }

table .pageheader td {
                 color: #FFFFFF;
                 text-align: center;
                 /*padding-left: 3px;
                 padding-right: 3px;*/
}

table .pagefooter td {
                 text-align: center;
                 padding-left: 3px;
                 padding-right: 3px;
}

td.pageheader  { vertical-align:middle;
                 text-align: center;
                 border: solid 4px #F67420;
                 border-style: solid none none none;
                 height:26px;
                 background-image:url(/graphics/hdr1.jpg);
                 background-repeat:repeat-x;
               }

td.pageh1      {
                 background-color: #fffaf0;
}

td.menu        { background-color: #EEF673;
                 padding: 2px;
               }

table .resumees { border: solid 1px #009999;
                 font-size: 14px;
                 border-collapse: separate;
                 border-radius: 12px;
}

a.close, a.close:link, a.close:visited, a.close:hover, a.close:active {
   font-weight: bold;
   text-decoration: none;
   color: white;
}

/*  a.menu, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active
               { font-weight: bold;
                 font-size: 15px;
                 background-color: transparent;
                 color : #FFFFFF;
                 text-decoration: none;
               } */

a.submenu, a.submenu:link, a.submenu:visited, a.submenu:hover, a.submenu:active
               { font-weight: normal;
                 font-size: 15px;
                 background-color: transparent;
                 color : #FFFFFF;
                 text-decoration: none;
               }

a.amenu, a.amenu:link, a.amenu:visited, a.amenu:active
               { font-size: 12px;
                 color : #000000;
                 text-decoration: none;
               }

a.amenu:hover
               { font-weight: bold;
                 font-size: 12px;
                 color: #000000;
                 text-decoration: none;
               }


input,
select,
textarea       { text-align: left;
                 vertical-align: middle;
                 color: #000066;
                 /*background-color: #D7E5F2;*/
                 background-color: #FFFEDF;
                 border: solid 1px #5D7B9D;
                 border-collapse: collapse;
               }

input.topalign { vertical-align: top;
               }

input.nr       { text-align: right;
                 background-color: #D7E5F2;
               }

input.rdonly   { text-align: center;
                 background-color: #FFFFFF;
               }

input.err      { background-color: #FFCCCC;
               }

input.nrerr    { text-align: right;
                 background-color: #FFCCCC;
               }

input.checkbox { background-color: #FFFFFF;
                 border-style: none;
               }

input.radio    { vertical-align: middle;
                 background-color: #FFFFFF;
                 border-style: none;
                 margin: 0px;
               }

input.date     { border:1px solid #6f5e58;
                 height:15px;

}

input.image    { background-color: transparent;
                 border-style: none;
               }

button.pay {
    background-image: linear-gradient(orange, yellow, orange);
    border-radius: 6px;
    border: solid 1px #000000;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
}

div.chat {
    /* position: static;
    margin: auto;
    margin-top:10px;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px; */
    background-color: #0C9;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    font-size: 18px;
    font-weight: bold;
}

div.menu {
    position: fixed;
    margin: auto;
    width: 60px;
    height: 60px;
    bottom: 90px;
    right: 30px;
    text-align: center;
}

div.floattopleft  { float:left;
                    margin: 0px 4px 4px 0px;
                  }

div.floatmidleft  { float:left;
                    margin: 4px 4px 4px 0px;
                  }

div.floattopright { float:right;
                    margin: 0px 0px 4px 4px;
                  }

div.floatmidright { float:right;
                    margin: 4px 0px 4px 4px;
                  }

.reviewcust       { font-style: italic;
                    color: #538CC6;
                  }

.QA {color: #cccccc; width: 10px}

.question { vertical-align: middle;
            font-weight: bold;
            margin: 0px;
            padding: 3px;
}

.answer { color: #000000;
          margin: 0px;
          padding: 3px;
          text-align: justify;
        }