/* ( MAIN ) Copyright 2009-2010 "Fastware" All Rights Reserved. */


/* HEADNAVIGATIE */


ul#DI_navigatie li{
	float: left;
}

/* HOME */
div#DI_Header  a#navi_home {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 75px;
	z-index:2;
}

ul#DI_navigatie  a#navi_home:hover {
	background-position: 0px -60px;
}

ul#DI_navigatie  a#navi_home_active {
	background-position: 0px -60px;
}

ul#DI_navigatie .navi_home {
	background-position: 0px 0px;
	height: 40px;
	width: 75px;
}

/* OVER ONS */
div#DI_Header  a#navi_overons {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 90px;
	z-index:2;
}

ul#DI_navigatie  a#navi_overons:hover {
	background-position: -75px -60px;
}

ul#DI_navigatie  a#navi_overons_active {
	background-position: -75px -60px;
}

ul#DI_navigatie .navi_overons {
	background-position: -75px 0px;
	height: 40px;
	width: 90px;
}

/* GROEPSLESSEN */
div#DI_Header  a#navi_groepslessen {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 110px;
	z-index:2;
}

ul#DI_navigatie  a#navi_groepslessen:hover {
	background-position: -165px -60px;
}

ul#DI_navigatie  a#navi_groepslessen_active {
	background-position: -165px -60px;
}

ul#DI_navigatie .navi_groepslessen {
	background-position: -165px 0px;
	height: 40px;
	width: 110px;
}

/* FITNESS */
div#DI_Header  a#navi_fitness {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 78px;
	z-index:2;
}

ul#DI_navigatie  a#navi_fitness:hover {
	background-position: -275px -60px;
}

ul#DI_navigatie  a#navi_fitness_active {
	background-position: -275px -60px;
}

ul#DI_navigatie .navi_fitness {
	background-position: -275px 0px;
	height: 40px;
	width: 78px;
}

/* JEUGD */
div#DI_Header  a#navi_jeugd {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 70px;
	z-index:2;
}

ul#DI_navigatie  a#navi_jeugd:hover {
	background-position: -353px -60px;
}

ul#DI_navigatie  a#navi_jeugd_active {
	background-position: -353px -60px;
}

ul#DI_navigatie .navi_jeugd {
	background-position: -353px 0px;
	height: 40px;
	width: 70px;
}

/* ONTSPANNING */
div#DI_Header  a#navi_ontspanning {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 105px;
	z-index:2;
}

ul#DI_navigatie  a#navi_ontspanning:hover {
	background-position: -423px -60px;
}

ul#DI_navigatie  a#navi_ontspanning_active {
	background-position: -423px -60px;
}

ul#DI_navigatie .navi_ontspanning{
	background-position: -423px 0px;
	height: 40px;
	width: 105px;
}

/* VOEDING */
div#DI_Header  a#navi_voeding {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 83px;
	z-index:2;
}

ul#DI_navigatie  a#navi_voeding:hover {
	background-position: -524px -60px;
}

ul#DI_navigatie  a#navi_voeding_active {
	background-position: -524px -60px;
}

ul#DI_navigatie .navi_voeding {
	background-position: -524px 0px;
	height: 40px;
	width: 83px;
}

/* FYSIO */
div#DI_Header  a#navi_fysio {
	cursor: pointer;
	display: block;
	height: 40px;
	width: 103px;
	z-index:2;
}

ul#DI_navigatie  a#navi_fysio:hover {
	background-position: -611px -60px;
}

ul#DI_navigatie  a#navi_fysio_active {
	background-position: -611px -60px;
}

ul#DI_navigatie .navi_fysio{
	background-position: -611px 0px;
	height: 40px;
	width: 103px;
}


/* 2ndHEADNAVIGATIE */

div#DI_subnavigatie  span#secondNavi_groepslessen {
	background: url("/file/picture/frame/navigatie/groepslessen.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_home {
	background: url("/file/picture/frame/navigatie/home.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_overons {
	background: url("/file/picture/frame/navigatie/overons.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_fitness {
	background: url("/file/picture/frame/navigatie/fitness.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_jeugd {
	background: url("/file/picture/frame/navigatie/jeugd.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_ontspanning {
	background: url("/file/picture/frame/navigatie/ontspanning.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_voeding {
	background: url("/file/picture/frame/navigatie/voeding.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_fysiotherapie{
	background: url("/file/picture/frame/navigatie/fysiotherapie.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_lidworden{
	background: url("/file/picture/frame/navigatie/lidworden.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_lesrooster{
	background: url("/file/picture/frame/navigatie/lesrooster.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_dagpas{
	background: url("/file/picture/frame/navigatie/dagpas.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

div#DI_subnavigatie  span#secondNavi_newsArchive{
	background: url("/file/picture/frame/navigatie/acties.png") repeat-x scroll 0 0;
	height: 38px;
	float: left;
	width: 192px;
	z-index:2;
}

ul.subMenu a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

ul.subMenu {
	float: left;
	width: 188px;
	margin: 0px 0 0px 2px;
	padding: 5px 0px 10px;
	background: url("/file/picture/frame/subBackground.png") repeat-x scroll 0 0 #ffb233;
}

ul.subMenu li {
	display: block;
	margin:7px 15px -7px 15px;
	padding:7px 0 7px 5px;
	background: url("/file/picture/frame/navigatie/border.png") no-repeat;
	color: #FFFFFF;
}

ul.subMenu li strong{
	color: #FFFFFF;
}

ul.subMenu li.active {
	background: url("/file/picture/frame/navigatie/border_active.png") no-repeat;
	font-weight: bold;
}

ul.subMenu li ul{
	margin: 8px 0px 0px 0px;
}

ul.subMenu li.active ul li {
	display: block;
	background: url("/file/picture/frame/navigatie/border.png") no-repeat;
	font-weight: normal;
}

ul.subMenu li.active ul li.active {
	font-weight: bold;
}

ul.subMenu li ul li{
	display: block;
	margin: 7px 0px -7px 0px;
	padding: 7px 0 7px 15px;
	background: url("/file/picture/frame/navigatie/border.png") no-repeat;
}

div#DI_subnavigatie  span#secondNavi_bottom {
	float: left;
	clear: left;
	margin:0 0 0 2px;
	height: 13px;
	width: 188px;
	z-index:2;
	background: url("/file/picture/frame/subBackgroundBottom.png") repeat-x scroll 0 0;
}

div.contactgegevens {
	position: relative;
	top: 20px;
	margin:0 auto;
	width: 950px;
}


div#DI_midFoto div.foto_text{
	position: absolute;
	top: 60px;
	left: 437px;
	_*top: 60px;
	_*left: 437px;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	display:block;
}

div#DI_midFoto div.foto_text span{
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

/* POPUP*/

div#backgroundLayer{
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}

div#centerLayer {
	width: 500px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	z-index: 200;
}

div#overLayer {
	width: 500px;
	position: absolute;
	top: 50px;
}
