/*------------------------------------------------------------------------------------
 * Bink Bouw Website Screen Presentation Layer
 * Author:	REYEZ!
 * Created:	10-7-2009
 * Notes:	{notities, bugs, etc.}
-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                		BODY	                                     */
/*                                                                                   */
/* ################################################################################# */


/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

-------------------------------------------------------------------------------------*/



html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:			url(../images/bg_navbar.jpg) left top repeat-x;
	color: 				#484848;
	font-family:		Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		140%;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper_groot {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 44px;
}

#wrapper {
	margin:				0px auto 0;
	width: 				1150px;

}

#header {
	height:				95px;
	width: 				1150px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;

}

#header img {
	margin-right: auto;
	margin-left: auto;
	width: 1150px;
}



#footerclearer,  {
	clear:				both;
	height:				0px;
	margin:				0 auto;

}

/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

#wrapper {
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -30px auto; /* the bottom margin is the negative value of the footer's height *//*
	width:				960px;
}

#footer, #footerclearer {
	background:			#00FF00;
	height: 			30px; /* .footerclearer must be the same height as .footer *//*
	margin:				0 auto;
	width:				960px;
}

-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

/*------------------------------------------------------------------------------------
 * 
 * Gebruik font-size alleen bij html tags en niet bij classes en id's,
 * dit mag slechts bij uitzondering.
 *
 * Deze eigenschap zal altijd blijven ondanks verdere classes
 * 		!important
 * IE 6 and below
 *     	* html {}
 * IE 7 and below
 *     	*:first-child+html {} * html {}
 * IE 7 only
 *     	*:first-child+html {}
 * IE 7 and modern browsers only
 *     	html>body {}
 * Modern browsers only (not IE 7)
 *     	html>/**body {}
 /*
 * Recent Opera versions 9 and below
 *     html:first-child {}
 *
-------------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	font-family: 		Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	margin: 			0;
	padding: 			0;
	letter-spacing: 	0;
	border-bottom: 		0 !important;
}

button, input, option, select, textarea {
	font-family: 		Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	letter-spacing: 	0;
	margin: 			0;
	padding: 			0;
}

a {
	color:				#016597;
	text-decoration:	none;
}

a:active {
	color:				#016597;
	text-decoration:	none;
}

a:hover {
	color:				#016597;
	text-decoration:	none;
}



/* Custom tags */

table, ul, button, input, select, textarea {
	font-size:			1.1em;
}

h1 {
	color:				#153451;
	font-size:			1.4em;
	font-weight:		bold;
	line-height:		1.2em;
	margin:				0 0 0 0;
	*margin:			0 0 -10px 0;
}

h2 {
	color:				#036396;
	font-size:			1.2em;
	font-weight:		bold;
	margin:				1em 0 0.5em 0;
}

p {
	color:				#3F3F3F;
	font-size:			1.1em;
	line-height:		1.3em;
	margin:				10px 0 11px 0;
}

table {
	border:				2px;
	margin:				0 0 1.5em 0;
}

td {
	padding-top:		3px;
	vertical-align:		top;
}
	
button, input, select, textarea {
	border:				1px solid #999999;
	color:				#666;
	font-size:			1em;
	padding:			1px;
	width:				250px;
}

.button {
	border:				0;
	height:				25px;
	padding:			0;
	width:				100px;
}

ul li {
	list-style:			none;
	list-style-image:	none;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 HEADER				                             */
/*                                                                                   */
/* ################################################################################# */



/* ################################################################################# */
/*                                                                                   */
/*                                 NAVIGATIE			                             */
/*                                                                                   */
/* ################################################################################# */


#accordion3 {
	width:					175px;
	text-decoration:		none;
	cursor: 				pointer;
	color:					#FFF;
	padding-left: 			5px;
	padding-top: 			40px;
	padding-bottom: 		20px;
	height:					100%;
	float:					left;
	background-image: url(../images/bg_menu_mst2.png);
	background-repeat: repeat;
}


#accordion3 a {
	color:				#FFF;
	text-decoration:	none;

}



#navigatie ul {
	margin:					10px 0 30px 8px;
	color:					#FFF;
	
}

#accordion3 h3 a, #accordion3 h3 a:hover, #accordion3 h3 a:visited, #accordion3 a:selected {
	color:					#FFF;
	font-size:				1.0em;
	line-height:			1.5em;
	text-decoration:		none;
	cursor: 				pointer;
}

#accordion3 h3, #accordion3 h3:visited, #accordion3, h3:hover, programma_content h3:hover {
	color:					#FFF;
	font-size:				1.2em;
	line-height:			1.5em;
	text-decoration:		none;
	cursor: 				pointer;
	
}

#accordion3 .slide {
	display: none;
}


/*#accordion3 h3 {
	color:					#FFF;
	font-size:				1.0em;
	line-height:			1.5em;
}*/

#navigatie ul li a:hover {
	color:					#FFF;
	text-decoration:		none;
}

#accordion3 div.slide ul {
	color:					#FFF;
	margin:					5px 0 5px 0;
	text-decoration:		none;
}

#accordion3 div.slide ul li {
	background:				url(../images/pointer_li.png) left center no-repeat;
	color:					#FFF;
	font-size:				1.0em;
	font-weight:			normal;
	line-height:			1.5em;
	padding:				0 0 0 13px;
	text-decoration:		none;
}

#accordion3 div.slide ul li a, #accordion3 div.slide ul li a:visited {
	color:					#FFF;
	font-size:				1.1em;
	font-weight:			normal;
	line-height:			1.5em;
	text-decoration:		none;
}

#accordion3 div.slide ul li a:hover {
	text-decoration:		underline;
	color:					#FFF;

}





/* ################################################################################# */
/*                                                                                   */
/*                                 LOGIN				                             */
/*                                                                                   */
/* ################################################################################# */


/* ################################################################################# */
/*                                                                                   */
/*                                 CONTENT				                             */
/*                                                                                   */
/* ################################################################################# */

#content {
	padding:		0px;
	height: 		auto;
	margin-top: 	10px;
	margin-right: 	0px;
	margin-bottom: 	0px;
	margin-left: 	0px;

}

.kruimelpad {
	color:					#333333;
	height:					25px;
	width:					700px;
}

.kruimelpad a {
	color:					#333333;
	text-decoration:			underline;
}

#box-content {
	margin:					0px 0 0 10px;
}

#box-top {
	float:					right;
	width:					1150px;

	margin-bottom: 			5px;
	margin-left: 			10px;
}

#box-breed {
	float:					left;
	width:					615px;
	font-size:				1.2em;
	margin-right: 			5px;
	margin-left: 			10px;
	margin-top: 35px;

}

#box-small {
	float:					right;
	width:					330px;
	margin-bottom: 			5px;
	font-size:				1.2em;
	margin-top: 35px;

}


.handtekening {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#topnews {
	background-color:		#DFDFDF;
	border:					4px solid #FFF;
	height:					236px;
	width:					608px;
	margin-top:5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#topnews h1{
	color: 					#036396;
	font-size:				1.4em;

}
#topnews h2{
	color: 					#036396;
	font-size:				1.1em;

}

#topnews-text {
	float:					left;
	padding:				10px 0px 10px 10px;
	width:					270px;
	height:					220px;
	font-size:				1.1em;

}

#topnews-img {
	float:					right;
	height:					236px;
	width:					280px;

}

#topnews-overlay {
	background:				url(../images/overlay_nieuws.png) top left no-repeat;
	height:					109px;
	margin:					-258px 0 0 523px;
	position:				absolute;
	width:					104px;
	z-index:				10;

}

#nieuws_items {
	border:					1px solid #DDD;
	background-color:		#FFF;
	padding:				10px;

}

#nieuws_items h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 570px 5px;
	padding:				0 0 10px;
}

#nieuws_items td {
	padding-top: 7px;
}

.teamfoto {
	margin:					13px 0 0 0 ;
}

.teamfoto img {
	border:					1px solid #999;
}

span.date {
	color:					#036396;
	font-weight:			bold;
	display:				inline-block;
	margin:					10px 0 -10px 0;
	height:					25px;
}

span.wedstrijd {
	display:				inline-block; 
	width:					240px;
}




/* ################################################################################# */
/*                                                                                   */
/*                                 NIEUWS				                             */
/*                                                                                   */
/* ################################################################################# */


#nieuws table {
	margin-top:				7px;
	margin-bottom:			0px;

}


#nieuws table td a {
	color:					#484848;
	text-decoration:		none;

}

#nieuws h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 540px 5px;
	padding:				0 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#nieuws table td a {
	color:					#484848;
	text-decoration:		none;

}

#nieuws table td a:hover {
	color:					#026396;
	text-decoration:		none;

}

#news-img {
	float:					left;
	height:					240px;
	width:					280px;
	margin-right: 			300px;
	margin-top:				10px;
	margin-bottom: 			10px;
}

.nieuws, .fotos, .knalpot, .wistudat, .banner, .programma {
	border:					1px solid #DDD;
	background-color:		#FFF;
	padding:				10px 10px 10px 15px;
	margin-bottom:			2px;

}

.jarig {
	border:					1px solid #DDD;
	background-color:		#FFF;
	padding:				10px 10px 10px 15px;
	

}

.banner_social {
	margin-bottom:			2px;
	margin-top: 17px;
	margin-right: 15px;
	float: right;

}

.disclaimer {
	margin-bottom:			2px;
	margin-top: 15px;
	margin-right: 20px;
	float:right;
	color: #FFFFFF;
}

.disclaimer a {
	color: #FFFFFF;
	text-decoration: none;
}

<!---------banner_top ------------->

.banner_top h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 565px 5px;
	padding:				0 0 10px;

}

.banner ul {
	padding-left: 10px;
	display: inline;
}

.banner ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline;
}

.banner_top {
	border:					1px solid #DDD;
	background-color:		#FFF;
	margin-bottom:			2px;
	height:					100px;
	padding-left: 			100px;
	padding-top: 			15px;
}

.banner_float {
	width:					200px;
	float: 					left;

}

<!------------------------------->



.nieuws h1, .fotos h1, .knalpot h1, .wistudat h1, .banner h1, .programma h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 565px 5px;
	padding:				0 0 10px;

}

.jarig h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 565px 5px;
	padding:				0 0 10px;

}


.banner ul {
	padding-left: 10px;
}

.banner ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.sponsor ul {
	padding-left: 10px;
}

.sponsor ul li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*************** blok_rechts **********/

.blok_rechts ul {
	padding-left: 10px;
}

.blok_rechts ul li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blok_rechts ul li a {
	text-decoration: none;
	color:	#484848;
}

.blok_rechts ul li a:hover {
	color:				#016597;
	text-decoration:	none;

}



/**************************************/



.steun_ksv ul {
	padding-left: 10px;
}

.steun_ksv ul li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nieuws ul {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;


}



.nieuws ul li {
	background:				#FFFFFF;
	margin-top:				0px;
	padding:				0 0 10px 10px;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
}




.nieuws table, .programma-sen table, .programma-jun table {
	margin-top:				7px;
	margin-bottom:			0px;

}

.table td {
	height:					21px;
	*height:				15px;

}

tr.top {
	color:					#036396;
	font-weight:			bold;
	height:					23px;

}

td.datum, td.categorie {
	color:					#a6a6a6;
	font-size:				0.85em;
	width:					40px;
}

.nieuws table td a {
	color:					#484848;
	text-decoration:		none;

}

.nieuws table td a:hover {
	color:					#026396;
	text-decoration:		none;

}

/* ********** wistudat ************* */ 


.wistudat ul li {
	line-height:			1.4em;
	margin-top:				10px;
	padding:				0 0 6px 17px;
	background-image: url(/voetbal/images/pointer_li.png);
	background-repeat: no-repeat;
	background-position: left;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 FOTO's				                             */
/*                                                                                   */
/* ################################################################################# */

.fotos img {
	border:					1px solid #999;
	padding:				1px;
	margin:					10px 10px 0 4px;
}

.steun_ksv {
	background-color:		#FFF;
	border:					1px solid #DDD;
	margin-bottom:			5px;
	padding:				10px;
}



.steun_ksv {
	background:				url(../images/but_arrowdown.jpg) 270px 5px no-repeat;
	padding:				0 0 10px 0;

}




.programma-sen, .programma-jun, .programma-fut, .sponsor, .KSV-Lid, .blok_rechts {
	background-color:		#FFF;
	border:					1px solid #DDD;
	margin-bottom:			2px;
	padding:				10px;
}



.programma_content {
	background-color:		#FFF;
	border:					1px solid #DDD;
	margin-bottom:			2px;
	padding:				10px;

}



.programma-sen h1, .programma-jun h1, .programma-fut h1, .sponsor h1, .programma_content h1, .blok_rechts h1 {
	background:				url(../images/but_arrowdown.jpg) 285px 5px no-repeat;
	padding:				0 0 10px 0;

}


.programma_content h3 {
	background:	#FFF ;
	color:	#036396;
	padding: 9px 0 9px 5px;
	margin: 0;
	border-bottom: solid 1px #DDD;
	cursor: pointer;

}


.accordion2, .accordion1 {
	width: 580px;
}


.accordion2 h3, .accordion1 h3 {
	background:	#FFF url(../images/img_arrowdown.jpg) 565px center no-repeat;
	color:	#036396;
	padding: 9px 0;
	margin: 0;
	border-bottom: solid 1px #DDD;
	cursor: pointer;
}


.accordion2 h3:hover {
}
.accordion2 h3.active {
}

.accordion2 .slide, .accordion1 .slide {
	background: #FFF;
	margin: 0;
	padding: 0;
	display: none;
}









/********************************************/


.sponsorlogo {
	text-align:				center;
}

.sponsorlogo {
	padding:				12px 0 7px 0;
}

.sponsorlogo p.beschrijving {
	color:					#666;
	font-size:				1em;
	font-style:				italic;
	margin:					15px 0 -3px 0;
}

.sponsorlogo p.beschrijving {
	color:					#666;
	font-size:				1em;
	font-style:				italic;
	margin:					15px 0 -3px 0;
}



.sponsorlogo p.beschrijving_steun {
	color:					#666;
	font-size:				1.3em;
	margin:					15px 0 -3px 0;
}




.twitter {
	background:				#FFFFFF url() no-repeat left top;
	border:					0;
	color:					#666;
	height:					280px;
	padding:				50px 0px 10px 5px;
	word-spacing: 			2px;
	line-height:			1.5em;
	margin-bottom: 			10px;
}

.twitter-box {
	background:				#FFFFFF;
	border:					1px solid #DDD;
	margin-bottom:			2px;
	padding:				10px;
	
}

.twitter-box h1 {
	background:				url(../images/but_arrowdown.jpg) no-repeat 285px 0px;
	padding:				0 0 10px 0;

}


#twitter_include {
	
	border:					0;
	color:					#666;
	height:					201px;
	word-spacing: 			2px;
	line-height:			1.5em;


}


/* ################################################################################# */
/*                                                                                   */
/*                                 REACTIES				                             */
/*                                                                                   */
/* ################################################################################# */

.reacties {
	margin:					8px 0 0 0;
	padding:				10px 0;
}

.reacties h3 {
	color:					#999;
	display:				block;
	font-size:				1.4em;
	font-weight:			bold;
	width:					300px;
}

.reactie {
	background:				url(../images/dotted.jpg) right 25px no-repeat;
	border-top:				1px dotted #333;
	margin:					7px 0 0 0;
	padding:				0;
}

.reactietekst {
	display:				block;
	margin:					10px 0 0 20px;
	width:					400px;
	
}

.reactienaam {
	background:				url(../images/icon_reacties.jpg) left top no-repeat;
	color:					#036396;
	display:				block;
	font-weight:			bold;
	padding:				0 0 0 20px;
	margin:					-5px 0 0 0;
	height:					15px;
}



.datumtijd {
	color:					#888;
	font-size:				0.8em;
	float:					right;
	margin-top:				-17px;
	font-weight:			normal;
	*margin-top:			-17px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 FOTOS				                             */
/*                                                                                   */
/* ################################################################################# */

.gallerie {
	float:					left;
	margin:					0 15px 20px 0;
	width:					90px;
}

.gallerie img, .border, .borders {
	border:					1px solid #999;
	padding:				2px;
	margin:					0 0 7px 0;
}

.gallerie img.nobo {
	border:					none;
	margin:					0 0 7px 0;
}

.gallerie h3 {
	color:				#016597;
}

span.aantalfotos {
	color:				#999;
	font-size:			0.9em;
}

.borders {
	float:				left;
	height:				85px;
	margin:					0 15px 20px 0;
	width:				85px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 OVERIGE				                             */
/*                                                                                   */
/* ################################################################################# */





img.devider {
	border:					0;
	margin:					0;
	padding:				0;
}

span.grijs {
	color:					#AAA;
}

span.leesmeer a {
	background:				url(../images/but_arrowmeer.png) no-repeat right 3px;
	color:					#17537F;
	display:				inline-block;
	font-weight:			bold;
	text-decoration:		none;
	width:					85px;

}

td span.allnews a {
	background:				url(../images/but_arrowmeer.png) right 2px no-repeat;
	color:					#036396;
	display:				inline-block;
	font-weight:			bold;
	text-decoration:		none;
	width:					180px;
}

table.sponsortabel {
	width:				430px;
}

table.sponsortabel img {
	margin: 0;
	padding:0;
	width: 200px;
}

table.sponsortabel td a {
	color:			#17537F;
	text-decoration:	none;
}

.accordion2 .slide td {
	font-size:				0.9em;
}

.accordion1 .slide td {
	font-size:				0.9em;
}