/* LAYOUT */

.main-form
{
    height: 100vh;
}

.main-form__content
{
    width: 100%;
    height: 100%;
}

.main-form__layout
{
    border: none;
    width: 600px;
    height: 480px;

    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}

/* classes */
.border {
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.lookatme
{
	font-weight: bold;
	color: #9400D3;
}

.degreeHeader
{
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	border: solid 1px silver;
}

/* body */

body
{
    font-size: 10pt;
    color: black;
    font-family: Verdana, Sans-Serif;
}

body.watermark
{
    background-position: center center;
    background-attachment: fixed;
    background-image: url(../pic/watermark.gif);
    background-repeat: no-repeat;
    margin-right: 20px;
}

/* spans */

span.small
{
	font-size:x-small;
}

/* tekst: hoofdingen */

h1
{
    font-size: 14pt;
    background-color: #dcdcdc;
    font-variant: small-caps;
    text-transform: capitalize;
}

h2
{
    font-size: 12pt;
    font-style: italic;
    font-variant: small-caps;
    text-transform: capitalize;
}

h3
{
    font-size: 11pt;
    font-weight: bold;
    text-transform: capitalize;
}

h4
{
    font-size: 10pt;
    font-weight: bold;
    text-transform: capitalize;
}

/* tekst: opmaak */

address
{
    font-size: 8pt;
}

/* links */

a:link, a:visited
{
    color: #cc0000;
    font-size: 10pt;
    text-decoration: none;
}

a:hover
{
    color: #ff6600;
    font-size: 10pt;
    text-decoration: none;
}

a.beeld:link img, a.beeld:visited img
{
	border-right: #cc0000 1px solid;
	border-top: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
}

a.beeld:hover img
{
	border-right: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	border-left: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
}

a.selected:link, a.selected:visited
{
    color: #cc0000;
    font-size: 10pt;
    text-decoration: none;
    background-color: #FFFFCC;
}

a.selected:hover
{
    color: #ff6600;
    font-size: 10pt;
    text-decoration: none;
    background-color: #FFFFCC;
}

/* tabellen */

table.formulier
{
    border-right: silver thin dashed;
    border-top: silver thin dashed;
    border-left: silver thin dashed;
    border-bottom: silver thin dashed;
}

table.watermark
{
    background-position: center center;
    background-attachment: fixed;
    background-image: url(../pic/watermark.gif);
    background-repeat: no-repeat;
}

table.fixed
{
    table-layout: fixed;
}

tr.list
{
    background-color: Transparent;
}

tr.alt
{
	background-color: #E3E3E3;
}

tr.header
{
    font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana, Sans-Serif;
	background-color: silver;
	text-align: center;
}

th
{
	font-size: 10pt;
	color: black;
	font-family: Verdana, Sans-Serif;
	background-color: silver;
}

td
{
	font-size: 10pt;
	color: black;
	font-family: Verdana, Sans-Serif;
}

td.caption
{
	font-style: italic;
}

td.gboek hr
{
    background-color: silver;
    height: 10px;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

div.scroll
{
    overflow: auto;
    width: auto;
}

/* lijsten */

dt
{
    font-weight: bold;
}

/* formulieren */

input
{
    font-size: 10pt;
    color: black;
    font-family: Verdana, Sans-Serif;
}

textarea
{
    font-size: 10pt;
    color: black;
    font-family: Verdana, Sans-Serif;
}

/* images */

img.hilite
{
	border-right: #ff6600 thin solid;
	border-top: #ff6600 thin solid;
	border-left: #ff6600 thin solid;
	border-bottom: #ff6600 thin solid;
}

/* under construction */

p.construct
{
	padding: 3px;
	font-size: xx-small;
	border: solid 2px OrangeRed;
	background-color: #FFFACD;
}

a.construct:link, a.construct:visited
{
    color: #cc0000;
    font-size: xx-small;
    text-decoration: none;
}

a.construct:hover
{
    color: #ff6600;
    font-size: xx-small;
    text-decoration: none;
}