﻿/* mac hide\*/
html, body {margin:0; padding:0; height:100%}
/* end hide */
/*__global__*/
body {font: 12px Verdana, Arial, sans-serif;color:#333;background-image:url(/Images/back.gif);background-repeat:repeat;}
body#body{}

/* -------- */
/* TEMPLATE */
/* -------- */
form.wrap{ margin: 0 auto;padding:0;width:100%;min-width:860px;height:100%;}
* html form.wrap {width: expression(document.body.clientWidth < 862? "862px"  : "auto"); }

#wrapper{margin:30px auto 0 auto; width:860px;background-color:#fff}
* html #wrapper{margin:0 auto; }

#header * { margin:0;padding:0;list-style:none;list-style-position:outside;outline:0;vertical-align:baseline; }
#header{ position:relative; height:205px; width:860px;border:solid 0px red;/*background-image:url(/Images/header.jpg);*/background-repeat:no-repeat;background-position:3px 3px;cursor:hand;}
.header_pic  {position:absolute;left:3px;top:3px;}

.logo{position:absolute;right:10px;bottom:10px;}

.footer {color:#fff;text-align:center;margin-top:5px;}

#contentwrap{}

#content{ }
#content #data{padding:0 0 10px 0;width:862px;}

* html #data {width: expression(document.body.clientWidth < 712? "710px"  : "auto"); }

#col{width:860px;float:left;}

.cleardiv {height:1px;overflow:hidden;clear:both;margin-top:-1px;}

#footer{position:relative; height:25px; width:854px;background-color:#344861;margin-left:3px;margin-bottom:3px;margin-top:5px;border-top:solid 3px #FFE200;}

/* ------------- */
/* CONTENT PANES */
/* ------------- */
.main {margin-top:15px;margin-bottom:15px;min-height:400px;}
.left {float:left;width:527px;border-right:dotted 1px #344861;text-align:left;min-height:400px;}
.right {float:right;width:330px;text-align:left;}

/* ------------------------------- */
/* GLOBAAL : h1, h2, h3, p, hr,... */
/* ------------------------------- */
h3 {color:#344861;margin-left:20px;font-size:16px;margin-top:10px;}
h4 {font-size:12px;margin-left:20px;margin-right:20px;margin-top:0;line-height:15px;font-weight:normal;}

/* --------------- */
/* MODULE : HEADER */
/* --------------- */
.yourpicture a {color:#fff;font-size:10px;position:absolute;right:9px;bottom:7px;text-decoration:none;}
.yourpicture a:hover {text-decoration:underline;}

/* ------------- */
/* MODULE : MENU */
/* ------------- */
.tabs {height:25px;width:854px;background-color:#344861;margin-left:3px;border-bottom:solid 3px #FFE200;}
.tab {position:relative;float:left;padding-left:10px;padding-right:10px;padding-top:5px;border:solid 0px red;height:21px;cursor:hand;border-right:dotted 1px #fff;}
.tab .slide {position:absolute;left:0px;top:0px;width:250px;display:none;cursor:hand;z-index:900;}
.tab .slide.hover {display:block;background-image:url(/Images/dummy.gif);}
.tab.hover {background-color:#FFE200;}
.tab.hover .slide {display:block;}
.tab a {color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;}
.tab.hover a {color:#344861;}
.tab .slide .subtabs {background-color:#FFE200;margin-top:28px;padding:2px 10px 5px 10px}
.subtab {border-top:solid 1px #FFE200;border-bottom:solid 1px #FFE200;display:block;width:100%;height:16px;padding-top:2px;}
.subtab.active {border-top:dotted 1px #344861;border-bottom:dotted 1px #344861;display:block;width:100%;}
.subtab a {font-weight:normal;}

/* ------------------------ */
/* MODULE : LEDEN PER GRAAD */
/* ------------------------ */
.members_level {margin-left:20px;}
.members_level .levels {width:40px;float:left;font-size:10px;}
.members_level .levels .level6kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#FFF;padding-left:3px;padding-top:3px;}
.members_level .levels .level5kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Yellow;padding-left:3px;padding-top:3px;}
.members_level .levels .level4kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Orange;padding-left:3px;padding-top:3px;}
.members_level .levels .level3kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Green;padding-left:3px;padding-top:3px;color:#eeeeee;}
.members_level .levels .level2kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Blue;padding-left:3px;padding-top:3px;color:#eeeeee;}
.members_level .levels .level1kyu {height:17px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#993333;padding-left:3px;padding-top:3px;color:#eeeeee;}
.members_level .levels .level1dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;padding-left:3px;padding-top:4px;color:#eeeeee;}
.members_level .levels .level2dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;padding-left:3px;padding-top:4px;color:#eeeeee;}
.members_level .levels .level3dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;padding-left:3px;padding-top:4px;color:#eeeeee;}
.members_level .levels .level4dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;padding-left:3px;padding-top:4px;color:#eeeeee;}
.members_level .levels .level5dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;padding-left:3px;padding-top:4px;color:#eeeeee;}
.members_level .levels .level6dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;background-image:url(/Images/6dan.gif);padding-left:3px;padding-top:4px;}
.members_level .levels .level7dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;background-image:url(/Images/6dan.gif);padding-left:3px;padding-top:4px;}
.members_level .levels .level8dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:#000;background-image:url(/Images/6dan.gif);padding-left:3px;padding-top:4px;}
.members_level .levels .level9dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Red;padding-left:3px;padding-top:4px;}
.members_level .levels .level10dan {height:16px;border: solid 1px #344861;margin-bottom:2px;cursor:hand;background-color:Red;padding-left:3px;padding-top:4px;}

.members_level .members {width:740px;float:left;margin-left:20px;}
.members_level .members .picture {text-align:center;height:100px;background-image:url(/Images/pasfoto.jpg);background-repeat:no-repeat;background-position:center center;}
.members_level .members .picture img {padding-top:5px}

.members_level .members .member {width:110px;height:120px;border:solid 1px #344861;float:left;margin-right:10px;margin-bottom:10px;cursor:hand;}
.members_level .members .member .level6kyu {background-color:White;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;}
.members_level .members .member .level5kyu {background-color:Yellow;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;}
.members_level .members .member .level4kyu {background-color:Orange;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;}
.members_level .members .member .level3kyu {background-color:Green;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level2kyu {background-color:Blue;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level1kyu {background-color:#993333;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level1DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level2DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level3DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level4DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level5DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level6DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#000;background-image:url(/Images/6dan.gif);font-weight:bold;}
.members_level .members .member .level7DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#000;background-image:url(/Images/6dan.gif);font-weight:bold;}
.members_level .members .member .level8DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#000;background-image:url(/Images/6dan.gif);font-weight:bold;}
.members_level .members .member .level9DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}
.members_level .members .member .level10DAN {background-color:#000;height:17px;border-top:solid 1px #344861;padding-top:2px;text-align:center;color:#fff;}

/* ------------------------ */
/* MODULE : LEDEN PER GROEP */
/* ------------------------ */
.members_group {margin-left:20px;margin-right:20px;}
.members_group .member {display:block;height:91px;float:left;width:390px;margin-right:20px;margin-bottom:40px;}
.members_group .member img {float:left;border:solid 1px #344861;padding:5px 5px 5px 5px;}
.members_group .member .title {color:#344861;font-weight:bold;margin-left:120px;}
.members_group .member .function {margin-top:1px;margin-left:120px;}
.members_group .member .text {margin-top:5px;margin-left:120px;font-size:11px;}

/* ------------------------------------- */
/* MODULE: FOTOALBUM CATEGORIE OVERZICHT */ 
/* ------------------------------------- */
.album_categories .category {width:397px;height:110px;border:solid 1px #344861;float:left;margin-left:20px;margin-bottom:15px;cursor:hand;}
.album_categories .category.hover {background-color:#FFE200;}
.album_categories .category img {float:left;margin-left:5px;margin-top:5px;}
.album_categories .category h1 {font-size:12px;color:#344861;margin-left:115px;margin-top:6px;margin-bottom:3px;}
.album_categories .category span.text{display:block;height:54px;font-size:11px;margin-left:115px;margin-right:10px;overflow:hidden;}
.album_categories .category span.counter{float:right;margin-top:14px;margin-right:10px;font-size:11px;}

.album_categories .subcategory {width:397px;height:110px;border:solid 1px #344861;float:left;margin-left:20px;margin-bottom:15px;cursor:hand;}
.album_categories .subcategory.hover {background-color:#FFE200;}
.album_categories .subcategory img {float:left;margin-left:5px;margin-top:5px;}
.album_categories .subcategory h1 {font-size:12px;color:#344861;margin-left:115px;margin-top:6px;margin-bottom:3px;height:80px;margin-right:10px;}
.album_categories .subcategory span.counter{float:right;margin-top:2px;margin-right:10px;font-size:11px;}

/* -------------------------------- */
/* MODULE: FOTOALBUM FOTO OVERZICHT */ 
/* -------------------------------- */
.album_pictures .picture {width:110px;height:110px;border:solid 1px #344861;float:left;margin-left:20px;margin-bottom:15px;cursor:hand;}
.album_pictures img {margin-left:5px;margin-top:5px;}

/* ------------------------------ */
/* MODULE: ACTIVITEITEN OVERZICHT */ 
/* ------------------------------ */
.events {margin-top:5px;margin-left:20px;margin-right:20px;}
.events h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:0px;}
.events .event {border-bottom:dotted 1px #344861;display:block;padding-top:10px;padding-bottom:10px;}
.events .event .details {}
.events .event .details .date {font-size:14px;font-weight:bold;color:#FC0008;display:inline-block;width:58px;}
.events .event .details .title a {font-size:14px;font-weight:bold;color:#344861;text-decoration:none;}
.events .event .details .description {line-height:16px;margin-top:3px;margin-bottom:5px;}
.events .event .details .actions {text-align:right;display:block;margin-top:5px;}
.events .event .details .actions .more a{display:inline;font-size:11px;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:0px 5px 0 0px;}
.events .event .details .actions .reactions a{display:inline;font-size:11px;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:0px 0px 0 0px;}

.jarigen {margin-top:5px;margin-left:20px;margin-right:20px;}
.jarigen h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:0px;}
.jarigen .items {border:solid 0px red;margin-bottom:5px;}
.jarigen .jarige {font-size:11px;padding:5px 5px 0px 5px}
.jarigen .jarige a {color:#333;}
.jarigen .jarige .datum {color:#FC0008;display:inline-block;width:40px;}
.jarigen .more a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:5px 5px 0 10px;}

/* ------------------------- */
/* MODULE: ACTIVITEIT DETAIL */ 
/* ------------------------- */
.eventdetail {margin-top:5px;margin-left:15px;margin-right:15px;}
.eventdetail h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:0px;}
.eventdetail h2 {color:#000;font-size:13px;margin-top:10px;margin-bottom:5px;font-weight:bold;border-bottom:dotted 1px #344861;padding-bottom:4px;}
.eventdetail .description {line-height:16px;margin-top:6px;margin-bottom:6px;padding:5px 5px 5px 0;text-align:justify;}
.eventdetail .description .foto {float:left;margin:0 8px 5px 0;border:solid 1px #344861;padding:2px 2px 2px 2px;}
.eventdetail .praktisch .item {margin-bottom:6px;}
.eventdetail .praktisch .label {display:inline-block;width:100px;font-weight:bold;vertical-align:top;}
.eventdetail .praktisch .text {display:inline-block;width:350px;}
.eventdetail .praktisch .text a{color:#344861;}
.eventdetail .praktisch .text a:hover{text-decoration:none;}
.eventdetail .praktisch .spacer {display:inline-block;width:100px;font-weight:bold;}

/* ------------------------ */
/* MODULE: NIEUWS OVERZICHT */ 
/* ------------------------ */
.news_overview {margin-top:5px;margin-left:20px;margin-right:20px;}
.news_overview h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:11px;}
.news_overview .news_detail {border-bottom:dotted 1px #344861;display:block;padding-top:1px;padding-bottom:15px;}
.news_overview .news_detail .foto {float:left;margin:0 8px 15px 0;border:solid 1px #344861;padding:2px 2px 2px 2px;}
.news_overview .news_detail .details {border:solid 0px red;margin-bottom:10px;height:110px;}
.news_overview .news_detail .details .date {font-size:14px;font-weight:bold;color:#FC0008;display:inline-block;width:58px;}
.news_overview .news_detail .details .title a {font-size:14px;font-weight:bold;color:#344861;text-decoration:none;}
.news_overview .news_detail .details .description {line-height:16px;margin-top:3px;margin-bottom:5px;}
.news_overview .news_detail .details .actions {text-align:right;display:block;margin-top:5px;}
.news_overview .news_detail .details .actions .more a{display:inline;float:right;font-size:11px;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:0px 5px 0 10px;}
.news_overview .news_detail .details .actions .reactions a{display:inline;float:right;font-size:11px;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:0px 5px 0 10px;}

/* --------------------- */
/* MODULE: NIEUWS DETAIL */ 
/* ----- --------------- */
.newsdetail {margin-top:5px;margin-left:15px;margin-right:15px;}
.newsdetail h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:0px;margin-top:0px;}
.newsdetail h2 {color:#000;font-size:13px;margin-top:10px;margin-bottom:5px;font-weight:bold;border-bottom:dotted 1px #344861;padding-bottom:4px;}
.newsdetail .description {line-height:16px;margin-top:6px;margin-bottom:6px;padding:5px 5px 5px 0;text-align:justify;}
.newsdetail .description .foto {float:left;margin:0 8px 5px 0;border:solid 1px #344861;padding:2px 2px 2px 2px;}

/*--------------- */
/* FOTO'S - RIGHT */
/*--------------- */
.pictures {margin-top:5px;margin-left:15px;margin-right:15px;}
.pictures .items h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:5px;margin-top:0px;}
.pictures .items {margin-bottom:5px;margin-top:3px;margin-left:0px;}
.pictures .items .item {margin-top:2px;margin-right:2px;display:inline-block;width:70px;height:70px;}
.pictures .more a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:15px 5px 0 10px;}

/* ----------------- */
/* MODULE: REACTIONS */ 
/* ----------------- */
.reactions {margin-left:15px;margin-right:15px;margin-bottom:15px;}
.reactions h1 {color:#000;font-size:14px;margin:30px 0 5px 0;border-bottom:solid 2px #FFE200;}
.reactions .reaction {border-bottom:dotted 1px #344861;padding-bottom:8px;padding-top:8px;}
.reactions .reactionlink a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:5px 5px 0 10px;}
.reactions .reactionform {clear:left;margin-top:55px;border:solid 0px red;}
.reactions .reactionform .item {margin-bottom:1px;}
.reactions .reactionform .label {vertical-align:top;padding-top:3px;font-weight:bold;font-size:11px;display:inline-block;width:110px;}
.reactions .reactionform input {width:250px;font-size:11px;color:#344861;border:solid 1px #344861;}
.reactions .reactionform textarea {width:250px;height:150px;color:#344861;border:solid 1px #344861;}
.reactions .reactionform input.button {width:80px;text-align:center;border:solid 1px #344861;background-color:#FFF;color:#344861;padding:0 0 0 0;margin:8px 0 0 110px;}
.reactions .reaction .title {font-weight:bold;}
.reactions .reaction .message {margin-bottom:6px;}
.reactions .reaction .info {text-align:right;font-size:10px;}

/* -------------------------------- */
/* MODULE : TOP NIEUWS (HOMEPAGINA) */
/* -------------------------------- */
.hotnews {margin-left:15px;margin-right:15px;border:solid 0px red;}
.hotnews h1 {text-align:left;font-size:16px;margin:0 0 0 0;color:#344861;height:40px;letter-spacing:1px;margin-top:6px;}
.hotnews a {text-decoration:none;text-align:justify;font-size:16px;color:#344861;}
.hotnews .text p {margin:0 0 15px 0;}
.hotnews .more a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;}
.hotnews .reactions a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;padding-right:10px;text-decoration:underline;}

/* --------------------------------- */
/* MODULE : MEER NIEUWS (HOMEPAGINA) */
/* --------------------------------- */
.morenews {margin-left:15px;margin-right:15px;border-top:dotted 1px #344861;border-bottom:dotted 1px #344861;margin-top:38px;padding:6px 0 8px 1px;}
.morenews h1 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;color:#344861;margin-top:4px;margin-bottom:6px;}
.morenews .item {background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:1px 3px;padding-left:15px;margin-top:3px;margin-bottom:3px;}
.morenews a {color:#333;text-decoration:underline;margin-left:4px;}
.morenews .more {font-size:11px;margin-top:10px;}

/* --------------------------- */
/* MODULE: KALENDER (HOMEPAGE) */
/* --------------------------- */
.dummy {}
.kalender {margin-left:15px;margin-right:15px;margin-bottom:20px;}
.kalender h1 {color:#FFE200;font-size:14px;font-weight:bold;background-color:#344861;border-bottom:solid 1px #344861;padding-left:5px;height:20px;padding-top:2px;margin-bottom:0px;margin-top:0px;}
.kalender .items {margin-bottom:5px;}
.kalender .activiteit {font-size:11px;padding:5px 5px 0px 5px}
.kalender .activiteit a {color:#333;}
.kalender .activiteit .datum {color:#FC0008;display:inline-block;width:40px;}
.kalender .more a{font-size:11px;float:right;color:#333;background-image:url(/Images/link.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;text-decoration:underline;margin:15px 5px 0 10px;}


.fcz p {border:solid 0px red;margin-left:20px;margin-right:20px;}