body {
	background: url(images/body_bg.gif) repeat-y 50%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #777;
}
a {
	color: #000;
}
a:hover {
	color: #039;
}
a img {
	border: none;
}

h3.kopje span {
	display: none;
}

/* IE Hack to center container, even in quirksmode */
* html body {
	text-align: center;
}
* html #container {
	text-align: left;
}


#container {
	width: 1003px;
	position: relative;
	margin: 0 auto;
}


/* Main Column */
#main {
	position: absolute;
	left: 130px;
	top: 175px;
	width: 468px;
}

#main .article p {
	margin: 0 0 1em 0;
	color: #003399;
}
#main .article a {
	color: #039;
}
#main .article a:hover {
	color: #000;
}
body.frontpage .article {
	background: #dce9f9;
}
.frontpage #main .article p {
	color: #777;
}
#main .articlefooter {
	margin: 1em 0;
	font-weight: bold;
	color: #000;
}


#main div.reactie {
	font-size: 10px;
	color: #777;
	margin-bottom: 15px;
	border: 1px solid #b9b9b9;
	padding: 4px;
}
#main div.reactie p {
	margin: 0;
}
#main div.reactie .footer {
	font-weight: bold;
	border-top: 1px solid #b9b9b9;
	padding-top: 4px;
	margin-top: 4px;
	xcolor: #000;
}

form #text {
	width: 100%;
}

.archief #main ul,
.archief #main ul li, 
.search #main ul,
.search #main ul li {
	margin: 0;
	padding: 0;
	list-style: inside;
}



#main div.article,
#main div.headlines,
#sidebarheadlines div.headlines {
	border: 1px solid #b9b9b9;
	padding: 8px;
	margin-bottom: 10px;
}
#main div.article h3 {
	margin: 0 0 0.5em 0;
	font-size: 20px;
	color: #003399;
}
#main div.article img.right {
	margin: 0 0 2px 2px;
	float: right;
}
#main div.article img.left {
	margin: 0 2px 2px 0;
	float: left;
}
div.headlines h3 {
	margin: 0;
	background: #0e2a4f;
	font-size: 20px;
	color: #fff;
	height: 29px;
}
#main h3.kopje {
	background-image: url(images/main_kopjes.png);
	background-repeat: no-repeat;
}
div.headlines ul {
	list-style: none;
	margin: 4px;
	padding: 0;
}
div.headlines ul li {
	margin: 0;
}
div.headlines ul li a {
	color: #003399;
}

#hl_buitenland h3	{ background-position: 0 -29px; }
#hl_raar h3			{ background-position: 0 -58px; }
#hl_provinciaal h3{ background-position: 0 -87px; }
#hl_sport h3 		{ background-position: 0 -116px;}
#hl_games h3 		{ background-position: 0 -145px;}
#hl_tech h3 		{ background-position: 0 -174px;}
#hl_geld h3 		{ background-position: 0 -203px;}
#hl_wk h3 			{ background-position: 0 -232px;}



#sidebarheadlines {
	position: absolute;
	left: 610px;
	top: 175px;
	width: 260px;
}
#sidebarheadlines h3.kopje {
	background-image: url(images/headlines_right_kopjes.png);
	height: 29px;	
}

#hl_populairste h3 {
	background-position: 0 -29px;
}
#hl_media h3 {
	background-position: 0 -58px;
}
#hl_nogmeer h3 {
	background-position: 0 -87px;
}

#hl_wk {
	background-color: #ff6504;
}
#hl_wk h3.kopje {
	background-image: url(images/main_kopjes.png);
	background-repeat: no-repeat;
}

#hl_tour 			{ background-color: #fed700; }
#hl_tour h3 		{ background-position: 0 -115px; }

#hl_tk2006 h3 		{ background-position: 0 -144px;}



/* Mediaboxje */
#hl_media .imgleft, 
#hl_media .imgright {
	width: 110px;
	float: left;
	margin-top: 10px;
}
#hl_media .imgright {
	float: right;
	text-align: right;
}

/* Sidebar Nav */
#sidebarnav {
	position: absolute;
	top: 175px;
	width: 120px;
}
#mainnav {
	padding: 0;
	margin: 0;
}
#mainnav li {
	list-style: none;
	padding: 0;
	margin: 0 0 1px 0;
	display: block;
}
#mainnav li a {
	display: block;
	padding-left: 10px;
	background: #1b316d;
	color: #fff;
	text-decoration: none;
	height: 20px;
	background-image: url(images/mainnav.png);
}
#mainnav li a span {
	display: none;
}
#mainnav #mn_alles a 		{ 	background-position: 0 -20px; }
#mainnav #mn_binnenland a 	{ 	background-position: 0 -40px; }
#mainnav #mn_buitenland a 	{ 	background-position: 0 -60px; }
#mainnav #mn_raar a 			{ 	background-position: 0 -80px; }
#mainnav #mn_media a 		{ 	background-position: 0 -100px; }
#mainnav #mn_prov a 			{ 	background-position: 0 -120px; }
#mainnav #mn_sport a 		{ 	background-position: 0 -140px; }
#mainnav #mn_games a 		{ 	background-position: 0 -160px; }
#mainnav #mn_tech a 			{ 	background-position: 0 -180px; }
#mainnav #mn_geld a 			{ 	background-position: 0 -200px; }
#mainnav #mn_wk a 			{ 	background-position: 0 -220px; }
#mainnav #mn_tour a 			{ 	background-position: 0 -240px; }
#mainnav #mn_tk2006 a 		{ 	background-position: 0 -260px; }

body.frontpage #mainnav #mn_home a 			{ 	background-position: -242px 0px; }
body.alles #mainnav #mn_alles a 				{ 	background-position: -242px -20px; }
body.binnenland #mainnav #mn_binnenland a { 	background-position: -242px -40px; }
body.buitenland #mainnav #mn_buitenland a { 	background-position: -242px -60px; }
body.raar #mainnav #mn_raar a 				{ 	background-position: -242px -80px; }
body.media #mainnav #mn_media a 				{ 	background-position: -242px -100px; }
body.provinciaal #mainnav #mn_prov a 		{ 	background-position: -242px -120px; }
body.sport #mainnav #mn_sport a 				{ 	background-position: -242px -140px; }
body.games #mainnav #mn_games a 				{ 	background-position: -242px -160px; }
body.tech #mainnav #mn_tech a 				{ 	background-position: -242px -180px; }
body.geld #mainnav #mn_geld a 				{ 	background-position: -242px -200px; }
body.wk 	#mainnav #mn_wk a 					{	background-position: -242px -220px; }
body.tour #mainnav #mn_tour a					{	background-position: -242px -240px; }
body.tk2006 #mainnav #mn_tk2006 a				{	background-position: -242px -260px; }

html body #mainnav #mn_home a:hover 		{ 	background-position: -121px 0; }
html body #mainnav #mn_alles a:hover 		{ 	background-position: -121px -20px; }
html body #mainnav #mn_binnenland a:hover { 	background-position: -121px -40px; }
html body #mainnav #mn_buitenland a:hover { 	background-position: -121px -60px; }
html body #mainnav #mn_raar a:hover 		{ 	background-position: -121px -80px; }
html body #mainnav #mn_media a:hover 		{ 	background-position: -121px -100px; }
html body #mainnav #mn_prov a:hover 		{ 	background-position: -121px -120px; }
html body #mainnav #mn_sport a:hover 		{ 	background-position: -121px -140px; }
html body #mainnav #mn_games a:hover 		{ 	background-position: -121px -160px; }
html body #mainnav #mn_tech a:hover 		{ 	background-position: -121px -180px; }
html body #mainnav #mn_geld a:hover 		{ 	background-position: -121px -200px; }
html body #mainnav #mn_wk a:hover 			{ 	background-position: -121px -220px; }
html body #mainnav #mn_tour a:hover 		{ 	background-position: -121px -240px; }
html body #mainnav #mn_tk2006 a:hover 		{ 	background-position: -121px -260px; }

#rssbutton {
	noborder: 1px solid #b9b9b9;
	display: block;
	text-align: center;
	padding: 4px;
	margin: 15px 0;
}

#kijktop5,
#columns {
	border: 1px solid #b9b9b9;
	background: #dce9f9;
	padding: 3px;
}
#kijktop5 h3 {
	background: #1b316c url(images/kijk_top5.png) no-repeat;
	height: 15px;
	margin: 0;
}

#columns h3 {
	background: #1b316c url(images/columns.png) no-repeat;
	height: 15px;
	margin: 0;
}
#weerbar h3 {
	background: #1b316c url(images/het_weer.png) no-repeat;
	height: 15px;
	margin: 0;
}
#weerbar p {
	margin: 0.5em 0;
}

#poll {
	margin-top: 10px;
}
#poll h3.kopje {
	display: none;
}
#polllogo {
	height: 13px;
	background: url(images/k_nieuwspoll.gif) no-repeat 50%;
	margin-bottom: 10px;
}
#poll strong {
	color: #ff4848;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
}


/* Zoeken en bannermeuk */
#sidebarright {
	position: absolute;
	right: 0px;
	top: 175px;
	width: 121px;
}

form#search {
	margin: 0 0 15px 0;
	xborder: 1px solid #b9b9b9;
}
form#search input.text {
	border: 1px solid #b9b9b9;
	width: 115px;
	padding: 0 0 0 2px;
	background-color: #FFF;
	color: #777;
}
form#search input.image {
	margin-left: 80px;
	display: block;
}


/* Headers */
#header {
	position: absolute;
	top: 15px;
	height: 136px;
	width: 100%;
	background-repeat: no-repeat;

	/* Standaard header achtergrond */
	background-position: 50% 0;
	background-image: url(images/header_frontpage.jpg);
	background-position: 0;
	background-image: url(images/header_white.png);
}
#header a#headerhome {
	display: block;
	width: 420px;
	height: 50px;
	position: relative;
	top: 42px;
	left: 8px;
}
#header h1 {
	display: none;
}
#header h2 {
	display: none;
}
#header #headerad {
	position: absolute;
	left: 520px;
	top: 35px;
}

/*
body.binnenland #header 	{ background-image: url(images/header_binnenland.jpg); }
body.buitenland #header 	{ background-image: url(images/header_buitenland.jpg);}
body.raar #header 			{ background-image: url(images/header_raar.jpg);}
body.media #header 			{ background-image: url(images/header_media.jpg);}
body.provinciaal #header 	{ background-image: url(images/header_provinciaal.jpg);}
body.sport #header 			{ background-image: url(images/header_sport.jpg);}
body.games #header 			{ background-image: url(images/header_games.jpg);}
body.tech #header 			{ background-image: url(images/header_tech.jpg);}
body.geld #header 			{ background-image: url(images/header_geld.jpg);}
body.wk #header 				{ background-image: url(images/header_wk.jpg);}
*/

#datetime {
	position: absolute;
	top: 152px;
	left: 3px;
}

#headersubnav {
	position: absolute;
	right: 0;
	top: 157px;
	margin: 0;
}
#headersubnav, #headersubnav li {
	display: inline;
}
#headersubnav li a {
	background-image: url(images/headersubnav.png);
	display: block;
	height: 10px;
	margin-right: 10px;
	float: left;
}
#headersubnav li a span {
	display: none;
}

#hsn_registreer a 	{ width: 68px; background-position: 085px 0; }
#hsn_contact a 		{ width: 51px; background-position: -85px -10px; }
#hsn_archief a 		{ width: 47px; background-position: -85px -20px; }
#hsn_submit a 			{ width: 81px; background-position: -85px -30px; }
#hsn_gs a 				{ width: 15px; background-position: -85px -40px;}
#hsn_nieuwskoppen a 	{ width: 84px; background-position: -85px -50px;}
#hsn_pda a 				{ width: 23px; background-position: -85px -60px; }

/* Top override */
#headersubnav 		{ top: 121px; }
#datetime 			{ top: 116px; }
#sidebarright 		{ top: 139px; }
#sidebarheadlines { top: 139px; }
#sidebarnav 		{ top: 139px; }
#main					{ top: 139px; }
#container 			{ top: -36px; }


/* Weer dinges */
#weerbar {
	border: 1px solid #b9b9b9;
	margin: 1em 0;
	padding: 3px;
}
#weerbar h4 {
	margin: 0;
}
#weerbar img {
	display: block;
	margin: 2px auto;
}

#weerman {
	font-size: 11px;
}
#weermain table {
	border: 1px solid #b9b9b9;
	text-align: center;
	border-collapse: collapse;
}
#weermain table th, #weermain table tr, #weermain table td {
	padding: 0;
	margin: 0;
	border-right: 1px solid #b9b9b9;
	font-size: 11px;
}
#weermain table th {
	border-bottom: 1px solid #b9b9b9;
}
#weermain h4 {
	color: #192f61;
	font-size: 12px;
}
