/*==============================================================================

	This website/webapplication is developed by:
	Occhio Group
	http://www.occhio.nl/
	info@occhio.nl
	+31 (0)20 320 78 70
					
==============================================================================*/


/*==============================================================================
	STANDARD STYLES
	
	This CSS should minimize the differeces between Internet Explorer, 
	Firefox, Safari etc
	A lot of the differences appear not due different interpetation of the 
	styles by each browser, but	because of the different default-values.
	
	Example:
		If you use a <form> and do not set any css-style:
			Firefox has no margins
			MSIE has a top-margin
		If you use a <h1> and do not set any css-style:
			Firefox a different size as MSIE.
	
	
	Next to that this css styles some elements in a way that looks good.
	Example:
		<input> is alway nicer with some padding
		
	Editing the values of this document is no problem, but NONE of the lines 
	should be removed!
	
	update 05-12-2005 created file by Oebe
	update 05-12-2005 added default link styles by Joris
	update 10-10-2006 only elements and some errors blocks
	update 21-03-2007 only elements
	update 09-03-2009 table bordercollapse
==============================================================================*/

html {
	height: 100%;
}

body {
	color: #000;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: relative;
	height: 100%;
}

body {
	background-color: #fff;
	font-size: 0.7em;
	line-height: 1.4em;
}

body,
input,
textarea,
select
{
	font-family: verdana, arial, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

label, caption, legend {
    font-weight: bold;
    color: #000;    /*  set color same as body-color  */
} 

label {
	display: block;
	margin-top: 2px;
}

fieldset {
    padding: 6px;
}

input, select, textarea {
	font-size: 1em;
	padding: 1px 2px 0 2px;
}
select {
	display: block;
	width: 300px;
}
textarea {
	width: 300px;
	height: 200px;
}

ul, ol, dd {
	margin: 0 0 0 25px;
	padding: 0;
} 

li, dt, dl {
    margin: 0;
    padding: 0;
}

table, td, th {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	border-collapse:collapse;
	border-spacing:0;
}

th {
	font-weight: bold;
}

img {
	border: none;
}


h1 {	
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0 0;
}

h2 {
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 0 0;
}

h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0 0;
}
h4 {
	font-size: 0.8em;
}

h5 {
	font-size: 0.6em;
}

h6 {
	font-size: 0.4em;
}

a, a:link, a:visited, a:hover {
	color: #00f;
	text-decoration: underline;
}

p {
	margin: 1em 0 1em 0;
}