/* *** Styling for new article layout with old blog styles *** */

h1 {
	margin-top: 0.5em;
	margin-bottom: 0.0em;
	font-weight:bold;
	font-size:1.4em;
}

ul#articleMetadata {
	margin-bottom:5px;
	line-height:1.2em;
}

ul#articleMetadata li {
	font-size:90%;
}

ul#articleMetadata li {
	color:#8f8f8f;
}
ul#articleMetadata li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/** Article layout **/
.clearFix {
	overflow:hidden;
	width:100%;
}
**************************************************/
/*              Article Styling                   */
/**************************************************/

ul#articleMetadata {
	margin-bottom:5px;
}

ul#articleMetadata li {
	font-size:90%;
}

div#articleContent {

}

div#articlePictorial {
	width:231px;
	float:left;
	margin-right:10px;
}

div#articlePictorial div#fullPicture img {
	/*width:227px;
	height:151px;*/ /* hard-coded scaling*/
}

div#articlePictorial img {
	padding:1px;
	/*height:65px;
	width:65px;/* /* hard-coded scaling*/
}

ul#additionalPictures {
	margin-top:5px;
}

ul#additionalPictures li {
	float:left;
	display:inline;
	margin-right:12px;
}

ul#additionalPictures li.lastColumn {
	margin-right:0;
}

ul#additionalPictures li a {
	background-position:center !important;
	background-repeat:no-repeat !important;
	display:block;
	height:65px;
	width:65px;
	border:1px solid #A9BADC;
	margin-bottom:4px;
	cursor:pointer;
}

ul#additionalPictures li a:hover,
ul#additionalPictures li.selected a {
	border:1px solid #000;
}

ul#additionalPictures li a span {
	display:block;
	height:63px;
	width:63px;
	border:1px solid #fff;
	cursor:pointer
}

/* basic content styling */

div#articleText {
	line-height:1.5em;
}

div#articleText em {
	 font-style:italic;
}

div#articleText strong em,
div#articleText em strong {
 font-weight:bold;
 font-style:italic;
}

div#articleText strong {
	font-weight:bold;
}

div#articleText ul, div.articleIndex ul {
 margin:20px 0 20px 20px;
 list-style-type:square;
}

div#articleText ol {
 list-style-type:decimal;
 margin:20px 0 20px 25px;
}

div#articleText  ul li,
div#articleText  ol li,
div#articleIndex ul li,
div#articleIndex ol li{
 color:#000;
}
div#articleText ul li, div.articleIndex ul li{
	 list-style-type:square;
}

div#articleText ol li, div.articleIndex ol li {
	list-style-type:decimal;
}
div#articleText p {
	margin-bottom:1em;
	line-height:20px;
}
div#articleOptions {
	font-size:95%;
	margin-bottom:20px;
	padding-bottom:10px;
}

div#articleOptions ul  {
	margin-top:10px;
}

div#articleOptions ul li {
	float:left;
	display:block;
}

div#articleOptions ul li a {
	float:left;
	display:block;
	padding:0 15px 0 20px;
	line-height:1.5em;
	background-position:center left;
	background-repeat:no-repeat;
}
div#articleOptions ul li.link a {
	background:url(../gfx/site_icons.gif) 0px -150px no-repeat !important;
}

div#articleOptions ul li.email a {
	background:url(../gfx/site_icons.gif) 0px -96px no-repeat !important;
}

div#articleOptions ul li.video a {
	background:url(../gfx/site_icons.gif) 0px -44px no-repeat !important;
}

div#articleOptions ul li.photoalbum a {
	background:url(../gfx/site_icons.gif) 0px -70px no-repeat !important;
}

div#articleOptions ul li.print a {
	background:url(../gfx/site_icons.gif) 0px -16px no-repeat !important;
}

div#articleOptions ul li.save a {
	background:url(../gfx/site_icons.gif) 0px -129px no-repeat !important;
}

div#articleOptions ul li.delete a {
	background:url(../gfx/site_icons.gif) 0px -170px no-repeat !important;
}

div#articleComments {
	margin-top:20px;
}

div#articleComments div.commentFilter,
div.newsHeaderOtherSections {
	float:right;
	font-size:95%;
}


div.newsHeaderOtherSections a:hover {
	text-decoration:none;
}

div.newsHeaderOtherSections  {
	margin-top:6px;
}

div.newsSectionHeader {
	/*margin-top:17px;*/
}

div.sectionHeader {
	margin-top:7px;
}

div#articleComments div.commentsHeader,
div.newsSectionHeader,
div.sectionHeader {
	padding:4px;
	margin-bottom:10px;
}

div#articleComments div.commentsHeader span.head,
div.newsSectionHeader span.head,
div.sectionHeader span.head,
div.newsSectionHeader h1,
div.sectionHeader h1 {
	font-size:20px !important;
}

div#articleComments div.commentPoster {
	margin-top:4px;
}
div#articleComments div.commentPoster,
div#articleComments div.commentRating {
	font-size:95%;
}
	div#articleComments div.commentRating {
	margin:2px 0 0 0;
	}

div#articleComments div.commentRating span {
	float:left;
}

div#articleComments ul li {
	margin:10px 0 10px 0;
	padding-bottom:5px;
}


div#articleComments ul.star-rating li {
	margin:0;
	padding:0;
}


div#articleComments ul.star-rating {
	margin:0 3px 0 3px;
}


div#newComment {
	margin-top:20px;
}

div#newComment div.newCommentHeader {
	font-size:16px;
	margin-bottom:5px;
}

div#commentUserInfo {
	font-size:95%;
}

form#articleCommentForm {
	margin-top:10px;
	width:382px;
}

form#articleCommentForm textarea {
	padding:10px;
	width:358px;
	height:148px;
	overflow:auto;
	text-align:left;
	margin-bottom:10px;
}

form#articleCommentForm input.submit {
	width:124px;
	height:25px;
	cursor:pointer;
	font-size:0;
	float:right;
}

div#articleComments div.commentsHeader,
div.newsSectionHeader,
div.sectionHeader {
	background:#eef1f9;
	border-top:1px solid #a9badc;
}

div#articleComments div.commentsHeader span.head,
div.newsSectionHeader span.head,
div.sectionHeader span.head,
div.newsSectionHeader h1,
div.sectionHeader h1 {
	color:#2953a7;
	font-weight:normal;
}

div#articleComments div.commentPoster,
div#articleComments div.commentRating {
	color:#6d6d6d;
}

div#articleComments ul li {
	border-bottom:1px solid #d4dced;
}

div#articleComments ul.star-rating li {
	border:none;
}

div#newComment div.newCommentHeader {
	color:#2953a7;
}

div#commentUserInfo {
	color:#6d6d6d;
}

form#articleCommentForm textarea {
	border:2px solid #e3e3e3;
	color:#4f4f4f;
}

form#articleCommentForm input.submit {
	border:none;
	background:url(../gfx/btn_post_comment.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
}

/* *** Global styles *** */
	body, html {

		height:100%;
		overflow:auto;
		margin:0px 0px;
		padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
		text-align:center; /* Hack for IE5/Win */
		width:100%;
		background: #ffffff;
	}

	html {
		/* font-size:75% is approximately 12px as default in the most browsers */
		font-size:75%;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	}

	html table {
		font-size: 1em;
	}

	* {
		margin: 0;
		padding: 0;
	}

	a {
		color:#0000CC;
		text-decoration:none;
	}

	a.readmore {
		font-weight:bold;
	}

	a:hover {
		text-decoration:underline;
	}

	input {
		/*
		padding-top:2px;
		_padding-top:0px;

		height:22px;
		*/
		font-size: 1em;
		font-family: arial, sans-serif;
	}

	select {
		font-size: 1em;
		font-family: arial, sans-serif;
	}

	fieldset, img {
		border:0 none;
	}

	#siteWrap {
		float:left;
		width:800px;
		height:100%;
	}

	#wrap {
		height:100%;
		margin:0px auto; /* Right and left margin widths set to "auto" */
		text-align:left; /* Counteract to IE5/Win Hack */
		width:800px;
	}

	div.spacer {
		clear:both;
		height:10px;
	}

	.bold {
		font-weight:bold;
	}

	ul.list {
		margin-bottom: 18px;
	}

	ul.list li {
		list-style:none;
		background:url(../gfx/bullet_arrow.gif) no-repeat;
		padding-left:12px;
	}

	li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}

	.right {
		text-align:right;
	}

	.clearDiv {
		clear:both;
	}

	.noWrap {
		white-space:nowrap;
	}

	.installletterklein {
	  font-size: 8pt;
	}
	.installlettermiddel{
	  font-size: 10pt;
	}

	.installlettergroot {
	  font-size: 12pt;
	}

	/* *** Header *** */
	#header {
		width:800px;
	}

	#header .logo {
		float:left;
	}

	#header .banner {
		height:60px;
		float:right;
	}

/* *** Profile *** */

	#profile {
		font-size:0.9em;
		padding:8px 0px 2px 0px;
		color:#666666;
	}

	#profile a {
		color:#666666;
	}

	#profile .login {
		float:left;
	}

	#profile .login2 {
		float:right;
	}

	#profile .logout a {
		font-weight:bold;
	}

	.error {
		color:#EA0000;
		padding-bottom:15px;
	}

/* *** Footer *** */

	#footer .banner {
		text-align:center;
	}

	div#pageFooter table td {
		vertical-align:top;
		width:16%;
	}

	div.footerItem {
		float:left;
		margin:10px -0.3em 0 8px;
	}

	div.footerItem h4 {
		margin-bottom:4px;
		font-size: 1em;
	}

	div.footerItem ul {
		line-height:1.5em;
		margin-left:15px;
	}

	div.footerItem ul li {
		color:#000000;
	}

	div.footerItem ul li {
		line-height:1.7em;
		list-style-type:square;
	}


/* *** navigationTop *** */

	#navigationTop {
		overflow:hidden;
		background-color:#2953A7;
		height:20px;
		width:800px;
	}

	#navigationTop ul.menu li {
		padding:3px 8px 3px 8px;
		_padding:0px 8px 0px 8px;
		list-style:none;
		display:inline;
		line-height:19px;
		height:20px;
		border-left:1px solid #FFF;
	}

	#navigationTop ul.menu li.first {
		border-left:0;
	}

	#navigationTop ul.menu li a {
		color:#FFF;
	}

	#navigationTop ul.menu li.isCurrent,li.isInPath {
		font-weight:bold;
		background-color:#000;
	}

	#navigationFooter {
		clear:both;
		border-top: 1px solid #7F7F7D;
		text-align:center;
		line-height:20px;
		padding: 7px 0 8px 0;
		_padding: 9px 0 8px 0;
	}

	#navigationFooter a.isCurrent {
		font-weight:bold;
		color:#000;
	}

	#navigationFooter a.isInPath {
		font-weight:bold;
		color:#000;
	}

/* *** LeftBar *** */

	#leftBar {
		width:170px;
		float:left;
	}

	#leftBar div.content {
		margin-left:3px;
	}

	#leftBar ul.menu {
		/* hack needed for outside bullits, windows-mode flash bug */
		/* float: left; */
		/*position:relative;*/
		/*padding-left:18px;*/
		/*margin-left:-18px;*/
		/*margin-bottom:15px;*/
	}

	#leftBar ul.menu li {
		/*width:100px;*/
		line-height: 24px;
		/*list-style: none;*/
		list-style-type: none;
	}

	#leftBar ul.menu li.itemSmall {
		font-size:0.9em;
	}


	#leftBar ul.menu li.header {
		font-weight:bold;
		list-style-type: none;
		margin-top: 15px;
	}

	#leftBar ul.menu li.lastItem {
		margin-bottom: 15px;
	}

	#leftBar li.banner a,object {
		display:block;
		/* height:24px; */
		margin:0 0 15px 0;
	}
	#leftBar .leftBarText p {
		line-height:16px;
	}

	#leftBar .leftBarText ul {
		padding-left:15px;
	}
	#leftBar .leftBarText ul li {
		list-style-position:outside;
		list-style-type:square;
	}

	#leftBar p {
		margin:15px 0 15px 0;
	}

	#ruimtevoorartikel {
		display:block;
	}

	/* #menuLeft {
		display:block;
	} */

/* *** rightBar *** */


	#rightBar {
		width:162px;
		float:right;
		margin-top:3px;
		/* background-color:#ea0000; */
	}

	#rightBar * {
		line-height: 18px;
	}

	#rightBar div.header {
		padding:6px 0px 0px 0px;
		font-weight: bold;
		color:#000;
		border-top:1px dashed #A9BBE1;
		clear:both;
		margin-left:3px;
	}

	#rightBar div.promoRect, #rightBar div.adRect {
		font-family:arial,helvetica,clean,sans-serif;
		font-size:95%;
		text-align:center;
		margin-bottom:15px;
		overflow:hidden;
		width:160px;
		height:143px;

	}

	#rightBar div.promoRect {
		border:1px solid #D1D1D1;
		text-align:center;
	}

	#rightBar div.promoRect div.promoImage {
		margin-bottom:2px;
	}

	#rightBar div.promoRect div.promoText {
		margin:0 4px 4px;
		text-align:left;
	}

	#rightBar div.promoRect p {
		line-height:1.13em;
	}

	#rightBar div.promoRect h3 {
		font-size:95%;
		background:#E6ECF5 none repeat scroll 0 0;
		color:#1B1B1B;
		font-weight:bold;
		padding:3px;
		line-height: 1.13em;
		text-align:left;

	}

	#rightBar div.content {
		padding:6px 0px 3px 0px;
		margin:0 0 10px 3px;
		border:0;
	}

	#rightBar div.content li {
		list-style:none;
		/* background-image:url(../gfx/bullet.gif); */
		/* background-repeat: no-repeat; */
		/* padding-left:10px; */
	}

	#rightBar object {
		display:block;
		margin: 0 auto;
		/*margin:0 0 0 19px;*/

	}

/* *** Textlinks *** */

	#rightBar div.txtLinks {
		padding:6px 0px 0px 0px;
		margin:0 0 10px 0;
		border:0;
	}

	#rightBar div.txtLinks p.header {
		color:#ea0000;
	}

	#rightBar div.txtLinks p.header a {
		color:#ea0000;
	}

	#rightBar div.txtLinks p.description {
		margin-bottom:5px;
	}

	#skyscraper {
		width:120px;
		float:right;
		margin-top:138px;
	}
/* *** Tekstlinksplus *** */
	div.adButtons ul li a {
		background-position:6px center;
		background-repeat:no-repeat;
		display:block;
		font-weight:bold;
		height:33px;
		/*line-height:33px; */
		padding-left:35px;
	}
	div.adButtons ul li {
		border-bottom:1px solid #E8E8E8;
		display:block;
		/* float:left; */
		width:100%;
		margin:0pt;
		padding:0pt;
	}
	div.adButtons li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:2px 4px 6px 6px;
	}
	div.adbuttons ul.content {
		margin:0pt 0pt 10px;
	}
	div.adButtons ul li.variant {
		background:#EBF0F7 none repeat scroll 0%;
	}
	div.adButtons ul li.bottom {
		border:medium none;
	}
	div.adButtons a {
		color:#547FBA;
		text-decoration:none;
	}
	div.adButtons a:hover {
		color:#6986C1;
		text-decoration:underline;
	}

	/* *** content ***  ### */

	#content {
		float:left;
		width:430px;
		margin:3px 0 0 0;
		margin-left:15px;
	}

	#content.fullsize {
		width:654px;
	}

	#content * {
		line-height:20px;
	}

	#content div.header {
		height:18px;
		_height:22px;
		line-height: 18px;
		padding:0px 7px 0px 7px;
		background-color:#E6ECF5;
		color:#000;
		border-top:1px solid #C2D1E6;
		overflow:hidden;
	}

	#content div.header a {
		color:#000;
	}

	#content div.header a.selected {
		font-weight:bold;
	}

	#content div.header .sections {
		float:left;
	}

	#content div.header .controls {
		float:right;
		padding-top:3px;
	}

	#content div.text p {
		margin-bottom:18px;
	}

	#content div.info {
		color:#666;
		font-size:0.9em;
	}
	#content div.panelThumb {
		border:1px solid #C0C0C0;
		float:left;
		margin:0 5px 10px 0;
	}
	#content div.panelThumb a {
		background-position:center center !important;
		background-repeat:no-repeat !important;
		border:1px solid #FFFFFF;
		display:block;
		height:65px;
		width:65px;
	}


/* *** headlines *** */

	div.headlines {
		/*line-height:1.5em;*/
	}

	div.headlines li {
		font-size:1em;
		background:url(../gfx/bullet.gif) no-repeat;
		padding-left:10px;
	}

	div.headlines ul {
		margin-bottom:5px;
		list-style:none;
	}

	div.headlines li a.h1 {
		font-weight:bold;
		color:#000;
	}

	div.headlines li a.h2 {
		font-weight:normal;
		color:#000;
	}

	div.headlines .footer {
		padding:0px 7px 0px 3px;
		font-weight:normal;
		color:#777777;
		font-size:0.8em;
	}

	div.headlines .links {
		font-size:0.9em;
	}

	div.headlines a.comments {
		font-weight:bold;
	}

	div.headlines div.header {
		padding:0px 0px 0px 8px;
		height:20px;
		background-color:#E6ECF5;
		color:#000;
		border: 1px solid #C2D1E6;
	}

	div.headlines div.content {
		padding:6px 8px 6px 8px;
		margin:0 0 10px 0;
		/*background-color:#EBEFF7;*/
		background-color:#FFF;
		border-left: 1px solid #C2D1E6;
		border-right: 1px solid #C2D1E6;
		border-bottom: 1px solid #C2D1E6;
	}


/* *** article *** */

	div.article p.header {
		margin-top: 0.5em;
		margin-bottom: 0.0em;
		font-weight:bold;
		font-size:1.4em;
	}

	div.article p.header a {
		color:#000;
	}

	div.article p.info {
		margin:0 0 14px 0;
		color:#666;
	}

	div.article p.info .sourceName {
		text-transform:uppercase;
		color:#777;
	}

	div.article p.infolink a {
		margin:6px 0 0 0;
		color:#008000;
	}

	div.article p.infolink {
		margin:6px 0 0 0;
		font-size:0.9em;
	}

	div.article p.infolink {
		color:#008000;
	}

	div.article p.toplinks {
		margin:5px 0 0 0;
		line-height:1.4em;
	}

	div.article img.photo {
		margin:5px 8px 0 0;
	}

	span.location {
		text-transform:uppercase;
		float:left;
		position:relative;
	}


/* *** articleIndex *** */

	div.articleIndex .dateline{
		text-transform:uppercase;
		font-size:0.9em;
		float:left;
		position:relative;
		top:1px;
	}

	div.articleIndex p.header {
		margin-top: 0.5em;
		margin-bottom: 3px;
		font-weight:bold;
		font-size:1.4em;
	}

	div.articleIndex p.header a {
		color:#000;
	}

	div.articleIndex p.info {
		margin:0 0 14px 0;
		color:#666;
	}

	div.articleIndex p.infolink a {
		margin:6px 0 0 0;
		color:#008000;
	}

	div.articleIndex p.infolink {
		margin:6px 0 0 0;
	}

	div.articleIndex p.infolink {
		color:#008000;
		/*font-size:0.9em;*/
	}

	div.articleIndex img.photo {
		margin:5px 8px 0 0;
	}

	div.articleIndex span.footer {
		color:#777777;
		font-size:0.9em;
	}

	div.articleIndex span.links {
		/*margin:14px 0 14px 0;*/
		margin:0 0 5px 0;
		line-height:1.4em;
		font-size:0.9em;
	}


	#content div.subheader {
		clear: both;
		font-size:1.1em;
		border-bottom:1px solid #000;
		font-weight:bold;
		color:#000;
		margin-bottom:10px;
	}

	#content div.subheader2 {
		margin-bottom:10px;
		border-bottom:1px solid #7F7F7D;
		font-weight:bold;
		color:#000;
		font-size:1.2em;
		white-space: nowrap;
		height:20px;
	}

	#content .highlite {
		color:#008000;
	}

/* *** ArticleFooter *** */

	.articleFooter {
		font-size:0.9em;
		display:inline;
	}

	.articleFooter .gray {
		color:#777;
	}

	.articleFooter .sourceName {
		text-transform:uppercase;
		color:#777;
	}


/* *** Rating *** */

	.star-rating{
		list-style:none;
		margin:0px;
		padding:0px;
		width:75px;
		height:15px;
		position:relative;
		background: url(../gfx/stars.gif) top left repeat-x;
		float:left;
	}

	ul.star-rating {
		margin-right:7px;
	}

	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}

	.star-rating li a{
		display:block;
		width:15px;
		height:15px;
		text-decoration: none;
		text-indent:-9000px;
		z-index:20;
		position:absolute;
		padding:0px;
	}

	.star-rating li a:hover{
		font-size:10px;
		background:url(../gfx/stars.gif) left center;
		z-index:2;
		_top:-1px;
		left:0px;
		border:none;
	}

	.star-rating a.one-star{
		left:0px;
	}

	.star-rating a.one-star:hover{
		width:15px;
	}

	.star-rating a.two-stars{
		left:15px;
	}

	.star-rating a.two-stars:hover{
		width:30px;
	}

	.star-rating a.three-stars{
		left:30px;
	}

	.star-rating a.three-stars:hover{
		width:45px;
	}

	.star-rating a.four-stars{
		left:45px;
	}

	.star-rating a.four-stars:hover{
		width:60px;
	}

	.star-rating a.five-stars{
		left:60px;
	}

	.star-rating a.five-stars:hover{
		width:75px;
	}

	.star-rating li.current-rating{
		font-size:10px;
		height:15px;
		background: url(../gfx/stars.gif) left bottom;
		position:absolute;
		display: block;
		text-indent:-9000px;
		z-index:1;
	}

/* *** Section colors *** */

	#leftBar ul.menu li.bu22, li.bu22 {
		list-style-image: url(../gfx/bullit_FAB219.gif);
	}

	#leftBar ul.menu li.bu26, li.bu26 {
		list-style-image: url(../gfx/bullit_FA700C.gif);
	}

	#leftBar ul.menu li.bu27, li.bu27 {
		list-style-image: url(../gfx/bullit_857AAE.gif);
	}

	#leftBar ul.menu li.bu28, li.bu28 {
		list-style-image: url(../gfx/bullit_66A41F.gif);
	}

	#leftBar ul.menu li.bu34, li.bu34 {
		list-style-image: url(../gfx/bullit_373B80.gif);
	}

	#leftBar ul.menu li.bu36, li.bu36 {
		list-style-image: url(../gfx/bullit_CA1ACA.gif);
	}

	#leftBar ul.menu li.bu37, li.bu37 {
		list-style-image: url(../gfx/bullit_CA1210.gif);
	}

	#leftBar ul.menu li.bu148, li.bu148 {
		list-style-image: url(../gfx/bullit_2953A7.gif);
	}

	#leftBar ul.menu li.bu405, li.bu405 {
		list-style-image: url(../gfx/bullit_0B499D.gif);
	}

	#leftBar ul.menu li.buCategory, li.buCategory {
		list-style-image: url(../gfx/bullit_category.gif);
	}

	#leftBar ul.menu li.bu {
		list-style-image: url(../gfx/bullit_category.gif);
	}

	#content .lNormal {
		border-bottom:2px solid #2953A7;
	}

	div#hpAdsense {
		margin-top:15px;
		text-align:center;
	}