/* CSS3 Document */

/* algemeen */

body {
	background-color:#EDEDED;
	margin:0px;
	}
	
/* werkruimte */

div#werkruimte {
	background-color:#CAD9EF;
	border-style:solid;
	border-color:#96B3E0;
	border-width:1px;
	position:absolute;
	margin-top:20px;
	left:50%;
	margin-left:-400px;
	width:800px;
	height:550px;
	}

/* tabel */

table#red-line {
	border:0px;
	margin:0px;
	margin-left:40px;
	padding:0px;
	width:420px;
	background:url(images/table-bg.png) repeat-y;
	}

table#red-line tr td {
	vertical-align:text-top;
	width:210px;
	}

table#no-line {
	border:0px;
	margin:0px;
	margin-left:40px;
	padding:0px;
	width:100%;
	}

table#no-line tr {
	height:43px;
	}

table#no-line tr td {
	vertical-align:middle;
	text-align:left;
	}

table#films {
	border:0px;
	margin:0px;
	margin-left:29px;
	padding:0px;
	width:540px;
	vertical-align:top;
	text-align:right;
	color:#0048B4;
}
	
	/* table > filmpjes */
table#films tr {
	height:350px;
	}

td#a {
	width:115px;
	color:#0048B4;
	vertical-align:top;
	}

td#b {
	width:425px;
	}

/* header */

div#header {
	position:absolute;
	margin-left:-2px;
	margin-top:-4px;
	width:804px;
	height:104px;
	}

div#header img {
	width:804px;
	height:104px;
	margin-top:0px;
	margin-left:0px;
	}

div#logo {
	position:absolute;
	margin-left:-39px;
	margin-top:-17px;
	width:147px;
	height:147px;
	}

div#logo img {
	width:147px;
	height:147px;
	margin-left:0px;
	margin-top:0px;
	}

div#filmpje {
	position:absolute;
	margin-top:0px;
	margin-left:313px;
	width:327px;
	height:97px;
	}

div#filmpje img {
	width:327px;
	height:97px;
	}

/* footer */

div#footer {
	position:absolute;
	font-family:"Castilo MT", Arial;
	font-size:11.5px;
	color:#0048B4;
	letter-spacing:1px;
	bottom:-2px;
	width:100%;
	}

div.txtLinks {
	position:absolute;
	left:4px;
	text-align:left;
	width:180px;
	}

div.txtRechts {
	position:absolute;
	right:4px;
	text-align:right;
	width:230px;
	}

a.footer:link, a.footer:active, a.footer:visited {
	text-decoration:none;
	color:#0048B4;
	}

a.footer:hover {
	text-decoration:underline;
	}

/*  menu */

div#menu { 
	position:absolute;
	margin-left:-23px;
	margin-top:154px;
	width:165px;
	text-align:right;
	}

img#menu-kop {
	width:165px;
	height:44px;
	}

img#menu-voet {
	width:165px;
	height:44px;
	margin-top:-4px;
	}

div#menu ul {
	list-style-type:none;
	}

div#menu ul li {
	margin:0;
	margin-top:-4px;
	padding:0;
	}

div#menu ul li a {
	display:block;
	width:165px;
	height:20px;
	}

div#menu ul li a:link {
	color:#006699;
	text-decoration:none;
	}

div#menu ul li a:hover {
	color:#666666;
	text-decoration:none;
	}

div#menu ul li a span { display:none; }

div#menu ul li#home a { background: url("images/menu_1_0.png") no-repeat left top; }
div#menu ul li#home a:hover { background: url("images/menu_1_1.png") no-repeat left top; }
div#menu ul li#home.active a { background: url("images/menu_1_1.png") no-repeat left top; }

div#menu ul li#informatie a { background: url("images/menu_2_0.png") no-repeat left top; }
div#menu ul li#informatie a:hover { background: url("images/menu_2_1.png") no-repeat left top; }
div#menu ul li#informatie.active a { background: url("images/menu_2_1.png") no-repeat left top; }

	div#menu ul li#taekwondo a { background: url("images/menu_2.1_0.png") no-repeat left top; height:16px; }
	div#menu ul li#taekwondo a:hover { background: url("images/menu_2.1_1.png") no-repeat left top; }
	div#menu ul li#taekwondo.active a { background: url("images/menu_2.1_1.png") no-repeat left top; }
	
		div#menu ul li#stijlfiguren a { background: url("images/menu_2.1.1_0.png") no-repeat left top; height:16px; }
		div#menu ul li#stijlfiguren a:hover { background: url("images/menu_2.1.1_1.png") no-repeat left top; }
		div#menu ul li#stijlfiguren.active a { background: url("images/menu_2.1.1_1.png") no-repeat left top; }

	div#menu ul li#inschrijving a { background: url("images/menu_2.2_0.png") no-repeat left top; height:16px; }
	div#menu ul li#inschrijving a:hover { background: url("images/menu_2.2_1.png") no-repeat left top; }
	div#menu ul li#inschrijving.active a { background: url("images/menu_2.2_1.png") no-repeat left top; }
	
	div#menu ul li#tbn a { background: url("images/menu_2.3_0.png") no-repeat left top; height:16px; }
	div#menu ul li#tbn a:hover { background: url("images/menu_2.3_1.png") no-repeat left top; }
	div#menu ul li#tbn.active a { background: url("images/menu_2.3_1.png") no-repeat left top; }
	
	div#menu ul li#lessen a { background: url("images/menu_2.4_0.png") no-repeat left top; height:16px; }
	div#menu ul li#lessen a:hover { background: url("images/menu_2.4_1.png") no-repeat left top; }
	div#menu ul li#lessen.active a { background: url("images/menu_2.4_1.png") no-repeat left top; }
	
	div#menu ul li#huisregels a { background: url("images/menu_2.5_0.png") no-repeat left top; height:16px; }
	div#menu ul li#huisregels a:hover { background: url("images/menu_2.5_1.png") no-repeat left top; }
	div#menu ul li#huisregels.active a { background: url("images/menu_2.5_1.png") no-repeat left top; }
	
	div#menu ul li#leden a { background: url("images/menu_2.6_0.png") no-repeat left top; height:16px; }
	div#menu ul li#leden a:hover { background: url("images/menu_2.6_1.png") no-repeat left top; }
	div#menu ul li#leden.active a { background: url("images/menu_2.6_1.png") no-repeat left top; }
	
div#menu ul li#contact a { background: url("images/menu_3_0.png") no-repeat left top; }
div#menu ul li#contact a:hover { background: url("images/menu_3_1.png") no-repeat left top; }
div#menu ul li#contact.active a { background: url("images/menu_3_1.png") no-repeat left top; }

div#menu ul li#blog a { background: url("images/menu_4_0.png") no-repeat left top; }
div#menu ul li#blog a:hover { background: url("images/menu_4_1.png") no-repeat left top; }
div#menu ul li#blog.active a { background: url("images/menu_4_1.png") no-repeat left top; }

div#menu ul li#foto a { background: url("images/menu_8_0.png") no-repeat left top; }
div#menu ul li#foto a:hover { background: url("images/menu_8_1.png") no-repeat left top; }
div#menu ul li#foto.active a { background: url("images/menu_8_1.png") no-repeat left top; }

div#menu ul li#filmpjes a { background: url("images/menu_6_0.png") no-repeat left top; }
div#menu ul li#filmpjes a:hover { background: url("images/menu_6_1.png") no-repeat left top; }
div#menu ul li#filmpjes.active a { background: url("images/menu_6_1.png") no-repeat left top; }

div#menu ul li#gastenboek a { background: url("images/menu_7_0.png") no-repeat left top; }
div#menu ul li#gastenboek a:hover { background: url("images/menu_7_1.png") no-repeat left top; }
div#menu ul li#gastenboek.active a { background: url("images/menu_7_1.png") no-repeat left top; }

div#menu ul li#agenda a { background: url("images/menu_9_0.png") no-repeat left top; }
div#menu ul li#agenda a:hover { background: url("images/menu_9_1.png") no-repeat left top; }
div#menu ul li#agenda.active a { background: url("images/menu_9_1.png") no-repeat left top; }

div#menu ul li#links a { background: url("images/menu_5_0.png") no-repeat left top; }
div#menu ul li#links a:hover { background: url("images/menu_5_1.png") no-repeat left top; }
div#menu ul li#links.active a { background: url("images/menu_5_1.png") no-repeat left top; }

/* tekst in midden */

div#txt {
	font-family:Arial;
	font-size:11px;
	color:#000000;
	letter-spacing:0px;
	line-height:13px;
	position:absolute;
	top:150px;
	right:5px;
	width:580px;
	height:370px;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-3d-light-color:#666666;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-dark-shadow-color:#0048B4;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#96B3E0;
	}

div#txt-bg {
	position:absolute;
	margin-left:226px;
	margin-top:120px;
	width:575px;
	height:431px;
	background-image:url(images/txt-bg.png);
	}

div#txt-kop {
	position:absolute;
	margin-left:207px;
	margin-top:120px;
	width:164px;
	height:22px;
	}

div#txt-kop img {
	width:164px;
	height:22px;
	}

div#txt p {
	width:520px;
	margin-left:40px;
	}

small { 			/* TITEL */
	line-height:21px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#CC0000;
	}

div#txt p a:link, div#txt p a:active, div#txt p a:visited, div#txt table a:link, div#txt table a:active, div#txt table a:visited {
	color:#0048B4;
	text-decoration:none;
	}

div#txt p a:hover, div#txt table a:hover {
	text-decoration:underline;
	}

a img {
	border:0px;
	}

div#txt ul {
	list-style-image:url(images/ul-img.png);
	}

div#txt ul li {
	margin-left:30px;
	}

b {
	color:#0048B4;
	font-weight:bold;
	}

b#u {
	font-weight:normal;
	text-decoration:underline;
	}

/* overig */

iframe {
	margin-left:20px;
	width:550px;
	height:83%;
	border:0px;
	}