html {
	height:100%;
	padding:0px; 
	margin:0px; 
	border:0px; 
	overflow:scroll;	
}

p {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:15px;
	margin-bottom:5px;
}


body {
	height:100%; 
	padding:0px; 
	margin:0px; 
	border:0px;
	
	background-color: #ffffff;
		
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #898989;
	letter-spacing: 0.06em;	
	
		
}

h1 {
	
	font-size: 24px;
	letter-spacing: 0.06em;	
	padding:0px;
	margin:0px;	
	text-align:center;
}

h2 {
	
	font-size: 14px;
	letter-spacing: 0.06em;	
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}

h3 {
	
	font-size: 11px;
	letter-spacing: 0.06em;	
	padding:0px;
	margin:0px;
}

.white {
			
	color: #ffffff;	
}

.black {
			
	color: #000000;	
}

.red {
			
	color: #ee1413;	
}

.brown {
			
	color: #e6712c;	
}

.blue {
			
	color: #0f70f5;	
}

.grey {
			
	color: #555555;
}

.purple {
			
	color: #bb7ab4;	
}

.yellow {
			
	color: #fee610;	
}

.orange {
			
	color: #f99d30;	
}

.green {
			
	color: #2cb404;	
}




.color1 {
			
	color: #ee1413;	
}

.color2 {
			
	color: #e6712c;	
}

.color3{
			
	color: #0f70f5;	
}

.color4 {
			
	color: #9c9c9c;	
}

.color5 {
			
	color: #bb7ab4;	
}

.color6 {
			
	color: #fee610;	
}

.color7 {
			
	color: #f99d30;	
}

.color8  {
			
	color: #2cb404;	
}


a:link {
	color: #898989;
	text-decoration: underline;
}

a:visited {
	color: #898989;
	text-decoration: underline;	
}

a:visited:hover {
	color: #000000;	
	text-decoration: none;
}

a:hover {
	color: #000000;	
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}


#wrapper {
	
	position:absolute;
	margin-left: 50%;
	left:-490px;		
	top:50%;
	margin-top: -260px;
	width:980px;
	height:521px;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:352px;
	height:111px;

}

#header {
	position:absolute;
	left:352px;
	top:0px;
	width:368px;
	height:73px;
	background-image: url(../images/header.gif); 
}

#progress {
	position:absolute;
	left:720px;
	top:0px;
	width:260px;
	height:73px;
	background-image: url(../images/question.gif); 
}

#progress_text {
	position:absolute;	
	bottom:10px;
	left:85px;		
	font-size: 20px;
	letter-spacing: 0.06em;		
}

#help {
	position:absolute;
	left:680px;
	top:-5px;
	width:260px;
	height:73px;
	font-size: 20px;
	letter-spacing: 0.06em;			
}


#content {
	position:absolute;
	left:352px;
	top:73px;
	width:628px;
	height:304px;
	background-image: url(../images/content.gif); 
}

#content2 {
	position:absolute;
	left:352px;
	top:73px;
	width:628px;
	height:417px;
	background-image: url(../images/content2.gif); 
}


#content_text {
	position:absolute;	
	margin:25px;	
	height:170px;
	width:550px;	
	font-size: 18px;
	text-align:left;
	letter-spacing: 0.06em;		
}

#content_text2 {
	position:absolute;	
	top:185px;
	margin:25px;		
	width:550px;	
	font-size: 14px;
	text-align:center;
	font-style: italic;
	letter-spacing: 0.06em;		
}

#content2_text {
	position:absolute;	
	margin:25px;		
	width:550px;
	height:350px;		
	font-size: 18px;
	text-align:left;
	letter-spacing: 0.06em;		
}

#content3_text {
	position:absolute;	
	margin:25px;		
	width:550px;
	height:350px;		
	font-size: 12px;
	text-align:left;
	letter-spacing: 0.06em;		
}


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

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

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

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

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


#slogan {
	position:absolute;
	left:0px;
	top:111px;
	width:352px;
	height:60px;
	background-image: url(../images/slogan.gif); 
}

#slogan_text {
	position:absolute;	
	bottom:5px;	
	left:45px;	
	text-align:center;
	font-style: italic;	
	font-size: 16px;
	letter-spacing: 0.06em;		
}



#head {
	position:absolute;
	left:0px;
	top:171px;
	width:352px;
	height:350px;
	background-image: url(../images/head.jpg); 
}

#left {
	position:absolute;
	left:352px;
	top:377px;
	width:153px;
	height:113px;
	background-image: url(../images/left.gif); 
}

#number-5 {
	position:absolute;
	left:505px;
	top:377px;
	width:90px;
	height:113px;	
}

#number-6 {
	position:absolute;
	left:595px;
	top:377px;
	width:94px;
	height:113px;
}

#number-7 {
	position:absolute;
	left:689px;
	top:377px;
	width:88px;
	height:113px;
}

#number-8 {
	position:absolute;
	left:777px;
	top:377px;
	width:86px;
	height:113px;
}

#number-9 {
	position:absolute;
	left:863px;
	top:377px;
	width:78px;
	height:113px;
}

#right {
	position:absolute;
	left:941px;
	top:377px;
	width:39px;
	height:113px;
	background-image: url(../images/right.gif); 
}

#footer {
	position:absolute;
	left:352px;
	top:490px;
	width:628px;
	height:31px;
	background-image: url(../images/footer.gif); 
}


button {
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	height: 43px;
	width: 316px;
	color:#555555;	
	background-image: url(../images/button-background2.gif); 	
	background-repeat: no-repeat;		
	background-color:#ffffff;
	font-size: 16px;
}

button:hover {
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	height: 43px;
	width: 316px;
	color:#ffffff;	
	background-image: url(../images/button-background.gif); 	
	background-repeat: no-repeat;	
	background-color:#555555;
	font-size: 16px;
}


textarea, input, select, option {

	background: #ffffff;
	border: 2px solid #555555;		

}

#buttonknop {	
	position:absolute;
	top:320px;
	left:140px;
}

#buttonknop2 {	
	position:absolute;
	top:250px;
	left:140px;
}