/* CSS Document */

html, body {
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;

text-align:center;

}

img, div, td { behavior: url(http://www.sportcentrumvlaardingen.nl/includes/misc/iepngfix.htc) }

img {
border:0px;
}


/* HEADER
_______________________________*/

#header {
	width:100%;
	height:120px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	
	background:#003888;

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#FFF;
	}

/* LAYOUT
_______________________________*/

#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}
	
#subheader {
	width:780px;
	height:70px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:url(../images/sc_subheader_left.png) left no-repeat;
	text-align:left;
	}

td.content {
	width:560px;
	margin:0px 0px 20px 0px;
	padding:0px;
	vertical-align:top;
	background-image: url(../images/sc_bg_FFF_70.png);
	background-repeat:repeat;
	}
	
td.content #content {
margin:15px;
}

td.content #content {
margin:15px;

}td.content #menu_overview {
margin:15px;
}
	
td.menu {
	width:200px;
	margin:0px 0px 20px 0px;
	padding:20px 10px 15px 10px;
	vertical-align: top;
	text-align:left;
	background-image: url(../images/sc_bg_test.png);
	background-repeat:repeat;
	}

	
/* CONTENT
_______________________________*/

td.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#000;
	margin-bottom:20px;
	}
	
#shortbox {
	background:url(../images/sc_short_box.gif) no-repeat #3361a1;
	height:11px;
	widows:720px;
	padding:7px 0px 12px 20px;
	text-align:left;
}

#shortbox a{
	color:#FFF;
	font-weight:bold;
}
	
h1{
	width:760px;
	height:16px;
	padding:8px 10px 8px 10px;
	margin:0px 0px 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	color:#FFF;
	
	background:#003888;
	}
	
h2{
	width:510px;
	height:16px;
	padding:6px 10px 6px 10px;
	margin:0px 0px 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	color:#FFF;
	
	background:#6688b8;
	}
	
td.content span.caption {
	width:530px;
	height:100px;
	margin:-20px 0px 20px 0px;
	padding:0px;
	}
	
td.content a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
td.content a:link, td.content a:visited {
	text-decoration:underline;
	color:#000;
	}
	
td.content a:hover, td.content a:active {
	text-decoration:none;
	color:#000;
	}
	
td.content table.video {
	width:100%;
	border-top:3px #FFF dotted;
	}
	
td.content table.video tr.video {
	background:#6688b8;
	}

td.content table.video tr.video:hover {
	background:#003888;
	}
	
td.content table.video tr.video td.video {	
	border-bottom:1px #FFF dotted;
	}
	
td.content table.video tr.video td.video a{
	display:block;
		
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}
	
td.content input {
	border:1px solid #000;
	background:#FFF;
	padding:3px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}
	
td.content input.button{
	border:0px;
	padding:0px;
	margin:3px;
	}
	
td.content textarea {
	border:1px solid #000;
	background:#FFF;
	padding:3px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}

/* @group Menu */

/* MENU
_______________________________*/

td.menu a {
	border-bottom:1px #fff solid;
	
	display:block;
	
	padding:8px 10px 11px 40px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	
	text-decoration:none;
	
	background-repeat: no-repeat;
	background-position: 5px;
	}
	
td.menu ul a.fitness {
	background-image:url(../images/sc_fitness_20x20.gif);	
	background-color:#6688b8;
	}
	
td.menu ul a.tennis {
	background-image:url(../images/sc_tennis_20x20.gif);
	background-color:#6688b8;
	}

td.menu ul a.darten {
	background-image:url(../images/sc_darten_20x20.gif);
	background-color:#6688b8;
	}
	
td.menu ul a.brasserie {
	background-image:url(../images/sc_brasserie_20x20.gif);
	background-color:#6688b8;
	}
	
td.menu ul a.zonnebank {
	background-image:url(../images/sc_zonnebank_20x20.gif);
	background-color:#6688b8;
	}
	
td.menu ul a.algemeen {
	background-image:url(../images/sc_algemeen_20x20.gif);
	background-color:#6688b8;
	}
	
td.menu ul a.acties {
	background-image:url(../images/sc_acties_menu_bg.jpg);
	background-color:#6688b8;
	background-position:left center;
	}
	
td.menu ul a.kidsland {
	background-image:url(../images/sc_kidsland_menu.jpg);
	background-color:#6688b8;
	background-position:left center;
	}
	
td.menu ul a:hover {
	background-color:#406aa6;
	}
	
td.menu .treeview ul{ /*CSS for Simple Tree Menu*/
margin-left: 0px 0px 0px -40px;
padding: 0px 0px 0px 0px;
list-style:none;
list-style-type:none; 
text-align:left;
}

td.menu .treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
margin:  0px 0px 0px -40px;
padding:  0px 0px 0px 0px;
list-style-type: none;
text-align:left;
float: left|right;

}

td.menu .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
margin:  0px 0px 0px -40px;
padding: 0px;
}


td.menu .treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
margin:  0px 0px 0px 40px;
display: none; /*Hide them by default. Don't delete. */
}

td.menu .treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
margin:0px 0px 0px -20px;
}

td.menu .treeview .submenu ul li a.folder{ /*Style for LIs of ULs that are children of LIs (submenu) */
padding:4px 10px 5px 35px;
background-color:#9c866a;
background-image:url(../images/sc_bullet_folder.png);
background-repeat:no-repeat;
background-position:5px center;
}

td.menu .treeview .submenu ul li a{ /*Style for LIs of ULs that are children of LIs (submenu) */
padding:4px 10px 5px 25px;
background-color:#7f7f7f;
background-image:url(../images/sc_bullet_submenu.gif);
background-repeat:no-repeat;
background-position:9px center;
}

td.menu .treeview .submenu ul li a:hover{ /*Style for LIs of ULs that are children of LIs (submenu) */
background-color:#99afcf;
}


td.menu .treeview li.submenu ul.blup{ /*Style for ULs that are children of LIs (submenu) */
margin:  0px 0px 0px 10px;
display: none; /*Hide them by default. Don't delete. */
}

td.menu .treeview .submenu ul li.blup{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
margin:0px 0px 0px -20px;
width:170px;
}
/* @end */

/* FOOTER
_______________________________*/

#footer {
	width:760px;
	height:10px;
	margin:0px 0px 20px 0px;
	padding:10px 10px 13px 10px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#6688b8;
	
	text-align:right;
	background:#ccd7e7;
	
	clear:both;
	}