@charset "utf-8";
/* CSS Document */

div{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
width:100%;
border-collapse:collapse;
/*background-color:#101010;*/
background-color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

html{
overflow-y:scroll;
}

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

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

h1{
margin:0 0 20px 15px;
padding:0;
font-size:20px;
color:#700433;
}

h2{
font-size:14px;
padding-top:5px;
padding-bottom:5px;
color:#700434;
}

p{
padding-bottom:15px;
}

.clearer{
clear:both;
float:none;
}

#container{
margin:0 auto;
/*margin-top:30px;*/
padding:0 20px 0 20px;
width:760px;
position:relative; /* needed for footer positioning*/
background-image:url(../images/bg_container_purple.jpg);
background-repeat:repeat-y;
}

#header{
width:100%;	
min-height:760px;
height:auto !important;
height:760px;
position:relative;
background-image:url(../images/bg_header_purple.jpg);
background-repeat:no-repeat;
}

	#logo{
	position:absolute;
	top:25px;	
	left:60px;
	height:20px;	
	}
	
	#navtop_content{
	position:absolute;
	width:220px;
	height:20px;
	top:100px;
	right:60px;
	z-index:2;
	}

		#navtop_content img{
		margin:2px 5px 0 5px;
		float:left;
		}
		
		#navtop_content ul{
		margin:3px 0 0 5px;
		padding:0;	
		}
		
		#navtop_content ul li{
		list-style-type:none;
		float:left;
		border-right:1px solid black;
		padding:0 10px 0 10px;
		}
		
		#navtop_content ul li.navlastitem{
		border-right:none;	
		}

	#navtop_bgopacity{
	position:absolute;
	width:220px;
	height:20px;
	top:100px;
	right:60px;
	
	background-color:#FFFFFF;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
	z-index:1;
	}

	#navmain{
	position:absolute;
	width:500px;
	height:33px;
	top:120px;
	left:60px;
	z-index:1;
	}
	
		#navmain img{
		float:left;
		}	
	
		#navmain ul{
		margin:15px 0 0 0;
		padding:0;
		}
		
		#navmain ul li{
		float:left;
		list-style-type:none;
		margin-left:10px;
		padding-right:10px;
		border-right:1px solid #FFFFFF;
		}	
		
		#navmain ul li a:link, #navmain ul li a:visited{
		color:#FFFFFF;			
		font-weight:bold;
		text-decoration:none;		
		}			
		
		#navmain ul li a:hover{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
		}					
	
	#content{
	padding:190px 45px 0px 45px;
	/*bron-	padding:165px 25px 0px 25px;	*/
	position:relative;
	}
		
		.contentraster{
		position:relative;
		width:100%;
		height:auto;
		padding-top:10px;
		margin:0 0 20px 0;
		}
		
			.contentraster-top{
			top:0px;
			position:absolute;
			background-image:url(../images/bg_contentraster-top.jpg);
			background-repeat:no-repeat;
			width:100%;
			height:11px;			
			}
			
			.contentraster-text{
			position:relative;
			background-image:url(../images/bg_contentraster.jpg);
			background-repeat:repeat-y;
			padding:5px 15px 15px 15px;
			height:auto;
			}
			
				.contentraster-text h2{
				margin:0;
				padding:0 0 15px 0;					
				color:#700434;
				font-size:14px;
				}			
			
				.contentraster-text p{
				margin:0;
				padding:0 0 10px 0;
				color:#000000;
				}						
			
				.contentraster-text a:link, .contentraster-text a:visited{
				color:#700434;
				font-weight:bold;
				}			
				
				.contentraster-text a:hover{
				color:#700434;
				font-weight:bold;				
				}
				
				.contentraster-text ul{
				margin-left:20px;
				}
				
				.contentraster-text .errormessage{
				background-color:#f1e9e7;
				padding-top:5px;
				margin-bottom:5px;
				padding-left:5px;
				}
				
				.contentraster-text .errormessage p{
				margin:0;
				padding:0 0 10px 0;
				font-weight:bold;
				color:#b90d0d;
				}					
			
			.contentraster-bottom{
			bottom:0px;
			_bottom:-4px;
			position:absolute;
			background-image:url(../images/bg_contentraster-bottom.jpg);
			background-repeat:no-repeat;
			width:100%;
			height:11px;
			}
	
		#content-full{
		position:relative;
		}
		
		#content-left{
		margin:0 0 0 20px;
		_margin:0 0 0 10px;
		position:relative;
		float:left;
		width:360px;
		}				
		
		#content-right{
		margin:0 0 0 20px;
		padding:0;
		position:relative;
		float:left;
		width:280px;
		}
			
			#content-right img{
			padding-bottom:10px;
			}
			
			#content-right .specificatie{
			width:100px;
			float:left;
			color:#700434;
			font-weight:bold;
			}
			
			#content-right .omschrijving{
			width:170px;				
			float:left;
			}		
			
	
	#footer{
	position:relative;
	width:100%;
	height:65px;
	text-align:center;
	background-image:url(../images/bg_footer_purple.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-top:45px;
	}
	
	#footer ul{
	text-align:center;
	}
	
	#footer ul li{
	list-style-type:none;
	display:inline;
	padding-right:5px;
	padding-left:5px;	
	border-right:1px solid #FFFFFF;	
	}
	
	#footer ul li.navlastitem{
	border-right:none;			
	}		
	
		#navfooter-top{
		width:600px;
		margin:0 auto;
		margin-bottom:5px;
		}

			#navfooter-top a:link, #navfooter-top a:visited, #navfooter-top a:hover{
			color:#FFFFFF;	
			}
		
		#navfooter-bottom{
		width:500px;
		margin:0 auto;
		margin-bottom:5px;
		color:#999999;
		}
		
			#navfooter-bottom a:link, #navfooter-bottom a:visited, #navfooter-bottom a:hover{
			color:#999999;	
			}
		
		#footer-payment-logos{
		margin:0 auto;	
		}
		
		#footer-payment-logos img{
		padding-right:15px;
		}


#overview_right ul{
margin-left:25px;
margin-bottom:5px;
}

#overview_right ul li{
line-height:25px;
}