<!--
/*------------------------------------------------
	- | style.css | -
	Author:		Michael Jagroep

	(c)2008 || INNONET || Innovatief in internet
	http://www.innonet.nl
------------------------------------------------*/


/*===========================================
     |> General layout <|
	 
===========================================*/
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		
		color: #000000;
		background: #FFFFFF url('img/bg_global.gif') repeat;
		margin: 20px 0px ;
	
	}

	a {
		color: #0033CC;
		text-decoration: underline;	
	}

	a:link, a:visited {
		color: #0033CC;
		text-decoration: none;
	}	
	a:hover {
		text-decoration: underline;
	}

	
	div {
/*		border: 1px dotted #CCCCCC;*/
	}
	
	
	/*-------------------------------------------
		 -| bg_styler |-
	-------------------------------------------*/
	div#bg_styler {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		width: 100%;
		height: 200px;
		background: url('img/bg_styler.gif') repeat-x;
	}
	
	/*-------------------------------------------
		 -| main |-
	-------------------------------------------*/
	div#main {
		position: relative;
		width: 960px;
		
		margin: 0px auto;
		background: #FFFFFF;
		color: #000000;
		
		border: 0px solid #FFFFFF;	
		
	
	}
	/*-------------------------------------------
		 -| banner |-
	-------------------------------------------*/
	div#banner {
		position: relative;
		width: 100%;
		height: 155px;
		margin: 0 auto 4px auto;
		/*border-bottom: 3px solid #FF0000;*/
		background: url('img/banner5.jpg') no-repeat #FFFFFF;
	}
	
	/*-------------------------------------------
		 -| logo |- 
	-------------------------------------------*/
	div#logoimg{
		position: absolute;
		top: -20px;
		left: 0px;


/*	banner3.jpg
		
		top: -23px;
		left: 58px;
*/
		height: 158px;
		width: 158px;
		background: url('img/logo.gif') no-repeat;
	}
	
	div#logoball{
		position: absolute;
		top: 130px;
		left: 875px;
		height: 40px;
		width: 40px;
		background: url('img/logoball.gif') no-repeat;
		z-index: 30;
	}
	
	div#logoballer{
		opacity: 0.3;
		filter: alpha(opacity=30);
		
		position: relative;
		bottom: 120px;
		right: 35px;
		height: 152px;
		width: 98px;
		background: url('img/logoballer.gif') no-repeat;
		z-index: 20;
	}
	
	div#logotxt{
		position: absolute;
		top: 50px;
		left: 90px;
		height: 110px;
		width: 483px;
		z-index: 50;
		background: url('img/logotxt.gif') no-repeat;
	}
	div#logotxt_s{
		opacity: 0.3;
		filter: alpha(opacity=30);
		position: absolute;
		top: 55px;
		left: 95px;
		height: 110px;
		width: 483px;
		z-index: 40;
		background: url('img/logotxt_s.gif') no-repeat;
	}
	
	
	/*-------------------------------------------
		 -| center |-
	-------------------------------------------*/
	div#center {
		overflow: hidden;	
		position: relative;
		width: 99%;
		border: 0px solid #FFFFFF;

		margin: 2px auto;
		text-align: left;
		
		min-height: 250px;
		height: auto;
	
	}
	
	/*-------------------------------------------
		 -| menu |-
	-------------------------------------------*/
	div#menu {
		float: left;
		width: 200px;
		padding: 0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	div#menu dl {
		padding: 0px;
		margin: 0px 0px 40px 0px;
	}
	
	div#menu dl dt {
		width: 180px;
		height: 20px;
		
		cursor: pointer;
		list-style: none;
		margin-top: 5px;
		background: url('img/menu_item.gif') no-repeat #CC0000;
		color: #FFFFFF;
	}
	
	div#menu dl dt p {
		height: 100%;
		line-height: 20px;
		margin: 0px 0px 0px 40px;
	}
	
	div#menu dl dt.current {
		background-color: #FF0000;
		color: #FFFFFF;
	}
	
	div#menu dl dt:hover {
		background-color: #FF0000;
		color: #FFFFFF;
	}
	
	
	div#menu dl dl.current:hover {
		background-color: #CC0000;
		color: #FFFFFF;
	}
	
	div#menu dl dd {
		width: 170px;
		
		font-size: 12px;
		cursor: pointer;
		list-style: none;
		margin-top: 5px;
		padding: 0px;
		margin: 0px 0px 0px 10px;
		border-bottom: 1px solid #FF3333;
		background: #FFFFFF;
		color: #000000;
	}
	
	div#menu dl dd:hover {
		background: #FF3333;
		color: #FFFFFF;
	}
	
	/* IE6 div#menu dl dd */
	.hover {
		background: #FF3333;
		color: #FFFFFF;
	}
	
	
	div#menu dl dd.current {
		background: #FF3333;
		color: #FFFFFF;
	}
	div#menu dl dd.current:hover {
		background: #FF6666;
		color: #FFFFFF;
	}
	
	div#menu div#extra {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
		color: #000000;
		background: #FFFFFF;
		
		border: 1px solid #FF0000;
		padding: 5px;
		width: 170px;
		
	}
	
	/*-------------------------------------------
		 -| content |-
	-------------------------------------------*/
	div#content {
		overflow: hidden;
		float: right;
		padding: 10px;
		width: 460px;
		margin-right: 40px;
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	
	}
	/*-------------------------------------------
		 -| right |-
	-------------------------------------------*/
	div#right {
		float:right;
		padding: 0px;
		height: 100%;
		width: 200px;
		border: 2px solid #0033CC;
		
	}
	
	div#wedstrijd_schema, div#fotos, div#agenda {
		text-align: center;
	
	}
	
	div#wedstrijd_schema td, div#agenda td {
		padding: 0px;
	}

	div#fotos{
		padding: 20px 5px 0px 5px;

		min-height: 100px;
		height: auto !important;
		height: 100px;
	}

	div#agenda td.date {
		width: 40px;
	}
		
	div#wedstrijd_schema td.score {
		width: 30px;
	}
	
	div#right div.header{
		padding: 2px;
		font-size: 14px;
		width: 100%;
		border-bottom: 2px solid #0033CC;
		color: #0033CC;
		font-weight: bold;
		text-align: left;
	}
	
	div#right div#agenda div.header, div#fotos  {
		border-top: 2px solid #0033CC;
	}
	
	div#right div.header span {
		color: #FF3300;
	}
	
	div#right div.data{
		position: relative;
		margin: 0px auto;
	

		padding: 0px;
		font-size: 14px;
		width: 95%;
		border-left: 2px solid #FF3300;
		border-right: 2px solid #FF3300;
		color: #000000;
		
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	

	div#right div#agenda table, div#right div#wedstrijd_schema table {
		width: 100%;
		padding: 0px;
		font-size: 12px;
		text-align: center;
	}
	
	
	div#right div#agenda tr.colour0, div#right div#wedstrijd_schema tr.colour0 {
		background: #FFCCCC;
	}
	
	div#right div#agenda tr.colour1, div#right div#wedstrijd_schema tr.colour1 {
		background: #9999CC;
	}
	
	
	/*-------------------------------------------
		 -| spacer |-
	-------------------------------------------*/
	p.spacer {
		padding: 0px;
		margin: 0px;
		height: 80px;
		background: #FFFFFF url('img/grass.gif') bottom no-repeat;
	}
	
	/*-------------------------------------------
		 -| footer |-
	-------------------------------------------*/
	div#footer {
		width: 100%;
		height: 80px;
		text-align: left;
		padding: 2px;
		
		border-top: 0px solid #FFFFFF;	
	}
	
	
	/*-------------------------------------------
		 -| copyright |-
	-------------------------------------------*/
	div#copyright {

		width: 960px;
		height: 20px;
		text-align: right;
		padding-right: 10px;
		
		border-top: 0px solid #FFFFFF;
	
	
	}

/*===========================================
     |> Content layout <|
	 
===========================================*/

div#home_intro {
	margin-bottom: 20px;

}


div#content table.newsitem {
	width: 100%;
	border: 1px solid #FF0000;
	text-align: left;
	margin-bottom: 20px;
	background: #FFFFFF;
}

div#content table.newsitem .header{
	text-align: center;
	font-size: 12px;
	color: #0033CC;
	border-bottom: 1px solid #FF0000;
	font-weight: bold;

}

div#content table.newsitem .date {

}

div#content table.newsitem .summary {
	font-size: 12px;
}
div#content table.newsitem .text {
	font-size: 12px;
}


div#content table.programitem {
	width: 100%;
	border: 1px solid #FF0000;
	text-align: left;
	margin-bottom: 20px;
	background: #FFFFFF;
}

div#content table.programitem .header{
	text-align: center;
	font-size: 12px;
	color: #0033CC;
	border-bottom: 1px solid #FF0000;
	font-weight: bold;

}

div#content table.programitem .date {

}

div#content table.programitem .item {
	border-bottom: 1px solid #CCCCCC;
}

div#content table.programitem .time {
	width: 100px;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
div#content table.programitem .description {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;	
}


div#content table.wedstrijditem {
	width: 100%;
	border: 1px solid #FF0000;
	text-align: left;
	margin-bottom: 20px;
	background: #FFFFFF;
}

div#content table.wedstrijditem .header{
	text-align: center;
	font-size: 12px;
	color: #0033CC;
	border-bottom: 1px solid #FF0000;
	font-weight: bold;

}

div#content table.wedstrijditem .date {

}

div#content table.wedstrijditem .item {
	border-bottom: 1px solid #CCCCCC;
}

div#content table.wedstrijditem .team {

	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
div#content table.wedstrijditem .score {
	width: 100px;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;	
}

div.teamitem {
	float: left;
	border: 1px solid #FF0000;
	margin: 5px;
	padding: 5px;
}

div#content table.content {
	width: 100%;
	border: 1px solid #FF0000;
	text-align: left;
	margin-bottom: 20px;
}

div.textarea {
	width: 460px;
	overflow: hidden;
	
}

div.picture {
	float: left;
	overflow: hidden;
	margin: 5px;
}

div.picture img{
	border: 1px solid #FF0000;
}

td.picture img{
	border: 1px solid #FF0000;
}

td.navigation {
	text-align: center;
}

td.text {
	border-top: 1px solid #FF0000;
	padding: 5px;
}

div.sponsorbar{
	overflow: hidden;	
}

div.sponsor{
	overflow: hidden;
	float: left;
}

div.sponsor img{
	border: 0px solid;
	margin: 5px;
}

-->