html 
{
	background-color: #d9dadb;
}

body {
	/*position: relative;*/

	font-family: Arial;
	font-size: 62.5%;
	left:50%;
	 margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    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: #000000;


}
#wraper {
	margin:0 auto;
	text-align:left;
	width:800px;
}


#header, #header_home
{
	position: absolute;
	width: 800px;
	height: 25px;
	
	background-color: #ffffff;
}

#header_home
{
	width: 800px;
	height: 32px;
	background-image: url('../images/home/header_bg.jpg');
	background-repeat: repeat-x;
}

#header_wave
{
	position: absolute;
	background-image: url('../images/home/header_wave.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 800px;
	height: 59px;
	top: 32px;
}

#header_nav
{
	position: relative;
	float: right;
	margin: 7px 10px 0 0;
	height: 2em;
	font-size: 1.05em;
	color: #14382e;
	clear: both;	
}

#header_home #header_nav, #header_home #header_nav a
{
	color: #ffffff;
}

#home_nav
{
	position: absolute;
	top: 375px;
	left: 80px;
	width: 667px;
	height: 30px;
	/* float: right;*/
	background-color: transparent;
}

#home_nav li
{
	float: left;
	padding-right: 5px;
	width: 157px;
	height: 30px;
}

#home_nav li#transport a, #home_nav li#container_verhuur a, #home_nav li#recycling a, #home_nav li#over_meeuwenoord a
{
	display: block;
	width: 157px;
	height: 30px;
 	background-image: url('../images/home/home_trans.jpg');
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.7em;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
}

#home_nav li#container_verhuur a
{
	background-image: url('../images/home/home_verhuur.jpg');
	background-repeat: no-repeat;
}

#home_nav li#recycling a
{
	background-image: url('../images/home/home_recycling.jpg');
	background-repeat: no-repeat;
}

#home_nav li#over_meeuwenoord a
{
	background-image: url('../images/home/home_over.jpg');
	background-repeat: no-repeat;
}

#flash_menu
{
	position: absolute;
	width: 800px;
	height: 417px;
	top: 91px;
	background-image: url('../images/home/home_bg.jpg');
	background-repeat: no-repeat;
}

div#welcome
{
	position: absolute;
	width: 800px;
	height: 92px;
	background-image: url('../images/home/welcome_bg.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	top: 508px;
}

 
div#welcome_text
{
	position: relative;
	width: 720px;
	height: 76px;
	margin-top: 15px;
	margin-left: 40px;
}

div#welcome_text p
{
	color: #ffffff;
	font-size: 1.4em;
	text-align: center;
} 

div#welcome_wave
{
	position: absolute;
	width: 800px;
	height: 35px;
	background-image: url('../images/home/welcome_wave.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	top: 600px;
}

#header_nav a
{
	text-decoration: none;
	height: 2em;
	font-size: 1.05em;
	color: #14382e;	
}

#header_nav a:hover
{
	text-decoration: underline;
}

#header_nav li
{
	float: left;
	padding-right: 4px;
}

#mhome
{
	position: absolute;
	float: left;
	top: 22px;		
	z-index:2;
}


#menu
{
	position: absolute;
	float: left;
	width: 800px;
	height: 186px;
	top: 2em;
	background-image: url('../images/menu/menu_bg.jpg');
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color: #ffffff;	
}

#menu h1
{
	text-indent: -2000em;
}

#main_nav
{
	position: relative;
	margin-top: 149px;
	margin-left: 193px;
	width: 515px;
	height: 25px;
	/* float: right;*/
	background-color: transparent;
	
}

#main_nav li
{
	float: left;
	padding-right: 5px;
	width: 120px;
	height: 25px;
}

#main_nav li#transport a, #main_nav li#transport a:hover, #main_nav li#container_verhuur a, #main_nav li#container_verhuur a:hover, #main_nav li#recycling a, 
#main_nav li#recycling a:hover, #main_nav li#over_meeuwenoord a, #main_nav li#over_meeuwenoord a:hover
{
	display: block;
	width: 120px;
	height: 25px;
	background-image: url('../images/menu/transport_normal.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
}

#main_nav li#transport a:hover
{
	background-image: url('../images/menu/transport_hover.gif');
	background-repeat: no-repeat;
}

#main_nav li#container_verhuur a
{
	background-image: url('../images/menu/verhuur_normal.gif');
	background-repeat: no-repeat;
}

#main_nav li#container_verhuur a:hover
{
	background-image: url('../images/menu/verhuur_hover.gif');
	background-repeat: no-repeat;
}

#main_nav li#recycling a
{
	background-image: url('../images/menu/recycling_normal.gif');
	background-repeat: no-repeat;
}

#main_nav li#recycling a:hover
{
	background-image: url('../images/menu/recycling_hover.gif');
	background-repeat: no-repeat;
}

#main_nav li#over_meeuwenoord a
{
	background-image: url('../images/menu/over_normal.gif');
	background-repeat: no-repeat;
}

#main_nav li#over_meeuwenoord a:hover
{
	background-image: url('../images/menu/over_hover.gif');
	background-repeat: no-repeat;
}

#main
{
	position: absolute;
	top: 206px;
	width: 800px;
	height: auto;
	/* border: 1px solid #000000; */
		background-color: #ffffff;
	background-image: url('../images/sidebar/sidebar_repeat.jpg');
	background-position: 0% 100%;
	background-repeat: repeat-y;	
}

#main img#bottom-logo
{
	position: absolute;
	left: 35px;
	bottom: 5px;
}

#sidebar
{
/*	position: absolute; */
	position: relative;
	margin-left: 0px; 
	width: 195px;
	height: 553px;
	float: left;
	background-image: url('../images/sidebar/sidebar_bg.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
/*	height: 400px;*/
}

#sidebar ul
{
	margin: 24px 0 0 15px;
}

#sidebar ul a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
}

#sidebar ul li
{
	padding-bottom: 5px;
}

#sidebar ul a:hover, #sidebar ul a:active
{
	/* font-weight: bold; */
	text-decoration: underline;
}

#sidebar ul a, #sidebar ul a:visited
{
	text-decoration: none;
}

#content_area
{
	position: relative;
	width: 603px;
	height: auto;
	float: right;
	/* border: 1px solid #000000; */ 
}

#data
{
	position: relative;
	max-width: 490px;
	min-height: 600px;
	float: left;
	/* background-color: #ccffcc; */
	margin: 5px 5px 5px 5px;
}

#data p
{
	/*width: 580px;*/
}

#data h2
{
	font-size: 2.2em;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 15px;
	color: #004635;
}

#data #data_text
{
	width:490px;
	font-size: 1.2em;
	margin-top: 5px;
	margin-left: 10px;
}

li.vac_item
{
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 1px;
}

li.vac_item h3, li.news_item h3
{
	font-size: 1.5em;
}

li.news_item
{
	/* margin-left: 5px; */
	/* padding-left: -10px; */
	padding-top: 10px;
	display: block;
	width: 500px; /* todo: set good width */
    min-height: 150px;
	height: auto;
	_height: 150px; /* IE6 put in to ie6.css as height: 150px; */
	border-bottom: 2px solid #ae0038;
	position: relative;
}
li.odd img
{
    border-right: 20px solid #fff;
	float: left;
}
li.even img
{
    border-left: 20px solid #fff;
	float: right;
}

li.news_item img
{
    margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	/* margin-left: -33px; */
	width: 139px;
	height: 91px;
	padding: 0;
}

ul#newsletter h3
{
	height: 30px;
	font-size: 1.5em;
}

ul#newsletter li
{
	height: 25px;
	font-size: 1.2em;
}

li.vac_item p, li.news_item p
{
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
}

li.news_item h3
{
	padding-top: 4px;
}

li.vac_item a
{
	color: #000000;
	text-decoration: none;
}

li.vac_item span
{
	padding-left: 5px;
	padding-right: 5px;
 	border: 1px solid #ae0038;
 	border-left: none;
	font-size: 1.2em;
}

li.vac_item span.vac_nr
{
	padding-right: 220px;
	border-left: 1px solid #ae0038;
}

#footer, .vcard
{
	position: relative;
	margin-bottom: 0px;
	width: 603px;
	height: 30px;
	float: left;
	/* background-color: #ffccff; */	
}

.adr
{
	margin-left: 30px;
	width: 550px;
	border-top: 1px solid #000000;
} 

.organization-name
{
	margin-left: 20px;
}

.vcard li, .vcard li ul li
{
	float: left;
	padding-top: 5px;
}

#home_footer
{
	position: absolute;
	top: 635px;
	width: 800px;
	height: 30px;
	background-color: #ffffff;
}

#home_footer .vcard .adr
{
	/* margin-left: 30px; */
	width: 750px;
	/* border-top: 1px solid #000000; */
	border-top: none;
}

#home_footer .vcard .adr ul .organization-name
{
	margin-left: 100px;
}

.vcard li, .vcard li ul li
{
	float: left;
	padding-top: 5px;
}