html{
	height 				: 100%;
}
body{
	background 			: url(/images/top_clouds.jpg) #b5cee4 repeat-x top center fixed;
	padding 			: 0;
	margin 				: 0;
	height 				: 100%;
	behavior 			: url("/javascripts/csshover.htc");
}
div#container{
	position 			: relative;
	width				: 800px;

	height 				: 100%;
	margin 				: 0 auto;
}
div#container div#left_bar{
	position 			: fixed;
	_position 			: absolute;
	top 				: 25px;
	
}
/* -- NAVIGATION -- */
div#container div#left_bar div#navigation{
	width 				: 298px;
}
div#container div#left_bar div#navigation div.navigation_top,div#container div#left_bar div#navigation div.navigation_bottom{
	width 				: 298px;
	height 				: 20px;
	display 			: block;
}
div#container div#left_bar div#navigation div.navigation_top{
	background 			: url(/images/nav_top_shadow.png);
}
div#container div#left_bar div#navigation div.navigation_bottom{
	background 			: url(/images/nav_bottom_shadow.png);
}
div#container div#left_bar div#navigation div.navigation_center{
	background 			: url(/images/nav_shadow.png);
	_height 			: auto;
	padding 			: 1px 15px 1px 15px;
}
div#container div#left_bar div#navigation div.navigation_center h2{
	margin 		 		: 10px 0 5px 50px;
	margin:0;
}
div#container div#left_bar div#navigation div.navigation_center ul{
	margin 				: 0;
	padding 			: 0;
	line-height 		: 30px;
	border-top 			: 1px solid #8CAD52;
	border-bottom		: 1px solid #8CAD52;
	background 			: url(/images/nav_item_bg.png);
	list-style 			: none;
	margin-right 		: -6px;
	margin-left 		: -6px;
	background:none;
	border-top:0;
}
div#container div#left_bar div#navigation div.navigation_center ul li{
	margin 				: 0;
	padding 			: 0;
	height 				: 26px;
	padding 			: 4px 0 0 55px;
	padding:0;
	height:30px;
}
/* -- SPECIAL NAVIGATION -- */
div#container div#left_bar div.special_navigation{
	width 				: 298px;
	margin-top 			: -12px;
}
/* -- MAIN -- */
div#container div#main{
	display 	 		: block;
	float 				: right;
	width 				: 513px;
	min-height 			: 100% !important; /*For all browser except IE */
	height 				: auto !important;
	height 				: 100%;
	position 			: relative;
	padding 			: 0 9px;
	background 			: url(/images/main_bg.png);
}
div#container div#main div.title{
	background 			: url(/images/top_title_shadow.jpg) no-repeat;
	padding 			: 55px 0 3px 44px;
	_width 				: 469px;
}

div#container div#main div#content{
	padding 			: 10px 30px 10px 40px;
}
div#container div#main_shadow{
	float 				: right;
	width 				: 531px;
	background 			: url(/images/main_bottom_shadow.png) no-repeat;
	height 				: 50px;
}
/* -- TREE SELECTOR -- */
div#container div#content div#tree_selector{
	margin-left 		: -5px;
}
div#container div#content div#tree_selector #tree_selector_item{
	width 				: 442px;
	height 				: 71px;
	padding 			: 9px 8px 8px 8px;
	display 			: block;
}
div#container div#content div#tree_selector div#tree_selector_item{
	height 				: auto;
}
div#container div#content div#tree_selector a#tree_selector_item:hover{
	background 			: url(/images/tree_list_item.jpg);
}
div#container div#content div#tree_selector #tree_selector_item img{
	float 				: left;
	margin-right 		: 10px;
}

div#container div#content div#tree_selector #tree_selector_item span{
	float 				: left;
	padding 			: 10px 0;
	max-width 			: 330px;
}

div#tree_info{
	width 				: 442px;
	height 				: 71px;
	padding 			: 9px 8px 8px 8px;
	display 			: block;
	background 			: #FFF url(/images/tree_list_item.jpg) repeat-y;
}
div#tree_info.detail{
	height 				: 183px;
	background 			: #FFF url(/images/tree_list_item_large.jpg) repeat-y;
}
div#tree_info #dream_table{
	width 				: 442px;
	height 				: 183px;
	overflow 			: auto;
}

div#tree_info #dream_table table{
	border-collapse 	: collapse;
}
div#tree_info #dream_table table td,div#tree_info #dream_table table th{
	padding 			: 6px;
}
div#tree_info span.image{
	float 				: left;
	padding 			: 5px;
}
div#tree_info span.content{
	width 				: 310px;
	display 			: block;
	float 				: right;
}
.province_text{
	display 			: block;
	padding 			: 10px;
}

/* -- GRASS -- */
div#grass{
	height 				: 159px;
	background 			: url(/images/bottom_grass.jpg) repeat-x bottom center;
	width 				: 100%;
	position 			: fixed;
	bottom 				: 0;
	z-index 			: -1;
	margin-top 			: -149px;
	margin-bottom 		: -5px;
}

.float_clear{
	display 			: block;
	height 				: 1px;
	width 				: 200px;
}
a img{
	border 				: none;
}
.save_button{
	background 			: url(/javascripts/fckeditor/editor/skins/office2003/fck_strip.gif);
	background-position : 0 -32px;
	border 				: 0px;
	margin				: 0 0 0 5px;
	width 				: 16px;
	height 				: 16px;
	display 			: inline;
}
.save_button_text{
	background 			: url(/javascripts/fckeditor/editor/skins/office2003/fck_strip.gif);
	background-position : 0 -32px;
	border 				: 0px;
	margin				: 0 0 0 5px;
	width 				: 16px;
	height 				: 16px;
	display 			: inline;
}
.left{
	float 				: left;
}
/* -- LOGINBOX -- */

div#loginbox{
	margin 				: 100px auto;
	width 				: 270px;

	display 			: block;
	background 			: white;
	padding 			: 15px;
}

div#loginbox input.type{
	font-size 			: 20px;
	margin-right 		: 6px;
	padding 			: 3px;
	width 				: 95%;
}

/* -- Treetype Manage -- */
#tree_selector_item textarea{
	width 				: 340px;
}
#tree_selector_item select{
	width 				: 95px;
	margin-right 		: 4px;
	height 				: 174px;
}
.bevestig_button{
	background 			: url(/images/bevestig_button.jpg) no-repeat;
	width 				: 175px;
	height 				: 36px;
	display 			: block;
	border 				: none;	
}
.opslaan_button{
	background 			: url(/images/opslaan_button.jpg) no-repeat;
	width 				: 120px;
	height 				: 36px;
	display 			: block;
	border 				: none;	
}

#footer{
}
#kaart_link{
	position:absolute;
	margin-left:400px;
	cursor:pointer;
	height: 90px;
	overflow: hidden;
	display: block;
}

/* Mogelijk andere oplossing voor de PNG fix die nu aanwezig is (supersleight)
*html img, *html .png{
	position:relative;
	behavior:expression(
		(this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:
			(this.nodeName=="IMG"&&this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage="none",this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "/images/x.gif"):
				(this.origBg == this.origBg? this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")
			),this.pngSet=true
		)
	);

}
*/

/* aanpassingen van david */
/*#foliage {
	position:absolute;
	top:-11px;
	left:-15px;
	background:url(/images/foliage_top.png) top left no-repeat;
	width:152px;
	height:117px;
}
*/
#foliage2 {
	position:absolute;
	top:157px;
	left:210px;
	background:url(/images/foliage_bottom.png) top left no-repeat;
	width:121px;
	height:124px;
}

#foliage_top1 {
	position:absolute;
	width:107px;
	height:20px;
	background:url(../images/foliage_top1.png) top left no-repeat;
	top:-11px;
	left:30px;
}

#foliage_top2 {
	position:absolute;
	width:64px;
	height:97px;
	background:url(../images/foliage_top2.png) top left no-repeat;
	top:9px;
	left:-15px;
}

#foliage_bottom1 {
	position:absolute;
	width:22px;
	height:80px;
	background:url(../images/foliage_bottom1.png) top left no-repeat;
	top:145px;
	left:289px;
}

#foliage_bottom2 {
	position:absolute;
	width:66px;
	height:40px;
	background:url(../images/foliage_bottom2.png) top left no-repeat;
	top:220px;
	left:223px;
}


.navigation_center {
	
}

	.navigation_center ul {
		
	}
	
	.navigation_center li {
		
	}
	
	.navigation_center li a {
		display:block;
		height:30px;
		text-indent:-5000px;
	}
	
	.navigation_center li h2 a {
		height:46px;
	}