/*  file name:  vermpi_gray.css */

body {
margin: 0px;
background: url(./beeld/vermpi_gray.gif) #d3d3d3 repeat-y; /* herhaling [Noord/Zuid] anders lightgray */
font-family: verdana,arial,helvetica,sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;

}



div.header, div.footer, div.chapter
{
width: 99%;
padding: 0.1em;
color: white;
font-size: small;
background-color: #696969; /* dimgray */
float: left;
clear: both;
}


h1.header, h1.footer, h1.chapter
{
font-size: 130%;
padding: 2px;
float: left;
clear: left;
display: inline;
}



div.nav
{
height: auto;
width: 20%;
float: left;
clear: left;
font-size: small;
padding: 2px;
background-color: transparent;
color: #ffffff;
}


div.cont
{
width: 75%;
float: left;
clear: none;
padding-left: 1em;
padding-right: 1em;
background-color: transparent;
font-size: small;
line-height:150%;
}

div.cont1
{
margin-left: 21%;
clear: none;
padding-left: 1em;
padding-right: 1em;
background-color: transparent;
font-size: small;
line-height: 150%;
}

div.cont2
{
margin-left: 10%;
margin-right: 10%;
background-color: transparent;
font-size: small;
clear: both;
}

div.auto
{
min-width: 20%;
float: left;
clear: none;
padding-left: 1em;
padding-right: 1em;
background-color: transparent;
font-size: small;
line-height:100%;
border-left-style: solid;
border-left-width: thin;
border-left-color: gray;
}


div.blue {
background-color: #80ffff;
padding: 0.5em;
font-size: small;
}

div.brown {
background-color: #f5dcb3;
padding: 0.5em;
font-size: small;
}

div.solid {border-style: solid; border-width: thin; margin: 0.5em; padding: 0.5em;}

h1 {
font-size: 130%;
font-weight: bold;
padding: 2px;
}

h2 {
font-size: 120%;
font-weight: bold;
padding: 2px;
}

h3 {
font-size: 110%;
font-weight: bold;
color: #ff0000; /* red */
padding: 2px;
}

h4 {
font-weight: bold;
font-size: 100%;
padding: 2px;
}

h5 {
font-size: 100%;
font-weight: bold;
color: #ff0000; /* red */
padding: 2px;
}

h6 {
font-size: 100%;
font-weight: bold;
padding: 2px;
}

p {font-size: 100%}

p.center {
text-align: center;
}

p.blue {
background-color: #80ffff;
padding: 0.5em;
font-size: small;
}

p.brown {
background-color: #f5dcb3;
padding: 0.5em;
font-size: small;
}

p.changed {
    padding-left: 0.2em;
    border-left: solid;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left-width: bold;
    border-color: #ff0000; /* red */
  }

p.dotted {border-style: dotted; border-width: thin; margin: 0.5em; padding: 0.5em;}
p.dashed {border-style: dashed; border-width: thin; margin: 0.5em; padding: 0.5em;}
p.solid {border-style: solid; border-width: thin; margin: 0.5em; padding: 0.5em;}
p.double {border-style: double; margin: 0.5em; padding: 0.5em;}
p.groove {border-style: groove; margin: 0.5em; padding: 0.5em;}
p.ridge {border-style: ridge; margin: 0.5em; padding: 0.5em;}
p.inset {border-style: inset; margin: 0.5em; padding: 0.5em;}
p.outset {border-style: outset; margin: 0.5em; padding: 0.5em;}

p.footer, p.header, p.chapter {
font-size: small;
color: #ffffff; /* White */
float: right;
display: inline;
clear: none;
}

p.note {
font-size: x-small;
padding-left: 1em;
padding-right: 1em;
line-height: 100%;
}

p.nav
{
font-size: small;
color: #ff0000; /* red */
}


b {
font-weight: bold;
}

strong {
color: #ff0000; /* red */
font-weight: bold;
}




pre {
font-family: courier, "courier new", monospace;
font-size: small;

}

em, i, cite {
font-style: italic;
}

pre.blue {
background-color: #80ffff;
font-family: courier, "courier new", monospace;
font-size: small;

}

pre.brown {
background-color: #f5dcb3;
font-family: courier, "courier new", monospace;
font-size: small;

}


code {
font-size: 0.9em;

}

big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }

sub             { vertical-align: sub }
sup             { vertical-align: super }


span.red {background-color: #ff6666;}
span.rood {color: #ff0000;}
span.brown {background-color: #f5dcb3;}
span.bruin {color: #f5dcb3;}
span.blue {background-color: #80ffff;}
span.blauw {color: #80ffff;}
span.right {float: right; margin-right: +20px;}
span.left {float: left; margin-left: -20px;}

/* ====================== Anchor ======================= */

a:link {
color: #0000ff;
text-decoration: none;
}
a:visited {
color: #0000ff;
text-decoration: none;
}
a:hover {
color: #ff00ff;
text-decoration: underline;
}

a:active {color: #ff0000;
text-decoration:   none;
}
/* ====================== Anchor (footer) ======================= */

a.footer:link {
color: #ffffff;
text-decoration: none;
}
a.footer:visited {
color: #ffffff;
text-decoration: none;
}
a.footer:hover {
color: #ff00ff;
text-decoration: underline;
}

a.footer:active {color: #000000;
text-decoration:   none;
}


a.header:link {
color: #ffffff;
text-decoration: none;
}
a.header:visited {
color: #ffffff;
text-decoration: none;
}
a.header:hover {
color: #ff00ff;
text-decoration: underline;
}

a.header:active {color: #000000;
text-decoration:   none;
}


a.chapter:link {
color: #ffffff;
text-decoration: none;
}
a.chapter:visited {
color: #ffffff;
text-decoration: none;
}
a.chapter:hover {
color: #ff00ff;
text-decoration: underline;
}

a.chapter:active {color: #000000;
text-decoration:   none;
}




/* =================== Miscellaneous =================== */

p.embed {
display: inline;
float: right;
clear: right;
}


hr {
margin-top: 0.1em;
margin-bottom: 0.1em;
width: 95%;
}
/* =================== Lists =================== */

ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}

li.cont {
font-family: verdana,arial,sans-serif;
font-size: small;
list-style-position: outside;
margin-bottom: 0em;
margin-left: 1em;
}

ul.none {
list-style-type: none;
margin-left: 0em;
}


ul.hor {
display: inline;
list-style-type: none;
float: right;
clear: right;
}

ul.nav
{
list-style-type: none;
}

li.left,li.nav,a.nav {
background-color: #f5f5f5; /* WhiteSmoke */
font-family: verdana,arial,sans-serif;
color: #000000;
font-size: small;
margin: 0.3em 0.3em;
padding: 0.3em;
border-right: 0.1em solid black;
}



ol.decimal {list-style-type: decimal;}
ol.lroman {list-style-type: lower-roman;}
ol.uroman {list-style-type: upper-roman;}
ol.lalpha {list-style-type: lower-alpha;}
ol.ualpha {list-style-type: upper-alpha;}

li.hor {
display: inline;
font-size: small;
float: left;
padding-left: 0.3em;
padding-right: 0.3em;
}

/*    image     ook te overwegen: klasieke <img src="link" alt="tekst" width= height= hspace= vspace= > <br clear= left, right, all  /> */

img.left {display: block;
margin: 0px 3px 0px 3px;
float: left;
clear: left;
}



img.right {display: block;
margin: 0px 0px 0px 0px;
float: right;
clear: right;
}

img.center {
margin: 0 auto;
display: block; /*--Since IMG is an inline element--*/
}
/* Always check your page designs on typically sized display screens (800 x 600 pixels) to be sure that all major navigation and content areas fit well within the horizontal area of the screen. Usually that will limit your page layouts to no more than 760 pixels in width. */