/************************************************************************
**	FEAN online
**  Gesliced door Jacob Ras ( www.jacobras.nl )
**  Valid xHTML & CSS
************************************************************************/
* { padding: 0; margin: 0; }
fieldset { border: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }


/************************************************************************
**	Body + container
*************************************************************************/
body { font: 11px Thoma, Arial, sans-serif; color: #444445; background-image: url(achtergrond2.jpg); text-align: center; }
#container { width: 965px; margin: 0 auto; background: #fff; text-align: left; }

/* (hyper)links */
a { text-decoration: none; color: #df2228; }
a:hover { text-decoration: underline; }

/* font-size 12px : */
#header, #footer, #inhoud { font-size: 12px; }

/************************************************************************
**	Kolom_links
************************************************************************/
#kolom_links { width: 189px; float: left; margin: 0 3px 0 7px; }

/* lijst */
.lijst_titel { display: block; background: url('afbeeldingen/lijst_titel.png') repeat-x #f3f2f2; height: 35px; line-height: 34px; font-size: 18px; color: #cc4033; padding-left: 13px; }
.lijst_titel1 { display: block; background: url('afbeeldingen/lijst_titel.png') height: 55px;}
.vak { display: block; background: #f3f2f2; list-style-type: none; font-weight: bold; margin-bottom:9px; }
.vak li, .vak li a { display: block; height: 25px; line-height: 25px; margin-bottom: 2px; color: #282a74; }
.vak li a { background: url('afbeeldingen/li_img.png') left center no-repeat; padding-left: 30px; background-position: 16px; }
.vak li a:hover { background: url('afbeeldingen/li_bg.png') repeat-x; display: block; color: #fff; text-decoration: none; }

/* #lijst */
#lijst {  }
#lijst li a { background: none; padding-left: 4px; color: #000; font-weight: normal; }
#lijst .right { padding-right: 38px; }
#lijst li a:hover { background: url('afbeeldingen/li_bg.png') repeat-x; }
.lijst_top span { color: #df2228; font-weight: bold; }
.punten { float: left; width: 30px; text-align: center; }
.deelnemer { float: right; width: 100px; }
.bottom { padding-right: 8px; text-decoration: underline; text-align: right; }

/* vak2 */
.vak2_titel { display: block; background: url('afbeeldingen/vak2_titel.png') repeat-x #2a2c78; height: 35px; line-height: 34px; font-size: 18px; color: #fff; padding-left: 13px; }
.vak2_blauw { margin-bottom: 9px; margin-left: 0px; background: url('afbeeldingen/vak2_blauw.png') no-repeat #000; display: block; height: 135px; color: #fff; text-align: left; }

.vak2_blauw a{color:#FFF;}
.vak2_blauw ul{ margin-left:30px; list-style:none;}


/* Advertenties */
#advertenties { background: #f3f2f2; padding: 3px; margin-bottom: 9px; text-align: center; }
#advertenties img { margin: 3px 0; }

#gebruikersnaam { margin-top: 16px; }
.invoervak { height: 17px; border: 1px solid #cecdcd; width: 172px; margin-bottom: 8px; }
.submit { background: url('afbeeldingen/loginknop.png') repeat-x; color: #fff; border: none; height: 18px; padding-bottom: 3px; font-size: 11px; float: right; margin-right: 11px; width: 69px; }
#login { padding-top: 6px; text-align: left; padding-left: 11px; }
#login a { color: #fff; text-decoration: underline; }
#login a:hover { text-decoration: none; }

/************************************************************************
**	Rechts
*************************************************************************/
#vak_rechts { width: 766px; float: left; background: url('afbeeldingen/rechts_bg.png') top left no-repeat; }

/* header */
#header { background: url('afbeeldingen/header_bg.png') repeat-x; height: 66px; color: #fff; width: 766px; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header_banner { margin: 7px 9px 8px 9px; float: left; }
#header_lijn { float: left; margin-right: 13px; }

/* header form */
#header fieldset { padding-top: 11px; }
#zoekbalk { border: 1px solid #8d191b; height: 18px; width: 190px; float: left; padding-top: 3px; padding-left: 4px; }
#zoekknop { width: 86px; height: 18px; line-height: 18px; background: url('afbeeldingen/zoekknop_bg.png') repeat-x; border: none; margin-top: 2px; margin-left: 11px; padding-bottom: 8px; color: #2a2c78; }
#header ul { list-style-type: none; margin-top: 8px; }
#header ul li { display: inline; }


/************************************************************************
**	Inhoud
*************************************************************************/
#inhoud { width: 515px; float: left; margin: 8px 0 0 6px; }

#grotefoto { width: 515px; height: 286px; }
#foto_titel { background: url('afbeeldingen/foto_titel.png') repeat-x; height: 29px; line-height: 29px; color: #fff; padding-left: 13px; }
#foto_tekst { background: url('afbeeldingen/foto_tekst.png') repeat; height: 64px; font-size: 11px; margin-top: 195px; color: #444445; font-weight: bold; padding: 6px 12px 0 12px; }
#foto_tekst span{float:left}
/* bulletin */
.bulletin { height: 110px; padding: 10px 14px; }
.bulletin h2 { color: #cc4033; font-size: 15px; margin-bottom:5px }
.bulletin img { float: left; margin-right: 8px; }
#bulletin1 { background: url('afbeeldingen/bulletin1_bg.png') repeat-x; }
#bulletin2 { background: url('afbeeldingen/bulletin2_bg.png') repeat-x; margin-bottom: 9px; }

.bulletin a.leesmeer, 
#grotefoto a.leesmeer,
#tien_jaar a.leesmeer{
	font-size:11px;
	float:right;
	display:block;
	margin-top:5px;
}


/* overig nieuws */
#overig_nieuws { list-style-type: none; margin-bottom: 9px; }
#overig_nieuws li { height: 24px; background: url('afbeeldingen/overig_nieuws_li.png') repeat-x; }
#overig_nieuws li a { height: 24px; display: block;  color: #454545; line-height: 24px; background: url('afbeeldingen/overig_nieuws_circle.png') center left no-repeat; background-position: 12px; padding-left: 27px; }
#overig_nieuws li a:hover { background: url('afbeeldingen/overig_nieuws_li_hover.png') repeat-x; }

/* tien_jaar */
#tien_jaar { height: 124px; line-height: 124px; background: url('afbeeldingen/10jaar.png') repeat-x; text-align: center; }
#tien_jaar h1 { color: #ff0000; background:url(afbeeldingen/banner_history.jpg); text-indent:-9999px;}
#tien_jaar_tekst { height: 122px; background: url('afbeeldingen/10jaar_tekst.png') repeat-x; padding: 8px; margin-bottom: 9px; }
#tien_jaar_tekst img { float: left; margin-right: 8px; }
#tien_jaar_tekst p { padding-top: 4px; font-size: 11px; }
#tien_jaar_tekst strong { float: left; }
#tien_jaar_link { float: right; font-weight: bold; }

/* advertentie_midden */
#advertentie_midden { height: 137px; line-height: 137px; text-align: center; text-transform: uppercase; border: 1px solid #e5e9ec; color: #aeaaa9; margin-bottom: 9px; }

/* ie7 bug */
.ie7bug { clear: right; }


/************************************************************************
**	Kolom_rechts
*************************************************************************/
#kolom_rechts { float: right; width: 232px; margin: 8px 7px 0 6px; }

/* poll */
#poll_tekst, #komende_wedstrijd { background: #f3f2f2; padding: 10px; }
#poll { background: #f3f2f2; margin-bottom: 9px; }
#poll fieldset { line-height: 24px; padding-bottom: 8px; }
#poll fieldset input { position: relative; top: 2px; margin: 0 6px; }
#poll p { padding: 6px 0 12px 10px; }
#stemmen { float: left; }

/* komende wedstrijd */
#komende_wedstrijd { margin-bottom: 9px; }

/* laatste wedstrijden */
#laatste_wedstrijden_titel, #stand_titel { height: 34px; line-height: 34px; background: url('afbeeldingen/laatste_wedstrijden_titel.png') repeat-x; color: #fff; padding-left: 13px; font-size: 18px; }
#laatste_wedstrijden, #stand { color: #fff; list-style-type: none; margin-bottom: 9px; }
#laatste_wedstrijden li, #stand li { display: block; height: 24px; line-height: 24px; background: url('afbeeldingen/laatste_wedstrijden_li.png') repeat-x; position: relative; }
#laatste_wedstrijden li a, #stand li a { color: #fff; display: block; padding: 0 4px; height: 24px; line-height: 24px; }
#laatste_wedstrijden li a:hover { background: url('afbeeldingen/laatste_wedstrijden_li_hover.png') repeat-x; }

#stand li a:hover{
text-decoration:none;
}

#laatste_wedstrijden li { text-align: center; }
#stand li a { padding-left: 22px; cursor:text }
.laatste_datum { position: absolute; left: 8px; bottom: 0; }
.laatste_stand { position: absolute; right: 8px; bottom: 0; }
.laatste_score { position: absolute; right: 22px; bottom: 0; }

.laatste_plaats { float: left; }
.laatste_stand { float: left; }

/* stand */
#stand_titel { background: url('afbeeldingen/stand_titel.png') repeat-x; }
#stand li { background: url('afbeeldingen/stand_li.png') repeat-x; }
/* #stand li a:hover { background: url('afbeeldingen/stand_li_hover.png') repeat-x; } */

/* FeanOnline TV */
#tv_headline { font-size: 14px; padding: 4px 0 0 8px; color: #282A74; background: #f3f2f2; }
#tv_tekst { margin-bottom: 9px; background: #f3f2f2; padding: 8px; }
#tvwrap{
background: #f3f2f2;
}

#tvwrap p{
	padding:5px;
}
/* extra_vakje */
#vak_tekst { margin-bottom: 9px; background: #f3f2f2; padding: 8px; }


/************************************************************************
**	Footer
*************************************************************************/
#footer { color: #fff; background: #282a74; text-align: center; height: 40px; line-height: 40px; }


/************************************************************************
**	ADDONS
*************************************************************************/


#hoofnieuwsLink a{
	position:absolute;
	width:515px;
	height:222px;
	display:block;
	z-index:3333;
}

#hoofnieuwsLink  span{
	text-indent:-9000px;
}


.item{
	min-height:111px;
	height:auto !important; /* voor moderne Browser */
	height:111px; /*voor IE6 */
}

.content td{
	font-size:12px;
}
.content h2{
	background: url('afbeeldingen/foto_titel.png') repeat-x; 
	height: 29px; 
	line-height: 29px; 
	color: #fff;
	padding:0 10px;
	font-size:1.1em;
	font-weight:normal
}
.innerContent{
	padding:0 10px;
	font-size:1.0em;
	line-height:1.5em;
}
.innerContent p{
	margin:10px 0;
}

.item img{
	float:right;
	margin:10px 0 5px 5px;
	background:#FFF;
	border:1px solid #EFEFEF;
}

#itemFooter{
	height:2px;
	border-bottom:1px solid #EFEFEF;
	width:100%;
	margin-bottom:4px;
}

.manualHr{
	height:2px;
	border-bottom:1px solid #EFEFEF;
	width:100%;
	margin-bottom:4px;
}

#author{
	margin-bottom:10px;
	text-align:right
}


table#login{
	margin:10px;
}

textarea#reactie{
	width:490px;
	height:150px;
	border:1px solid #CCC;
	overflow:auto;
	padding:2px;
	font-family:tahoma;
	font-size:11px;
}


.reacties{
	width:490px;
	border:1px solid #EFEFEF;
	margin:10px 0;
}

 td.tdDoor{
 	border-right:1px solid #EFEFEF;
	padding:2px;
	width:150px;
 }
 
.datumBericht {
	background:#F8F8F8;
	width:350px;
	padding:2px;
}

.clearFloat{
	clear:both;
}



#emoticons{
	border:1px solid #EFEFEF;
	background:#F8F8F8;
	padding:5px 2px;
	width:490px;	
}

.quote{
	border:1px dashed #EFEFEF;
	padding:5px;
	margin:5px;
	background-color:#F8F8F8;
}

.alert{
	padding:5px;
	color:#FFF;
	background:#cc4033;
	margin-top:10px;
}

li span.headlineTxt{
	float:left;
}

li span.amountComments{
	float:right;
}

table#komende_wedstrijd_table{
	 background: #f3f2f2;
	 padding-top:5px;
}

table#komende_wedstrijd_table td{
	font-size:10px;
	text-align:center;
	padding:3px;
}

table#komende_wedstrijd_table td.img{

	width:100px;
	padding:5px;

}


/*SITEMAP*/



ul#sitemap{
	margin-left:10px;
}

ul#sitemap ul{
	margin-left:15px;
}


/*CONTACTFORM*/
label{
	float:left;
	width:150px;
	margin-bottom:10px;
}

input.field, select, textarea{
	margin-bottom:10px;
}

input.field, textarea{
	border:1px solid #CCC;
	padding:2px;
	width:150px;
}


legend{
	margin-bottom:10px;
}

#errors{
	background-color:#F4F4F4;
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:10px;
}

#ajaxContent{
	background:#F3F2F2;
}

#ajaxContent ul{
	list-style-type:none;
}

#ajaxContent li{
	padding-left:10px;
	padding-bottom:5px;
}

#ajaxContent table{
	width:200px;
}

#ajaxContent td{
	font-size:11px;
}

.clear{
	clear:both;
}



/*SITEMAP*/

ul#first-level{
	margin-left:20px;
}

ul#second-level{
	margin-left:22px;
}



/*POLL*/
#votes{
	background:#F3F2F2;
	padding:10px;
	margin-bottom:10px;
}

.bar{ 
	width:100px;
	height:18px;
}
.barFill{
	background-color:#282A74;
	position:absolute;
	height:18px;		

}
.barTxt{
	position:absolute;
	line-height:18px;
	color:#FFF;
}

td.colorTd{
	/*background:#E1282E;*/
	background:url(afbeeldingen/bgpolltd.gif) repeat-x;
	width:100px;
}



#submenu{
	padding:5px;
}

#breadcrumb{
	padding:5px 0 5px 25px;
	background:url(cms/img/sitemap.png) no-repeat  5px 3px;
}



/*HEADLINES*/

#overig_nieuws { list-style-type: none; margin-bottom: 9px; }
#overig_nieuws li { height: 24px; background: url('afbeeldingen/overig_nieuws_li.png') repeat-x; }
#overig_nieuws li a { height: 24px; display: block;  color: #454545; line-height: 24px; background: url('afbeeldingen/overig_nieuws_circle.png') center left no-repeat; background-position: 12px; padding-left: 27px; }
#overig_nieuws li a:hover { background: url('afbeeldingen/overig_nieuws_li_hover.png') repeat-x; }


table#headline{
	width:100%;
	margin-bottom:5px;
}

table#headline td{
	font-size:12px;
	height: 24px; 
	background: url('afbeeldingen/overig_nieuws_li.png') repeat-x;
}

table#headline td.title a{
	background: url('afbeeldingen/overig_nieuws_circle.png') center left no-repeat;
	background-position: 8px;
	padding-left:20px;
	display:block;
	height:24px;
	line-height:24px;
	color:#444;
}

table#headline td.title a:hover{
	background: url('afbeeldingen/overig_nieuws_li_hover.png') repeat-x;
	display:block;
}




/*  TOTO STYLES  */

.Toto{
	color:#000;
}

#totoSubMenu{
	margin:10px 0;
}

#totoSubMenu a{
	margin:0 10px 0 0;
	color:#000;
	font-weight:bold;
}

#totoSubMenu a.active {
	font-weight:bold;
	color:#FF0000;
}

table.toto,
table.totoWhite{
	width:100%;
	margin:10px 0;
	border-left:1px solid #F8F8F8;
	border-top:1px solid #F8F8F8;
	font-size:11px;	
}

table.toto th,
table.totoWhite th{
	text-align:left;
	border-right:1px solid #F8F8F8;
	border-bottom:1px solid #F8F8F8;
	background:#282A74;
	color:#FFF;
	text-align:center;
	padding:5px 0;	
	font-size:11px;		
}

table.toto td.tdData{
	border-right:1px solid #F8F8F8;
	border-bottom:1px solid #F8F8F8;
	padding:0 5px;
	background:#F2F2F2;
	font-size:11px;	
}

table.totoWhite td.tdData{
	border-right:1px solid #F8F8F8;
	border-bottom:1px solid #F8F8F8;
	padding:3px 9px;
	background:#FFF;
	font-size:11px;		
}
.pos-tie{
	width:13px;
	height:13px;
	background:url(afbeeldingen/tie.gif) center no-repeat;
	float:left;
	margin-right:5px;
	margin-top:2px;	
}

.pos-up{
	width:13px;
	height:13px;
	background:url(afbeeldingen/up.gif) center no-repeat;
	float:left;
	margin-right:5px;
	margin-top:2px;
}

.pos-down{
	width:13px;
	height:13px;
	background:url(afbeeldingen/down.gif) center no-repeat;
	float:left;
	margin-right:5px;
	margin-top:2px;	
}


img.clublogo{
	padding-top:5px;
}

#bannerToto{
	width:513px;
	height:135px;

	line-height:115px;
	text-align:center;
}


#underlay{
	position:absolute;
	z-index:4050;
	background:#000;
	width:100%;
	height:2500px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}

#holderWarning{
	position:absolute;
	width:400px;
	background:#FFF;
	margin-left:50%;
	margin-top:20px;
	padding:5px;
	left:-200px;
	z-index:4051;
	text-align:left;
}

/* ADDONS FOR FORM AND OFFERTE */

 

input.error,

.error{

            border:1px solid red;

}