form {margin: 0; padding: 0; }
html {
	background: #FFF url('../images/html-bg.jpg') repeat-x;
	font: 12px "Arial";
	color: #000;
}
body	{
	padding: 0 0 30px 0;
}
br.clear	{	clear: both;	height: 1px; line-height: 1px; }
	
	/* Wrapper */
		div.wrapper			{	width: 1007px;	position: relative; overflow: hidden;	margin: 0 auto;	 }
		
		/* Top */
			div#top			{	padding: 0 5px; 	height: 101px}
			
			/* Logo */
				div#top div.logo				{	float: left; height: 101px; width: 393px; background: url('../images/logo.jpg') no-repeat;}
				div#top div.logo h1				{	display: block;	height: 101px;  }
				div#top div.logo h1 a			{	display: block;	height: 101px;  }
				div#top div.logo h1 a span		{	display: none; }
				
			/* Banner */
				div#top div.h_banner			{	float: right; padding: 20px 0 0 0; }
				
		/* Header */
			div#top_links		{	height: 32px;	background: url('../images/links-bg.jpg') no-repeat;	}
			
				div#top_links ul {
					float: right; 
					height: 12px;
					padding: 4px 0 0 0;
				}
				div#top_links ul li {
					float: left;
					font: 11px "Tahoma";
					line-height: 12px;
				}
				div#top_links ul li a			{	display: block; float: left; padding: 0 20px 0 20px; text-decoration: none; color: #FFF;}
				div#top_links ul li a:hover		{	color: #426200;}
				div#top_links ul li a.mail 		{	background: url('../images/menu-icons.gif') no-repeat left top;  }
				div#top_links ul li a.faq		{	background: url('../images/menu-icons.gif') no-repeat left center; }
				div#top_links ul li a.links 		{	background: url('../images/menu-icons.gif') no-repeat left bottom; }
					
		/* Topmenu */
			ul#providers				{	height: 63px;	margin: 0;	padding: 0 0 0 60px; background: url('../images/providers_bg.jpg') no-repeat left center; }
			ul#providers li 			{	float: left;	padding: 0 0 0 27px;	background: url('../images/providers_li.jpg') no-repeat left center; }
			ul#providers li.first		{	background: none; padding: 0; }
			ul#providers li a			{	color: #FFF;	font: 17px "Arial";	font-weight: bold; text-decoration: none;}
			ul#providers li a:hover	{	color: #ffc600 }
			
		/* Container */
			div#container	{	height: auto;	background: url('../images/container_bg.jpg') repeat-y left top;	padding: 0 5px;	overflow: hidden;	 }				
			
				/* Navigation */
					div#navigation {
						height: 33px;
						background: url('../images/navigation_bg.jpg') repeat-x;
						font: 12px "Tahoma";
					}	
					
					div#navigation ul {
						float: left;
						height: 33px;
						line-height: 33px;
						background: url('../images/nav_splitter.jpg') no-repeat right top; 
						padding: 0 50px 0 10px;
					}
					div#navigation ul li {	
						float: left;
						position: relative;
					}
					div#navigation ul li a {
						color: #FFF;
						text-decoration: none; 
						font-weight: bold;	
					}
					div#navigation ul li a:hover {	color: #426200; 	}
					div#navigation ul li a span	{	padding: 0 5px 0 8px; }
					
						/* Dropdown Menu */
							div#navigation ul li ul {	display: none; }
							
								/* Hover */
									div#navigation ul li:hover ul 			{	z-index: 2;	display: block; background: #deff98; width: 150px; padding: 4px 0; position: absolute; left: 5px; height: auto; line-height: 18px;}
									div#navigation ul li:hover ul li 			{	float: none; display: block; }
									div#navigation ul li:hover ul li a			{	color: #000000; }
									div#navigation ul li:hover ul li a:hover	{	color: #73a711; }
					
				/* Content */
					div#content {
						padding: 0 4px;
					}
					div#content div.padded	{	padding: 0 10px; }
					div#content p 		{	padding: 7px 0; font-size: 11px; line-height: 18px;}
					div#content h2		{	padding: 7px 0; font-size: 13px; line-height: 18px;}
					div#content p.center 	{	text-align: left;	}
					div#content p.shadow 	{	padding-bottom: 21px; background: url('../images/shadow.jpg') no-repeat center bottom; }
					
							div#content a								{	color: #000; }
							div#content a:hover						{	font-weight: bold; }'
					
						/* Providers */
							div#content div.choises					{margin-left: 100px; width: 990px; background: #ffd9b4; padding: 3px 0 3px 10px; float: left; font-size: 12px; line-height: 28px; margin-top: 5px;}
							div#content div.choises input,
							div#content div.choises b,
							div#content div.choises a,
							div#content div.choises select,
							div#content div.choises label				{	float: left;	margin-right: 10px; }
							div#content div.choises input.checkbox		{	margin-right: 5px; margin-left: 35px; margin-top: 7px; }
							div#content div.choises select				{	margin-top: 4px; }
							div#content div.choises input#internet		{	margin-left: 10px; }
							div#content div.choises a					{	color: #FFF; text-decoration: none; }
							div#content div.choises a:hover			{	color: #000;	font-weight: normal; }
							div#content div.choises b					{	padding: 0 5px 0 0; z-index: -1;}
							div#content div.choises input.submit_button	{	float: left; margin-left: 10px;}
							div.fixfloat {
								clear:both;
								margin:0;
								padding:0;
								height:0;
								width:0;
								overflow:hidden;
							}
							.schruiven									{background: #ffd9b4; height: 30px; float:left; margin:0 0 4px -4px; width:977px; padding:2px 0 0 20px;}
							#internet									{margin-top: 7px; float: left;}
							#telefoon									{margin-top: 7px; float: left;}
							#televisie									{margin-top: 7px; float: left;}
							#geenvoorkeur								{margin-top: 7px; float: left;}
							#maximaal									{margin-top: 7px; float: left;}
							#zoekje										{margin-top: 7px; float: left;}
							
						/* Abonnementen Table */
							table#abonnementen{
								width: 100%;
								margin: 0 0 9px 0;
								
							}
							table#abonnementen thead tr{
								line-height: 36px;
								background: url('../images/t_head.jpg') repeat-x;	
								color: #FFF;
								font-weight: bold;
							}
							table#abonnementen thead tr th {
								background: url('../images/t_head-splitter.jpg') no-repeat left top;	
								text-align: center;	
								height: 36px;
								line-height: 40px;
							}
							table#abonnementen thead tr th.first {
								background: url('../images/t_head-first.jpg') no-repeat left top;
							}
							table#abonnementen thead tr th.last  {
								padding: 0;
								margin: 0;
								vertical-align: top;
							}
							table#abonnementen thead tr th.last img	{	float: right; 	margin: 0;	padding: 0;	display: block;	height: 36px;	width: 7px;}
							
								/* Sizes */
									.td_logo 		{	width: 100px; }
									.td_options 		{	width: 135px; }
									.td_price		{	width: 95px; }
									.td_firstyear 	{	width: 116px; }
									.td_setup		{	width: 108px; }
									.td_time		{	width: 125px; }
									.td_speed		{	width: 85px; }
									
									table#abonnementen tbody tr td.td_abonnement	{	text-align: left;	padding-left: 15px;}
									
								/* Tbody */
									table#abonnementen tbody tr 				{	border-bottom: 1px SOLID #ececec;	}
									table#abonnementen tbody tr td 			{	text-align: center;  vertical-align: top; padding: 10px 0;}
									table#abonnementen tbody tr td.tdb_logo 	{ 	vertical-align: middle; padding: 0; }
									
									table#abonnementen h3 		{	font-size: 12px; font-weight: bold; }
									table#abonnementen h3 a 		{	color: #000; text-decoration: none; }
									table#abonnementen h3 a:hover	{	color: #ec460f; }
									
									table#abonnementen tbody tr td.td_abonnement p 	{	position: absolute;  padding: 15px 0 0 0; line-height: 18px; width: 740px; z-index: 1;}
									table#abonnementen tbody tr td a.meer_info	 	{	margin: 4px 0 0 10px; display: block; height: 24px; width: 113px; background: url('../images/meer_info.jpg') no-repeat left top; }
									table#abonnementen tbody tr td a.meer_info:hover	 {	background: url('../images/meer_info.jpg') no-repeat left bottom; }
									table#abonnementen tbody tr td a.meer_info span	 {	display: none; }
							
		/* Footer */
			div#footer				{	height: 53px;	background: url('../images/footer_bg.jpg') no-repeat; }
			div#footer p				{	padding: 19px 0 0 0; text-align: center; color: #334e00; font: 12px "Tahoma";	}
			div#footer p a			{	color: #334e00;	text-decoration: none;	font-weight: bold; }
			div#footer p a:hover		{	text-decoration: underline; }
			div#footer p span a		{	color: #f3561f;	text-decoration: none;	font-weight: bold; }
			
			
			/* Rounded Corners */
			.rounded
			{
				border-radius: 4px;
				-webkit-border-radius: 4px;    /* for Safari */
				-moz-border-radius: 4px;       /* for Firefox */
			}
			
			/* Sortable */
			table#abonnementen thead tr th span { display: block;	
								height: 36px;
								line-height: 40px; 
			}
			table#abonnementen thead tr th.headerSortDown span {
					background: url('../images/desc.gif') no-repeat right center;
			}
			table#abonnementen thead tr th.headerSortUp span {
					background: url('../images/asc.gif') no-repeat right center;
			
			}