/* CSS Document */

/* inkomens : blauw : #009FE0 */
/* service : groen : #8CC63F */
/* extranet : rood : #ED1C24 */

html {
	margin:0px;
	padding:0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode";		
}

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode";
	font-size: 12px;
	background-color: #4D4D4D;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4D4D4D;
}
p {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	font-size: 12px;
	line-height:18px;
}

h1 {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	font-size:16px;	
	color:#4d4d4d;
	margin:0px;
	padding-top:0px;
}

h2 {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	font-size:16px;	
}

a {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	color:#4D4D4D;
}

label {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	color:#4D4D4D;
	font-size: 12px;
	line-height:18px;	
}

input {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	color:#4D4D4D;
	font-size: 12px;
	line-height:18px;	
}

textarea {
	font-family:"Lucida Grande", "Lucida Sans Unicode";	
	color:#4D4D4D;
	font-size: 12px;
	line-height:18px;	
}

div {
	margin:0px;
	padding:0px;	
}

div.website {
	float:left;
	width:100%;	
	text-align:left;
}

div.website div.top {	
	float:left;
	width:100%;
	overflow:hidden;
	height:322px;
	background-color:#FFF;		

}
div.website div.top div.logo {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:105px;
	overflow:hidden;
}
div.website div.top div.quote {
	width:100%;
	height:175px;
}
div.website div.top div.menu {
	width:100%;
	height:42px;
	background-image:url(../images/mainmenu_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

div.website div.top div.menu div.mainmenu {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:42px;		
}

div.website div.center {
	float:left;
	width:100%;
	background-color: #F7F7F7;
	padding-bottom:30px;	
}

div.website div.center div.middle {
	padding-top:30px;	
	margin-left:auto;
	margin-right:auto;
	width:960px;	
}



div.website div.center div.middle div.portaal {
	float:left;	
	width:960px;
}

div.website div.center div.middle div.blokken {
	float:left;
	padding-top:30px;
	width:960px;
}

div.website div.bottom {
	float:left;
	width:100%;
	display:block;
	background-image:url(../images/bottom_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	height:61px;	
}

div.website div.bottom div.bottomcenter {
	padding-top:0px;	
	margin-left:auto;
	margin-right:auto;
	width:960px;	
}

/*vervolg paginas */

div.website div.center div.middle div.left {
	float:left;
	width:700px;	
	padding-top:20px;
	padding-bottom:20px;
	background-color:#FFF;
}
div.website div.center div.middle div.left div.bg {
	float:left;
	width:700px;	
	background-image:url(../images/content_bg.png);
	background-repeat:repeat-y;
}


div.website div.center div.middle div.left div.menu {
	float:left;
	width:190px;
/*	padding-top:15px;*/
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
div.website div.center div.middle div.left div.menu h2 {
	margin-top:0px;
	padding-top:0px;	
}


div.website div.center div.middle div.left div.content {
	float:left;	
	width:430px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;	
}


div.website div.center div.middle div.right {
	float:left;
	margin-left:30px;
	width:230px;	
}

/* bottom */