/* Comments are in gray and appear between these hash/asterisk marks. */
/* Suggested general rules to cover any font-family inheritance bugs. */

body, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, tr, ul {
font-family:  Arial, Helvetica, sans-serif;
}

/* Link rules. */

/* a:link = State of normal link.          #51a8b */			
a:link {
text-decoration: underline;
font-weight: bold;
color: #000080;
/*color: #400000;*/
background: transparent;
}
/* a:visited = State of visited link. */
a:visited {
text-decoration: underline;
font-weight: bold;
color: #000080;
background: transparent;
}
/* a:hover = State of link on mouseover/hover.background: #ccc */
a:hover {
text-decoration: underline;
/*color: #800000;*/
color: #ffffff;
background: transparent; 
}
/* a:active = State of link on click. */
a:active {
text-decoration: none;
color: #ffffff;
}

/* Acronym rule. */
acronym {cursor: help;}

/* Body rule with 0 margin fix. */
body {
padding: 0;
margin: 0;
color: #000066;
background: #F2F2F2 url('images/webachter.gif');
background-image: linear-gradient(to right, #6d8a5c, #74b573, #6d8a5c, #74b573, #6d8a5c);
/*background: #F2F2F2 url('images/webachter.gif');*/
/*background: #8EB26A;*/
/*background: #33cc66;*/

font-size: 14px;
}

body.iframe{
padding: 0 0 0 2%;
margin: 0;
overflow:hidden;
}

body.uitleg{
background: #ffffcc;
padding: 0 5% 0 5%;
}

div#keu{
position: fixed;
top: 50%;
left: 1%;
width: 2%;
height: 468px;
padding: 100px 0 0 0;
margin: -300px 0 0 0; 
background-color: transparent
}
/* IE only */
 * html div#keu{
position: absolute;
}


/* Tables --------------------------------------------------------------------*/

TD  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	padding: 2pt 3pt 2pt 3pt;
/*   background: white;*/
}
TD.large  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
}
TD.small  {
	font-family : Arial, sans-serif;
	font-size : 11px;
}
TD.vsmall  {
	font-family : Arial, sans-serif;
	font-size : 9px;
}
IMG{
border: 0
}


/* The display: inline removes the space after your form elements. */
form {
display: inline;
}


h1 {
font-size: 24px;
margin: 0;
padding: .1em;
}
h2 {
font-size: 18px;
font-weight: normal;
margin: 0;
padding: .1em;
}
h3 {
font-size: 14px;
margin: 0;
padding: .1em;
}
h4 {
font-size: 11px;
margin: 0;
padding: .1em;
}
h5 {
font-size: 9px;
margin: 0;
padding: .1em;
}

h6 {
font-size: 4px;
margin: 0;
padding: .1em;
}

/* General rule for paragraph elements. */
/* Vanaf Internet. */

p {
  font-size: 14px;
}


/* Specific rule for bottom paragraph. See last modified date. */

p.last {
font-size: 12px;
/*border-top: .1em solid #000;*/
margin: 0;
padding: .1em 1em;
color: #ffffff;
/*background: #ccc;*/
}

/* Generic class for centering text (p class="ctr"). */

.ctr {
text-align: center;
}


/* Generic class for small text (p class="small").
See copyright notice, date and time stamp at bottom of page. */

.small {
font-size: 12px;
}

.vsmall {
font-size: 8px;
}

/* Generic class to display (p class="code";) in font-family: monospace.
Font color is blue #0000cc. Background is transparent.
Top and bottom margins at 1em. Right and left margins at 5em. */

.code {
font-family: monospace;
color: #00c;
background: transparent;
margin: 1em 5em;
}

/* Generic class to display (p class="code comments") in dark gray.
Font color is gray #777777. Background is transparent.
Top and bottom margins at 1.5em. Right and left margins at 3em. */

.comments {
color: #777;
background: transparent;
margin: 1.5em 3em;
}

/* Generic color classes for various elements such as
(span class="blue")(strong class="purple")(em class="green").
Can be used when combining classes on various elements. */

.white {
color: #ffffff;
background: transparent;
}

.black {
color: #000;
background: transparent;
}

.grey {
color:#808080;
background: transparent;
}

.dgrey {
color:#404040;
background: transparent;
}

.blue {
color: #000066;
background: transparent;
}

.green {
color: #008000;
background: transparent;
}

.dgreen {
color: #004000;
background: transparent;
}

.yellow {
color: #ffff99; 
background: transparent;
}

.purple {
color: #609;
background: transparent;
}

.red {
color: #c00000;
background: transparent;
}

.orange {
color: #ff9900;
background: transparent;
}

.markeer {
color: #c00000;
background: #ffffff;
}

.markeersterk {
color: #c00000;
background: #ffff00;
font-weight: bold; 
font-size : 15px;
}
.aandacht {
color: #c00000;
background: #ffff00;
font-weight: bold; 
}
.flash {
   animation-name: flash;
    animation-duration: 2.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: yellow;}
}

.rouw {
color: #ffffff;
background: #000000;
}

.uitleg {
color: #000080;
background: #c0c0c0;
}

/* Apply a hand cursor to elements like input/submit buttons. */
.hand {
cursor: pointer;
color:#004000; 		/*groen*/
/*color:#c00000;*/		/*rood*/ 	
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
}

/* Apply a help cursor (question mark) to elements like tooltips (title="Tooltip Here"). */

.help {
cursor: help;
}
.txtborder {
  padding: 8px;
  border: 5px;
  border-style: solid;
  border-color: red;
  background-color:yellow;
}
.txtborder2 {
  padding: 20px;
  border: 3px;
  border-style: solid;
  border-color: blue;
  background-color:white;
}