/******************************************************************************/
/*	portal.css                                                                */
/*                                                                            */
/*	Sportsites                                                                */
/*	groen: #009999
/*
/*  Wwsp
/*	blauw: #0E95D9                                                            */
/******************************************************************************/

@media screen
{
	/**************************************************************************/
	/* 	General styles                                                        */
	/**************************************************************************/

	html
		{
			width:					100%;
		}

	body
		{
			width:					100%;

			padding:				0;
			margin:					0;

			font-family: 			Tahoma, Arial, Verdana, Sans-Serif;
			font-size:				11px;
			color:					#666666;

			background:				url('/wgsRoot/wwsp/img/portal/bg.gif') repeat-x left top;
			text-align: 			center;
		}

	a
		{
			text-decoration:		none;
			color:					#0E95D9;
			margin-left: 			5px;
			margin-right: 			5px;
		}
	a.nomargin
		{
			margin: 0px;
		}
	
	a.nomarginright
		{
			margin-right:			0px;
		}
	
	a.nomarginleft
		{
			margin-left:			0px;
	}		

	a:hover
		{
			text-decoration:		underline;
		}

	/**************************************************************************/
	/* 	Lay-out		                                                          */
	/**************************************************************************/
 	#top
 		{
 			width:					980px;
 			height:					222px;
 			margin:					auto;
 		}
 		#top #logo
 			{
				float: 					left;
				margin-top:				42px;
 			}
 		#top #quote
 			{
 				position: 				relative;
 				top: 					178px;
 				right: 					20px;
 			}
 	#middle
 		{
 			width:					980px;
 			height:					246px;
 			margin:					auto;
 			text-align: 			center;
 		}
 		#middle #sports
 			{
 				display: 				block;
 				position: 				relative;
 				top: 					98px;
 				width:					868px;
 				margin:					auto;
 			}
 		*>#middle #sports
 			{
 				/*width:					864px;*/
 				width: 648px;
 			}

 			#middle #sports .sport
 				{
    				float: 					left;
    				width:					216px;
    				cursor:					pointer;
 				}
 				#middle #sports .sport .top
 					{
 						height:					89px;
 						width:					216px;
 						background:				url('/wgsRoot/wwsp/img/portal/bg_sport_top.gif') no-repeat 8px 0px;
 					}
 					#middle #sports .sport .top .left
 						{
     	    	           	float: 					left;
     	    	           	height:					89px;
           		         	width:					8px;
            	        	background:				url('/wgsRoot/wwsp/img/portal/bg_sport_left.gif') no-repeat left top;
 						}
 					#middle #sports .sport .top .right
 						{
 							float: 					right;
     		               	height:					89px;
       	             		width:					8px;
                        	background:				url('/wgsRoot/wwsp/img/portal/bg_sport_right.gif') no-repeat right top;
 						}
 					#middle #sports .sport .top .middle
 						{
       	                	position: 				relative;
                        	top:					9px;
                        	display: 				block;
                        	float: 					left;
                        	margin: 				auto;
                        	background-color: 		#CCC;
                        	height:					78px;
                        	width: 					198px;
                        	border:					1px solid #FFF;
 						}

 					/******
 						 Selected one
 					*/
 					#middle #sports #selected .top .middle
 						{
 							background-color: 		#009999;
 						}

 						#middle #sports .sport .top .content
 							{
 								position:				relative;
 								top:					4px;
 								left:					0px;
 								margin:					auto;
                        		height:					67px;
                        		width: 					185px;

                        		color: 					#009999;
                        		text-align:				left;
                        		padding-left:			5px;
                        		padding-top: 			3px;
 							}
	 						#middle #sports .sport .top #fieldhockey
	 							{
	 								background:				#FFF url('/wgsRoot/wwsp/img/portal/sport_fieldhockey_top.gif') no-repeat 106px 0px;
	 							}
	 						#middle #sports .sport .top #soccer
	 							{
	 								background:				#FFF url('/wgsRoot/wwsp/img/portal/sport_soccer_top.gif') no-repeat 126px 0px;
	 							}
	 						#middle #sports .sport .top #tennis
	 							{
	 								background:				#FFF url('/wgsRoot/wwsp/img/portal/sport_tennis_top.gif') no-repeat 139px 0px;
	 							}
	 						#middle #sports .sport .top #squash
	 							{
	 								background:				#FFF url('/wgsRoot/wwsp/img/portal/sport_squash_top.gif') no-repeat 100px 0px;
	 							}

 				#middle #sports .sport .bottom
 					{
 						height:					56px;
 						width:					216px;

 					}
 					#middle #sports .sport .bottom .left
 						{
 							float: 					left;
 							width:					13px;
 							height:					56px;
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_left.gif') no-repeat left top;
 						}
 					#middle #sports .sport .bottom .right
 						{
 							float: 					right;
 							width:					13px;
 							height:					56px;
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_right.gif') no-repeat right top;
 						}
 					#middle #sports .sport .bottom .middle
 						{
 							display: 				block;
                        	float: 					left;
 							width:					190px;
 							height:					56px;
 							margin: 				auto;
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_middle.gif') repeat-x left top;
 						}
 						#middle #sports .sport .bottom .middle Img
 							{
 								position:				relative;
 								top:					6px;
 								left:					45px;
 							}

 					/******
 						 Selected one
 					*/
 					#middle #sports #selected .bottom .left
 						{
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_left_selected.gif') no-repeat left top;
 						}
 					#middle #sports #selected .bottom .right
 						{
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_right_selected.gif') no-repeat right top;
 						}
 					#middle #sports #selected .bottom .middle
 						{
 							background:				url('/wgsRoot/wwsp/img/portal/bg_sport_bottom_middle_selected.gif') repeat-x left top;
 						}

 	#bottom
 		{
 			width:					980px;
 			margin:					auto;
 			padding-top:			20px;
 		}
 		#bottom .footnote
 			{
 				font-size: 				10px;
 				margin-top: 			4px;
 				color: 					#999;
 				font-family: 			Arial, Tahoma, Verdana;
 			}
 			#bottom .footnote a
 				{
 					color: #999;
 					margin: 0;
 				}
 		#bottom #sponsors
 			{
 				margin-top: 100px;
 			}
 			#bottom #sponsors Img
 				{
 					border: none;
 					margin-left: 10px;
 					margin-right: 10px;
 				}

}