@charset "utf-8";
/* CSS Document */

/* PAGINA INDELING */

body{
	text-align: center;
	background: #000033;
	margin: 0px;
	width:100%;
	height:100%;
	}
	
	#wrapper{
		width: 780px;
		height: 100%;
		background: #e8e7e7;
		margin-left: auto;
		margin-right: auto;
		}
	
		#top{
			width: 780px;
			height: 220px;
			background: url('img/bg/bgTop09.jpg');
			}
	
		#menu{
			width: 780px;
			height: 68px;
			background: #000;
			display: inline;
			float: left;
			}
			
		#login{
			width: 780px;
			height: 26px;
			font-family: Verdana;
			font-size: 10px;
			color: #FFF;
			text-decoration: none;
			}

	
		#content{
			width: 780px;
			height: 100%;
			background: #FFF url('img/bg/bgContent.jpg') repeat-x;
			text-align: left;
			padding: 0px 0px 0px 0px;	
			display: inline;
			float: left;
			}
	
		#footer{
			width: 780px;
			height: 25px;
			background: #FFF;
			text-align: left;
			float: left;
			border-top: #CCCC99 medium double;
			}

	/* MENU VOOR ALLE GEBRUIKERS */
		
	#menuAll{
		width: 342px;
		height: 68px;
		background: url(img/bg/bgMenuAllLogin.jpg);
		display: inline;
		float: left;
		} 
	
		#menuAll ul{ 
			list-style: none; 
			margin: 0px; 
			padding: 0px; 
			} 
	
			#menuAll ul li{ 
				list-style: none; 
				display: inline; 
				float: left; 
				margin: 0px; 
				padding: 0px; 
				}

				#menuAll ul li a#home { 
					display: block; 
					width: 57px; 
					height: 68px; 
					background: url(img/bg/menuAll.jpg) top left no-repeat; 
					} 
				
				#menuAll ul li a#news { 
					display: block; 
					width: 57px; 
					height: 68px; 
					background: url(img/bg/menuAll.jpg) -58px 0px no-repeat; 
					} 
				
				#menuAll ul li a#team{ 
					display: block; 
					width: 57px; 
					height: 68px;
					background: url(img/bg/menuAll.jpg) -115px 0px no-repeat; 
					}
					 
				#menuAll ul li a#schedule{ 
					display: block; 
					width: 57px; 
					height: 68px;
					background: url(img/bg/menuAll.jpg) -172px 0px no-repeat; 
					}
					
				#menuAll ul li a#reports{ 
					display: block; 
					width: 57px; 
					height: 68px; 
					background: url(img/bg/menuAll.jpg) -229px 0px no-repeat; 
					}
					
				#menuAll ul li a#links{ 
					display: block; 
					width: 57px; 
					height: 68px;
					background: url(img/bg/menuAll.jpg) -286px 0px no-repeat; 
					} 
				
				#menuAll ul li a#home:hover{ 
					background-position: 0px -68px; 
					}
					 
				#menuAll ul li a#news:hover{ 
					background-position: -58px -68px; 
					} 
				
				#menuAll ul li a#team:hover{ 
					background-position: -115px -68px; 
					} 
				
				#menuAll ul li a#schedule:hover{ 
					background-position: -172px -68px; 
					} 
				
				#menuAll ul li a#reports:hover{ 
					background-position: -229px -68px; 
					} 
				
				#menuAll ul li a#links:hover{ 
					background-position: -286px -68px; 
					} 
	
		#menuAll img { 
			border: none; 
			margin: 0px; 
			padding: 0px; 
			} 
	
		#menuAll span {
			display: none;
			}
	
	
	#menuAll ul li a { 
		display: block;
		list-style: none; 
		padding: 0px;
		float: left;
		font: 10px Verdana, Sans-Serif;
		text-decoration: none; 
		}
	
	/* end menu voor alle gebruikers */
	
	#menuMidden{
		width: 160px;
		height: 69px;
		background: url(img/bg/bgMenuMidden09.jpg);
		display: inline;
		float: left;
		}

	/* MENU VOOR LOGIN */
		
	#menuLogin{
		width: 278px;
		height: 68px;
		background: url(img/bg/bgMenuAllLogin.jpg);
		display: inline;
		float: left;
		}
	
		#menuLogin ul{ 
			list-style: none; 
			margin: 0px; 
			padding: 0px; 
			} 
	
		#menuLogin ul li{ 
			list-style: none; 
			display: inline; 
			float: left; 
			margin: 0px; 
			padding: 0px; 
			}

	#menuLogin ul li a { 
		display: block;
		list-style: none; 
		padding: 0px;
		float: left;
		}
	
			#menuLogin ul li a#telefoonboom { 
				display: block; 
				width: 93px; 
				height: 68px; 
				background: url(img/bg/menuIngelogd.jpg) top left no-repeat; 
				} 
			
			#menuLogin ul li a#teammail { 
				display: block; 
				width: 93px; 
				height: 68px; 
				background: url(img/bg/menuIngelogd.jpg) -94px 0px no-repeat; 
				} 
		
			#menuLogin ul li a#stats{ 
				display: block; 
				width: 92px; 
				height: 68px;
				background: url(img/bg/menuIngelogd.jpg) -187px 0px no-repeat; 
				}
			
			#menuLogin ul li a#telefoonboom:hover{ 
				background-position: 0px -68px; 
				}
				 
			#menuLogin ul li a#teammail:hover{ 
				background-position: -94px -68px; 
				} 
			
			#menuLogin ul li a#stats:hover{ 
				background-position: -187px -68px; 
				} 
	
		#menuLogin img { 
			border: none; 
			margin: 0px; 
			padding: 0px; 
			} 
		
		#menuLogin span {
			display: none;
			}
		
		/* end menu login */

	/* MENU TEXTEN */

	#menuText, #menuTextAll, #menuTextMidden, #menuTextLogin{
		height: 16px;
		display: inline;
		float: left;
		}

	#menuText{
		width: 780px;
		background: #FFF;
		}
	
	#menuTextAll, #menuTextLogin{
		width: 337px;
		background: #FFF;
		font: 12px Arial, Verdana, Sans-Serif;
		color: #333;
		padding-left: 5px;
		text-align: left; 
		}
	
	#menuTextMidden{
		width: 160px;
		background: url(img/bg/bgMenuTextMidden09.jpg);
		}
	
	#menuTextLogin{
		width: 273px;
		}
	
/* end menu texten */

/* LOGIN */
	
#loginLogin{
	width: 342px;
	height: 26px;
	display: inline;
	text-align: left;
	float: left;
	background: url(img/bg/bgLoginFill.jpg);
	}
	
#loginMidden{
	width: 160px;
	height: 26px;
	background: url(img/bg/bgLoginMidden09.jpg);
	display: inline;
	float: left;
	}
	
#loginText{
	width: 268px;
	height: 16px;
	padding: 5px 5px 5px 5px;
	text-align: right;
	background: url(img/bg/bgLoginFill.jpg);
	display: inline;
	float: right;
	}
	
/* FORMULIER LOGIN */

#loginLogin form{
	padding: 3px 0px 0px 5px;
	}

#loginLogin input{
	border: 1px solid #333;
	margin-left: 2px; 
	font: 10px Arial, Sans-Serif;
	}

#loginLogin .buttonLogin { height: 16px; border: 1px solid #333; }

#loginLogin .buttons:hover{ background: #ccc; }

/* end formulier login */

/* LINKS LOGIN */

#loginText a, #loginLogin a{ font-family: Verdana; font-size: 10px; color: #FFF; text-decoration: none;}

#loginLogin a, #loginLogin a:hover{line-height: 23px; margin: 0px 0px 0px 5px;}

#loginText a:hover, #loginLogin a:hover { text-decoration: underline;}

/* end link login */
	
/* CONTENT EIGENSCHAPPEN */

/* CONTENT BLOKKEN 1/3, 2/3, 1/5  */

img#team{
	float: right; 
	padding: 0px 15px 15px 0px;
	}

.contentBlockDrie{
	width: 260px;
	height: 100%;
	display: inline;
	float: left;
	}
	
.contentBlockTweeDrie{
	width: 520px;
	height: 100%;
	display: inline;
	float: left;
	}
	
.contentBlockVijf{
	width: 156px;
	height: 100%;
	display: inline;
	float: left;
	}
	
/* end content blokken */

p{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #333;
	padding: 0px 5px 0px 10px;
	text-align: left; 
	clear: right;
	}

h1{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 15px;
	color: #333;
	padding: 10px 0px 0px 10px;
	text-align: left; 
	}
	
#content .contentBlockTweeDrie h1{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 15px;
	color: #333;
	padding: 0px 0px 0px 10px;
	text-align: left; 
	}

/* NIEUWS ITEMS */

#nieuwsItems{
	width: 225px;
	height: 165px;
	display: inline;
	float: left;
	padding: 22px 5px 5px 5px;
	}

.nieuwsItem{
	width: 200px;
	height: 65px;
	background: #665846;
	padding: 4px;	
	margin-bottom: 5px;
	border: 1px solid #fff;
	display: block;
	float: left;
	}

#content .nieuwsItem a{
	font: bold 10px Verdana, sans-serif;
	line-height:10px;
	color: #003366;
	text-decoration: none;
	}

#content .nieuwsItem a:hover{text-decoration: underline; }
	
.nieuwsItem p{
	margin: 0px;
	padding: 0px;
	font: 10px Verdana, sans-serif;
	color: #fff;
	}
	
.nieuwsItem img{
	border: 2px solid #FFF;
	margin-right: 4px;
	display: block;
	float: left;
	}
	
/* en nieuws items */

/* FORMULIER TEAM MAIL */

#content form{
	margin: 0px 0px 0px 0px;
	}

#content input, #content textarea{
	width: 350px;	
	border: 1px solid #333;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	}

#content form #btnSend.teamMail{
	width: 100px;
	margin: 0px 0px 10px 130px;
	}
	
#content label{
	float: left;
	width: 120px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #333;
	padding: 0px 0px 0px 10px;
	text-align: left; 
	}	

/* end formulier team mail */

.contentBlockDrie p.bold{
	font-weight: bold;
	}
	
.contentBlockDrie p{
	padding: 0px 0px 2px 10px;
	border-bottom: 1px dotted #000033;
	text-align: left; 
	}
/* verschillende tabellen */

table.data{
	width: 760px;
	text-align: left; 
	font: 12px arial;
	margin: 0px 10px 10px 10px;
	color: #333;
	}
	
	table.data th{
		padding: 0px;
		color: #002952;
		font-weight: bold;
		border-bottom: 1px dotted #000033;
		padding: 10px 0px 5px 5px;
		}

	table.data tr td{
		padding: 10px 0px 5px 5px;
		border-bottom: 1px dotted #000033;
		}
		
	table.data tr.done td{
		font-weight: bold;
		}

	table.data tr:hover{
		background: #f6f6f6;
		}
		
/* telefoonboom */

table.dataTelBoom{
	width: 760px;
	text-align: left; 
	font: 12px arial;
	margin: 0px 10px 10px 10px;
	color: #333;
	}
	
	table.dataTelBoom tr.empty{
		height: 20px;
		}

		table.dataTelBoom td.active{
			width: 110px;
			padding: 5px;
			border: 1px dotted #000033;
			}	
		
/* /verschillende tabellen */

#content a, .contentBlockDrie p a, #content a:visited, .contentBlockDrie p a:visited{
	font: 12px arial;
	padding: 0px 0px 0px 0px;
	color: #000033;
	text-decoration: none;
	}

.contentBlockDrie p a:hover, #content a:hover{
	text-decoration: underline;
	}

#content a.normal, #content a.normal:visited{
	font: 12px arial;
	padding: 0px 0px 0px 10px;
	color: #000033;
	text-decoration: none;
	}

#content a.normal:hover{
	text-decoration: underline;
	}

#content ul li a.links, a:visited.links{ 
	list-style: none; 
	padding: 0px;
	font:  11px Verdana, Sans-Serif;
	color: #333;
	text-decoration: none; 
	}

#content ul li a:hover.links { 
	color: #000033;
	text-decoration: underline; 
	}
	
#content ul.links{
	list-style: disc;
	color: #003366;
	}
	
/* VELD SPELERS COORDINATEN */
	
.veld{ width: 780px; height: 165px; margin-top: 30px;}
	
#firstBase, #secondBase, #thirdBase, #pitcher, #catcher, #shortstop, #leftField, #centerField, #rightField{
	width: 125px;
	height: 80px;
	padding: 5px 0px 0px 5px;
	background: #FFFFFF;
	border: 2px solid #666;
	font: 12px Arial, Verdana, Sans-Serif;
	color: #333;
	text-align: left;
	z-index: 1001;
	display: none;
	}

.veld p{ margin: 0px; font-weight: bold; padding: 0px 0px 5px 0px; }

.veld ul{ list-style: none; margin: 0px 0px 0px 5px; padding: 0px; }

.veld a, a:visited{ text-decoration: none; color: #333;}

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

#pitcher{ height: 100px; position: relative; left: 363px; top: -200px;}

#catcher{ height: 65px; position: relative; left: 305px; top: -110px;}

#firstBase{ height: 50px; position: relative; left: 554px; top: -145px;}

#secondBase{ height: 65px; position: relative; left: 440px; top: -107px;}

#thirdBase{ position: relative; left: 153px; top: -92px;}

#shortstop{ height: 50px; position: relative; left: 290px; top: -113px;}

#leftField{ height: 65px; position: relative; left: 205px; top: -135px;}

#centerField{ height: 65px; position: relative; left: 380px; top: -138px;}
	
#rightField{ height: 65px; position: relative; left: 555px; top: -130px;}

/* end veld spelers coordinaten */

/* SPELERS OVERZICHT ITEMS */

.playerZoom{
	width: 710px;
	height: 206px;
	background: #000033;
	border: 1px solid #ccc;
	margin: 0px 0px 50px 10px;
	padding: 5px 5px 5px 5px;
	display: inline;
	float: left;
	}
	
.playerZoom h1{
	color: #666;
	font-size: 20px;
	margin: -9px 0px 0px 156px;
	}
	
.playerZoom img{
	border: 2px solid #ccc;
	display: inline;
	float: left;
	}

.btnTerugOverzicht{
	background: url(img/items/btnTerugVeld.jpg);
	width: 35px;
	height: 216px;
	margin: 1px 0px 0px -1px;
	padding: 0px;
	display: inline;
	float: left;
	}
	
.playerData{
	width: 90px;
	height: 175px;
	margin: 0px 0px 0px 10px;
	display: inline;
	float: left;
	}

.playerDataEntry{
	width: 450px;
	height: 175px;
	display: inline;
	float: left;
	}
	
.playerData p{ color: #999; font-weight: bold; margin: 0px; padding: 0px;}

.playerDataEntry p{ color: #666; margin: 0px; padding: 0px;}

/* end speler overzicht items */

/* end content eigen items en eigenschappen */

/* FOOTER EIGENSCHAPPEN */

#footer p{
	margin: 0px;
	padding: 5px 0px 0px 5px;
	font: 10px Verdana;
	}

	
/* einde footer eigen items en eigenschappen */

/* muis */

.uitnodiging{
margin: 20px 0px 20px 150px;
text-align: center;
border: 1px solid #336699;
width: 60%;
}