﻿/*1 em = 10 px*/

/* lay-out */
html,
body {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	background-color : #fff;
	overflow: hidden;
}
	#canvas0 {
		position: absolute;
		top: 9%;
		width: 100%;
		max-width: 1280px;
		height: 82%;
		max-height: 700px;
		left: 0%;
		border: solid 1px #91ce43;
	}
	* html #canvas0 {
		height: 545px;
	}
		#left {
			float: left;
			width: 18%;
			height: 100%;
			background-image: url(../images/bg_left.png);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
			#navigatie {
				position: absolute;
				top: 30px;
				width: 20%;
				height: 440px;
				left: 0px;
				overflow: hidden;
			}
			*html #navigatie {
				width: 110%;
			}
			#logo {
			 position: absolute;
			 left: 10px;
			 bottom: 10px;
			 width: 155px; 
			 height: 30px; 
			 border: none;
			}
		#main {
			float: left;
			width: 65%;
			height: 100%;
		}
			#home {
				float: left;
				width: 100%;
				height: 100%;
				/*background-image: url(../images/bg_shadow.png);
				background-repeat:repeat-y;*/
			}
				#home_right {
					float: left;
					width: 100%;
					height: 100%;
					/*background-image: url(../images/bg_shadow_right.png);
					background-position: top right;
					background-repeat:repeat-y;*/
				}
			#content {
				float: left;
				width: 80%;
				height: 100%;
				background-image: url(../images/bg_shadow.png);
				background-repeat:repeat-y;
			}
				#header {
					width: 100%;
					height: 15%;
				}
				#header_content {
					padding: 0px 20px 0px 40px;
				}
				#header_content img {
					margin-top: 30px;
				}
				#body {
					width: 100%;
					height: 85%;
					background-image: url(../images/bg_content.png);
					background-position: top left;
					background-repeat: no-repeat;
					overflow: auto;
				}
				#body_content {
					padding: 20px 20px 20px 40px;
				}
				#body_overstappen {
					width: 100%;
					height: 100%;
					background-image: url(../images/bg_content.png);
					background-position: top left;
					background-repeat: no-repeat;
					overflow: hidden;
				}
				#body_content_overstappen {
					padding: 20px 20px 20px 40px;
				}					
			#visual {
				float: left;
				width: 20%;
				height: 100%;
				overflow:hidden;
				/*background-image: url(../images/visual_bos.jpg);
				background-position: bottom right;*/
			}
		#right {
			float: left;
			width: 17%;
			height: 100%;
			background-image: url(../images/bg_right.png);
			background-position: bottom right;
			background-repeat: no-repeat;
			overflow: hidden;
		}
			.nav_right {
				height: 32px;
				padding : 8px 0px 0px 10px;
				margin : -5px 0px 0px 10px;
				background-image: url(../images/nav_bg_right.png);
				background-position: top left;
				background-repeat: no-repeat;
			}
	#footer {
		position: absolute;
		width: 99%;
		height: 9%;
		text-align: right;
		padding-top: 5px;
	}
.clearboth {
	clear:both;
}
/* div container voor greenchoice intro */
.greenchoice_intro {
	width:99.4%;
	height:100%;
	background-image: url(../images/bg_greenchoice_intro.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align:right;
}

.greenchoice_aanmelden {
	height:100%;
	width:95%;
	margin:auto;
	padding-left:20px;
	padding-top:20px;
}
    .greenchoice_aanmelden ul li {
     background-image: none;
}
