/* 
-------------------------------
	main.css 
-------------------------------
*/

/*
-----------------------------------------------------------------------
--------- STYLING (NO-STRUCTURE) --------------------------------------
-----------------------------------------------------------------------
*/

/* -- Basic elements -- */

body {
	background:#fff;
	font:8pt Verdana; /* basic font settings */
	line-height:1.3em;
	color:#333;
}
h2 {
	font-size:13px;
	font-weight:bold;
	line-height:1.8em;
}
h3 {
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	line-height:1.8em;
}
p, ul, ol {
	margin:0.5em 0 1em;
}
blockquote {
	font-style:italic;
}

a {
	color:#f60;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
}

/* -- Other elements (id, class)-- */

/* Menu ----- */

#div_menu ul {
	list-style:none;
	font-size:8pt;
	font-weight:bold;
	font-variant:small-caps;
}
#div_menu ul li {
	float:left;
	text-align:center;
}
#div_menu ul li a {
	text-decoration:none;
}
#div_menu ul li a:hover {
	color:#999;
}
#div_menu ul li.selected a {
	color:#cedf39;
}

#div_menu ul li#mnu_1 a { width:56px; background-image:url(../images/buttons/home.gif); }
#div_menu ul li#mnu_1.selected a, #div_menu ul li#mnu_1 a:hover { background-image:url(../images/buttons/home_o.gif); }
#div_menu ul li#mnu_7 a { width:60px; background-image:url(../images/buttons/lessen.gif); }
#div_menu ul li#mnu_7.selected a, #div_menu ul li#mnu_7 a:hover { background-image:url(../images/buttons/lessen_o.gif); }
#div_menu ul li#mnu_6 a { width:64px; background-image:url(../images/buttons/fitness.gif); }
#div_menu ul li#mnu_6.selected a, #div_menu ul li#mnu_6 a:hover { background-image:url(../images/buttons/fitness_o.gif); }
#div_menu ul li#mnu_8 a { width:93px; background-image:url(../images/buttons/gezondheid.gif); }
#div_menu ul li#mnu_8.selected a, #div_menu ul li#mnu_8 a:hover { background-image:url(../images/buttons/gezondheid_o.gif); }
#div_menu ul li#mnu_9 a { width:75px; background-image:url(../images/buttons/tarieven.gif); }
#div_menu ul li#mnu_9.selected a, #div_menu ul li#mnu_9 a:hover { background-image:url(../images/buttons/tarieven_o.gif); }
#div_menu ul li#mnu_10 a { width:55px; background-image:url(../images/buttons/fotos.gif); }
#div_menu ul li#mnu_10.selected a, #div_menu ul li#mnu_10 a:hover { background-image:url(../images/buttons/fotos_o.gif); }
#div_menu ul li#mnu_11 a { width:87px; background-image:url(../images/buttons/voorwaarden.gif); }
#div_menu ul li#mnu_11.selected a, #div_menu ul li#mnu_11 a:hover { background-image:url(../images/buttons/voorwaarden_o.gif); }

/* //Menu --- */


#div_mid_1 {
	background:#fff url(../images/bg_mid_2.gif) no-repeat;
}
#div_mid_1 #div_oneliner {
	background:url(../images/top-groen.gif) no-repeat -2px -2px;
}
#div_mid_1 #div_oneliner p {
	text-align:right;
	font-size:7pt;
}

#div_mid_2 #div_info {
	color:#fff;
	background:#ccc url(../images/bg-grijs-links.gif) no-repeat;
}
#div_mid_2 #div_info a {
	color:#fff;
}

/* Menu Info ----- */

#div_info_menu ul {
	list-style:none;
	font-weight:bold;
}
#div_info_menu ul li {
	text-align:center;
}
#div_info_menu ul li a span span {
	display:none;
}
#div_info_menu ul li a {
	display:block;
	height:16px;
}

#div_info_menu ul li a#a_tab_1 {
	width:90px;
	background-image:url(../images/buttons/openingstijden.png);
}

#div_info_menu ul li a#a_tab_2 {
	width:51px;
	background-image:url(../images/buttons/contact.png);
}
#div_info_menu ul li a#a_tab_3 {
	width:63px;
	background-image:url(../images/buttons/vacatures.png);
}

/* //Menu Info --- */


#div_mid_2 #div_lessons {
	background:#fff url(../images/bg-grijs-rechts.gif) no-repeat 2px 0;
}

#div_lessons #a_pdf {
	width:110px;
	height:16px;
	background:url(../images/pdf_button.png) no-repeat 100% 0;
}

/* Menu Rooster ----- */

#div_lessons_menu ul {
	list-style:none;
}
a#a_day_1 { background-image:url(../images/buttons/maandag.gif); }
a#a_day_1:hover, a#a_day_1.selected { background-image:url(../images/buttons/maandag-o.gif); }
a#a_day_2 { background-image:url(../images/buttons/dinsdag.gif); }
a#a_day_2:hover, a#a_day_2.selected { background-image:url(../images/buttons/dinsdag-o.gif); }
a#a_day_3 { background-image:url(../images/buttons/woensdag.gif); }
a#a_day_3:hover, a#a_day_3.selected { background-image:url(../images/buttons/woensdag-o.gif); }
a#a_day_4 { background-image:url(../images/buttons/donderdag.gif); }
a#a_day_4:hover, a#a_day_4.selected { background-image:url(../images/buttons/donderdag-o.gif); }
a#a_day_5 { background-image:url(../images/buttons/vrijdag.gif); }
a#a_day_5:hover, a#a_day_5.selected { background-image:url(../images/buttons/vrijdag-o.gif); }
a#a_day_6 { background-image:url(../images/buttons/zaterdag.gif); }
a#a_day_6:hover, a#a_day_6.selected { background-image:url(../images/buttons/zaterdag-o.gif); }
a#a_day_7 { background-image:url(../images/buttons/zondag.gif); }
a#a_day_7:hover, a#a_day_7.selected { background-image:url(../images/buttons/zondag-o.gif); }

.day_tab table {
  background:#e0e066;
  font-size:7pt;
  border:1px solid #333;
  border-collapse:collapse;
}
.day_tab table th {
	color:#fff;
  background:#7c891b;
  font-weight:normal;
}
.day_tab table td {
	vertical-align:top;
}

/* //Menu Rooster --- */

#div_news {
	font-size:8pt;
	background:#deeb84 url(../images/bottom-groen.gif) no-repeat -2px -2px;
}

#div_footer, #div_footer a {
	text-align:center;
}
#div_footer, #div_footer a {
	font-size:7pt;
	font-weight:normal;
	color:#888;
}


/* Validator class ----- */

.validator_element_highlight {
}
.validator_label_highlight {
	font-weight:bold;
	font-style:italic;
	color:#ff0000;
}

/* //Validator class --- */


/* Extra ----- */

.gallery_photos li {
	list-style:none;
	text-align:center;
}

/* //Extra --- */


/*
-----------------------------------------------------------------------
-------------------------- POSITIONING --------------------------------
-----------------------------------------------------------------------
*/

/* -- Basic elements -- */

body {
	margin:50px 0 15px;
	padding:0;
}
div {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
img {
	border:0;
	margin:0;
	padding:0;
	display:block; /* to prevent spaces under img in non-IE browsers */
}
h1 {
	display:none;
}

/* -- Other elements (id, class)-- */

#div_skipnav {
	display:none;
}

#div_container {
	margin:0 auto;
	width:750px;
}

#div_top {
	height:62px;
	border-bottom:#000 1px solid;
	margin-bottom:2px;
}

#div_header {
	position:absolute;
	width:250px;
	height:62px;
	display:block;
	margin-left:0;
	margin-top:-5px;
}

#div_header img {
	width:250px;
	height:62px;
}


/* Menu ----- */

#div_menu {
	margin-left:250px;
	width:500px;
	height:100%;
}

#div_menu ul {
	margin:45px 0 0 10px;
	padding:0;
}

#div_menu ul li a {
	display:block;
	height:20px;
	line-height:20px;
}
#div_menu ul li a span {
	display:none;
}

/* //Menu --- */


#div_mid_1 {
	width:746px;
	border:#cedf39 2px solid;
	margin-bottom:2px;
}

#div_mid_1 #div_oneliner {
	height:20px;
}
#div_mid_1 #div_oneliner p {
	margin:0;
	padding:0 5px;
	height:20px;
	line-height:20px;
}

#div_mid_1 #div_img_left {
	position:absolute;
	width:230px;
	height:400px;
	margin:10px 0 10px 10px;
}

#div_mid_1 #div_content {
	margin:10px 10px 10px 250px;
	padding:0 10px;
	width:auto;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	min-height:400px;
}

#div_mid_2 {
	height:170px;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	padding:2px 0;
	margin-bottom:2px;
}

#div_mid_2 h2 {
	display:none;
}

#div_mid_2 #div_info {
	position:absolute;
	width:248px;
	height:170px;
	border-right:#000 1px solid;
	padding-right:2px;
}

#div_info h3 {
	display:none;
}
#div_info .info_tab {
	position:absolute;
	margin:0 10px;
	width:230px;
	height:115px;
}

/* Menu Info ----- */

#div_info_menu {
	position:relative;
	top:150px;
	height:25px;
	line-height:25px;
}
#div_info_menu ul {
	margin:0;
	padding:0;
}
#div_info_menu ul li {
	display:block;
	height:25px;
	margin:0 5px;
	float:left;
}

/* //Menu Info --- */


#div_mid_2 #div_lessons {
	margin-left:250px;
	width:500px;
	height:170px;
	padding-top:25px;
	padding-left:2px;
}
#div_lessons h3 {
	display:none;
}
#div_lessons #a_pdf {
	margin-top:-162px;
	margin-right:5px;
	float:right;
}
#div_lessons #a_pdf span {
/*	display:none;*/
}
#div_lessons .day_tab {
	width:380px;
	height:140px;
}
.day_tab table {
	width:90px;
	float:left;
	margin:3px 2px 4px;
}
@media all and (min-width: 0px){
	.day_tab table {
		margin:2px 2px 2px; /* Opera only */
	}
}

.day_tab table th span {
	display:block;
	overflow:hidden;
	height:13px;
	width:86px;
}
.day_tab table td span {
	height:46px;
	width:86px;
	display:block;
	overflow:hidden;
}

/* Menu Rooster ----- */

#div_lessons_menu {
	height:140px;
	width:102px;
	margin:2px 5px 0;
	float:left;
}
#div_lessons_menu ul {
	margin:0;
	padding:0;
}
#div_lessons_menu ul li {
	margin-bottom:4px;
}
#div_lessons_menu ul li a {
	display:block;
	width:102px;
	height:16px;
}
#div_lessons_menu ul li a span {
	display:none;
}

/* //Menu Rooster --- */

#div_news {
	height:16px;
	width:746px;
	border:#cedf39 2px solid;
}
#div_news h2 {
	display:none;
}
#div_news p {
	margin:0 0 0 250px;
	padding:0 10px;
	line-height:15px;
}

#div_footer {
	margin-top:7px;
}
#div_footer p {
	margin:5px 0;
}


/* -- Other -- */

.nodis {
	display:none;
}


/* Extra ----- */
#frm_event {
	width:300px;
	margin:10px auto;
}
.gallery_photos {
	margin:25px 0;
}
.gallery_photos li {
	display:block;
	float:left;
	width:80px;
	height:80px;
	line-height:80px;
	margin:5px;
}
.gallery_photos li img {
	display:inline;
	padding:1px;
}
.gallery_photos li img:hover {
	border:#ff6600 1px solid;
	padding:0;
}

/* //Extra --- */