/* @group settings */
	
	/* all margins and padings to 0 */
	* { margin: 0; padding: 0; }
	
	/* font */
	html { height: 100%; width: 100%; font: normal 62.5%/1.5em Tahoma, Arial, sans-serif; }
	body { height: 100%; width: 100%; font-size: 1.2em; background: #212121 url(../img/bg.png) repeat-x left top; }
	
	/* headings */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em;}
	h2 { text-indent: -90000px; height: 50px; width: 237px; }
	h3 { padding: 0 0 10px 20px; font-weight: bold; }
	
	/* regular paragraph */
	p { margin: 0 0 1em 0; }
	
	/* anchor */
	a { text-decoration: none; color: #000; outline: none; }
	a:hover { text-decoration: underline; }
	
	/* image */
	img { border: none; }
	
	/* seperator */
	div.seperator { background: transparent url(../img/content/seperator.png) no-repeat left top; height: 40px; width: 515px; }
	div.seperator hr { display: none; }
	
	/* form elements */
	input, textarea { padding: 1px; color: #000; background: #FFF; border: 1px solid #000; font-size: 0.9em; outline: none; }
	
	/* floats */
	.float_left { float: left; }
	.float_right { float: right; }
	
	/* hidden layer */
	.hide { display: none; }

	/* bestel overoal */
	.bestel_link { font-size: 20px;}


/* @end */
/* @group container */
	
	/* width fix */
	#width_fix { min-width: 850px; width: 100%; position: relative; }
	
	/* container layer */
	#container { width: 850px; margin: 0 auto; position: relative; background: transparent url(../img/header/bg.png) no-repeat left top; height: 265px; }
	
	/* wrapper layer */
	#wrapper { width: 764px; position: absolute; top: 126px; left: 24px; background: #FFF url(../img/header/bg.png) no-repeat -24px -126px; }
	
/* @end */
/* @group menu */
	
	/* menu layer */
	#menu { float: left; width: 237px; color: #FFF; }
	
	/* menu styles */
	#menu a { color: #FFF; }
	#menu div { width: 237px; padding: 0 0 20px 0; }
	#menu div div.content { width: 182px; padding: 0 20px 10px 35px; }
	#menu div p { margin: 0; }
	#menu div li { list-style: none; background: transparent url(../img/arrow.gif) no-repeat left center; padding: 0 0 0 10px; }
	
	/* search menu */
	#menu .search { background: transparent url(../img/menu/search/bottom.png) no-repeat left bottom; }
	#menu .search h2 { height: 94px; background: transparent url(../img/menu/search/title.png) repeat-y left top; }
	#menu .search div.content { background: transparent url(../img/menu/search/bg.png) repeat-y left top; height: 37px; }
	#menu .search select { font-size: 0.9em; width: 100px; margin: 10px 5px 0 0; outline: none; border: 1px solid #000; padding: 1px; }
	#menu .search input.submit { background: #DAE2EB none; width: 50px; }
	
	/* navigation menu */
	#menu .navigation { background: transparent url(../img/menu/menu/bottom.png) no-repeat left bottom; }
	#menu .navigation h2 { background: transparent url(../img/menu/menu/title.png) repeat-y left top; }
	#menu .navigation div.content { background: transparent url(../img/menu/menu/bg.png) repeat-y left top; }
	
	/* linkpartners menu */
	#menu .linkpartners { background: transparent url(../img/menu/linkpartners/bottom.png) no-repeat left bottom; }
	#menu .linkpartners h2 { background: transparent url(../img/menu/linkpartners/title.png) repeat-y left top; }
	#menu .linkpartners div.content { background: transparent url(../img/menu/linkpartners/bg.png) repeat-y left top; }

	/* beltonen menu */
	#menu .beltonen { background: transparent url(../img/menu/beltonen/bottom.png) no-repeat left bottom; }
	#menu .beltonen h2 { background: transparent url(../img/menu/beltonen/title.png) repeat-y left top; }
	#menu .beltonen div.content { background: transparent url(../img/menu/beltonen/bg.png) repeat-y left top; }
	
	/* afbeeldingen menu */
	#menu .afbeeldingen { background: transparent url(../img/menu/afbeeldingen/bottom.png) no-repeat left bottom; }
	#menu .afbeeldingen h2 { background: transparent url(../img/menu/afbeeldingen/title.png) repeat-y left top; }
	#menu .afbeeldingen div.content { background: transparent url(../img/menu/afbeeldingen/bg.png) repeat-y left top; }
	
/* @end */
/* @group content */
	
	/* content layers */
	#content { float: left; width: 520px; overflow: hidden; padding: 110px 0 0 0; }
	#contentouter { background: transparent url(../img/content/left_top.png) no-repeat left top; overflow: hidden; }
	#contentinner { background: transparent url(../img/content/right_bottom.png) no-repeat right bottom; overflow: hidden; padding: 35px 0 50px 0; }
	
	/* content */
	#content .content { padding: 0 20px 0 20px; overflow: hidden; }
	#content .content h3 { padding: 0 0 10px 0; }
	
	/* content lists */
	#content ul { list-style: none; clear: both; margin: 0 0 10px 0; overflow: hidden; }
	#content ul.item li { padding: 0 8px 0 16px; background: transparent url(../img/content/star.png) no-repeat left center; float: left; }
	#content ul.blue li { padding: 0 8px 0 16px; background: transparent url(../img/content/star.png) no-repeat left center; float: left; }
	#content ul.pink li { padding: 0 8px 0 16px; background: transparent url(../img/content/star.png) no-repeat left center; float: left; }
	#content ul.text li { width: 210px; padding: 0 5px 0 25px; margin: 0 0 5px 0; position: relative; }
	#content ul.text p { margin: 0; }
	#content ul.text a { display: block; width: 210px; }
	#content ul.text a.listen { height: 25px; width: 25px; text-indent: -90000px; position: absolute; left: 0; top: 50%; margin: -12px 0 0 0; }
	#content ul.text strong { display: block; }
	#content p.category { text-align: center; margin: 0 0 10px 0; clear: both; }
	#content p.category span { padding: 0 0 0 5px; margin: 2px 0 0 0; border-left: 2px solid #000; }
	#content p.category span.active { font-weight: bold; text-decoration: underline; }
	#content p.navigation { text-align: center; clear: both; }
	#content p.navigation span { margin: 0 2px; }
	#content p.navigation span.first, #content p.navigation span.previous, #content p.navigation span.active, #content p.navigation span.next, #content p.navigation span.last { font-weight: bold; }
	#content p.navigation span.previous { margin: 0 20px 0 0; }
	#content p.navigation span.next { margin: 0 0 0 20px; }
	
	/* content more */
	#content p.more { float: right; padding: 10px 0 0 0; clear: both; }
	
	/* advertisement */
	div.advert { width: 470px; clear: both; }
	div.advert p { margin: 0; color: #CD771C; font-size: 0.8em; }
	div.advert a { color: #CD771C; }
	
/* @end */
/* @group footer */
	
	/* footer layer */
	#footer { clear: both; height: 50px; width: 724px; background: #212121 url(../img/footer/bg.png) no-repeat left top; text-align: center; padding: 10px 20px 0 20px; font-size: 0.9em; }
	
	/* footer anchor */
	#footer a { color: #556FBA; text-decoration: underline; }
	
/* @end */
/* @group abonnement */

	/* abonnement layer */
	div.abo { position: absolute; right: 0; top: 0; height: 163px; width: 163px; background: transparent url(../img/abo.gif) no-repeat -200px -200px; z-index: 100; text-indent: -90000px; }

/* @end */