* {
	margin: 0;
	padding: 0;
}

html, body {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(images/img01.png) top center;
	background-attachment:fixed;
	width: 100%;
	font: 13px Arial, non-serif;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #404040;
	letter-spacing: -.05em;
	text-shadow: #F8FCEE 0px 1px 1px;
}

h4 {
	margin: 0;
	font-weight: bold;
	font-size: 16px;
}

h1 a , h2 a, h3 a, p a, li a{
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	padding: 1px 2px 1px 2px;
}

h1 a:hover , h2 a:hover, h3 a:hover, p a:hover, li a:hover{
	background: #fff;
	color: #404040;
	padding: 1px 2px 1px 2px;
}

ul, p , li {
	color: #404040;
	text-shadow: #F8FCEE 0px 1px 1px;
}

li a, h3 a {
	font-weight: bold;
	color: black;
	border-bottom: 1px dotted #000;
}

a img{
	border: 0px;
}

/* Header */

#header {
	width: 825px;
	height: 190px;
	margin: 0 auto;
	background: url(images/img02.png) no-repeat left bottom;
}

/* Logo */

#logo {
	clear: both;
	width: 825px;
	margin-left: -999px;
}

/* Balloon */

#balloon {
	width: 825px;
	height: 181px;
	margin: 0 auto;
	padding-top: 50px;
	background: url(images/img04.png) no-repeat ;
}

#balloon h1 {
	font-size: 2em;
	font-weight: bold;
	padding: 17px 20px 0px 160px;
}

#balloon p {
	font-size: 1.4em;
	padding: 20px 40px 20px 160px;
}

#balloon a {
	color: black;
	border-bottom: 1px dotted black;
}

/* Page */

#page {
	min-height: 60%;
	width: 825px;
	margin: 0 auto;
	padding: 0px 10px 40px 0px ;
	margin-top: -30px !important;
}

#page h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 25px 20px 0px 160px;
}

#page h2 {
	font-size: 2em;
	font-weight: bold;
	margin: 30px 160px;
}

#page p {
	margin: 20px 40px 20px 160px;
	font-size: 1.5em;
}

/* Content */

#content {

}

/* List */

#list {
	background: url(images/img05.png) no-repeat;
	margin: 60px 0px 40px 60px;
}

#list h2{
	margin: 5px 0 5px 130px;
	font-size: 1.8em;
}

#list ul , #list p{
	margin: 0 0 0 130px;
	font-size: 1.2em;
	list-style-type: square; 
}

/* Warrant */

#warrant {
	background: url(images/img07.png) no-repeat;
	margin: 40px 0px 20px 60px;
	min-height: 110px;
}

#warrant h2{
	margin: 5px 0 5px 130px;
	font-size: 1.8em;
}

#warrant ul , #warrant p{
	margin: 0 0 0 130px;
	font-size: 1.2em;
	list-style-type: square; 
}

/* Calltoaction */
#calltoaction {
	float: right;
	margin: -260px 5px 0 0;
	background: url(images/img19.png) no-repeat;
}

#calltoaction ul{
	list-style-type: none;
}

#calltoaction a{
	border: none;
}

#calltoaction a:hover{
	background: none;
}

/* Steps */
#step1 {
	height: 136px;
	margin-top: 20px;
	background: url(images/img09.png) no-repeat;
}

#step2{
	height: 136px;
	margin-top: 20px;
	background: url(images/img10.png) no-repeat;
}

#step3{
	height: 136px;
	margin-top: 20px;
	background: url(images/img11.png) no-repeat;
}

#step4{
	height: 136px;
	margin-top: 20px;
	background: url(images/img12.png) no-repeat;
}

#step4{
	height: 136px;
	margin-top: 20px;
	background: url(images/img12.png) no-repeat;
}
/* Form */

#form h1, #form h2{
	margin-left: 210px;
}

.form ul{
	margin: 30px 200px 0px 200px;
}

.form li{
	list-style-type: none;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	border-bottom: 1px #fff dashed;
}

.form .naam{
	float: left;
	width: 150px;
}

.form .asterix{
	color: black;
}

.form .controle{
	font-weight: normal;
	
}

.contact {
	margin-left: -100px;
}

.contact li{
	border-bottom: none;
}
	
input[type=text] { 
	width: 250px; 
	height: 17px;
} 

#submit1 {
	margin-left: 200px;
	color: none;
	width: 256px;
	height: 51px;
	border: 0px;
	background: url(images/img13.png);
}

#submit2 {
	margin-left: 200px;
	color: none;
	width: 256px;
	height: 51px;
	border: 0px;
	background: url(images/img15.png);
}

#informatie {
	margin: 30px 0px 0px 0px;
}

#informatie  h1, #informatie  h2, #informatie  h3{
	margin: 60px 0 20px 110px;
}

#informatie  h3{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}

#informatie  h2{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 30px;
}

#informatie ul {
	margin-left: 130px;
	font-size: 1.5em;
	list-style-type: square; 
}

#informatie li{
	margin-bottom: 10px;
}

#informatie p{
	margin: 0px 0 15px 110px;
}

#informatie a{
	color: black;
	border-bottom: 1px dotted black;
}

/* Citation */

#citation {
	background: url(images/img06.png) no-repeat;
	height: 120px;
}

#citation {
	padding: 70px 0 0 160px;
	font-size: 1.9em;
	font-weight: bold;
}

/* Fouten */

#fouten {
	margin: 50px 50px 50px 50px;
	font-size: 2.5em;
	font-weight: bold;
}

#fouten .wrong{
	color: #560a0b;
}

/* Footer */

#footer {
	background: url(images/img03.png) repeat;
	width: 100%;
}

#footer p {
	font-size: 1.1em;
	color: #d9d9d9;
	padding: 20px 0 30px 0;
	text-align: center;
	text-shadow: none;
}


/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:13px;
	width:180px;
	text-shadow: none;	
}

#tooltip .tipHeader {
	height:8px;
	background:url(tooltipimages/tipHeader.gif) no-repeat;
}

#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(tooltipimages/tipFooter.gif) no-repeat;
}