@charset "UTF-8";

/*############################################# CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*############################################# CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*############################################# CONTENT */
strong { font-weight:bold;}
em { font-style:italic; }

#content ul { list-style:disc;padding:10px 15px; }
#content ol { list-style:decimal;padding:10px 15px; }
#content p,#content address,#content ol,
#content ul,#content table,#content fieldset
{ clear:both; margin:0 0 15px;line-height:1.5em; }

/* forms */
form.simple fieldset {
	border:0;
	padding:10px;
}

form.simple fieldset button,
form.simple fieldset input,
form.simple fieldset select,
form.simple fieldset textarea,
form.simple fieldset label {
	float:left;
	display:block;
}

form.simple fieldset button,
form.simple fieldset input,
form.simple fieldset select,
form.simple fieldset textarea {
	width:200px;
	margin:0 0 15px;
}

form.simple fieldset legend {
	text-transform:uppercase;
	font-weight:bold;
}

form.simple fieldset label {
	width:110px;
	margin:0 25px 15px 0;
	text-align:left;
}

form.simple fieldset textarea {
	height:150px;
	width:250px;
}

form.simple fieldset br {
	clear:left;
}

form.simple label.error,
form.simple p.error {
	color:#FF0000;
}


form.simple fieldset label.check,
form.simple fieldset input.check {
	width:auto;
	vertical-align:middle;
	line-height:1em;
}

form.simple fieldset input.check {
	margin:0 25px 15px 0;
} 

/*############################################# ONTWERP, FRAMEWORK */
body {
	font-size:80%;
	font-family:tahoma;
	background:#D5D5D5;
}

#container {
	width:920px;
	margin:0 auto;
	background:transparent url(../_images/body-bg.gif) repeat-y;
}

#container2 {
	background:#fff;
	margin:0 auto;
	width:900px;
}	

#message {
	width:300px;
	border:1px solid #FF0000;
	color:#000;
	background:#FF7F7F;
	padding:10px;
	margin:0 auto 30px;
}

#header {
	float:right;
	width:200px;
	background:#fff url(../_images/seperator.png) no-repeat left top;
	padding:0 8px 0 12px;
	text-align:center;
}

#header img {
	margin:15px 0;
}

#login {
	width:150px;
	text-align:left;
	margin:15px auto;
}

#login fieldset {
	padding:4px 10px;
}

#header input {
	width:148px;
}

#header fieldset label,
#header fieldset input {
	display:block;
	width:128px;
}

#header div {
	width:150px;
	margin:15px auto;
	text-align:left;
	line-height:1.1em;
}

#header div h2 {
	border-bottom:1px solid #003366;
	font-weight:bold;
	padding:3px 0;
	color:#003366;
	margin:0 0 10px;
}

#header address,
#header p {
	margin:0 0 10px;
}

#nav {
	width:680px;
}

#nav ul.count3 li,#nav ul.count3 ul { width:226px; }
#nav ul.count4 li,#nav ul.count4 ul { width:170px; }
#nav ul.count5 li,#nav ul.count5 ul { width:136px; }
#nav li.item1, #nav li.item1 ul {background:#2469A6;}
#nav li.item2, #nav li.item2 ul {background:#4C592E;}
#nav li.item3, #nav li.item3 ul {background:#BFB95E;}
#nav li.item4, #nav li.item4 ul {background:#A63E26;}
#nav li.item5, #nav li.item5 ul {background:#2469A6;}


#nav li {
	float:left;
	display:block;
	height:30px;
}

#nav li a {
	display:block;
	height:30px;
	line-height:1.8em;
}

#nav li li,
#nav ul ul {
	float:none;
}

#nav ul ul {
	position:absolute;
	left:-999em;
}

#nav li.sfhover ul,
#nav li:hover ul {
	left:auto;
}

#nav ul ul.sub li {
	height:auto;
	width:100%;
}

#nav li li a {
	height:auto;
	text-indent:10px;
}

#content {
	width:600px;
	float:left;
	padding:20px 40px;
	min-height:600px;
}


/*############################################# ONTWERP, STYLES */
#header img {
	vertical-align:middle;
	margin:10px 20px 0 0;
}

#login h2 {
	color:#003366;
	border-bottom:1px solid #003366;
	padding:0 0 4px;
	font-weight:bold;
}

#login p {
	margin:10px 10px 0;
}

#login a {
	color:#003366;
	text-decoration:underline;
}

#nav li a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#nav li.active a,
#nav li.sfhover li.sfhover a,
#nav li.sfhover a,
#nav li:hover li:hover a,
#nav li:hover a {
	color:#E10E3F;
}

#nav li.active a,
#nav li.sfhover a,
#nav li:hover a {
	text-decoration:underline;
}
#nav li.sfhover li a,
#nav li:hover li a {
	color:#fff;
	text-decoration:none;
}

#nav li li a {
	text-align:left;
	font-weight:normal;
}

#sidebar div {
	background:#003366;
	padding:10px;
	color:#fff;
	margin:0 0 15px;
}

#sidebar h2 {
	padding:2px 0;
	border-bottom:1px solid #fff;
	margin:0 0 5px;
	font-weight:bold;
}

#sidebar p {
	font-size:95%;
	line-height:1.5em;
	margin:0 0 10px;
}

#sidebar strong {
	display:block;
	margin:0 0 5px;
	text-align:center;
}

#sidebar strong.telefoon {
	font-size:130%;
}

#content {
	text-align:justify;
}

#content a {
	color:#E10E3F;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content h1 {
	font-size:200%;
	font-weight:bold;
	margin:0 0 15px;
	color:#003366;
}

#content h2 {
	font-size:170%;
	font-weight:bold;
	margin:0 0 10px;
	color:#003366;
}

#content table {
	width:100%;
	clear:both;
}

#content th,
#content td {
	padding:5px 0;
}

#content td {
	border-bottom:1px solid #ccc;
}

#content table th {
	border-bottom:1px solid #003366;
	text-transform:uppercase;
	font-weight:bold;
	color:#003366;
}

#content a.button {
	background:#003366;
	color:#fff;
	padding:5px 15px;
	margin:0 0 15px;
	display:block;
	float:right;
	text-decoration:none;
}

#content ol.navigation {
	list-style:none;
	padding:0;
	margin:0 0 15px;
	float:right;
}

#content ol.navigation li {
	float:left;
}

#content ol.navigation span,
#content ol.navigation a {
	padding:3px 6px;
	background:#003366;
	color:#fff;
	margin:0 5px 0 0;
	text-decoration:none;
}

#content ol.navigation span {
	font-weight:bold;
	text-decoration:underline;
}

#onderwerp {
	clear:both;
}

#onderwerp div.entry {
	margin:0 0 15px;
}

#onderwerp div.datum,
#onderwerp div.naam {
	float:left;
	width:290px;
	background:#003366;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:5px;
}

#onderwerp div.bericht {
	clear:left;
	padding:10px 5px;
	border-top:1px solid #003366;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
	min-height:80px;
}

#onderwerp div.bijlage {
	border-bottom:1px solid #003366;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
	text-align:right;
	padding:5px;
	line-height:130%;
}

#copyright {
	clear:both;
	text-align:center;
	font-size:85%;
	margin:0 0 30px;
	background:transparent url(../_images/footer-bg.gif) no-repeat bottom;
	padding:0 0 25px;
}