body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	background-color:#C8C8C8;
}

#container {
	width:880px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#header {
	background-image:url(../images/header.jpg);
	width:880px;
	height:212px;
}

#menu {
	width:880px;
	height:20px;
	padding:0px;
	background-color:#8C95A6;
	text-align:center;
}

#menu a, #menu a:visited { color:#FFF;font-weight: bold;text-decoration: none;padding:0 5px 0 5px;}
#menu a:hover {color:#DDD;}


#content {
	width:880px;
	background-color:#F4F6F7;
}

#left {
	width:200px;
	padding:0px;
	float:left;
	background-color:#FFFFFF;
}

#right {
	width:677px;
	padding:0px;
	float:right;
	background-color:#FFFFFF;
}

#footer {
	clear:both;
	padding-top:5px;
	margin-top:20px;
	margin-bottom:20px;
	width:880px;
	text-align:center;
}

div.clear {
    clear: both;
    margin: 20px 0 20px 0;
}

.inhoud {
	width: 780px;
	margin:0 auto;
	margin-top:20px;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #EEEEEE;
	border: 1px solid #444444;
	margin:1px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #333333;
  background-color: #FFFFFF;
  /*border: 1px solid #444444;*/
}

.input_fout {
    background-color: #EEEEEE;
    border-style: solid;
    border-width: 1px;
    border-color: #CC0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.text_fout {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.remark {
	color: #CC0000;
	font-weight: bold;
	background-color:inherit;
}

h1 {
	color: #00015C;
	font-weight:bold;
	font-size:12px;
	padding-bottom:10px;
	background-color:inherit;
}

a:link  {   
	text-decoration: underline;
	color: #333333;    
	font-size:11px;
	background-color:inherit;
}	

a:visited {   
	text-decoration: underline;
	color: #333333;
	font-size:11px;
	background-color:inherit;
}	

a:hover {   
	text-decoration: none;
	color: #666666;
	font-size:11px;
	background-color:inherit;
}

a:link.menu {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	color:#333333;
}

a:visited.menu {   
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	color:#333333;
}	

a:hover.menu {   
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	color:#666666;
}	

a.dummylink,
a.dummylink:hover,
a.dummylink.visited {
	cursor:pointer;
	color: #555555;
	text-decoration: none;
}

/* System messages */
.error,
.succes {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    background-repeat: repeat-x;
}

.error p,
.succes p {
    margin-top: 10px;
}

.error img,
.succes img {
    margin: 5px;
}
/* Error message */
.error {
	color: #CC0000;
    background-image: url('images/bg-remark.jpg');
	background-color: #FFDDDD;
	border: #CC0000 solid 1px;
}

/* Succes message */
.succes {
    color: #4E612C;
    background-image: url('images/bg-succes.jpg');
	background-color: #E5EEBF;
	border: #C6D880 solid 1px;
}