@charset "utf-8";

/* Custom CSS for VKV */

body {
	background: #373a3e url(../img/bodybg.jpg) top repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
}

p {
	padding: 8px;
}

h1 {	
	width: 200px;
	height: 150px;
	float: left;
	margin-top: 15px;
	text-indent: -9999px;
	background: url(../img/vkv-logo.jpg) no-repeat;
}

h2, h3, .sticky {
	color: #96b246;
	font-size: 22px;
	padding: 10px;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {	
	padding-left: 40px;
	background: url(../img/announce.jpg) left no-repeat;
}

h4 {
	font-size: 14px;
	color: #a1be59;
	padding: 5px 0;
}

h4:hover {
	text-decoration: underline;
}

.sticky {
	font-weight: bold;
	padding-left: 40px;
	background: url(../img/sticky.jpg) left no-repeat;
}

hr {
	height: 45px;
	border: none;
	background: #373a3e url(../img/hr.jpg) center no-repeat;
}

img {
	border: 0;
}

a, a:visited, a:active {
	text-decoration: none;
	color: #b4cd71;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 900px;
	padding: 0;
	margin: 0 auto; 
}

* html #logo-tekst {	
	width: 100%;
	height: 74px;
	margin-top: -12px;
	text-indent: -9999px;
	background: url(../img/logo-tekst.jpg) top right no-repeat;
}

#logo-tekst {
	width: 100%;
	height: 52px;
	margin-bottom: 22px;
	text-indent: -9999px;
	background: url(../img/logo-tekst.jpg) top right no-repeat;
}

* html #header {
	height: 185px;
	margin-top: -25px;
	background: url(../img/kicker.jpg) right bottom no-repeat;
}

#header {
	height: 185px;
	background: url(../img/kicker.jpg) right bottom no-repeat;
}

.navmenu {
	margin-top: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.navmenu li{
	float:left;
	position:relative;
	z-index:100;
}

.navmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
}

/* use the table to position the dropdown list */
.navmenu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-5px;
	top:34px;
}

/* style all the links */
.navmenu a {
	display:block;
	width:149px;
	padding: 10px 0 12px 0;
	color: #b4cd71;
	text-decoration:none;
	text-align:center;
}

* html .navmenu a, .navmenu :visited {
	color: #b4cd71;
	background: url(#);
}

* html .navmenu li a {
	background: #eaeaea;
	color: #444;
}

/* style the links hover */
.navmenu :hover{
	color:#444;
	background:#c9f05f;
}

/* hide the sub level links */
.navmenu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
}
/* make the sub level visible on hover list or link */
.navmenu ul li:hover ul,
.navmenu ul a:hover ul{
	visibility:visible;
}

.navmenu li a {
	font-weight: bold;
}

.navmenu li li a {
	border-top: 1px solid #fff;
	font-weight: normal;
}

.navmenu li:hover a {
	background: #eaeaea;
	color: #777;
}	

.navmenu li:hover a:hover {
	background: #c9f05f;
	color: #777;
}

#main {
	clear: both;
	margin-top: 60px;
	margin-bottom: 20px;
}

#mainr, #mainl {
	margin-top: 20px;
}

#mainr {
	float: right;
	width: 235px;
	padding-left: 10px;
}

#mainl {
	float: left;
	width: 635px;
	padding-right: 10px;
}


.title {
	padding: 5px;
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#newsitem {
	text-align: center;
}

#login label {
	display: block;
	width: 100%;
	padding: 5px;
}

#login input {
	border: 1px solid #96b246;
}

#login input:focus {
	border: 1px solid #00ffff;
}

.submit {
	display: block;
	margin-top: 5px;
}

#footer {
	clear: both;
	width: 100%;
	background: #43474C;
	border-top: 5px solid #4a4e53;
}

.footerwrap {
	width: 900px;
	padding-bottom: 20px;
	padding-top: 10px;
}

.footernav {
	font-size: 10px;
	float: left;
	margin-right: 15px;
}

.footernav a {
	color: #868686;
}

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

.footernav li {
	padding: 5px 0;
}

.contact {
	width: 350px;
	float: right;
	text-align: right;
	padding-top: 5px;
}

.motd {
	width: 60%;
	margin-bottom: 25px;
}

.rank {
	width: 100%;
}

.motd, .rank, .kal  {
	background: #f9f9f9;
	border: 10px solid #fff;
	border-collapse: separate;
	border-spacing: 2px;	
}

.rank th, td {
	padding: 5px;
}	

.rank th {
	color: #000;
	font-size: 14px;
	background: #c9f05f;
	border-bottom: 2px solid #000;
}

.rank td {
	color: #333;
	text-align: center;
}

.rank tr.odd {
	background: #eaeaea;
}

.rank tr.even  {
	background: #ffffff;
}

.motd th, td {
	padding: 5px;
}	

.motd th {
	color: #000;
	font-size: 14px;
	background: #c9f05f;
	border-bottom: 2px solid #000;
}

.motd td {
	color: #333;
	text-align: center;
}

.motd tr.odd {
	background: #eaeaea;
}

.motd tr:hover, .rank tr:hover {
	background: #C4D7ED;
}


.kal {
	width: 100%;
/*
	font-family: Arial, Verdana;
	font-size: 14px;
*/
}

.kal tr.odd {
	background: #eaeaea;
}

.kal tr.even  {
	background: #CAF0D8;
}

.kal tr.selected {
	color: #000;
	background: #FFFF00;
}

.kal tr.gray {
	background: #373a3e;
}

.kal tr.gray td {
	color: #fff;
}

.kal tr.yellow {
	background: #eaeaea;
}

.kal th, td {
	padding: 5px;
}	

.kal th {
	color: #000;
	font-size: 14px;
	background: #c9f05f;
	border-bottom: 2px solid #000;
}

.kal td {
	color: #333;
}

.kal tr:hover {	
	background: #C4D7ED;
}

.tdleft {
	color: #333;
	text-align: left;
}

.tdcenter {
	color: #333;
	text-align: center;
}

.tdright {
	color: #333;
	text-align: right;
}


.kalender {
	width: 380px;
	height: 180px;
	padding: 5px;
	margin-bottom: 10px;
	background: #62686F;
	border-spacing: 1px;
	border-collapse: separate;
}

.kalender td {
	padding: 3px;
	text-align: center;
}

.kalender th {
	padding: 5px;
	text-align: left;
	font-size: 14px;
	background: #373a3e;
	border-bottom: 2px solid #ddd;
}

.beker {
	width: 800px;
	padding: 5px;
	margin-bottom: 10px;
	background: #62686F;
	border-spacing: 1px;
	border-collapse: separate;
}

.beker td {
	padding: 3px;
	text-align: center;
}

.beker th {
	padding: 5px;
	text-align: left;
	font-size: 14px;
	background: #373a3e;
	border-bottom: 2px solid #ddd;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	float:center;
}

.home, .vs, .away, .blad {
	background: #43474C;
}

td.home {
	text-align: left;
}

td.away {
	text-align: right;
}

.vs, .score {
	text-align: center;
}

.score {
	font-weight: bold;
	color: #000;
	background: #c9f05f;
}

.blad img {
	width: 16px;
	height: 16px;
}

/* ---------- css voor topics on index ------------------*/

#topics {
	padding: 10px 0 0 0;
	text-align: right;
	font-style: italic;
	font-size: 10px;
	color: #ccc;
}

#topics a {
	font-style: normal;
	font-size: 11px;
}

#topics p {
	padding: 0;
	margin: 0;
}

/* --------- kampioenschappen -------------------------*/
#kampioenschappenleft {
	padding: 0px 0 0 0;
	text-align: right;
	font-style: italic;
	font-size: 10px;
	color: #ccc;
	border: 0px solid #FFF;
	width: 250px;
}

#kampioenschappenleft a {
	font-style: normal;
	font-size: 10px;
}

#kampioenschappenleft p {
	padding: 0;
	margin: 0;
}


/* ---------- css voor admingedeelte ------------------------------------------*/
#adminmainl {
	float: left;
	width: 130px;
	padding-left: 0px;
	background: #484F3E;
	border: 1px solid #FFF;
}

#adminmainr {
	float: right;
	width: 760px;
	padding-right: 0px;
	background: #484F3E;
	border: 1px solid #FFF;
}


.nieuwstbl {
	font-size: 90%;
	font-size: 11px;
	background: #D8F1DD; 
}

.nieuwstbl th {
	color: #FFF;
	background: #B6E4BF;
}

.nieuwstbl td {
	color: #000;
}

.nieuwstbl tr.odd {
	color: #000;
	background: #FFFFFF;
}

.nieuwstbl tr.even {
	color: #000;
	background: #E8F7EB;
}


.kaladmin {
	width: 100%;
	font-family: Arial, Verdana;
	font-size: 11px;
}

.kaladmin  {
	background: #f9f9f9;
	border: 2px solid #fff;
/*
	border-collapse: separate;
*/
	border-spacing: 3px;	
}

.kaladmin a {
	color: #000000;
}

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

.kaladmin tr.odd {
	background: #E7F8ED;
}

.kaladmin tr.even  {
	background: #CAF0D8;
}

.kaladmin tr.selected {
	color: #000;
	background: #FFFF00;
}

.kaladmin tr.gray{
	background: #EEEEEE;
}

.kaladmin tr.white{
	background: #FFFFFF;
}

.kaladmin tr.yellow{
	background: #FFFF9B;
}

.kaladmin tr.black{
	background: #000000;
}

.kaladmin th, td {
	padding: 2px;
}	

.kaladmin td.selected {
	background: #BDDD8E;
}	

.kaladmin th {
	color: #000;
	font-size: 14px;
	background: #c9f05f;
	border-bottom: 2px solid #000;
}

.kaladmin td {
	color: #333;
}

.kaladmin td.beker {
	background: #FFFFFF;
}

.kaladmin td.competitie {
	background: #FFFFCA;
}

.kaladmin td.andere {
	background: #B3F2C1;
}

.kaladmin td.wit {
	background: #FFFFFF;
}

.kaladmin td.groen {
	background: #B3F2C1;
}

.kaladmin td.felgroen {
	background: #20B31C;
}

/* wedstrijdblad */

.wedstrijdblad {
	width: 100%;
	font-family: Arial, Verdana;
	font-size: 11px;
}

.wedstrijdblad  {
	background: #F9F9F9;
	border: 2px solid #fff;
	border-collapse: separate;
	border-spacing: 0px;	
}

.wedstrijdblad tr.odd {
	background: #E7F8ED;
}

.wedstrijdblad tr.even  {
	background: #CAF0D8;
}

.wedstrijdblad tr.selected {
	color: #000;
	background: #FFFF00;
}

.wedstrijdblad tr.gray{
	background: #EEEEEE;
}

.wedstrijdblad tr.white{
	background: #FFFFFF;
}

.wedstrijdblad th, td {
	padding: 5px;
}	

.wedstrijdblad th {
	color: #000;
	font-size: 14px;
	background: #c9f05f;
	border-bottom: 2px solid #000;
}

.wedstrijdblad td {
	color: #333;
}

.wedstrijdblad td.ploeg {
	background: #E7F8ED;
}

.wedstrijdblad td.lidnr {
	background: #CAF0D8;
}

.wedstrijdblad td.club {
	background: #FFFFFF;
}

/*--- einde css admingedeelte ----------*/