html, body {
 height:100%;
 margin:0;
 padding:0;
 width:100%;
 color: #2B69BE;
 font-family: tahoma;
 font-size: 12px;
 background: #b0cede;
 }
div, img, h1, h2, h3, h4, h5, h6, h7 {
 float: left;
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
 width:100%;
 clear:both;
}
div#total {
 width: 1024px;
 float:none;
 margin: auto;
}
div#header {
 background:transparent url(images/header_bg.jpg) repeat-x;
 height: 145px;
 width: 100%;
}
div#header h1 {
 background: transparent url(images/naam.jpg) no-repeat center;
 height: 114px;
}
h2 {
 float:left;
 width:100%;
 font-family: tahoma;
 font-size: 36px;
 border-bottom: 2px solid #A2BBE3;
 color: #2B69BE;
}
h3 {
 color:#2B69BE;
 font-family:tahoma;
 font-size:14px;
 font-weight:bold;
 text-decoration:underline;
 padding: 10px 0px 0px 20px;
}
h4 {
 width: 495px;
 height: 18px;
 border: 1px solid #A2BBE3;
 background: #E6EFF8;
 margin: 20px 0px 5px 20px;
 font-size: 12px;
 padding: 2px 0px 0px 5px
}
span.styleFloatRight {
 font-weight: normal;
 padding-right: 5px;
}
span.LeftNormal {
 float: left;
 font-weight: normal;
}
div#inter img {
 float: left;
 border: 1px solid #a2bbe3;
 margin:0px 10px 10px 0px;
}
div#header_bot {
 background: #e7efff;
 width: 100%;
 height: 30px;
 border-top: 1px solid #a5bae7;
 border-bottom: 1px solid #a5bae7;
}
p {
 font-size: 11px;
}
div#inter p {
 padding: 10px 0px 0px 45px;
 font-size: 12px;
 font-weight: normal;
 clear: left;
 margin-top: 0;
 margin-bottom: 0;
}
/*gallery*/
div#inter p.terug a {
 text-decoration: none;
 margin: 0px 0px 0px -25px;
 padding-top: 15px;
 float: left;
 font-size: 11px;
}
/*gallery*/
div#inter p.nextgallery a {
 text-decoration: none;
 float: right;
 margin: -12px 0px 0px 0px;
 padding-right: 30px;
 font-size: 11px;
 text-align: center;
}
/*gallery*/
div#inter p.prevgallery a {
 text-decoration: none;
 float: left;
 margin: 0px;
 padding: 0;
 font-size: 11px;
}
div#inter p.terugblue {
 width: 490px;
 height: 18px;
 padding: 0px 5px 0px 5px;
 background: #E6EFF8;
 border: 1px solid #A2BBE3;
 margin: 20px 0 5px 20px;
}
div#inter p.terugblue a {
 text-decoration: none;
 font-size: 11px;
}
div#inter a {
 color:#2B69BE;
 font-weight:bold;
 text-decoration:none;
 clear: both;
}
a.zieook {
 padding-left: 45px;
}
div#inter a.nostreep {
 text-decoration: none;
}
div#inter a.pdf {
text-decoration: none;
padding: 0;
margin: 0;
clear: none;
}
div#inter a:hover {
 color: #DFC0C8;
}
p.actueel {
 padding-left: 45px;
 font-size: 11px;
 width: 460px;
}
div#inter ul{
 clear: both;
 margin: 0;
 padding: 10px 0px 0px 85px;
}
div#inter ul li {
 clear: both;
 padding: 0;
 list-style-type: square;
}
div#inter ul li ul {
 padding: 0px 0px 10px 40px;
}
div#inter ul li ul li {
 padding: 0;
 list-style-type: circle;
}
div#header_bot p {
 font-weight: bold;
 padding: 10px 0px 0px 10px;
 margin: 0;
}
div#header_bot a {
 float: right;
 font-weight: bold;
 text-decoration: underline;
 padding: 0px 10px 0px 0px;
 margin-top: -15px;
 color: #2B69BE;
}
div#container {
 background: #fff3f7;
 width: 100%;
 border-left: 1px solid #A2BBE3;
 border-right: 1px solid #A2BBE3;

}
div#menu {
 float: left;
 margin-top: 2px;
 width: 175px;
}
div#menu_top {
 background: url(images/menu_top.jpg) no-repeat;
 width: 175px;
 height: 30px;
}
div#menu_bottom {
 background: url(images/menu_bottom.jpg) no-repeat;
 width: 175px;
 height:72px;
}
div#menu_mid {
 background: url(images/menu_bg.jpg) repeat-y;
 min-height: 320px;
 width: 175px;
}
div#menu ul {
 background: url(images/menu_bg.jpg) repeat-y;
 width: 175px;
 margin: 0;
 padding-left: 30px;
 float: left;
}
div#menu ul li {
 font-size: 12px;
 float: left;
 text-align: left;
 clear: both;
 width: 100%;
 list-style: none;
}
div#menu ul li a {
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}
div#menu ul li a:hover,
div#menu ul li.on a {
  color: #0042A0;
}
div#menu ul li ul {
 display: none;
 background: none;
 padding-left: 0px;
}
div#menu ul li ul li {
 background: url(images/punt_1.gif) no-repeat 0px 12px;
 padding-left: 10px;
 padding-top: 5px;
}
div#menu ul li ul li.on {
 background: url(images/actief.gif) no-repeat 0px 6px;
}
div#menu ul li ul li a{
  color: #0042A0;
  font-size: 11px;
}
div#menu ul li ul li a:hover {
 text-decoration: underline;
}
div#menu ul li a.on {
text-decoration:none;
font-weight: bold;
}
div#menu ul li.on ul {
 display: block;
 background: none;
}
div#menu ul li ul li.on a {
 display: block;
 padding-left: 5px;
}
div#menu ul li ul li a.on {
 display: block;
}
body.home div#menu ul li.linkhome ul {
 display: block;
}
body.jeugdkarate div#menu ul li.linkjeugdkarate ul {
 display: block;
}
body.karate div#menu ul li.linkkarate ul {
 display: block;
}
body.kendo div#menu ul li.linkkendo ul {
 display: block;
}
body.aikido div#menu ul li.linkaikido ul{
 display: block;
}
body.taichi div#menu ul li.linktaichi ul {
 display: block;
}
body.fitness div#menu ul li.linkfitness ul {
 display: block;
}
body.extra div#menu ul li.linkextra ul {
 display: block;
}

div#center {
 background: #fff; 
 float:left;
 width:690px;
 margin-top:2px;
 border-left: 1px solid #A2BBE3;
 border-right: 1px solid #A2BBE3;
 min-height: 700px;
}
div#inter {
 float:left;
/*background: url(images/waterm_bodybg.jpg) no-repeat;*/
 background-position: center center;
 padding: 0px 0px 0px 45px;
 min-height: 750px;
 width:510px;
 margin-bottom: 50px;
}
body.agenda #inter {
 width: 540px;
}
div#right {
 height: 651px;
 width: 130px;
 margin: 20px 10px 0px 0px;
 float:right;
 padding: 0;
}
#right ul {
 width: 130px;
 height: 100%;
 list-style: none;
 padding: 0;
 margin: 0;
}
#right ul li img {
 border-top: 1px solid #aec1e2;
 border-bottom: 1px solid #aec1e2;
 border-right: 2px solid #aec1e2;
 border-left: 2px solid #aec1e2;
 width: 126px;
}
div#footer {
 margin-top: 0px;
 width:100%;
 padding-top: 0;
}
div#footer p {
 background-color: #E6EFF8;
 border-top: 1px solid #A2BBE3;
 border-bottom: 1px solid #A2BBE3;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 padding:0px;
 margin:0px;
}
/* TABEL */
table {
 width: 500px;
 height: 100%;
 margin: 20px 0px 0px 20px;
 font-size: 11px;
 float: left;
}
th {
 background: #e6eff8;
 height: 20px;
 padding-left: 10px;
 border-top: 1px solid #a2bbe3;
 border-bottom: 1px solid #a2bbe3;
}
th.alignLeft {
 border: 1px solid #a2bbe3;
}
th.alignRight {
 border: 1px solid #a2bbe3;
 border-left: none;
 font-weight: normal;
}
/*tabel ok*/
td {
 padding-left: 30px;
 font-weight: bold;
 height: 20px;
 font-size: 12px;
 padding-top: 5px;
}
td.alignRight {
  font-weight: normal;
}
p.streep {
 border-top: 2px solid #5687ca;
 width: 455px;
 margin-left: 21px;
 float: left;
 margin-top: 2px;
}
div#inter img.pdf {
 border: none;
 margin: 0px;
 padding: 0px 10px 0px 0px;
 clear: none;
}
img.foto {
 margin: 0;
 padding: 0;
}
body.extra ol {
 margin-top: 35px;
}
body.extra ol li {
 padding-bottom: 20px;
}
span.comments {
 padding-left: 10px;
}
span.datum {
 font-weight: normal; 
 float: right;
 margin-top: -13px;
 padding-right: 5px;
}
div#inter p.verder {
 text-align: right;
 margin-right: -20px;
}
div#inter ul.lijst {
 padding-left: 0;
}
div#inter li.lijst {
 list-style: none;
}
/*-- AGENDA --*/
#oCalendar {
float: right;
margin-bottom: 50px;
width:150px;
}
#oCalendar td {
 padding-left:5px;
 font-size: 11px;
}
#oCalendar table td.empty,
#oCalendar table td.week {
color: #990000;
font-style: italic;
}
#oCalendar table td.days,
#oCalendar table td.week {
font-weight: normal;
}
#oCalendar table td.monthOff {
color: #fff;
}
#calendar th {
text-align: left;
}
#calendar td.month {
font-weight: bold;
font-style: italic;
background-color: #FFFFFF;
color: #990000;
}
#calendar td.time,
#calendar td.location {
font-size: x-small;
padding-top: 6px;
}
div#oCalendar a.next {
 float: right;
margin-top:-13px;
}
div#oCalendar a.prev {
 float: left;
}
div#oCalendar table {
 border: 1px solid #A2BBE3;
 width: 180px;
}
div#inter div#oCalendar table img {
 margin: 0 10px 0px 0px;
 padding: 0;
}
table#calendar {
  border: 1px solid #A2BBE3;
 margin-bottom: 50px;
 float: left;
 margin-left: 0;
 width: 350px;
}
table#calendar td {
 padding-left: 15px;
 font-size: 11px;
}
table#calendar td.event {
font-weight: normal;
}
table#calendar td.event span.title {
 font-weight: bold;
 display: block;
 width: 100%;
}
div#oCalendar span {
 margin-left: -45px;
}
table#calendar caption {
 display: none;
}
div#oCalendar caption {
 display: none;
}