/******************************************************************************
*
*						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: url("../images/site/bg.png") repeat-x #6db3de;
}

body, table, td, input, select
{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:				11px;
	color:					#000000;
}

#wrapper
{
	width: 1000px;
	border: 5px solid #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
	background-color:#ffffff;
}

/******************************************************************************
*
*						Opmaak  algemeen.
*
******************************************************************************/
a, td, tr, table, p, li, ul
{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,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 Verdana;
	color: #ef2f2d;
	font-weight: bold;
}

h3
{
	color: #000000;
	font: 1.3em verdana;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.clr
{
	clear: both;
}
ul
{
	margin-left:30px;
}
/******************************************************************************
*
*						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:		558px;
	text-align:	left;
	float:		left;
	height:auto;
	overflow:hidden;
	display: inline;
	background: #ebf3f5;
	border:1px solid #9ac3cb;
	padding: 10px;
	margin: 0 10px;
}


#main_container table
{
	text-align: left;

}


#main_container img
{
	max-width: 558px;  /* Mozilla */
    width: expression(this.width > 570 ? 570: true); /* IE */

}


#main_container_right
{
	width: 200px;
	float: left;
	text-align:	left;
	overflow:hidden;

}

#main_container_left
{
	width: 200px;
	float: left;
	text-align:	left;
	overflow:hidden;

}

/******************************************************************************
*
*						HEADER
*
*****************************************************************************/
#header
{
	width:	1000px;
	height:	248px;
	position:relative;
	background: url("../images/site/nieuweheader_v2.png") no-repeat;
}
#header h1
{
	display: none;
}
#logo
{
	width:	100px;
	height:	125px;
	display:none;
	position:absolute;
	left:20px;
	top:0px;
}
/******************************************************************************
*
*						Topmenu - Balk
*
*****************************************************************************/
#topmenu
{
	width: 350px;
	height: 50px;
	position:absolute;
	right:0px;
	top:0px;
	background: #ffffff;
	border-bottom-left-radius: 10px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#nav
{
	padding:0 0 0 0;
	margin:0;
	list-style:none;
	height:50px;
	background:none;
	position:relative;
	z-index:500;

}
#nav li.top
{
	display:block;
	float:right;
}
#nav li a.top_link
{
	display:block;
	float:left;
	height:50px;
	line-height:50px;
	color:#1D6B7C;

	text-decoration:none;
	font-size:11px;
	padding:0 10px 0 10px;
	cursor:pointer;
}
#nav li a.top_link span
{
	float:left;
	display:block;
	padding:0 19px 0px 12px;
	height:50px;
	background:none;
}
#nav li a.top_link span.down
{
	float:left;
	display:block;
	padding:0 22px 0 12px;
	height:50px;
	background:none;
	text-align:left;
}
#nav li:hover a.top_link
{
	color:#1D6B7C;
	background:none;
}
#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:25px;
	background: #9ac3cb;
	padding:3px;
	white-space:nowrap;
	width:170px;
	height:auto;
	z-index:300;
}
#nav li:hover ul.sub li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:170px;
	font-weight:normal;
}
#nav li:hover ul.sub li a
{
	display:block;
	font-size:11px;
	height:18px;
	width:168px;
	line-height:18px;
	text-indent:5px;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
}
#nav li ul.sub li a.fly
{
	background:#9ac3cb;
	background-position:right;
}
#nav li ul.sub li ul li a.fly
{
	background:#9ac3cb;
	background-position:right;
}
#nav li:hover ul.sub li a:hover
{
	background:#000000;
	color:#ffffff;
	text-decoration:none;
}
#nav li:hover ul.sub li a.fly:hover
{
	background:#000000;
	color:#ffffff;
}
#nav li b
{
	display:block;
	font-size:11px;
	height:18px;
	width:155px;
	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:170px;
	top:-2px;
	background: #9ac3cb;
	padding:3px;
	white-space:nowrap;
	width:168px;
	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:#9ac3cb;
	color:#fff;
}
/******************************************************************************
*
*						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_left
*
*****************************************************************************/
.blockzonderheader
{
	width: 178px;
	height: 20px;
	background:#9ac3cb;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	line-height: 20px;
	padding:5px;
}
.blockzonder
{
	width: 188px;
	color: #000000;
	font-size:12px;
	text-align: left;
	padding:5px;
	padding-bottom:none;
	background: #ebf3f5;
	border:1px solid #9ac3cb;
	margin-bottom:5px;
}
.blockzonder a
{
	color:#000000;
}
.blockzonder a:hover
{
	text-decoration:underline;
}
.blockzonder a:visited
{

}
.blockzonder ul
{
	width:160px;
	margin:0px;
	list-style:none;
}

.blockzonder ul li
{
	color:#000000;
	padding-bottom:3px;
	font-size:12px;
	line-height:17px;
}

.blockzonder ul li a
{
	font-size:12px;
	color:#000000;
}

.blockzonder ul li a:hover
{
	color:#000000;
}

.blockzonder ul li a:visited
{
	color:#000000;
}
/******************************************************************************
*
*						Main_container_right
*
*****************************************************************************/
.blockheader
{
	width: 178px;
	height: 20px;
	background:#9ac3cb;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	line-height: 20px;
	padding:5px;
}

.block
{
	width: 188px;
	overflow: hidden;
	color: #000000;
	line-height: 18px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	padding:5px;
	background: #ebf3f5;
	border:1px solid #9ac3cb;
	margin-bottom:5px;

}
.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;
}
/******************************************************************************
*
*						Tabellen opmaak, intern.
*
******************************************************************************/

.tablecolor
{
	color:#FFFFFF;
}
.tablecolor a
{
	color:#FFFFFF;
}

.tablecolor a:hover
{
	color:#FFFFFF;
}

.tablecolor a:visited
{
	color:#FFFFFF;
}
.table_inpage{
	width: 100%;
	border-collapse: collapse;
}
/******************************************************************************
*
*						Headlines, nieuwsberichten
*
******************************************************************************/
#news_header_title
{
Display:none;
}
.headlines_header
{
	width: 580px;
	height:40px;
}
.headlines
{
	width: 580px;
	margin-left:0px;
	margin-bottom:10px;
}
.headlines_date
{
	font-size: 10px;
	color: #9ac3cb;
	float:left;
	margin-right:10px;
}
.headlines_title
{
	font-size: 28px;
	color: #1D6B7C;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	width: 580px;

}
.headlines_content
{
	width: 565px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	color: #000;
	margin-bottom:10px;
}
.news_footer{
	border-bottom: 1px solid #9ac3cb;
	height:20px;
	width:580px;
}
.news_footer a{
	color:#1D6B7C;
}
/******************************************************************************
*
*						Kop alle pagina's items opmaak
*
******************************************************************************/
#headlines_page_header_container
{
	width:565px;
	height:28px;
	margin-bottom: 20px;

}
#headlines_page_header
{
	font-size: 28px;
	color: #1D6B7C;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;

}


/******************************************************************************
*
*						Stacticcontent items opmaak
*
******************************************************************************/
.stcitem_title
{
	width:565px;
	height:28px;
	line-height:28px;
	font-size: 28px;
	color: #1D6B7C;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	text-align:left;
	margin-top:3px;

}
.stcitem_content
{
	width:565px;
}

/******************************************************************************
*
*						Mededeling option=99 opmaak
*
******************************************************************************/
#medelingen_content
{
	width:565px;
}
.news
{

}
.news_content
{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,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;
	width:557px;
	line-height:20px;
	margin:0px;
	margin-bottom:5px;
	background: #9ac3cb;
	text-indent:10px;
}

.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: 11px;
	height: 8px;
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	background: url('../images/vervolg3.gif') 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;

}

.link-button{
	padding: 3px 7px;
	background-color:#9AC3CB;
	height:20px;
	line-height:20px;
	margin:5px 5px 0;
	float:left;
	border: 1px solid #000;
}
.link-button a{
	color:white;
}
.input
{
	width: 150px;
	font: 1.0em Verdana;
	color: #000000;

}

.buttonzoek
{
	height:20px;
	width:19px;
	background: url('../images/site/searchbutton.png') no-repeat;
	border: 0px;
}
/******************************************************************************
*
*					Footer.
*
******************************************************************************/

#footer
{
	width: 1000px;
	height: 45px;
		background:#9ac3cb;
	text-align: center;
	color: #ffffff;

	line-height: 45px;
}

#footer a
{
	color: #ffffff;
	font-weight: bold;
}

#footer a:hover
{
	text-decoration: none;
}

/******************************************************************************
*
*						menu opmaak - voor in menuleft.asp
*
******************************************************************************/
.menu
{
	width: 198px;
	text-align: left;
	margin-bottom:5px;
	background: #ebf3f5;
	border:1px solid #9ac3cb;
}

.menu ul
{
	width: 198px;
	list-style: block;
	list-style:none;
	margin: 0px;
	padding: 0px;
	background: none;
}

.menu li
{
	color: #383838;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	margin-bottom: 1px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.menuspecial
{
	color:#ffffff;
	margin:5px;
	padding:5px;
	background: #9ac3cb;
}
.menuspecial:hover
{
	background: #9ac3cb;
}
.menu li:hover
{

}
.menu li:hover a
{
	color:#1F7284;

	display:block;
}
.menu li:hover a:hover
{
	color:#1F7284;
	display:block;
		text-decoration:none;

}
.menu li:visited a
{

}
.menu a
{
	color:#1F7284;

}
.menu a:hover
{
	color:#1F7284;
	text-decoration:none;

}
.menu a:visited
{

}

.menu table
{
	width: 176px;
	margin: 0px;
	padding: 0px;
}

/**** sponsoren *****/
#sponsorbalk
{
	width:1000px;
	height:77px;
	margin-top:5px;

}
.sponsoritem
{
	width: 328px;
	height:75px;
	background: #ebf3f5;
	border:1px solid #9ac3cb;
	position:relative;
	float:left;
	margin-right:5px;
}
#sponsor1
{
	width: 320px;
	height: 67px;
	position: absolute;
	left:4px;
	top:4px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
	background:#ffffff;
}

#sponsor2
{
	width: 320px;
	height: 67px;
	position: absolute;
	left:4px;
	top:4px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
	background:#ffffff;
}

#sponsor3
{
	width: 320px;
	height: 67px;
	position: absolute;
	left:4px;
	top:4px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
	background:#ffffff;
}

#sponsor1, #sponsor2, #sponsor3
{
	padding:0;
	margin:0 auto;
	text-align:center;
}
#sponsor1 div, #sponsor2 div, #sponsor3 div
{
	width:320px;
	height:67px;
	margin:0;
	padding:0;
	text-align:center;
}
 /******************************************************************************
*
*						Trainingsschema
*
******************************************************************************/
.training_title_second {
    background: none repeat scroll 0 0 #848484;
    color: #FFFFFF;
    height: 25px;
    padding-left: 5px;
    text-transform: capitalize;
}
.odd {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 20px;
    line-height: 20px;
}
.even {
    background: none repeat scroll 0 0 #F5F5F5;
    height: 20px;
    line-height: 20px;
}
