/* Bujinkan Parkstad CSS Stylesheet */

html {
	margin: 0;
	padding: 0;
}
body  { 
	font-family: arial;
	font-size: 14;
	background: #000 url(images/background.gif) repeat-x;
	margin: 0;
	padding: 0;	
	text-align: center;
}

table, tr, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

p.activiteitenlijst {
	font: 8pt arial;
}
p.centered {
	text-align: center;
}
p.leftAligned {
	text-align: left;
}
p.rightAligned {
	text-align: right;
}
p.small {
	font-size: 8pt;
}
p.noSpacing {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

p.topBottomSpacing {
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
}
p.meer {
	position: absolute; 
	width:425px;
}

#motherdiv { 
	text-align: center;
}

table.main {
	width: 994px;
	height: 558px;
	margin: 0 auto 0 auto; 

}

td.title { 
	width: 994px; 
	height: 104px; 
	background: url(images/title.jpg);
}

td.left { 
	width: 115px; 
	height: 454px; 
	background: url(images/left.jpg);
}

td.menu { 
	width: 173px; 
	height: 454px; 
	background: url(images/menu.jpg);
	vertical-align: bottom;
}

td.contentAanbod { 
	width: 450px; 
	height: 454px; 
	background: url(images/aanbod/content.jpg);
}
td.placeholder { 
	width: 400px; 
	height: 150px; 
	background-color: #FCF3A8;
	border: 6px solid white;
	vertical-align: top;
}

td.martialartDetail { 
	width: 200px; 
	background-color: #FFFFFF;
	padding: 5px;
	border: 2px ridge #FFA000;
	vertical-align: top;
}

td.contentActiviteit { 
	width: 424px; 
	height: 454px; 
	vertical-align: top;
	margin-bottom: 10;
}
td.contentAlgemeen { 
	width: 623px; 
	height: 454px; 
	vertical-align: top;
	background: url(images/algemeen/content.jpg);
}

td.contentActiviteitenAlgemeen{ 
	width: 450px; 
	height: 454px; 
	vertical-align: top;	
}

td.activities2{ 
	width: 256px; 
	height: 454px; 	
	background: url(images/aanbod/activitiesdarker.jpg);
	vertical-align: bottom;	
}

td.fotolijst { 
	width: 282px; 
	height: 454px; 
	background: url(images/activiteit/fotos.jpg);
}

td.activities { 
	width: 256px; 
	height: 454px; 
	background: url(images/aanbod/activities.jpg);
	vertical-align: bottom;
}
td.activiteitenLijst { 
	width: 256px; 
	margin: 0 5px 0 5px;
	height: 454px;
	background: url(images/activiteitenalgemeen/activiteitenlijst.jpg);
	vertical-align: bottom;
}
td.rechtsAlgemeen { 
	width: 83px; 
	height: 454px; 
	background: url(images/algemeen/rechts.jpg);
}

table.activiteitenLijst {
	width: 165px;
	height: 355px;
	border: 0; 
	text-align: left;
	margin: 0 5px 0 5px;	
}
table.activiteitContent {
	width: 424px;
	height: 442px;
}
td.activiteitContent {
	width: 424px;
	height: 442px;
	vertical-align: top;	
	font-family: arial; 
	font-size: 14px;
}
table.algemeenContent {
	width: 623px;
	height: 442px;	
}
td.algemeenContent {
	width: 623px;
	height: 442px;
	vertical-align: top;		
	font-family: arial; 
	font-size: 14px;
}

table.instructeurContent {
	display:inline;
	width: 600px;
	height: 442px;
}
table.instructeurContent td {
	text-align: center;		
	vertical-align: top;	
	width: 150px;
	height: 235px;
	padding-left:5px;
}

table.trainingsRooster {
	width: 600px;
	height: 350px;
	font-family: arial;
	font-size: 14;
}
table.trainingsRooster td {
	text-align: center;	
	background-color: white;	
}

#ajaxContentContainer {
	padding-left:10px;
	margin-right: 10px;
}

#ajaxTrainingsRooster {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	margin-left:12px;
	margin-right:12px;
	margin-top:5px;
	margin-bottom:12px;
	background: white;
	width: 600px;
	height: 350px;
}

#fotosContentContainer {
	margin: 10px;
	margin-left:20px;
	//margin-right:19px;
	//padding: 10px;
	//padding-left:20px;
        border: 0;
       padding: 0px;
}

a {
	color: #AF4403;
	text-decoration: none;
}
a:hover {
	color: gray;	
}
a:focus,a:active {
        outline: 0;
}

a.meer {
	font-weight: bold;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}
a.meer:hover {
	color: gray;
}

a.loginbox {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}
a.loginbox:hover {
	color: white;
}


a.roadmap {	
	color: black;
	text-decoration: underline;
}
a.roadmap:hover {
	color: gray;
}

a.aanbodOutdoor {
    background: url("images/outdoorlink.png") top left no-repeat;
    width:150px;
    height: 125px;
    alt: outdoor;
    title: "outdoor";
    display:block;	
}

/* only IE sees this */ 
* html a.aanbodOutdoor  { background: url("images/outdoorlink8bit.png") top left no-repeat;    alt: outdoor;
	title: "outdoor";	 }
/* end only IE sees this */ 

a.aanbodOutdoor:hover {
	background-position: -150px 0;
	alt: outdoor;
	title: "outdoor";
}

a.aanbodNin {
	background: url("images/ninjutsulink.png") top left no-repeat;
	width:150px;
    height: 125px;
    display:block;
}

/* only IE sees this */ 
* html a.aanbodNin  { background: url("images/ninjutsulink8bit.png") top left no-repeat;	 }
/* end only IE sees this */ 

a.aanbodNin:hover {
	background-position: -150px 0;
}

a.aanbodJeugd {
	background: url("images/jeugdlink.png") top left no-repeat;	
	width:150px;
    height: 125px;
    display:block;
}

/* only IE sees this */ 
* html a.aanbodJeugd  { background: url("images/jeugdlink8bit.png") top left no-repeat;	 }
/* end only IE sees this */ 

a.aanbodJeugd:hover {
	background-position: -150px 0;
}

a.activiteiten {
	background: url("images/activiteitenlink.png") top left no-repeat;
	width:115px;
    height: 37px;
    display:block;
    margin-left: 5px;
	
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

/* only IE sees this */ 
* html a.activiteiten  { background: url("images/activiteitenlink8bit.png") top left no-repeat;	 }
/* end only IE sees this */ 

a.activiteiten:hover {
	background-position: -115px 0;
}


a.activiteitItemFuture {
	color: black;
	text-decoration: none;
}
a.activiteitItemFutureInvert{
	color: #EEE;
	text-decoration: none;
}
a.activiteitItemFuture:hover {
	text-decoration: underline;
}
a.activiteitItemFutureInvert:hover{
	text-decoration: underline;
}

a.activiteitItemPast {
	color: gray;
	text-decoration: nones;
}
a.activiteitItemPast:hover {
	text-decoration: underline;
}

a.instructeurLink {
	color: black;
	text-decoration: none;
}
a.instructeurLink:hover {
	color: gray;
}

img.borderless {
	border: 0;
}

img.border {
	border: 1px solid #888;
}

img.borderOver {
	border: 1px solid #FF6400;
}


#menu a {
   display:block;
   width:173px;
   height: 27px;
   text-decoration: none;   
}

#menu a.aanbod { background: url("images/menu/aanbod.jpg") top left no-repeat; text-indent: -999999px;}
#menu a.fotos { background: url("images/menu/fotos.jpg") top left no-repeat; text-indent: -999999px;}
#menu a.trainingsrooster { background: url("images/menu/trainingsrooster.jpg") top left no-repeat; text-indent: -999999px;}
#menu a.instructeurs { background: url("images/menu/instructeurs.jpg") top left no-repeat; text-indent: -999999px;}
#menu a.activiteitenmenu { background: url("images/menu/activiteiten.jpg") top left no-repeat; text-indent: -999999px;}
#menu a.contact { height: 42px; background: url("images/menu/contact.jpg") top left no-repeat; text-indent: -999999px;}

#menu a:hover {	
	background-position: -173px 0;
}
#menu a:active, #menu a:focus {
	background-position: -346px 0;
}



div.roadmap {
	height: 20px;
	margin: 6px 0 0 10px;	
}

p.roadmap {
	font: 8pt arial;
	color: gray;
}

p.activiteitItemFuture {
	font: 8pt arial;
	color: black;
	margin: 0 0 7px 0;
}
p.activiteitItemFutureInvert{
	font: 8pt arial;
	color: white;
	margin: 0 0 7px 0;
}

p.activiteitItemPast {
	font: 8pt arial;
	color: gray;
	margin: 0 0 7px 0;
}
p.content {
	margin: 0 10px 0 15px;	
	font: 11pt arial;
}
p.contentActiviteit {
	margin: 0 10px 5px 15px;	
}

div.fotos {
	width: 450px;
	height: 126px;
	color: black;
}

div.contentAanbod {
	width: 414px;
	height: 296px;
	margin: 6px 10px 0 15px;
}
div.contentAlgemeen {
	width: 598px;
	height: 400px;
	margin: 6px 10px 0 15px;
}

div.contentMartialArt {
	width: 598px;
	margin: 16px 10px 0 10px;
}

h2.content {
	margin: 6px 10px 0 15px;	
}
h3.content {
	margin: 6px 10px 0 15px;	
}
h3.contentLijst {
	margin: 0 5px 0 5px;	
}
h2.contentActiviteit {
	margin: 6px 10px 0 15px;	
}

div.activities {
	width: 163px; 
	height: 175px; 
	margin: 0 0 0 10px;
	zoom: 1;
	vertical-align: bottom;
	border: 0px solid #888; 
}


div.absoluteOutdoorLink {
	position:absolute;
	z-index:2;
	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	margin: 0 0 0 300;
	text-indent: -999999px;
}

div.absoluteNinLink {
	position:absolute; 
	z-index:2;
	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	margin: 0 0 0 150;
	text-indent: -999999px;
}

div.absoluteJeugdLink {
	position:absolute; 
	z-index:2;

	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	margin: 0 0 0 0;
	text-indent: -999999px;
}

div.absoluteActiviteitenAlgemeen {
	position:absolute; 
	width: 450px; 
	min-height: 454px;
	background: url(images/activiteitenalgemeen/fill.jpg) repeat-y;	
	border-bottom: 6px solid white;
}
div.absoluteActiviteitenAlgemeenHeader {
	width: 450px;
	height: 6px;
	background: url(images/activiteitenalgemeen/topbottom.jpg) no-repeat;
}
div.absoluteActiviteitenAlgemeenContent {
	width: 450px;
	min-height: 454px; 
	padding: 5px;
}
div.absoluteActiviteitenAlgemeenFooter {
	width: 450px;
	height: 6px;
	background: url(images/activiteitenalgemeen/topbottom.jpg) no-repeat;
}


div.absoluteActiviteit {
	position:absolute; 
	width: 424px; 
	min-height: 454px;
	background: url(images/activiteit/fill.jpg) repeat-y;	
	border-bottom: 6px solid white;
}

div.absoluteActiviteitHeader {
	width: 424px;
	height: 6px;
	background: url(images/activiteit/topbottom.jpg) no-repeat;
}
div.absoluteActiviteitContent {
	width: 424px;
	min-height: 442px; 
}
div.absoluteActiviteitFooter {
	width: 424px;
	height: 6px;
	background: url(images/activiteit/topbottom.jpg) no-repeat;
}

div.algemeenHeader {
	margin: 6px 10px 0 15px;	
}
div.absoluteAlgemeen {
	position:absolute; 
	width: 623px;	
	min-height: 454px;
	background: url(images/algemeen/fill.jpg) repeat-y;		
	border-bottom: 6px solid white;
//	font-family: arial;
//	font-size: 14;
}

/* only IE sees this */ 
* html div.absoluteAlgemeen  { height: 454px; }
/* end only IE sees this */ 

div.absoluteAlgemeenNoBG {
	position:absolute; 
	width: 623px;	
	min-height: 454px;	
}
div.absoluteAlgemeenHeader {
	width: 623px;
	height: 6px;
	background: url(images/algemeen/topbottom.jpg) no-repeat;
}
div.absoluteAlgemeenFooter {
	width: 623px;
	height: 6px;
	background: url(images/algemeen/topbottom.jpg) no-repeat;
}
div.locatieMap {
	margin: 0;
	margin-left: 5;
	padding: 0;
	//border: 2px ridge #FF8000;
	border: 2px ridge black;
	width: 580px;
}
div.contactInfo {
	margin: 0;
	padding: 0;
	border: 2px ridge #FFA000;
	width: 300px;
	height: 150px;
	valign: center;
	background-color: #FFFFFF;
}

div.aanbodGallery {
	margin: 0;
	padding: 0;
	border: 2px ridge #FF8000;
	width: 200px;
	height: 133px;
}
div.aanbodGallery:hover {
	border: 2px ridge #888888;
}

div.activiteitenAlgemeen {
	margin: 0;
	padding: 0;
	border: 2px ridge #FF8000;
	width: 300px;
	height: 200px;
}
div.activiteitenAlgemeen:hover {
	border: 2px ridge #888888;
}

div.meer {
	position: absolute; 
	bottom: 1px; 
	right: 10px;
}

div.aanbodArrows {
	position: relative; 
	bottom: 20px; 
	left: 148px;
	z-index: 5;
}
table.algemeenContent p {
	margin: 0 10px 0 15px;
}
table.algemeenContent h2 {
	margin: 6px 10px 0 15px;
}

div.loginbox {
	width: 994px;
	margin: 0 auto 0 auto; 
	font-size: 8pt;
	color: gray;
	text-align: left;
	display: block;
	z-index: 90;
}

div.filepost {
	width: 994;
	margin: 0 auto 0 auto; 
	font-size: 8pt;
	color: gray;
	display: block;
}

div.loginerror {
	width: 994px;
	margin: 0 auto 0 auto; 
	font-size: 8pt;
	font-weight: bold;
	color: #FFAA00;
	text-align: left;
	display: block;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	z-index: 99;
}
div.actueel {
	background: url("/images/actueel.png") top left no-repeat;width:115px;
	height: 37px;
	display:block;
	margin-left: 10;
	
	filter:alpha(opacity=70);
	opacity:.70;
}

/* only IE sees this */
* html div.actueel {
	background: url("/images/actueel8bit.png") top left no-repeat;
}
/* end only IE sees this */

#OutdoorFadeshowDiv, #OutdoorFadeshowDiv:visited, #NinjutsuFadeshowDiv, #NinjutsuFadeshowDiv:visited , #JeugdFadeshowDiv, #JeugdFadeshowDiv:visited {
	position: absolute;
	z-index: 1; 
}

p.loginbox {
	margin: 0 0 0 120px;
	width: 170px;
}

p.loginerror {
        margin: 0 0 0 120px;
        width: 150px;
}

td.login {
	padding: 2;
}

.logintitel {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.logintekst {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.loginlink {
	FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica, sans-serif; 
}


/***********************/
/* Sectie activiteiten */
/***********************/

div.activiteitFutureBlock {
	border: 1px solid #CCC; 
	display: block;
        opacity: 1.0; 
	filter:alpha(opacity=100);
	background: black; 
	padding: 5; 
	height: 130px; 
	margin: 5; 
	margin-top: 10px; 
	position: relative;
}

div.activiteitPastBLock {
	border: 1px solid #CCC; 
	display: block;
	opacity: 0.80;
	filter:alpha(opacity=80);
	background: black; 
	padding: 5; 
	height: 130px; 
	margin: 5; 
	margin-top: 10px; 
	position: relative;
}

a:hover div.activiteitFutureBlock, a:hover div.activiteitPastBlock {
	background: #666666;
	opacity: 1.00;
	filter:alpha(opacity=100);
}

div.activiteitBlockImage {
  overflow: hidden; 
  position: absolute; 
  right: 10px; 
  border: 1px solid #666; 
# Width by image automatically
#  width: 175px; 
#  height:131px;
}

a:hover div.activiteitBlockImage {
  border: 1px solid #CCC;
}

/***********************/
/* Sectie CMS plugin   */
/***********************/

a.cms {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}
a.cms:hover {
	color: white;
}

p.cms {
	padding: 3px;
	margin: 0 0 0 5px;
	width: 150px;
}

p.cmstitel {
	padding: 5px;
	margin: 0 0 0 20;
	width: 120;
	color: #BBB;
	font-weight: bold;
	font-size: 12;
	//font-family: garamond;
}

div.cms {
	margin: 15 0 0 120;
	width: 160px;
	border: 1px solid #BBB;
}

div.cmsoutline {
	width: 994px;
	margin: 0 auto 10 auto; 
	font-size: 8pt;
	color: gray;
	text-align: left;
	display: block;
	z-index: 90;
}

td.cmsplugin {
	padding: 2;
}


p.cmserror {
        margin: 5px;
        width: 150px;
	//font-size: 12;
	font-weight: bold;
	color: #FFAA00;
}


a.cms {
	color: gray;
	text-decoration: none;
}