/*
	Todo:
	- last-child selector werkend maken in IE6
	- sIFR koppen in FF zijn kleiner dan in IE(7).
*/

@import url(reset.css);	/* Reset default browser settings */
@import url(sifr.css);	/* Voor flash-headers */

/* Basic stuff */
body
{
	text-align:center;
	background:#c30329 repeat-x top left url(../gfx/bg_body.gif);	
}

body, table, th, td, input, select, option, textarea
{
	font:12px/17px "Verdana", sans-serif;
}

p, table, ul, ol, dl, form
{
	margin:0 0 14px 0;
}

h1, h2, h3, h4, h5, h6
{
	color:#c70435;
	margin:0 0 14px 0;
	line-height:1em;
	font-weight:bold;
}

h1	{font-size:20px;}
h2	{font-size:19px;color:black;}
h3	{font-size:18px;}
h4	{font-size:14px;}
h5	{font-size:12px;color:black;}
h6	{font-size:11px;color:black;}

h2
{
	border-color:#c70435;
	border-style:solid;
	border-width:4px;
	border-left:0;
	border-right:0;
	margin:0 0 7px 0;
}

h2:last-child
{
	margin:0;
}

strong
{
	font-weight:bold;
}

a
{
	color:#c70435;
}

a:hover
{
	text-decoration:none;
}

a.leesVerder
{
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 13px;
	white-space:nowrap;
	background:no-repeat 1px 4px url(../gfx/pijl_rood.gif);
}

a.leesVerder:hover
{
	text-decoration:underline;
}

address
{
	font-style:normal;
}

form p
{
	clear:both;
}

form p label
{
	display:block;
	float:left;
	width:125px;
	font-weight:bold;
}

form p input
{
	vertical-align:middle;
}

form p input[type="text"], form p textarea
{
	width:315px;
	border:1px solid #6d6d6d;
}

ol
{
	margin:0 0 14px 3em;
	list-style-type:decimal !important;
}

ol li
{
	display:list-item !important;
	overflow:visible;
	margin:0 0 7px 0;
}

/* Buttons */
a.button
{
	display:block;
	height:27px;
	padding:0 4px;
	margin:0;
	font-size:18px;
	line-height:26px;
	text-decoration:none;
	font-weight:bold;
	color:white;
	background:no-repeat top left url(../gfx/bg_button.gif);
}

a.button span
{
	padding:0 14px 0 0;
	background:no-repeat right 8px url(../gfx/pijl_wit.gif);
}

a.sectionButton
{
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:19px;
	color:#c70435;
	padding:7px 2px 0 2px;
	clear:both;
	background:repeat-x top left url(../gfx/dots.gif);
}

a.sectionButton span
{
	padding:0 14px 0 0;
	background:no-repeat right 4px url(../gfx/pijl_rood.gif);
}

a.terug span
{
	padding:0 14px 0 14px;
	background:no-repeat left 4px url(../gfx/pijl_rood_terug.gif);
}

/* Algemene classes */
.hide
{
	display:none;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

img.floatLeft
{
	margin:0 7px 7px 0;
}

img.floatRight
{
	margin:0 0 7px 7px;
}

.clearBoth
{
	clear:both;
}

.displayBlock
{
	display:block;
}

/* Main layout */
#wrapper
{
	position:relative;
	text-align:left;
	margin:0 auto;
	width:950px;
}

#title
{
	position:absolute;
	top:0;
	left:7px;
	margin:0;
	padding:0;
	background:no-repeat 0 27px url(../gfx/logo_fankaart.gif);
}

#title a
{
	display:block;
	width:283px;
	height:65px;
	text-indent:-4096px;
	overflow:hidden;
}

#jupilerLeague
{
	display:block;
	position:absolute;
	top:11px;
	right:5px;
	width:286px;
	height:55px;
	text-indent:-4096px;
	overflow:hidden;
	background:no-repeat top left url(../gfx/logo_jupiler_league.gif);
}

/* Datum */
#datum
{
	position:absolute;
	top:80px;
	right:5px;
}

#datum img, #datum div
{
	display:block;
	float:left;
}

#datum div
{
	margin:0 3px;
}

/* Navigatie */
#nav
{
	position:absolute;
	top:70px;
	left:6px;
	margin:0;
	padding:0;
}

#nav li
{
	float:left;
	margin:0 11px 0 0;
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
}

#nav li.actief a img
{
	border-bottom:2px solid white;
}

#nav li a:hover img
{
	border-bottom:2px solid #c75b70;
}

#nav li.actief:hover a img
{
	border-color:white;
}

#nav li a
{
	display:block;
	padding:10px 0;
}

/* Content */
#content, #contentBreed
{
	position:relative;
	top:109px;
	margin:0 0 0 6px;
	width:939px;
	background:repeat-y top left url(../gfx/bg_content.gif);
}

#contentBreed
{
	background:white;
}

#colL, #colR
{
	width:462px;
	float:left;
	background:white;
}

#colL
{
	margin:0 15px 0 0;
}

div.section
{
	border-top:15px solid #c30329;
	padding:7px;
}

#content ul li
{
	display:block;
	padding:0 0 0 11px;
	margin:0 0 7px 0;
	background:no-repeat 1px 4px url(../gfx/bullet.gif);
}

#content dl
{
	margin:0;
}

#content dl dt
{
	font-weight:bold;
}

/* iFrames */
#iFrame
{
	width:448px;
}

#iFrameBreed
{
	margin:7px 0 7px 7px;
	width:925px;
}

/* Clubthumbs */
#content #clubThumbs li
{
	float:left;
	width:108px;
	margin:0 5px 0 0;
	padding:0;
	background:none;
}

#content #clubThumbs li.vierde
{
	margin-right:0;
}

#content #clubThumbs li a
{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	color:black;
	height:102px;
}

#content #clubThumbs li a img
{
	display:block;
	margin:0 0 2px 0;
}

/* FAQ */
#faqQnA dt
{
	font-weight:bold;
	margin:0 0 4px 0;
	color:#c70435;
	font-size:14px;
	line-height:17px;
}

#faqQnA dd
{
	position:relative;
	margin:0 0 14px 0;
	padding:0 0 17px 0;
	background:repeat-x bottom left url(../gfx/dots.gif);
}

a.toTop
{
	display:block;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	padding:0 11px 0 0;
	background:no-repeat right 2px url(../gfx/pijl_totop.gif);
}

#faqQnA a.toTop
{
	position:absolute;
	bottom:4px;
	right:0;
}

/* Weetjes */
#weetjes #clubLogo
{
	float:left;
	margin:0 0 7px 7px;
}

#weetjes ul
{
	float:left;
	list-style:none;
	margin:0 0 0 14px;
	padding:0;
	width:330px;
}

#weetjes ul li
{
	margin:0 0 9px 0;
	padding:0;
	background:none;
}

#weetjes ul li h5
{
	margin:0;
}

/* Markante speler */
div#markanteSpeler
{
	clear:both;
	margin:9px 0 0 0;
	padding:9px 0 0 0;
	background:repeat-x top left url(../gfx/dots.gif);
}

div#markanteSpeler #spelerFoto
{
	margin:0 14px 7px 7px;
}

/* Articles (Speciale clubacties) */
div.article
{
	margin:0 0 9px 0;
	padding:0 0 9px 0;
	background:repeat-x bottom left url(../gfx/dots.gif);
}

div.article p
{
	margin:14px 0 0 0;
}

/* Footer */
#footer
{
	clear:both;
	text-align:right;
	padding:2px 0 15px 0;
	height:12px;
	background:#c30329;
}

#footer a
{
	font-size:10px;
	line-height:12px;
	color:#e85965;
	text-decoration:none;
}

#footer a:hover
{
	color:white;
}

/* Privacy en voorwaarden */
#privacy dl dt
{
	font-weight:bold;
}

#privacy dl dd
{
	margin:-14px 0 1em 50px;
}

/* Clearfix */
.clearfix:after, #content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix, #content {display: inline-block;}

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