/* CSS */ 

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

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

#wrapper
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 800px;
	border-style: none;
	border-width: 0;
	height: auto;
	background-color: #ccf;
}
	
#header
{
	/* Height is noodzakelijk want anders paar pixels onder foto in IE */
	/*height: 105px;*/
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #b1a0b3;
	overflow: hidden;
}

#header h1
{
	font-family: serif;
	font-size: 350%;
	color: #ff6;
	margin: 0;
	line-height: 1.4em;
	font-weight: normal;
	text-align: center;
	clear: right;
}

#header h2
{
	font-family: serif;
	font-size: 170%;
	color: #f7e909;
color: #ff6;
color: #040;
	margin: 0;
/*	padding: 0.6em 0 0.6em 0;*/
	line-height: 1.4em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	clear: right;
}

.logotype
{
	padding: 0;
	border: 0;
	border-color: #00f;
	border-collapse: collapse;
	margin: 0;
float: left;
}

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

#main_content
{
	float: left;
	border: 0;
	margin: 0 0 30px 10px;
	width: 600px;
}

#footer
{
	border: 0;
	padding: 1.4em 0 30px 0;
	background-color: #b1a0b3;
	width: 100%;
}
 	
#footer h5
{
	margin: 15px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

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

#footer a:link,
#footer a:active,
#footer a:visited
{
}
#footer a:hover
{
	color: #555;
}

/*****************
*
* 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: #00f;}
a:active
{color: #00f;}
a:visited
{color: #00f;}
a:hover
{color: #000;}
	
/*****************
*
* 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: #040;
	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;
}
