/*  file name:  verpi_gray.css */

body {
margin: auto;
background-color: #d3d3d3; /* lightGray */
font-family: verdana,arial,helvetica,sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;

}

div.container
{
width: 732px;
margin:0px;

line-height:150%;
}

div.header, div.footer
{
width: 100%;
padding: 0px;
color: white;
font-size: small;
background-color: gray;
float: left;
clear: both;
}




h1.header
{
padding:2px;
margin:0;
}

div.left
{
width: 120px;
float: left;
clear: left;
font-size: small;
padding: 2px;
background-color: transparent;
}

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

div.content
{
width: 480px;
float: left;
clear: none;
padding: 4px;
background-color: #f5f5f5; /* WhiteSmoke */

}

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

div.right
{
width: 120px;
float: left;
clear: right;
padding: 2px;
font-size: small;
background-color: transparent;
}

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

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


h1 {
font-size: 150%;
padding: 2px;
float: left;
clear: left;
display: inline;
}

h2 {
font-size: 130%;
padding: 2px;
float: left;
clear: left;
display: inline;
}

h3 {
font-size: 100%;
font-weight: bold;
color: #cd5c5c; /* indianred */
padding: 2px;
}

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

h5 {
font-size: 100%;
font-weight: bold;
color: #cd5c5c; /* indianred */
text-align: center;
padding: 2px;
}


p {font-size: 100%}

p.center {
text-align: center;
}

p.changed {
    padding-left: 0.2em;
    border-left: solid;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left-width: thin;
    border-color: #cd5c5c; /* indianred */
  }

p.footer, p.header {
font-size: small;
color: #ffffff; /* White */
float: right;
margin: 0.5em 0;
padding: 0.3em;
}

b {
color: #000000; /* Black */
font-weight: bold;
}

strong {
color: #cd5c5c; /* indianred */
font-weight: bold;
}




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

}

em, i, cite {color: #000000;
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;
}

/* ====================== 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: underline;
}
a.footer:visited {
color: #ffffff;
text-decoration: underline;
}
a.footer:hover {
color: #ff00ff;
text-decoration: underline;
}

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

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

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




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

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


hr {
   margin-bottom:     0em;
   }
/* =================== 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: medium;
list-style-position: outside;
margin-bottom: 0em;
margin-left: 1em;
}

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

li.left,li.nav {
background: white;
font-family: verdana,arial, sans-serif;
font-size: small;
list-style-position: outside;
margin: 0.5em 0;
padding: 0.3em;
border-right: 0.3em 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}

/*    image    */

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

img.middle {display: block;
margin: 3px 3px 3px 3px;
vertical-align: top;
clear: both;
}

img.right {display: block;
margin: 0px 0px 0px 0px;
float: right;
clear: right;
}
/* 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. */