/* CSS */ 

/* Gebruikte kleuren
oranje: #ff8500
lichtoranje: #ffeed8;
lichtblauw: #d7f0f5
logo-blauw: #009fc6
*/

*
{
	padding: 0;
	margin: 0;
	border: 0;
}

html
{
	height: 100%;
}
	
body
{
	background-color: #ebfeff;
	background-color: #ffeed8;
	font-size: 74%;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.4em;
	height: 100%;
}

#wrapper
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 970px;
	border-style: none;
	border-width: 0;
	height: auto;
	background-color: #bbf;
}
	
#header
{
	/* Height is noodzakelijk want anders paar pixels onder foto in IE */
	height: 144px;
	height: 110px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #d7f0f5;
	color: #009fc6;
/*	overflow: hidden;*/
}

#logo
{
	display: block;
	position: absolute;
	left: 12px;
	top: 12px;
	border: 0;
	border-collapse: collapse;
	margin: 0;
}

#header_title
{
	padding: 32px 0 0 210px;
}

#header_address
{
	padding: 82px 0 0 210px;
}

#header_address1
{
	padding: 82px 0 0 210px;
}

#header_address2
{
	padding: 70px 0 0 0;
}

#header_actie
{
	display: block;
	position: absolute;
	top: 10px;
	right: 60px;
	height: 88px;
	width: 138px;
}

#main
{
	width: 100%;
	min-height: 40px;
	background-color: #fff;
	clear: both;
}

#nav_block
{
	float: left;
	width: 200px;
	background-color: #d7f0f5;
}

#nav_footer
{
	background: #ff8500 url(/images/menu-voet.gif);
	height: 61px;
	float: left;
	margin-top: 100px;
	width: 200px;
}

#main_content
{
	float: left;
	border: 0;
	margin: 0 0 0 40px;
	width: 730px;
}

#disclaimer
{
	background-color: #fff;
	background-color: #ffeed8;;
	margin: 20px;
}

#disclaimer p
{
	color: #009fc6;
}

#disclaimer a,
#disclaimer a:link
{
	color: #ff8500;
}

#row1, #row2, #row3, #row4, #row5
{
	float: left;
	width: 720px;
}

#row1_3col
{
	width: 710px;
	margin: 0 10px 0 0;
}
	
#row1_col1, #row1_col2, #row1_col3, #row2_col1, #row2_col2, #row2_col3, #row3_col1, #row3_col2, #row3_col3, #row4_col1, #row4_col2, #row4_col3, #row5_col1, #row5_col2, #row5_col3
{
	width: 230px;
	float: left;
	margin: 10px 10px 0 0;
}

#row1_col1, #row1_col2, #row1_col3
{
}

#footer
{
	border: 0;
	padding: 0;
	padding: 6px 0 6px 0;
	background-color: #fff;
	width: 100%;
	color: #888;
}
 	
#footer h5
{
	font-weight: normal;
	text-align: center;
	color: #888;
}

#footer a
{
	text-decoration: none;
	color: #666;
}			

#footer a:link,
#footer a:active,
#footer a:visited
{
}

#footer a:hover
{
	color: #222;
}

/*****************
*
* login
*
*****************/
	
#login_form
{
	display: none;
	float: right;
	width: 230px;
	background-color: #ddd;
	margin: 0;
	padding: 0;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ddd;
}

#login_form	p,
#lise_login_options h6
{
	margin: 0;
	padding: 0 6px 0 0;
	height: inherit;
	line-height: inherit;
	vertical-align: middle;
}
	
#login_form fieldset
{
	margin: 0 0 0 6px;
	padding: 0;
}

#login_form label
{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #333;
}

#login_form input
{
	margin: 0 0 3px 0;
	padding: 1px;
	font-size: 0.9em;
	width: 90%;
	color: #666;
	border-color: #ccc;
}

#login_form button
{
	float: right;
	margin: 6px;
	padding: 0;
	color: #999;
}

/*****************
*
* misc
*
*****************/
	
div
{
	display: block;
}

img
{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

p.img_right
{
	float: right;
	clear: right;
	margin: 0 0 30px 30px;
	padding: 0;
	border: 1px solid #ccc;
}

p.img_right img
{
	display: block;
	position: relative;
}
	
p.img_right span.caption
{
	display: block;
	clear: both;
	font-size: 1.0em;
	margin: 6px 0;
	border: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #666;
	background-color: transparent;
	width: 100%;
}							
	
br
{
	line-height: inherit;
}
	
/*****************
*
* a
*
*****************/

a,
a:link
{
	color: #009fc6;
}

a:active
{
}

a:visited
{
}

a:hover
{
	color: #ff8500;
}
	
/*****************
*
* H* & P
*
*****************/

/* paragraph */
p
{
	display: block;
	margin: 0.7em 0 0.7em 0;
	border: 0;
	padding: 0;
	line-height: 1.4em;
	font-weight: normal;
	color: #000;
	background-color: transparent;
}

/* heads */
h1, h2, h3, h4, h5, h6
{
	display: block;
	margin: 0.7em 0 0.7em 0;
	border: 0;
	padding: 0;
	line-height: 1.4em;
	font-weight: bold;
	color: #009fc6;
	background-color: transparent;
}

/* head1 */
h1
{
	font-size: 2.0em;
}

/* head2 */
h2
{
	font-size: 1.7em;
}

/* head3 */
h3
{
	font-size: 1.4em;
}

/* head4 */
h4
{
	font-size: 1.1em;
}

/* head5 */
h5
{
	font-size: 0.95em;
}

/* head6 */
h6
{
	font-size: 0.85em;
}

/*****************
*
* form
*
*****************/

form
{
	display: block;
	line-height: 1.3em;
	background-color: inherit;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

fieldset
{
	display: block;
	margin: 10px 15px;
	font-size: inherit;
	line-height: inherit;
}

select
{
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	margin: 0 0 6px 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: inherit;
	line-height: inherit;
	background-color: #fff;
}

*.inline_form_element
{
	float: left;
	margin: 0 6px;
	vertical-align: middle;
	line-height: inherit;
	width: auto;
}				
input,
textarea
{
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	margin: 0 0 6px 0;
	padding: 1px;
	font-family: verdana, sans-serif;
	line-height: inherit;
	background-color: #fff;
	font-size: inherit;
	text-align: left;
}

input.autoclear
{
	color: #999;
	font-size: inherit;
	font-style: italic;
}
	
input[type=hidden],
input.hidden
{
	display: none;
	visibility: hidden;
}

input.radio,
input.checkbox
{
	display: inline;
	width: auto;
	border: 0px;
	line-height: inherit;
	vertical-align: top;
}

/*input[type=submit],*/
input.submit
{
	color: #000;
	background-color: #ddd;
	margin: 2px;
	text-align: center;
	vertical-align: middle;
}

option
{
	border: 0;
	margin: 0;
	padding: 0 4px 0 2px;
	font-family: verdana, sans-serif;
	line-height: inherit;
	font-size: inherit;
}

option.prompt
{
	font-weight: bold;
}
	
legend
{
	display: none;
	font-family: verdana, sans-serif;
	font-size: inherit;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0 0 3px 0;
	border: 0;
	background-color: inherit;
}
	
label
{
	display: inline;
	font-size: 0.9em;
	color: #000;
	font-weight: normal;
	line-height: inherit;
	line-height: 1em;
	text-align: left;
	vertical-align: middle;
}

button
{
	color: #333;
	background-color: #fff;
	margin: 0 10px 0 0;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #ccc;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em;
	vertical-align: middle;
}
/*****************
*
* ul, ol (Lists)
*
*****************/

ul
{
	display: block;
	margin: 1.4em 0 0 0;
	border: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
	font-size: 1.1em;
	line-height: 1.3em;
	font-family: verdana, sans-serif;
	font-weight: normal;
}

ol
{
	display: block;
	margin: 1.4em 0 0 0;
	border: 0;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
	list-style-image: none;
	font-size: 1.1em;
	line-height: 1.3em;
	font-family: verdana, sans-serif;
	font-weight: normal;
}
	
li
{
	display: list-item;
	margin: 4px 0;
	color: #000;
}

/*****************
* table
*****************/

table
{
	display: table;
	border-collapse: collapse;
	margin: 15px 5px 0 5px;
	padding: 0;
	border: 0;
	font-size: 1.1em;
}

tr
{
	display: table-row;
	margin: 0;
}

th
{
	display: table-cell;
	font-size: inherit;
	margin: 0;
	padding: 4px;
	line-height: 1.3em;
	font-family: verdana, sans-serif;
	font-weight: bold;
	color: #c60;
	background-color: #ddd;
	text-align: center;
}

td
{
	display: table-cell;
	font-size: inherit;
	margin: 0;
	padding: 0 2px 0 2px;
	line-height: 1.3em;
	font-weight: normal;
	color: #000;
}

div.paginate
{
	clear: both;
	font-size: 100%;
	margin: 1.4em 0 0 0;
}

div.paginate div
{
	font-size: 0.85em;
}

.stretch
{
	clear: both;
	height: 0;
	line-height: 0;
	background-color: #fff;
	margin: 0;
	border: 0;
	padding: 0;
}

p.no_vertical_space,
h1.no_vertical_space,
h2.no_vertical_space,
h3.no_vertical_space,
h4.no_vertical_space,
h5.no_vertical_space,
h6.no_vertical_space {
			margin-top:0;
}

p.with_vertical_space,
h1.with_vertical_space,
h2.with_vertical_space,
h3.with_vertical_space,
h4.with_vertical_space,
h5.with_vertical_space,
h6.with_vertical_space {
	margin-top:1.6em;
}

