/*
Gemaakt door: 	Sead Memic
Bedrijf:		VPRI Internetdiensten
Project:		Amazone Amaryllis
*/

/*Padding and margin reset*/
	html, body, ul, li, ol, p, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset { margin:0; padding:0; font-style:normal; border:none;}
	
/*General*/
	html, body 				{ background: #333 url(images/bg.jpg) top center no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}
	body 					{ }
	h1, h2, h3, h4, h5, h6 	{ font-family: "Palatino Linotype", "Trebuchet MS", Verdana, sans-serif; margin: 0; padding: 0;}
	h1						{ font-size: 22px; color: #006600; font-weight:100;}
	h2						{ font-size: 18px; color: #006600; font-weight:100;}	
	
/*Layout*/
	#site					{ width: 952px; margin: 0 auto; background: #fff url(images/body.jpg) top center repeat-y; padding-left: 4px;}
	#wrapper				{ background: #fff url(images/news-bg.jpg) bottom right no-repeat; margin-right: 12px; _margin: 0;}
	
	#header					{ width: 948px; height: 317px; background: url(images/header-bg.jpg);}
		#flashLeft 				{ float: left;}
		#flashRight				{ margin-left: 198px; float: left;}
	
	#top					{ margin: 10px 10px 8px 10px; border-bottom: 1px dashed #999; padding-bottom: 8px;}
		#flags					{ float: left;}
		#breadcrumb				{ float: left; margin: 5px 0 0 155px;}
		#search					{ margin-left: 765px;}
	
	#menu					{ margin-left: 8px; float: left;}
	#contact				{ width: 175px; padding: 5px; border: 1px solid rgb(234, 244, 234); margin: 0; font-size: 10px;}
	#teksten				{ width: 332px; border-left: 1px dashed #999; border-right: 1px dashed #999; margin: 0; padding: 0 15px; float: left; min-height: 350px; _height: 420px;}
	#afbeeldingen			{ width: 328px; margin: 0; padding: 0 15px; float: left; min-height: 350px; _height: 420px;}
	.news					{ width: 198px; margin-left: 0px; float: left;}

	#footer					{ width: 952px; height: 30px; margin: 0 auto; clear: both; background: #333 url(images/footer-bg.jpg) top center no-repeat; padding: 6px 0 0 4px; text-align: center; color: #999;}
	
	div.cls					{ clear:both; height:1px; }

/*Navigation and Links */
	#menu h1				{  }
	#menu ul li				{ width: 190px; text-transform: capitalize; font-weight: 600; letter-spacing: 3px; margin-bottom: 5px; list-style: none;}
	
	#menu ul a					{ text-decoration: none; width: 160px; height: 15px; display: block; color: #336633; padding: 3px 0 0 30px; background-color: rgb(234, 244, 234);}
	#menu ul a:hover			{ text-decoration: none; color: rgb(234, 244, 234); background-color: #336633;}
	#menu ul li.menu-current a		{ background-color: #336633; color: #fff;}
	#menu ul li.menu-current ul li a	{ color: #336633;}
	#menu ul li.menu-current ul li a:hover	{ color: #fff;}
	#menu ul li ul li a			{ border: 1px Solid #003300;}

	#menu ul li ul li.menu-current a 	{ text-decoration: none; background:transparent url(images/submenu-link.png); color: #fff; }
	
	#menu ul li ul a			{ background:transparent url(images/submenu-hover.png); color: #336633; width: 140px; height: 15px; padding-left: 50px; margin-top: 5px; letter-spacing:-1px;}
	#menu ul li ul a:hover,
	#menu ul li ul a:focus		{ background:transparent url(images/submenu-link.png); color: #fff; height: 15px;}
	
	#breadcrumb a			{ text-decoration: none; color: #999; letter-spacing: 0.1em;}
	#breadcrumb a:hover		{ text-decoration: underline; color: #999;}
	
	#teksten a				{ text-decoration: none; color: #666; border-bottom: 1px dashed #006600;}
	#teksten a:hover		{ text-decoration: none; color: #006600; border-bottom: 1px solid #006600;}
	
	#contact a				{ text-decoration: none; color: #666; border-bottom: 1px dashed #006600;}
	#contact a:hover		{ text-decoration: none; color: #006600; border-bottom: 1px solid #006600;}

	.news-title a			{ text-decoration: none; color: #006600;}
	.news-title a:hover		{ text-decoration: underline; color: #006600;}
	
	.date a					{ text-decoration: none; color: #fff;}
	.date a:hover			{ text-decoration: none; color: #fff; background-color: #006600;}

	.news-wrapper p a		{ text-decoration: none; color: #006600;}
	.news-wrapper p a:hover	{ text-decoration: none; color: #999;}

	#producten a 			{ text-decoration: none; border:0;}
	#producten a:hover 		{ text-decoration: none; border: 0;}

	#container1 a			{ color: #CCCCCC;}
	#container1 a:hover		{ }
	#container2 a			{ color: #CCCCCC;}
	#container2 a:hover		{ }
	
	#flags a				{ margin-left: 5px;}
		
/*Search */
	#string					{ width: 144px; height: 14px; background: #fff url(images/search.gif) center right no-repeat; border: 1px solid #BDCAD4; color: #999; letter-spacing: 0.1em; font-size: 11px; padding: 3px;}

/*Links */
	#content-text a			{ text-decoration: none; color: #fff; border-bottom: 1px dashed #fff;}
	#content-text a:hover	{ text-decoration: none; color: #ccc; border-bottom: 1px dashed #fff;}
	
/* V A R I O U S */
	#teksten p				{ padding-top: 10px; line-height: 16px;}
    #map                    { overflow: hidden;}
	#contact h2				{ margin-left: 3px;}
	#menu h2				{ margin-bottom: 3px;}
	#news h1				{ margin-bottom: 4px;}
	
	#container1				{ color: #ccc;}
	#container2				{ color: #ccc;}
	
/*News*/
	.date a					{ 0px; width: 50px; height: 70px; color: #fff; background-color: rgb(234, 244, 234); display: block; font-size: 28px; line-height: 30px; font-weight: 100; text-align: center; float: left; margin-right: 6px; padding-top: 8px;}
	.news-title				{ font-weight: bold; color: #006600; width: 175px; float: left; font-size: 10px;}
	#news p					{ color: #006600; width: 170px; margin-bottom: 15px; font-size: 9px; float: left;}
	
	.news-wrapper			{ margin: 10px 10px; overflow: hidden;}

.sitemap li { margin-left: 15px; font-size: 13px;}
.sitemap li a { margin-left: 16px; text-decoration: none; border-bottom:1px solid #fff;}
.sitemap li a:hover { }