/*************************************/
/* vamoa.css                         */
/* Van Moorsel Automatisering        */
/*************************************/

/*************************************/
/* Definitie div-blokken             */
/*************************************/
div.kop {
   background-color: #b5c5f5;
   top: -1px;
   left: 150px;
   position: fixed;
#   border: 1px dashed #0000FF;
   font-size: 12px;
   color: #0000ff;
   margin-left: -75px;
   height: 100px;
   width: 99%;
   opacity: 1 !important;
   filter: alpha(opacity=100)
}
div.logo {
   background-color: #b5c5f5;
   position: fixed;
#   border: 1px dashed #0000ff;
   color: #0000ff;
   font-size: 12px;
   top: 0px;
   height: 100px;
   width: 150px;
}
div.menu {
   position: fixed;
#   border: 1px dashed #0000FF;
   color: #0000ff;
   font-size: 12px;
   top: 100px;
   width: 150px;
}
div.content {
   position: absolute;
   background-color: #b5c5f5;
#   background-color: #c5d5f5;
#   border: 1px dashed #0000FF;
   color: #000000;
   font-size: 16px;
   top: 100px;
   left: 165px;
   padding: 5px;
}

/*************************************/
/* flyout menu                       */
/*************************************/

#navigation
{  width: 12em;
   margin: 0;
   padding: 0;
   list-style: none;
   background: #b5c5f5;
   color: #0000ff;
   font: 100% arial, sans-serif;
}
#navigation > li
{  display: block;
   width: 100%;
}
#navigation > li > a
{  display: block;
   height: 100%;
   padding: 1em;
   font-weight: bold;
   color: #0000ff;
   text-decoration: none;
}
#navigation > li > a:hover
{  background: #0000ff;
   color: #b5c5f5;
   font-weight: bold;
}
#navigation > li.sub
{  position: relative;
}
#navigation > li.sub ul
{  margin: 0;
   padding: 0;
   width: 12em;
   list-style: none;
   font: 100% arial, sans-serif;
   background: #b5c5f5;
   color: #0000ff;
   position: absolute;
   left: -100em;
}
#navigation > li.sub ul li
{  display: block;
   width: 100%;
}
#navigation > li.sub ul li a
{  height: 100%;
   display: block;
   color: #0000ff;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: none;
   padding: 1em;
}
#navigation > li.sub ul li a:hover
{  background: #0000ff;
   color: #b5c5f5;
   font-weight: bold;
}
#navigation > li.sub:hover ul
{  top: 0;
   left: 12em;
}


/*************************************/
/* HIERONDER STAAN DE OUDE STIJLEN!  */
/*************************************/
/* HTML tag styles                   */
/*************************************/
body{
   font-family: arial, Helvetica, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   background-color: #b5c5f5;
#   background-color: #c5d5f5;
   text-decoration: none
   text-align: left;
   vertical-align: top;
   width: 100%;
}
h1{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff;
   text-align: center;
}
h2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff;
   text-align: center;
}
h3{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff0;
   text-align: center;
}
h4{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff;
   text-align: left;
}
h5{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff;
   text-align: left;
}
h6{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0000ff
   text-align: left;
}
a:link, a:visited{
   font-family: arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #FF6600;
}
a:hover{
   font-family: arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #FF6600;
}
th{
   font-family: arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   text-decoration: none
   text-align: left;
   vertical-align: top;
}
td{
   font-family: arial, Helvetica, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   text-decoration: none
   text-align: left;
   vertical-align: top;
}
ul{ margin-top: 0cm;
    margin-bottom: 0cm;
}
ol{ margin-top: 0cm;
    margin-bottom: 0cm;
}
li{ margin-top: 0cm;
    margin-bottom: 0cm;
}
pre{ margin-top: 0cm;
    margin-bottom: 0cm;
}
dl{
    margin-left: 25px;
}
dt{
   font-weight: bold;
}

hr{
   color: #0000ff;
   height: 1;
}

hr.dashed{
   border-style: dashed;
}

button{
   font-family: arial, Helvetica, sans-serif;
   font-size: 16px;
   height: 14px;
   background-color: #FFFFEE;
   text-decoration: underline;
   text-align: left;
   color: #FF6600;
   border: 0px;
   margin: 0px;
   padding: 0px;
}
img{
   border: 0px;
}
/*************************************/
/* Class nadruk                      */
/*************************************/
p.nadruk{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #FF6600;
}
p.nadruk a:link, p.nadruk a:visited{
   font-family: arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #FF6600;
}
p.nadruk a:hover{
   font-family: arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   background-color: #FF6600;
   color: #DDEEFF;
}
td.nadruk{
   vertical-align: middle;
}
hr.nadruk{
   height: 3;
   color: #FF6600;
   border-style: solid;
}
hr.nadruk-dashed{
   height: 3;
   color: #FF6600;
   border-style: solid;
}

/*************************************/
/* Class special                     */
/*************************************/
}
td.bottom{
   vertical-align: bottom;
}

/*************************************/
/* Class omgekeerd                   */
/*************************************/
p.omgekeerd{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   background-color: #FF6600;
   color: #DDEEFF;
}
p.omgekeerd a:link, p.omgekeerd a:visited{
   font-family: arial, Helvetica, sans-serif;
   font-size: 20px;
   background-color: #FF6600;
   color: #DDEEFF;
}
p.omgekeerd a:hover{
   font-family: arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   background-color: #DDEEFF;
   color: #FF6600;
}

/*************************************/
/* Component divs                    */
/*************************************/

/*****  titel  *****/
.titel{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   color: #FF6600;
}
hr.titel{
   height: 3;
   color: #FF6600;
   border-style: solid;
}