@charset "UTF-8";

html, body{
height: 100%;
}

body {
	margin:10px 10px 0px 10px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
}
#banner {
		background:#0045CC;
		border-top:1px solid #0045CC;
		border-right:1px solid #0045CC;
		border-left:1px solid #0045CC;
		height:67px;
		}
#content{
	border: 1px solid blue;
	margin: 2px;
	float:left;
	width:78%;
}
#content2{
	margin: 2px;
	float:right;
	width:78%;
}
#content3{
	margin: 2px;
	float:right;
	width:78%;
	background-image:url(bg_content.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#centercontent {
		background:#FFFFCC;
   		margin-left: 200px;
   		margin-right:199px;
		}
#leftcontent {
		position:absolute;
		left:10px;
		top:76px;
 		width:185px; 
 		background:#0045CC; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		z-index:1;
		}

.roundbox_bottom{
	position:absolute;
	background-image:url(images/roundbox_bottom.gif);
	z-index:3;
	background-repeat:no-repeat;
 	padding:0px 185px 27px 10px; 
		}
		
#rightcontent {
	position: absolute;
	right:10px;
	top:76px;
	width:200px;
	background:#FFFFCC;
		}
	
		
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

#mastheader{
padding:10px;
height:46px;
background:#0045cc;
}

#header1{
	margin:100px;
	height:80px;
}
#header2{
	margin: 2px;
	height:40px;
	font-size: 15px;
	color: #0000FF; 
	font-weight: bold;
    padding-left: 30px;  
}
#header3{
	margin: 2px;
	height:40px;
	font-size: 15px;
	color: #0000FF; 
	font-weight: bold;
}


#menu ul{
	margin: 2px;
	float:left;
	width:20%;
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(images/next.gif);
}
#menu ul li{
	margin-top:0.5em;
}
#menu a{
	text-decoration: none;
	width: 6em;
}
#menu a:hover{
	text-decoration:underline;
	color:red;
}
.link a{
	text-decoration: none;
}
.link a:hover{
	text-decoration:underline;
	color:blue;
}


.clear {
	margin: 0;
    padding: 0;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}


#lidgeld{
	margin: 2px;
	clear:both;
	font-size: 10px;
	border-top: 1px solid #999999;
	padding-top:10px;
	text-align:center;
}
#info{
	margin: 2px;
	clear:both;
	font-size: 15px;
	border-top: 1px solid #999999;
	padding-top:10px;
	text-align:center;
}
#header, #menu, #content, #disclaimer {
	background: #FFFFCC;
	}
	
.duzl{
	margin: 2px;
	float:right;
	width:80%;
}
.duzll{
	margin: 2px;
	float:left;
	font-size: 12px;
	width:80%;
}
.imgLinks{
	float: left;
    padding-top: 5px;  
    padding-bottom: 20px;  
    padding-left: 30px;  
}
.imgRechts{
	float: right;
    padding-top: 5px;  
    padding-bottom: 2px;  
    padding-right: 50px;
} 

.imgMidden{
	float: inherit;
    padding-top: 5px;  
    padding-bottom: 2px;  
    padding-right: 100px;
    padding-left: 100px;
} 

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}
.txtli{
	margin: 5px;
	float:left;
	text-align:left;
}
.txtmi{
	margin: 2px;
	float:left;
	text-align:left;
	vertical-align:top;
}
.txtre{
	margin: 2px;
	float:left;
	text-align:left;
	vertical-align:top;
}
#footer {
clear: both;
color: #999;
text-align:center;
border-top: 1px solid black;
margin-top:0px; 
}

#siteInfo{
	clear: both;
	border: 1px solid #999999;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	position: relative;
}

#menul {
	width: 12em;
	border-right: 1px solid #000;
	padding: 0;
	margin-bottom: 1em;
	font-family:  Verdana, Arial, sans-serif;
}

#menul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#menul li {
	border-bottom: 1px solid #005d1f;
}

#menul li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #5D8BC3;
	border-right: 10px solid #BBD7F0;
	background-color: #73BEEB;
	color: #fff;
}

#menul li a:hover {
	border-left: 10px solid #03428F;
	border-right: 10px solid #047BD8;
	background-color: #5B87A1;
	color: #ffffff;
 	font-weight: bold; 
}

#menul ul li a.selected{
	border-right: 10px solid #FF0000;
 	font-weight: bold; 
 	color: #D6530E; 
}
#menut ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
		
#menut li {
display:inline;
}

#menut li a {
	font-family:  Verdana, Arial, sans-serif;
	text-decoration: none;
	width: 100%;
	padding: 0.2em 1em 0.2em 1em;
	border-left:1px solid black;
	border-right:5px solid #0045CC;
	border-bottom:1px solid #ffffcc;
	/*background-color: #73BEEB;*/
	color: #fff;
}

#menut li a:hover {
	background-color: #5B87A1;
	color: #ffffff;
	/*font-weight: bold;*/
	border-right:5px solid #005D1F;
	border-bottom:1px solid #000;
}

#menut ul li a.selected{
	border-right: 10px solid #FF0000;
	font-weight: bold;
	color: #D6530E;
}


html>body #menu li a {
	width: auto;
}

/**/
#menuglinks ul{
	margin: 2px;
	float:left;
	width:40%;
	text-align:	leftt;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(images/earth.gif);
}
#menuglinks ul li{
	margin-top:0.5em;
}
#menuglinks a{
	text-decoration: none;
	width: 8em;
}
#menuglinks a:hover{
	text-decoration:underline;
	color:red;
}
/**/


#space{
padding:10px;
height:50px;
}
.space{
padding:10px;
height:50px;
}

#contact{
	margin: 2px;
	clear:both;
	font-size: 12px;
	border-top: 1px solid #999999;
	padding-top:10px;
	text-align:center;
}
/**/
.lbGallery { 
			background-color: #ffffcc;
			padding-left: 20px;  
			padding-top: 20px;  
			padding-right: 20px;  
			padding-bottom: 20px;  
			width: 540px;
			height: auto;
			text-align:center;
		}
		.lbGallery ul { list-style: none; margin:0;padding:0; }
		.lbGallery ul li { display: inline;margin:0;padding:0; }
		.lbGallery ul li a{text-decoration:none;}
			
		.lbGallery ul li a img {
			border-color: #000000;
			border-left-width: 5px;
			border-top-width: 5px;
			border-right-width: 5px;
			border-bottom-width: 10px;
			margin-left:5px;
			margin-right:5px;
			margin-top:5px;
			margin-bottom:5px:
			}
			
		.lbGallery ul li a:hover img {	
			border-color: #0045cc;
			border-left-width: 5px;
			border-top-width: 5px;
			border-right-width: 5px;
			border-bottom-width: 10px;
		}
			
		#lightbox-container-image-box {
			border-top: 1px solid #0045cc;
			border-right: 1px solid #0045cc;
			border-bottom: 1px solid #0045cc;
			border-left: 1px solid #0045cc;
			}
			
		#lightbox-container-image-data-box { 
			border-top: 0px;
			border-right: 1px solid #0045cc;
			border-bottom: 1px solid #0045cc;
			border-left: 1px solid #0045cc;
			}
/**/
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 8em;
	font-family:  Verdana, Arial, sans-serif;

}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
}
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
ul.MenuBarVertical ul li
{
	width: 8.2em;
}
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
  	background-color: #FFFFCC; 
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #5B87A1;
	color: #FFF;
}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #5B87A1;
	color: #FFF;
}


ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image:url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image:url(SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
/******************************************************************/
#bAcrogym  a#Acrogym,
#bAGD  a#AGD, 
#bBeloften  a#Beloften, 
#bCapoeira  a#Capoeira, 
#bCheerleading  a#Cheerleading, 
#bGgymnastiek   a#Ggymnastiek,
#bJongensenMeisjes  a#JongensenMeisjes, 
#bJongens  a#Jongens, 
#bJuffersSeniors  a#JuffersSeniors,  
#bKleuters  a#Kleuters, 
#bMeisjes  a#Meisjes, 
#bRopeskipping  a#Ropeskipping, 
#bTaekwondo  a#Taekwondo, 
#bTrampoline  a#Trampoline, 
#bTumbling  a#Tumbling, 
#bVolwassenen  a#Volwassenen, 
#bZaalvoetbal  a#Zaalvoetbal
{
	border-right: 10px solid #FF0000;
 	font-weight: bold; 
 	color: #D6530E; 
}
/****************************************************************/