html, body {
    height:				100%;
	width:				100%;
	height:				100%;
	width:				100%;
	background-color:	#0C8346;
	background-image:	url(../images/bg_gradient.jpg);
	background-repeat:	repeat-x;
	margin:				0;
	font-family:        arial, helvetica, sans-serif;
	font-size:			12px;
	line-height:		1.4em;
	color:				#000000
}

img {
	border:				none;
}

h1 {
	font-size:			36px;
	color:				#FFFFFF;
}

h2 {
	font-size:			17px;
	color:				#FF4400;
	margin:				0px 0px 4px 0px;
	padding:			0px 0px 0px 0px;
}

h3 {
	font-size:			12px;
	font-weight:		bold;
	color:				#FF4400;
	text-transform:		uppercase;
	margin-bottom:		0px;
}

a{
	text-decoration: 	underline;
	color:				#FF4400;
	font-weight:		bold;
	cursor:				hand;
}

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

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

div#outerCon {
	width: 				931px; /* (1004 - 63) */
	height:				auto;
	margin:				0px 0px 0px 0px;
	padding:			10px 0px 0px 0px;
	position: 			relative; 
	left: 				63px;
}

div#forkCon {
	position:			absolute;
	width: 				180px;
	height:				548px;
	left:				741px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	float: 				left;
	top: 				0; 
	z-index: 			2;
	/*
    background-image:	url(../images/fork.png);
	behavior:			url("/style/png.htc");
	background-repeat:	none;
    */
}

div#forkCon img {
	behavior:			url("/style/png.htc");
}


div#siteCon {
	position:			relative;
	width: 				800px;
	height:				100%;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background:			#FFFFFF;
	z-index: 			1;
}

div#headCon {
	position:			relative;
	width: 				798px;
	height:				58px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	float: 				top;
	background:			#FED900;
	border:				1px solid #FFFFFF;
}

div#titleCon {
	position:			relative;
	width: 				395px;
	height:				48px;
	margin:				5px 0px 5px 0px;
	padding:			0px 0px 0px 0px;
	float: 				left;
	display: 			inline;
}

div#titleCon h1{
	height:				48px;
	width:				auto;
	line-height:		150px;
	overflow:			hidden;
	background-image:	url(../images/verantwoord_frituren.jpg);
	background-repeat:	no-repeat;
    position:           relative;
    margin:             0;
    padding:            0;
}

div#contentCon {
	position:			relative;
	width: 				800px;
	height:				auto;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	float: 				top;
	background:			#FFFFFF;
    z-index:            1;
}

div#footerCon {
	position:			relative;
	width: 				778px; /* (800 - 22) */
	height:				auto;
	margin:				0px 0px 0px 0px;
	padding:			0px 22px 11px 0px;
	float: 				top;
	background:			#FFFFFF;
}

div#footerCon img{
	float: 				right;
	margin:				0px 0px 0px 0px;
	display: 			inline;
}

div#footerCon p{
	float: 				top;
	color:				#5C5C5C;
	margin:				40px 0px 0px 425px;
	padding:			0px 0px 0px 0px;
	font-size:			10px;
}

div#disclaimerCon {
	text-align: left;
	font-size: 10px;
	color: grey;
	padding-left: 30px;
	padding-bottom: 10px;
}

div#disclaimerCon a{
	text-decoration: 	none;
	color:				#5C5C5C;
	font-weight:		normal;
}

div#disclaimerCon a:visited {
	color:				#5C5C5C;
}

div#disclaimerCon a:hover {
	color:				#FF4400;
}

div#disclaimerCon span {
	margin:				0px 10px 0px 10px;
	padding:			0px 0px 0px 0px;
}

div#crumbtrailCon {
	height:				24px;
	float:				right;
	margin:				8px 14px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			16px;
	color:				#854039;
}

/*---- NAVIGATION PARTS ----*/
div#menuConCol {
	position:			relative;
	width:				247px;
	height:				auto;
	margin:				95px 0px 0px 16px;
	padding:			0px 0px 0px 0px;
	float: 				left;
	background:			#FFFFFF;
	display: 			inline;
}

map ul  {
	padding:			0px 0px 0px 0px;
	margin:				0;
	list-style-type:	none;
	display:			block;
	text-indent:		0;
	background:			#FFFFFF;
}

map li {
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	list-style-type:	none;
	display:			block;
	text-indent:		0;
	border-bottom: 		1px solid #ffa17f;
	text-transform: 	uppercase;
	background:			#FFFFFF;
	vertical-align:		bottom;
	zoom:				1;
}

div#menuConCol a{
	font-size:			14px;
	font-weight:		bold;
	text-decoration: 	none;
	color:				#854039;
	padding:			7px 0px 5px 10px;
	margin:				1px 0px 1px 0px;
	display:			block;
	/*height: 			14px;*/
	background:			#FFFFFF;
	zoom:				1;
}

div#menuConCol a:visited {
	font-weight:		bold;
	text-decoration: 	none;
	color:				#854039;
}

div#menuConCol a:hover {
	font-weight:		bold;
	text-decoration: 	none;
	color:				#FF4400;
	background:			#ffdacc;
}

div#menuConCol a.active{
	color:				#FF4400 !important;
	background:			#ffdacc;
	/*border-bottom: 		1px solid #ffa17f;*/
}

/**************************************************
			SUB-NAVIGATION
**************************************************/

map ul li ul {
	padding:			0px 0px 0px 0px;
	margin:				1px 0px 0px 0px;
	list-style-type:	none;
	display:			block;
	text-indent:		0;
	background:			#FFFFFF;
}

map li ul li{
	padding:			0px 0px 0px 0px;
	margin:				1px 0px 1px 0px;
	list-style-type:	none;
	display:			block;
	text-indent:		0;
	border-bottom: 		none;
	text-transform: 	uppercase;
	background:			#FFFFFF;
}

div#menuConCol map ul li ul li a{
	font-size:			12px;
	font-weight:		bold;
	text-decoration: 	none;
	color:				#854039;
	padding:			7px 0px 5px 23px;
	margin:				0px 0px 0px 0px;
	display:			block;
	background:			#FFFFFF;
	width: 				224px; /* Extra toevoeging voor werking in IE6, anders werkt de 'knop' niet over de volledige breedte  */
}

div#menuConCol map ul li ul li a:visited {
	font-weight:		bold;
	text-decoration: 	none;
	color:				#854039;
	background:			#FFFFFF;
}

div#menuConCol map ul li ul li a:hover {
	font-weight:		bold;
	text-decoration: 	none;
	color:				#FF4400;
	background:			#FFFFFF;
}

div#menuConCol map ul li ul li a.active{
	color:				#FF4400 !important;
	background:			#FFFFFF;
}

ul#first {
	border-top: 1px solid #ffa17f;
}

/*---- NAVIGATION PARTS ----*/


div.clear {
    line-height:        0;
    font-size:          0;
    clear:              both;
    height:             1px;
}

/********** PARTICIPANT **********/
div#participantCon {
	position:			relative;
	width: 				259px;
	height:				98px;
	margin:				0px 0px 10px 0px;
	padding:			55px 175px 10px 10px;
	float: 				top;
	background-image:	url(../images/bg_participant.gif);
}

div#participantCon p {
	color:				#FFFFFF;
	margin:				0px 0px 15px 0px;
	padding:			0px 0px 0px 0px;
}

div#participantCon span {
	margin:				0px 34px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			36px;
	font-weight:		bold;
	color:				#FFFFFF;
}
/********** PARTICIPANT **********/

/********** PERCENTAGE **********/

div#percentageCon {
	position:			relative;
	width: 				380px;
	margin:				0px;
	padding:			5px 25px 10px 10px;
	float: 				top;
	overflow:hidden;
}

div#percentageCon div#nederlandCon {
	float:left;
	background-image:	url(../images/nederland_percentage_bg_groen.gif);
	background-position:0px -7px;
	background-repeat: no-repeat;
}

div#nederlandCon img {
	display: block;
}

div#percentage {
	position:absolute;
	left:65px;
	top:115px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height: 1em;
}

div#percentageCon p {
	margin: 10px 20px 20px 190px;
}

/********** PERCENTAGE **********/


div#contentConColTitle {
	position:			relative;
	width: 				425px;
	height:				auto;
	margin:				0px 0px 0px 0px;
	padding:			7px 10px 0px 0px;
	float: 				top;
}

div#contentConCol a:hover{
	color:				#ff7340;
}