@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; }
/*body{ font: normal 16px  Helvetica, Arial, sans-serif; letter-spacing: -0.3pt; color: #6a6a6a; background:#fff; }*/
body{ font-size: 0.9em; font-family: helvetica, arial; line-height: 20px; color: #6a6a6a; background:#fff; }
img{ border: 0; }

a.leesverder {text-decoration: none;color: #ff8b0f; font-size: 0.8em;}
a:hover.leesverder {text-decoration: none;color: #bab9b9; font-size: 0.8em; }

h1 {font-size: 3em; color:#484847;	padding-bottom:10px; }
h2 {font-size: 1.2em; color:#484847;	padding-bottom:10px;}
h3 {font-size: 1em; color:#484847;	padding-bottom:10px;}
h3.orange {font-size: 1em; color:#ff8b0f;	padding-bottom:10px;}

b.orange {color:#ff8b0f;}
/*p {font-size: 0.9em; font-family: helvetica, arial; line-height: 20px;}*/
ul {list-style-type:none;}
li {padding:0 0 0 15px;}

/* Headers */
#headercontainer{ position: relative; background-image: url(../img/header-bg.gif); height:90px; float:left; width:100%; border:0px solid red;}
#headercontainer #header{ width: 960px; margin: 0 auto 0 auto; height: 67px; display: table; }


/* Inlog Form */
#headercontainer #header #login{ float: right; width: 110px; height: 30px; margin: 40px 0px 0px 0; border:0px solid red;}
#headercontainer #header #login a{ background-image:url(../img/menu_inloggen.gif); background-repeat: no-repeat; height: 30px; width:110px; margin: 0 0px 0 0; display: block; float: left; text-indent: -100000px; }

#headercontainer #header #login a.inloggen{ background-position: 0 0;}
#headercontainer #header #login a:hover.inloggen{ background-position: 0 -40px; }
#headercontainer #header #login a.inloggenselected{ background-position: 0 -80px; }

/*Uitloggen Form */
#headercontainer #header #loguit{ float: right; width: 110px; height: 30px; margin: 40px 0px 0px 0; border:0px solid red;}
#headercontainer #header #loguit a{ background-image:url(../img/menu_inloggen.gif); background-repeat: no-repeat; height: 30px; width:110px; margin: 0 0px 0 0; display: block; float: left; text-indent: -100000px; }

#headercontainer #header #loguit a.uitloggen{ background-position: -110px 0;}
#headercontainer #header #loguit a:hover.uitloggen{ background-position: -110px -40px; }
#headercontainer #header #loguit a.uitloggenselected{ background-position: -110px -80px; }

/* Navigation */
#headercontainer #header #navigation{ float: left; width: 680px; height: 30px; margin: 40px 0px 0px 0; border:0px solid red;}
#headercontainer #header #navigation a{ background-image:url(../img/menu_home.gif); background-repeat: no-repeat; height: 30px; width:110px; margin: 0 0px 0 0; display: block; float: left; text-indent: -100000px; }

#headercontainer #header #navigation a.home{ background-position: 0 0;}
#headercontainer #header #navigation a:hover.home{ background-position: 0 -40px; }
#headercontainer #header #navigation a.homeselected{ background-position: 0 -80px; }

#headercontainer #header #navigation a.uitleg{ background-position: -110px 0;  }
#headercontainer #header #navigation a:hover.uitleg{ background-position: -110px -40px; }
#headercontainer #header #navigation a.uitlegselected{ background-position: -110px -80px; }

#headercontainer #header #navigation a.vsg{ background-position: -220px 0;  }
#headercontainer #header #navigation a:hover.vsg{ background-position: -220px -40px; }
#headercontainer #header #navigation a.vsgselected{ background-position: -220px -80px; }

#headercontainer #header #navigation a.voetbalclub{ background-position: -330px 0; }
#headercontainer #header #navigation a:hover.voetbalclub{ background-position: -330px -40px; }
#headercontainer #header #navigation a.voetbalclubselected{ background-position: -330px -80px; }

#headercontainer #header #navigation a.scheidsrechter{ background-position: -440px 0; width: 130px; }
#headercontainer #header #navigation a:hover.scheidsrechter{ background-position: -440px -40px; width: 130px;}
#headercontainer #header #navigation a.scheidsrechterselected{ background-position: -440px -80px; width: 130px;}

#headercontainer #header #navigation a.contact{ background-position: -570px 0;  }
#headercontainer #header #navigation a:hover.contact{ background-position: -570px -40px; }
#headercontainer #header #navigation a.contactselected{ background-position: -570px -80px; }


/* Navigation Voetbalclub */
#headercontainer #header #navigation_club{ float: left; width: 680px; height: 30px; margin: 40px 0px 0px 0; border:0px solid red;}
#headercontainer #header #navigation_club a{ background-image:url(../img/menu_voetbalclub.gif); background-repeat: no-repeat; height: 30px; width:110px; margin: 0 0px 0 0; display: block; float: left; text-indent: -100000px; }

#headercontainer #header #navigation_club a.welkomvoetbalclub{ background-position: 0 0;}
#headercontainer #header #navigation_club a:hover.welkomvoetbalclub{ background-position: 0 -40px; }
#headercontainer #header #navigation_club a.welkomvoetbalclubselected{ background-position: 0 -80px; }

#headercontainer #header #navigation_club a.wedstrijdplaatsen{ background-position: -110px 0;}
#headercontainer #header #navigation_club a:hover.wedstrijdplaatsen{ background-position: -110px -40px; }
#headercontainer #header #navigation_club a.wedstrijdplaatsenselected{ background-position: -110px -80px; }

#headercontainer #header #navigation_club a.wedstrijdwijzigen{ background-position: -220px 0;  }
#headercontainer #header #navigation_club a:hover.wedstrijdwijzigen{ background-position: -220px -40px; }
#headercontainer #header #navigation_club a.wedstrijdwijzigenselected{ background-position: -220px -80px; }

#headercontainer #header #navigation_club a.profielvoetbalclub{ background-position: -330px 0;  }
#headercontainer #header #navigation_club a:hover.profielvoetbalclub{ background-position: -330px -40px; }
#headercontainer #header #navigation_club a.profielvoetbalclubselected{ background-position: -330px -80px; }

#headercontainer #header #navigation_club a.wachtwoord{ background-position: -440px 0; }
#headercontainer #header #navigation_club a:hover.wachtwoord{ background-position: -440px -40px; }
#headercontainer #header #navigation_club a.wachtwoordselected{ background-position: -440px -80px; }

/* Navigation Scheidsrechter */
#headercontainer #header #navigation_ref{ float: left; width: 680px; height: 30px; margin: 40px 0px 0px 0; border:0px solid red;}
#headercontainer #header #navigation_ref a{ background-image:url(../img/menu_scheidsrechter.gif); background-repeat: no-repeat; height: 30px; width:110px; margin: 0 0px 0 0; display: block; float: left; text-indent: -100000px; }

#headercontainer #header #navigation_ref a.welkomscheidsrechter{ background-position: 0 0;}
#headercontainer #header #navigation_ref a:hover.welkomscheidsrechter{ background-position: 0 -40px; }
#headercontainer #header #navigation_ref a.welkomscheidsrechterselected{ background-position: 0 -80px; }

#headercontainer #header #navigation_ref a.wedstrijdenoverzicht{ background-position: -110px 0; }
#headercontainer #header #navigation_ref a:hover.wedstrijdenoverzicht{ background-position: -110px -40px; }
#headercontainer #header #navigation_ref a.wedstrijdenoverzichtselected{ background-position: -110px -80px; }

#headercontainer #header #navigation_ref a.profielscheidsrechter{ background-position: -220px 0;  }
#headercontainer #header #navigation_ref a:hover.profielscheidsrechter{ background-position: -220px -40px; }
#headercontainer #header #navigation_ref a.profielscheidsrechterselected{ background-position: -220px -80px; }

#headercontainer #header #navigation_ref a.wachtwoord{ background-position: -330px 0;  }
#headercontainer #header #navigation_ref a:hover.wachtwoord{ background-position: -330px -40px; }
#headercontainer #header #navigation_ref a.wachtwoordselected{ background-position: -330px -80px; }


/* feature Styles */
#featurecontainer{ position: relative; background:#fff url(../img/logoplaatje-bg.png); background-repeat: repeat-x; background-position: 0px 0px; padding:0 0 20px 0; float:left; width:100%; border:0px solid red;}
#featurecontainer #feature{ width: 960px; margin: 0 auto 0 auto; padding: 0px 0 0 0; }
#featurecontainer #feature #featureimghome{ width: 960px; height:242px; }
#featurecontainer #feature #featuretexthome{ width: 960px; height:140px; padding: 25px 0 0 0; }
#featurecontainer #feature #featuretexthome #textleft{ float: left; width: 280px; border:0px solid red; margin-right:45px;  }
#featurecontainer #feature #featuretexthome #textcenter{float: left; width: 290px; border:0px solid red; margin-right:45px; }
#featurecontainer #feature #featuretexthome #textright{float: left; width: 280px; border:0px solid red;}

#featurecontainer #feature #text{ width: 645px;  float:left;  padding: 80px 30px 80px 20px;}
#featurecontainer #feature #image{ width: 210px; float: left; padding: 0px 40px 0 0; border:0px solid red;}
#featurecontainer #feature #welkom{ width: 500px; float:right; bottom:0px; right:0px; padding: 0px 0 0 0; border:0px solid red; text-align:right;}

/* Counter */
#counter{width: 960px; padding: 0 0 0 0;  }
#counter #club{float: left; padding: 0 400px 0 125px;}
#counter #ref{float: right;}

/* Page Styles */
#pagecontainer{ position: relative; background-color:#ffffff; margin:0px 0 0px 0;  float:left; width:100%; border:0px solid red; }

#pagecontainer #content{position: relative; width: 960px; margin: auto; padding: 0 0 50px 0px;}
#pagecontainer #content #leftcontent {position: relative; width: 280px; float: left; margin-right:45px; padding: 0 0 15px 0px; }
#pagecontainer #content #leftcontent #lefttitle {position: relative; border-bottom:1px solid #bab9b9; margin:0 0 10px 0; }

#pagecontainer #content #rightcontent{ position: relative; width: 633px; float: left; padding: 0 0 15px 0px;}
#pagecontainer #content #rightcontent #righttitle { border-bottom:1px solid #bab9b9; margin:0 0 10px 0; }
#pagecontainer #content #rightcontent #wedstrijd{ margin:0 0 20px 0;}	
#pagecontainer #content #rightcontent #wedstrijd #wdleft{width:150px; border-top:1px solid #484847; margin: 5px 0px 5px 0; float:left; }
#pagecontainer #content #rightcontent #wedstrijd #wdleft p.wdatum{color:#ff8b0f; font-weight:bold; padding:13px 0 25px 10px;}
#pagecontainer #content #rightcontent #wedstrijd #wdleft p.wregio{ padding:10px 0 25px 10px; font-weight:bold;}
#pagecontainer #content #rightcontent #wedstrijd #wdleft p.wreact{ padding:10px 0 0px 10px;}
#pagecontainer #content #rightcontent #wedstrijd #wdright{width:470px; border-top:1px solid #bab9b9; margin: 5px 	0px 5px 12px;  float:left;}
#pagecontainer #content #rightcontent #wedstrijd #wdright tr.clubs{color:#ffffff; font-weight:bold;  height:40px; }
#pagecontainer #content #rightcontent #wedstrijd #wdright tr.spacer{ height:5px;}
#pagecontainer #content #rightcontent #wedstrijd #wdright tr.aanvang{ padding:10px 0 25px 10px; }
#pagecontainer #content #rightcontent #wedstrijd #wdright tr.sportpark{ padding:10px 0 0px 10px;}
#pagecontainer #content #rightcontent #wedstrijd #wdright input.buttonnext{ width: 80px; height:26px; border: 0; padding: 2px; font: bold 14px 'Trebuchet MS'; background-color: #ff8b0f; color: #fff; }
#pagecontainer #content #rightcontent tr.header{ background-color:#484847; color:#ffffff; height:30px; font-weight:bold;}
#pagecontainer #content #rightcontent tr.even{ background-color:#e8eaef; height:35px;}
#pagecontainer #content #rightcontent tr.oneven{background-color: #ffffff; height:35px;}

/* Footer Styles */
#footercontainer{ position: relative; float:left; width:100%; border:0px solid red; }
#footercontainer #footer{ width: 960px; margin: 0 auto 0 auto;  border-top: solid 1px #bab9b9; line-height: 30px; font-size: 14px;}
#footercontainer #footer .left{ width: 420px; float: left; color:#484847;}
#footercontainer #footer .left a {text-decoration: none;color: #484847; padding: 0px 10px 0px 0px;}
#footercontainer #footer .left a:hover {text-decoration: none;color: #bab9b9;}

#footercontainer #footer .right{ margin: 0 0 0 60px; width: 480px; float: left; text-align: right; color:#484847;}
#footercontainer #footer .right a {text-decoration: none;color: #484847; padding: 0px 10px 0px 10px;}
#footercontainer #footer .right a:hover {text-decoration: none;color: #bab9b9;}


/*Aanmeld formulier voetbalclub*/
#aanmeldform { position: relative; width: 920px; margin: auto; padding: 10px 0 0px 20px;}
#aanmeldform h3{padding-left:0px;}
#aanmeldform label{ float: left; width:250px; text-align: right; margin: 5px 0 0 0;}

#ideallogo{position:absolute; top:40px; right:120px; width:192px;}

#refaktie{position:absolute; top:240px; right:120px; width:275px;}
#clubaktie{position:absolute; top:270px; right:120px; width:275px;}

/*Formulier velden id's*/
/*VOETBALCLUB*/
#v_relatiecode, #v_clubnaam, #v_acctelefoon, #v_clubkleuren, #v_cornaam, #v_cortelefoon, #v_coremail, #u_emailadres, #u_password, #herhaal_password{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#v_accstraat{ width: 232px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#v_acchuisnummer{ width: 54px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#v_accpostcode{ width: 54px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#v_accwoonplaats{ width: 232px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#v_district, #v_klasse{ width: 306px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px; }
#v_zaterdag, #v_zondag, #v_junioren, #v_dames, #v_futsal{height:16px;}
#v_ideallijst{width: 300px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 5px;}

/*SCHEIDSRECHTER*/
#s_relatiecode, #s_achternaam, #s_telefoon1, #s_telefoon2, #s_email{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_voorletters{ width: 176px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_tussenvoegsel{ width: 110px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_straat{ width: 232px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_huisnummer{ width: 54px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_postcode{ width: 54px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_woonplaats{ width: 232px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_niveauzaterdag{width: 306px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#s_niveauzondag{width: 306px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}

/*WEDSTRIJD PLAATSEN*/
#w_naamthuisclub, #w_naamuitclub, #w_sportpark{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_elftalthuis, #w_elftaluit{width: 306px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_teamselftal{width: 156px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_niveauref{width: 306px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_teamsgroepthuis, #w_teamsgroepuit{width: 130px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_teamsdagthuis, #w_teamsdaguit{width: 130px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_teamselftalthuis, #w_teamselftaluit{width: 30px; height:17px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 0px;}
#w_aanvang{width:45px; height:22px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#w_actief{width:45px; height:16px; border: solid 0px #bab9b9; padding: 2px; margin: 8px 2px 2px 2px;}


/*CONTACT*/
#c_naam, #c_telefoon, #c_email{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}
#c_contact{ border: solid 1px #bab9b9; padding: 7px; margin: 2px 2px 2px 2px;}

/*ALGEMEN INPUT VELDEN*/
#w_wedstrijddatum_dag, #w_wedstrijddatum_maand{width:20px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px; text-align:center;}
#w_wedstrijddatum_jaar {width:40px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px; text-align:center;}

#aanmeldform input.buttonprev{ width: 80px; height:26px; border: 0; padding: 2px; font: bold 14px 'Trebuchet MS'; background-color: #ff8b0f; color: #fff; }
#aanmeldform input.buttonnext{ width: 80px; height:26px; border: 0; padding: 2px; font: bold 14px 'Trebuchet MS'; background-color: #ff8b0f; color: #fff; }

#aanmeldform p.fout{color:red;}
#aanmeldform label.fout{color:red;}
#aanmeldform input.fout  { border: solid 1px red;}
#aanmeldform select.fout  { border: solid 1px red;}
#aanmeldform textarea.fout  { border: solid 1px red;}

#aanmeldform table.tablecheckbox{margin: 0 0 30px 240px; width:400px;}
#aanmeldform table.radiocheckbox{margin: 0 0 30px 240px; width:400px;}
#aanmeldform table.tableakkoord{margin: 0 0 30px 240px; width:700px;}
#aanmeldform td.checkbox{ width:30px;}
#aanmeldform td.checkboxtekst{ width:200px;}
#aanmeldform td.emailontvangen{ width:30px;}
#aanmeldform td.radiobutton{ height:25px; }

#aanmeldform tr.header{ background-color:#484847; color:#ffffff; height:30px; font-weight:bold;}
#aanmeldform tr.even{ background-color:#e8eaef; height:35px;}
#aanmeldform tr.oneven{background-color: #ffffff; height:35px;}

/*INLOGGEN*/
#inloggenform { position: relative; width: 920px; margin: auto; padding: 0 0 0px 40px;}
#inloggenform h3{padding-left:0px;}
#inloggenform label{ float: left; width:250px; text-align: right; margin: 5px 0 0 0;}
#inloggenform input.button{ width: 80px; height:26px; border: 0; padding: 2px; font: bold 14px 'Trebuchet MS'; background-color: #ff8b0f; color: #fff; }

#u_username, #u_password{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}

#inloggenform label.fout{color:red;}
#inloggenform input.fout  { border: solid 1px red;}
#inloggenform select.fout  { border: solid 1px red;}

/*PASSWORD*/
#oldw8w, #neww8w, #h_neww8w{ width: 300px; height:16px; border: solid 1px #bab9b9; padding: 2px; margin: 2px 2px 2px 2px;}

/*RESPONSE*/
#reswedstrijd{margin:0 0 50px 70px;}

/*BANK  */
#bank{ 

}


/* HINTS  */
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0px;
left:0px;
background-color: #e9e9e9;
width: 0px; /*Default width of hint.*/ 
padding:3px 5px 5px 12px;
border:1px solid #c6c6c6;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:16px;
z-index:100;
visibility: hidden;
}

/*CSS for pop up hint box */
#hintbox b{ 	color: #484847;	line-height:20px;}
/*CSS for link that shows hint onmouseover*/
.hintanchor{ font-weight: bold;color: navy;margin: 3px 8px;}

/*ERRORS*/
#errors{
	background:#fff url(../img/error.png); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	width: 380px;
	min-height:60px;
	border: solid 1px #c6c6c6;
	padding:5px 5px 5px 90px;
	margin: 10px 0px 10px 120px;
}
#errors p.fout{color:#d7211b;}
#errorheight{
	width:1px;
	height:60px;
	float:left;
}