/******************************************************************************
*
*						CSS
*
******************************************************************************/

html, body
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body
{
	background:  #F8F8FD;
}	

body, table, td, input, select
{
	font-family:			"Trebuchet MS", Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
}

#wrapper
{
	width: 1000px;
	border:10px solid #ffffff;
	margin-left: auto;
	margin-right: auto;	
	background-color:#ffffff;
	margin-top:10px;
}

/******************************************************************************
*
*						Opmaak  algemeen.
*
******************************************************************************/
a, td, tr, table, p, li, ul 
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
}

A:link		
{  
	text-decoration: none; 
}
A:visited	
{  
	text-decoration: none; 
}
A:active	
{  
	text-decoration: none; 
}
A:hover		
{  
	text-decoration: underline; 
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote 
{ 
	margin: 0; 
	padding: 0;
}
img, a
{ 
	border:none; 
	text-decoration: none;
}

ul,li 
{ 
	margin: 0px; 
	padding: 0px; 
}

img, a
{ 
	border:none; 
	text-decoration: none;
}
h1
{
	font: 1.3em "Trebuchet MS", Helvetica, sans-serif;
	color: #ef2f2d;
	font-weight: bold;
}

h3
{
	color: #000000;
	font: 1.3em "Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.clr
{
	clear: both;
}
/******************************************************************************
*
*						Opmaak errormelding na ww vergeten.
*
******************************************************************************/

#errormessage_container
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	none none solid none;	
}

#errormessage
{
	color:			#FA0000;
	padding:		1px;
	border-width:	3px;
	border-color:	#FF0000;
	border-style:	solid solid solid solid;
	background:		#FFFFCC;
	font-weight:	bold;
	text-align:		center;
}

/******************************************************************************
*
*						Hoofdonderdelen site.
*
******************************************************************************/

#content
{
	width: 1000px;
	float: left;
}

#main_container
{
	width:		720px;	
	text-align:	left;
	float:		left;
	margin-right:10px;
	overflow:hidden;
	display: inline;
	position:relative;
}

#main_container table
{
	text-align: left;
}
#main_container img
{
	max-width: 720px;  /* Mozilla */
	width: expression(this.width > 720 ? 720: true); /* IE */
}
#rotator
{
	width:580px;
	height:220px;
	overflow:hidden;

}
#main_container_left
{
	width: 200px;
	float: left;
	text-align:	left;
	overflow:hidden;
}
#main_container_right
{
	width: 270px;
	float: left;
	text-align:	left;
	overflow:hidden;
}

#startpage_wrapper_right
{
	width:270px;
	height:220px;
	margin-bottom:10px;
}
.item_odd
{
	width:130px;
	height:100px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	background: #262f69;
}

.item_even
{
	width:130px;
	height:100px;
	Float:left;
		padding:9px;
	margin-bottom:10px;
	background:#ed322b;
}
#startpage_wrapper
{
	width:720px;
	height:220px;

	margin-bottom:10px;
}
#startpage_wrapper_center
{
	width:580px;
	float:left;
	height:220px;
	overflow:hidden;

}
#startpage_wrapper_left
{
	float:left;
	width:130px;
	height:220px;
	margin-right:10px;
}
.startpage_wrapper_left_item
{
	width:130px;
	height:105px;
	Float:left;
	margin-bottom:10px;
	background:#b7bfc9;
	position:relative;
}

/******************************************************************************
*
*						HEADER
*
*****************************************************************************/
#header 
{
	width:	1000px;
	height: 100px;

}
#header_wrapper
{
	width:	1000px;
	height:	100px;
	margin-left: auto;
	margin-right: auto;	
	position:relative;
}
#header h1
{
	display: none;
}

#header-banner-container{
	position: absolute;
	width:550px;
	height:100px;
	left:175px;
	top: 0px;
	overflow: hidden;
}
#header-banner img{max-height: 75px;}
#logo
{
	width:	87px;
	height:	75px;
	background: url("../images/site/logo_bommelerwaard.png") no-repeat;
	position:absolute;
	left:10px;
	top:0px;
	z-index:500;
}
#logo a
{
	width:	79px;
	height:	75px;
	display:block;
}

#sponsorlogo
{
	width:200px;
	height:70px;
	position:absolute;
	right:10px;
	top:5px;
}
/******************************************************************************
*
*						Topmenu - Balk
*
*****************************************************************************/
#topmenu
{
	width: 1000px;
	height: 35px;
	margin-bottom:10px;

	background: #262f69;
}

#nav 
{
	padding:0 0 0 0; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:none; 
	position:relative; 
	z-index:500; 
}
#nav li.top 
{
	display:block; 
	float:left;
}
#nav li a.top_link 
{
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#ffffff; 
	background: #262f69;
	text-decoration:none; 
	font-size:11px; 
	text-transform:uppercase;
	font-weight: bold;
	padding:0 20px 0 20px; 
	margin-right:10px;
	text-align:left;
	cursor:pointer;
}
#nav li a.top_link span 
{
	float:left; 
	display:block; 
	padding:0 19px 0px 12px; 
	height:35px; 
	background:none;
}
#nav li a.top_link span.down 
{
	float:left; 
	display:block; 
	padding:0 22px 0 12px; 
	height:35px; 
	background:none; 
	text-align:left;
}
#nav li:hover a.top_link 
{
	color:#ffffff; 
	background: #ed322b;
}
#nav li:hover a.top_link span 
{
	background:none;
}
#nav li:hover a.top_link span.down 
{
	background:none; 
	padding-bottom:3px; 
}

#nav li:hover 
{
	position:relative; 
	z-index:200;
}

/******************************************************************************
*
*						Topmenu - SubBalk
*
*****************************************************************************/

#nav li:hover ul.sub
{
	left:0px; 
	top:35px; 
	background:#ed322b;
	white-space:nowrap; 
	width:160px; 
	height:auto; 
	z-index:300;
	padding-bottom:4px;
}
#nav li:hover ul.sub li
{
	display:block; 
	height:25px; 
	position:relative; 
	float:left; 
	width:170px; 
	font-weight:normal;
	padding-right:10px;
	padding-top:2px;

}
#nav li:hover ul.sub li a
{
	display:block; 
	font-size:11px; 
	height:25px; 
	width:150px; 
	line-height:25px; 
	text-indent:5px; 
	color:#ffffff; 
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #ffffff;
	margin-left:0px;


}
#nav li ul.sub li a.fly
{
	background:#262f69; 
	background-position:right;
}
#nav li ul.sub li ul li a.fly
{
	background:#262f69; 
	background-position:right;
}
#nav li:hover ul.sub li a:hover 
{
	background:#262f69; 
	color:#ffffff; 
	text-decoration:none;
}
#nav li:hover ul.sub li a.fly:hover
{
	background:#262f69;
	color:#ffffff;
}
#nav li b 
{
	display:block; 
	font-size:11px; 
	height:18px; 
	width:150px; 
	line-height:18px; 
	margin-bottom:3px; 
	text-indent:6px; 
	color:#ff6; 
	cursor:default;
	text-decoration:none;
}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
	left:160px; 
	top:-2px; 
	background: #262f69; 
	padding:3px; 
	white-space:nowrap;
	width:165px; 
	z-index:400;
	height:auto;
}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	z-index:500;

}
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
	background:#000000; 
	color:#ffffff;
} 
#nav li:hover li:hover a.fly
{
	background:#000000; 
	color:#ffffff;
} 
#nav li:hover li:hover li:hover a.fly
{
	background:#000000; 
	color:#ffffff;
} 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{
	background:#262f69; 
	color:#fff;
} 

a.login-button {
    position:absolute;
	margin-left:8px;
	margin-top:25px;
    color: #FFFFFF;
	font-size:18pt;
    font-weight: bold;
}

a.login-button:hover {
    color: #ffffff;
    background: #302F80;
}

a.login:hover {
    color: #ffffff;
    background: #302F80;
}

/******************************************************************************
*
*						login
*
*****************************************************************************/
.login
{
	width: 300px;
	float:right;
}
.login td
{
	color:#ffffff;
}
#loginpanel
{
	color: #000000;
	padding-left:5px;
}

#loginpanelvergeten
{
	color: #000000;
	padding-left:5px;
}

#loginpanelvergeten a
{
	color: #000000;	
}
#loginpanelvergeten a:hover
{
	color: #414141;	
}
#loginpanelvergeten a:visited
{
	color: #414141;	
}

/******************************************************************************
*
*						Main_container_right
*
*****************************************************************************/
.blockheader
{
	width: 265px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #262f69;
	line-height: 25px;
	padding-left:5px;
	border-bottom:2px dotted #c0c0c0;
}

.block
{
	width: 250px;
	overflow: hidden;
	color: #000000;
	line-height: 18px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	margin-bottom:10px;
	padding:10px;

	border-top:none;
}
.block a
{
	color:#000000;
}
.block a:hover
{
	text-decoration:underline;
}	
.block a:visited
{

}
.block ul
{
	width:160px;
	margin:0px;
	list-style:none;
}

.block ul li
{
	color:#000000;
	padding-bottom:3px;
	font-size:12px;
	line-height:17px;
}

.block ul li a
{
	font-size:12px;
	color:#000000;
}

.block ul li a:hover
{
	color:#000000;
}

.block ul li a:visited
{
	color:#000000;
}

.allsponsors
{
	height:20px;
	position:absolute;
	right:10px;
	bottom:10px;
}
/******************************************************************************
*
*						Content opmaak, intern.
*
******************************************************************************/
.wedstrijden_title
{
	background:#262f69; 
	height:25px; 
	color:#ffffff; 
	line-height:25px; 
}
.wedstrijden_title a
{
	color:#ffffff; 
}

.wedstrijden_title a:hover
{
	color:#ffffff; 
	text-decoration:none;
}
.title_inpage
{
	background:#262f69; 
	height:25px; 
	color:#ffffff; 
	line-height:25px; 
	width:100%; 
	padding-left:1%;
}
.table_inpage
{
	width:100%;
	border-collapse:collapse;
}

.even 
{
	height:20px;
	line-height:20px;
	background:#f5f5f5;
}
.even a
{
	color:#262f69;
}
.even a:hover
{
	color:#262f69;
	text-decoration:none;
}
.even a:visited
{
	color:#262f69;
}
.odd
{
	height:20px;
	line-height:20px;
	background:#ffffff;
}

.odd a
{
	color:#262f69;
}
.odd a:hover
{
	color:#262f69;
	text-decoration:none;
}

.odd a:visited
{
	color:#262f69;
}
.even_wedstrijden
{
	height:20px;
	line-height:20px;
	background:#f5f5f5;
		border-bottom:1px solid #dcdcdc;
}
.even_wedstrijden a
{
	color:#262f69;
}
.even_wedstrijden a:hover
{
	color:#262f69;
	text-decoration:none;
}
.even_wedstrijden a:visited
{
	color:#262f69;
}
.odd_wedstrijden
{
	height:20px;
	line-height:20px;
	background:#ffffff;
	border-bottom:1px solid #dcdcdc;
}

.odd_wedstrijden a
{
	color:#262f69;
}
.odd_wedstrijden a:hover
{
	color:#262f69;
	text-decoration:none;
}

.odd_wedstrijden a:visited
{
	color:#262f69;
}



.diensten_title
{
	height:25px;
	width:100%;
	background:#848484;
	padding-left:5px;
	color:#ffffff;
}
.faq_title
{
	height:25px;
	width:100%;
	background:#262f69;
	padding-left:5px;
	color:#ffffff;
}
.faq_title_second
{
	height:25px;
	width:100%;
	background:#848484;
	padding-left:5px;
	color:#ffffff;
	text-transform:Capitalize;
}
.faq_title_second td
{
	color:#ffffff;
} 
.training_title_second
{
	height:25px;

	background:#848484;
	padding-left:5px;
	color:#ffffff;
	text-transform:Capitalize;
}
.faq_answere
{
	width:100%;
	padding:10px;
}
.clubcompetitie_title
{
	height:25px;
	background:#848484;
	color:#ffffff;
		text-transform:Capitalize;
}
.bijzondereleden_title
{
	height:25px;
	width:100%;
	background:#848484;
	padding-left:5px;
	color:#ffffff;
		text-transform:Capitalize;
}
.agenda_item
{
	width:100%; 
	border-bottom: 2px dotted #c0c0c0;
}
.agenda_item_header
{
	width:100%; 
	color:#262f69; 
	font-size:15px; 
	font-weight:bold; 
	margin-bottom:10px; 
	margin-top:10px;
}
.agenda_item_bericht_datum
{

}
.agenda_item_bericht_locatie
{

}
.agenda_item_bericht_memo
{
	
}



.tablecolor
{
	color:#FFFFFF;
}
.tablecolor a
{
	color:#FFFFFF;
}

.tablecolor a:hover
{
	color:#FFFFFF;
}

.tablecolor a:visited
{
	color:#FFFFFF;
}

.theadspecial {
	border: 2px solid #337AB7 !important;
}

/******************************************************************************
*
*						Headlines, nieuwsberichten
*
******************************************************************************/
.headlines
{
	width: 352px;
	height:150px;
	margin-top:10px;
	margin-bottom:10px;
	Border-bottom: 2px solid #ed322b;
	float:left;
}
.headlines_header
{
	width: 355px;
	height:20px;
}
.headlines_date
{
	font-size: 10px;
	color: #262f69;
	float:left;
}
.headlines_title
{
	font-size: 12px;
	font-weight:bold;
	color: #262f69;
	float:left;
}
.headlines_title a
{
	font-size: 12px;
	font-weight:bold;
	color: #262f69;
}
.headlines_title a:hover
{
	text-decoration:none;
}
.headlines_content
{
	width: 355px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin-bottom:10px;
	overflow:hidden;
}

/******************************************************************************
*
*						Headlines, nieuwsberichten
*
******************************************************************************/
.headlines_more
{
	width: 580px;
	float:left;
	margin-bottom:10px;
}
.headlines_more_header
{
	width: 580px;
	height:25px;
	line-height:25px;
}

.headlines_more_date
{
	font-size: 11px;
	color: #262f69;
	float:left;
}
.headlines_more_title
{
	font-size: 11px;
	font-weight:bold;
	color: #262f69;
	float:left;
}

.headlines_more_content
{
	width: 580px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin-bottom:10px;
}



#respond

{

	margin-top: 20px;

	float: left;

	background-image: none;

}



.respond_header

{

	color: #84878E;

	margin: 0 0 10px;

	font-weight: normal;

	font-size: 17px;

}



#respond 

{ 

	margin: 10px 0px 0px 00px;

}



#respond textarea 

{ 

	background: #f8f7f6; 

	border: 1px solid #d6d3d3; 

	width: 350px; 

	padding: 10px; 

}



#respond #password 

{ 

	font-size: 13px;

	border: 1px solid #d6d3d3; 

	width: 220px; 

	background: url('../images/site/comment-website.gif') no-repeat #f8f7f6; 

	background-position: 7px 7px; 

	height: 20px; 

	padding-left: 30px; 

	padding-top: 6px; 

	margin-bottom: 3px; 

}



#respond #author 

{ 

	font-size: 13px;

	border: 1px solid #d6d3d3; 

	width: 220px; 

	background: url('../images/site/comment-author.gif') no-repeat #f8f7f6; 

	background-position: 7px 7px;

	height: 20px; 

	padding-left: 30px; 

	padding-top: 6px; 

	margin-bottom: 3px; 

}



#respond #url 

{ 

	font-size: 13px;

	border: 1px solid #d6d3d3;

	width: 220px; 

	background: #f8f7f6; 

	background-position: 7px 7px;

	height: 20px; 

	padding-left: 30px; 

	padding-top: 6px; 

	margin-bottom: 3px; 

}



#contact_smiles

{

	margin-top: 20px;

	margin-left:20px;

}

/******************************************************************************
*
*						Kop alle pagina's items opmaak
*
******************************************************************************/
#headlines_page_header_container
{
	width:720px;
	height:25px;
	line-height:25px;
	background: #262f69;
	margin-bottom: 20px;
	margin-left:0px;
	padding-left:5px;
}
#headlines_page_header
{
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Helvetica, sans-serif;

}


/******************************************************************************
*
*						Stacticcontent items opmaak
*
******************************************************************************/
.stcitem_title
{
	width:720px;
	height:25px;
	line-height:25px;
	background:#262f69;
	color:#ffffff;
	font-size:14px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align:left;
	margin:0px;
	padding-left:5px;
}
.stcitem_content
{
	margin-top:10px;
	width:720px;
}

/******************************************************************************
*
*						Mededeling option=99 opmaak
*
******************************************************************************/
#medelingen_content
{
	width:720px;
}
.news
{

}
.news_content
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;
}
.news_content ol
{
	margin-left:30px;
}
.news_content ul
{
	margin-left:30px;
}

.news_header
{
	height:20px;
	line-height:20px;
	margin:0px;
	margin-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #262f69;
}

.news_category_header
{
	font-size: 18px;
	font-weight: bold;
	color: #634099;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 20px;
}
.news_date
{
	font-size: 10px;
	color: #ffffff;
	Float:left;
	margin-top:5px
	margin-left:0px;
}

.news_title
{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin-left:25px;
	float:left;
}

/******************************************************************************
*
*						alle inputs, icons en buttons enzv
*
******************************************************************************/

.icon
{
	width: 5px;
	height: 9px;
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	background: url('../images/site/icon_oedenrode.png') no-repeat;
}

.icon2
{
	width: 11px;
	height: 8px;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	background: url('../images/vervolg2.gif') no-repeat;
}


.knop
{
	background: #383838;
	border: 1px solid #c0c0c0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;

}


.input
{	
	width: 120px;
	font: 1.0em Verdana; 
	color: #000000;
	border: 1px solid #c0c0c0;
}
input:focus{
outline:none;
}
.buttonzoek
{
	height:20px;
	width:19px;
	background: url('../images/site/searchbutton.png') no-repeat;
	border: 0px;
}
/******************************************************************************
*
*					Footer.
*
******************************************************************************/

#footer 
{
	width: 995px;
	height:25px;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	text-align: left;
	color: #000000;
	font-size:11px;
	padding-left:5px;
	line-height: 25px;
}

#footer a 
{
	color: #000000;

}

#footer a:hover 
{
	text-decoration: none;
}

/******************************************************************************
*
*						menu opmaak - voor in menuleft.asp
*
******************************************************************************/
.menu
{
	width: 200px;
	text-align: left;
	margin-bottom:5px;
}

.menu ul
{
	width: 200px;
	list-style: block;	
	list-style:none;		
	margin: 0px;
	padding: 0px;
	background: none;
}

.menu li
{
	color: #000000;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	display: block;
	padding-left: 10px;

}

.menu li:hover
{
	
}
.menu li:hover a
{
	color:#000000;
	display:block;
}
.menu li:hover a:hover
{
	color:#000000;
	display:block;
	text-decoration:none;
}
.menu li:visited a
{
	
}
.menu a
{
	color:#000000;
}
.menu a:hover
{
	color:#000000;
	text-decoration:none;

}
.menu a:visited
{

}

.menu table
{
	width: 176px; 	
	margin: 0px;
	padding: 0px;
}






#partners

{

	width: 200px;

	height: 125px;

	position: absolute;

	left:30px;

	top:20px;

	z-index:5;

	float: left;

	display: inline;

	color:#ffffff;

	overflow: hidden;

}


/******************************************************************************
*
*						Facebox.
*
******************************************************************************/

#facebox .b {
  background:url(../javascript/facebox/b.png);
}

#facebox .tl {
  background:url(../javascript/facebox/tl.png);
}

#facebox .tr {
  background:url(../javascript/facebox/tr.png);
}

#facebox .bl {
  background:url(../javascript/facebox/bl.png);
}

#facebox .br {
  background:url(../javascript/facebox/br.png);
}

.bolder
{
	height: 400px;
	overflow-y: scroll;
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 550;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 3px;
  text-align: center;
}

#facebox .info {
  margin-top: 5px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  color: #777;
  line-height: 16px;
  font-size: 11px;
}

#facebox .navigation {
  float: left;
}

#facebox .close {
  float: right;
}

#facebox .next, #facebox .prev {
  font-size: 170%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

.moduletablepopup
{
	margin: 0px;
	padding: 0px;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}