/*
	styles.css
	**********
	
	Puurpxl
*/

body
{
	text-align:center;
	background:#e8e8e8 repeat url(/images/bg_body.gif);
}

body, th, td
{
	font:12px/18px "Arial", sans-serif;
	color:black;
}

a
{
	color:#1ab4e4;
}

a:hover
{
	text-decoration:none;
}

li a
{
	color:#1ab4e4;
	text-decoration:none;
}

/* Main layout */
#HoofdTabel
{
	text-align:left;
	width:1000px;
}


tr.printlogo {display:none;}
div.printlogo {display:none;}

#topBanner
{
	margin:0 auto;
	width:1000px;
	background:white;
}

/* Top visual */
td.Kop
{
	vertical-align:top;
	height:218px;
}

td.KopKampioen
{
	/* Logo */
	/* display:none; */
	width:527px;
	height:218px;
}

td.KopAchtergrond
{
	/*	Visual
		Hierin zit ook de grote bitmap met tekst */
	padding:0;
	margin:0;
}

td.KopAchtergrond a,
td.KopAchtergrond img
{
	width:473px;
	display:block;
	margin:0;
	padding:0;	
}

.LogoLink,.PrintLogoLink { font-size: 12px; font-weight: normal; font-style: normal; margin: 0px 8px 0 8px; }
.LogoLink a, .PrintLogoLink a { color: #FFF; }
.LogoLinkSet { color: #FFF; text-align: right; padding: 0px 5px 0px 5px; }

/* Kolommmen links en rechts */
.SubKop2LinkerKolom
{
	width:185px;
}

SubKop2RechterKolom
{
	width:20%;
	margin:0;
	padding:0;
}

.ContentLinkerKolom,
.CopyrightLinkerKolom
{
	width:185px;
}

.ContentRechterKolom,
.CopyrightRechterKolom
{
	width:210px;
	padding:0px;
}

.ContentLinkerKolom,
.ContentRechterKolom,
.SubKop2LinkerKolom,
.SubKop2RechterKolom,
.SubKop2LinkerOpvulling,
.SubKop2RechterOpvulling,
.ContentLinkerOpvulling,
.ContentRechterOpvulling,
.ContentMiddenKolom
{
	background:white;	
}

.ContentLinkerOpvulling,
.ContentRechterOpvulling
{
	width:20px;
}

.ContentMiddenKolom
{
	width:565px
	margin:0;
	padding:0;
}


.CopyrightMiddenKolom
{
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
	font-size:11px;
	line-height:16px;
}

.CopyrightMiddenKolom a
{
	color:black;
	text-decoration:none;
}

/*	SubKop
	
	Dit is de zwarte balk net onder de bovenste visual.	*/

.SubKop
{
	height:20px;
	text-transform:uppercase;
	background:black;
}

.SubKop a
{
	font:11px/20px "Arial", sans-serif;
	color:white;
	text-decoration:none;
}

/*	Paginatitel
	
	Titel, net onder de zwarte balk */


td.SubKop2MiddenKolom
{
	height:50px;
	background:white;
}

div.PaginaTitel
{
	height:50px;
	padding:0 0 0 17px;
	font:24px/50px "Verdana", sans-serif;
	overflow:hidden;
	background:white no-repeat 0 16px url(/images/bg_paginatitel.gif)
}

/* Content */

/*
	Content: Nieuwsitems
	         ***********
	
	Nieuwsitems zijn de kleine kadertjes waar de verkorte omschrijving van een artikel in staat.
	
*/

div.NieuwsItem
{
	position:relative;
	width:564px;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid black;
}

a.NieuwsItemIntro br
{
	display:none !important;
}

a.NieuwsItemIntro
{
	padding:8px 0 0 0;
}

div.NieuwsItem table.NieuwsImageLinks,
div.NieuwsItem table.NieuwsImageRechts
{
	/* Alle NieuwsImages worden altijd links uitgelijnd, zelfs als de class "NieuwsImageRechts" wordt gebruikt... */
	margin:0 15px 0 0;
	padding:0;
	float:left;
}

div.NieuwsItem table.NieuwsImageLinks td,
div.NieuwsItem table.NieuwsImageRechts td
{
	margin:0;
	padding:0;
}

div.NieuwsItem table.NieuwsImageLinks a,
div.NieuwsItem table.NieuwsImageRechts a,
div.NieuwsItem table.NieuwsImageLinks img,
div.NieuwsItem table.NieuwsImageRechts img,
{
	display:block;
	margin:0;
	padding:0;
}

div.NieuwsItemKop a,
div.ArtikelIntroHeader
{
	/* Kop. Komt na de NieuwImage(Links/Rechts) */
	display:block;
	margin:13px 15px 0 15px;
	text-decoration:none;
	color:black !important;
	font:17px/19px "Verdana", sans-serif !important;
	font-weight:bold !important;
}

div.ArtikelIntroHeader b,
div.NieuwsItemKop b,
div.ArtikelIntroHeader strong,
div.NieuwsItemKop strong,
div.ArtikelIntroHeader span,
div.NieuwsItemKop span
{
	color:#1ab4e4;
}

div.ArtikelIntroHeader i,
div.NieuwsItemKop i,
div.ArtikelIntroHeader em,
div.NieuwsItemKop em
{
	font-style:normal;
	color:#e5007d;
}

div.NieuwsContent
{
	
	margin:0 15px 15px 16px;
	padding:0;
}

div.NieuwsContent a
{
	display:block;
	text-decoration:none;
	color:black;
	font:12px/16px "Arial", sans-serif;
}

div.FotoCopyright
{
	font-size:10px;
	line-height:16px;
	color:white;
	padding:1px 0 0 0;
	background:black;
}

a.LeesVerder
{
	position:absolute;
	right:16px;
	bottom:13px;
}

/* Geneste NieuwsItem-probleem oplossen */
div.NieuwsItem div.NieuwsItem
{
	left:-16px;
	border:0;
	margin:0;
}

div.NieuwsItem div.NieuwsItem div.NieuwsContent
{
	margin:0;
	padding:0 0 -15px 0;
}

div.NieuwsItem div.NieuwsItem div.NieuwsContent a.LeesVerder
{
	bottom:-2;
}

/*	Content: Artikel
	         *******
	
	Moet kunnen varieeren in hoogte. Wordt gebruikt in artikelen. */

div.Paragraaf
{
	margin:0 0 20px 0;
	clear:both;
}

div.ParagraafKop
{
	color:black;
	font:18px/20px "Verdana", sans-serif;
	font-weight:bold;	
}

div.Paragraaf a
{
	color:black;
	text-decoration:none;
}

div.Paragraaf div.ParagraafTekst a

{
	color:#1ab4e4;
	text-decoration:underline;
}

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

/* Images */

table.Image td
{
	text-align:center;
}

table.ImageLinks
{
	margin:0 15px 15px 0;
	float:left;
}

table.ImageRechts
{
	margin:0 0 15px 15px;
	float:right;
}

.FotoBijschrift a
{
	display:block;
	text-decoration:none;
	color:black;
}

/* Artikelen in de rechterkolom */
td.ContentRechterKolom div.Artikel
{
	width:209px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid black;
	border-right:0;
}

td.ContentRechterKolom div.Artikel div.ArtikelIntroHeader
{
	margin:0;
	padding:5px 12px 5px 12px;
	color:white;
	font:20px/24px "Georgia", serif;
	font-weight:normal;
	background:black;
}

td.ContentRechterKolom div.Artikel div.ArtikelIntroHeader br
{
	display:none;
}

td.ContentRechterKolom div.Artikel div.ArtikelIntroHeader font
{
	color:white;
	font-weight:normal;
}

td.ContentRechterKolom div.Artikel table.ImageLinks,
td.ContentRechterKolom div.Artikel table.ImageRechts
{
	float:none;
	margin:0;
}

td.ContentRechterKolom div.Artikel table.ImageLinks img,
td.ContentRechterKolom div.Artikel table.ImageRechts img
{
	display:block;
	width:209px;
	margin:0;
	padding:0;
}

.ImageOnderschrift
{
	width:250px;	
}

td.ContentRechterKolom div.Artikel div.IntroTekstLinks
{
	padding:10px 12px;
}

td.ContentRechterKolom .FotoBijschrift a
{
	text-align:left;
}

/* Poll in rechterkolom */

td.ContentRechterKolom iframe
{
	margin:0 0 20px 0;
	padding:0;
	width:210px;
	height:365px;
}

/* Tables */
table.data
{
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	border:1px solid black;
}

table.data th,
table.data td
{
	margin:0;
	padding:4px 9px 4px 18px;
	font-size:12px;
	line-height:17px;
	background:white;
}

table.data th
{
	color:white;
	font-weight:bold;
	text-align:left;
	background:black;
}

/* Contentkader in rechterkant */
td.ContentRechterKolom div.contentKader
{
	margin:0 0 20px 0;
	border:1px solid black;
	border-right:0;
}

td.ContentRechterKolom div.contentKader div.content
{
	padding:12px;
}

td.ContentRechterKolom div.contentKader h2
{
	font:20px/18px "Georgia", serif;
}

td.ContentRechterKolom div.contentKader div.content p
{
	margin:0 0 1em 0;
}

td.ContentRechterKolom div.contentKader div.content ul
{
	margin:0;
}

h2
{
	color:white;
	margin:0;
	padding:12px;
	font:18px/20px "Verdana", sans-serif;
	font-weight:bold;
	background:black;
}

/* Unordered lists */
.ContentMiddenKolom ul,
td.ContentLinkerKolom ul,
td.ContentRechterKolom ul
{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

.ContentMiddenKolom ul li,
td.ContentLinkerKolom ul li,
td.ContentRechterKolom ul li
{
	display:block;
	margin:0;
	padding:0 0 0 10px;
	background:no-repeat 0px 5px url(/images/bullet_blauw.gif);	
}

/* Contactpagina */
#contactPagina h2
{
	margin:0 0 5px 0;
	padding:0;
	color:#1ab4e4;
	background:transparent;
}

#contactPagina h3
{
	font-size:12px;
	margin:0;
	padding:0;
}

#contactPagina #overKampioen
{
	margin:0 0 20px 0;
	padding:20px;
	color:white;
	width:525px;
	*width:555px;
	background:black;
}

#contactPagina #overKampioen h2
{
	color:white;
}

#contact,
#advertenties
{
	float:left;
	width:230px;
	*width:267px;
	margin:0 0 20px 0;
	padding:20px;
	border:1px solid black;
}

#contact
{
	margin:0 21px 0 0;
}

#belgischeAb
{
	float:left;
	width:230px;
	*width:267px;
	padding:20px 21px;
	background:#1ab4e4;
}

#belgischeAb h2
{
	color:white;
}

/* Top 3 */
div#top3
{
	width:185px;
	margin:0 10px 0 10px;
	text-align:left;
	overflow:hidden;
}

div#top3 h2
{
	margin:0 0 20px 0;
	padding:0;
	font-size:16px;
	color:black;
	background:transparent;
}

div#top3 h3
{
	font-size:12px;
	margin:0;
	padding:0;	
}

/* Genummerde lijst */
ul.nummerLijst li
{
	margin:0;
	padding:0 0 0 60px;
	background-position:0 0;
	background-repeat:no-repeat;
}

ul.nummerLijst li.no1	{background-image:url(/images/nummers/no1.gif)}
ul.nummerLijst li.no2	{background-image:url(/images/nummers/no2.gif)}
ul.nummerLijst li.no3	{background-image:url(/images/nummers/no3.gif)}
ul.nummerLijst li.no4	{background-image:url(/images/nummers/no4.gif)}
ul.nummerLijst li.no5	{background-image:url(/images/nummers/no5.gif)}
ul.nummerLijst li.no6	{background-image:url(/images/nummers/no6.gif)}
ul.nummerLijst li.no7	{background-image:url(/images/nummers/no7.gif)}
ul.nummerLijst li.no8	{background-image:url(/images/nummers/no8.gif)}
ul.nummerLijst li.no9	{background-image:url(/images/nummers/no9.gif)}
ul.nummerLijst li.no10	{background-image:url(/images/nummers/no10.gif)}
ul.nummerLijst li.no11	{background-image:url(/images/nummers/no11.gif)}
ul.nummerLijst li.no12	{background-image:url(/images/nummers/no12.gif)}
ul.nummerLijst li.no13	{background-image:url(/images/nummers/no13.gif)}
ul.nummerLijst li.no14	{background-image:url(/images/nummers/no14.gif)}
ul.nummerLijst li.no15	{background-image:url(/images/nummers/no15.gif)}
ul.nummerLijst li.no16	{background-image:url(/images/nummers/no16.gif)}
ul.nummerLijst li.no17	{background-image:url(/images/nummers/no17.gif)}
ul.nummerLijst li.no18	{background-image:url(/images/nummers/no18.gif)}
ul.nummerLijst li.no19	{background-image:url(/images/nummers/no19.gif)}
ul.nummerLijst li.no20	{background-image:url(/images/nummers/no20.gif)}

div#top3 ul.nummerLijst li
{
	margin:0;
	padding:0 0 0 30px;
	background-position:0 0;
	background-repeat:no-repeat;
}

div#top3 ul li ul li,
ul.nummerLijst li ul li
{
	display:block;
	margin:0;
	padding:0 0 0 10px !important;
	background:no-repeat 0px 5px url(/images/bullet_blauw.gif) !important;
}

div#top3 ul.nummerLijst li.no1	{background-image:url(/images/nummers/no1_klein.gif)}
div#top3 ul.nummerLijst li.no2	{background-image:url(/images/nummers/no2_klein.gif)}
div#top3 ul.nummerLijst li.no3	{background-image:url(/images/nummers/no3_klein.gif)}
div#top3 ul.nummerLijst li.no4	{background-image:url(/images/nummers/no4_klein.gif)}
div#top3 ul.nummerLijst li.no5	{background-image:url(/images/nummers/no5_klein.gif)}

/* clearFix */
.clearFix:after,
.Paragraaf:after,
.ArtikelIntro:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix,
.Paragraaf,
.ArtikelIntro
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .Paragraaf,
* html .ArtikelIntro
{
	height: 1%;
}
.clearfix,
.Paragraaf,
.ArtikelIntro
{
	display: block;
}
/* End hide from IE-mac */