/*
Design by Jane-Es222
*/

* {
	margin: 0;
	padding: 0;
/*	border-style: solid; 
	border-width: 0px;
	border-color: #800080;*/
}


body{
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	min-width: 1000px;
}

body#kindjes #menu{
	border-left: 1px solid #800080;
}
body#kindjes #menu li a{
	border-right: 1px solid #800080;
	border-top: 1px solid #800080;
}
body#kindjes #content{
	background: #FFF;
	background: url(images/menubg.jpg) repeat-x top left;
}

body#kleuterklas #menu{
	border-left: 1px solid #800080;
}
body#kleuterklas #menu li a{
	border-right: 1px solid #800080;
		border-top: 1px solid #800080;
}
body#kleuterklas #content{
	background: #FFF;
	background: url(images/menubg.jpg) repeat-x top left;
}

body#lagereschool #menu{
	border-left: 1px solid #E3320F;
}
body#lagereschool #menu li a{
	border-right: 1px solid #E3320F;
		border-top: 1px solid #E3320F;
}
body#lagereschool #content{
	background: #FFF;
	background: url(images/mnbglager.jpg) repeat-x top left;
}
body#link #menu{
	border-left: 1px solid #304f96;
}
body#link #menu li a{
	border-right: 1px solid #304f96;
	border-top: 1px solid #304f96;
}
body#link #content{
	background: #FFF;
	background: url(images/mnbglink.jpg) repeat-x top left;
}

body#ag1 #menu{
	border-left: 1px solid #304f96;
}
body#ag1 #menu li a{
	border-right: 1px solid #304f96;
	border-top: 1px solid #304f96;
}
body#ag1 #content{
	background: #FFF;
	background: url(images/mnbglink.jpg) repeat-x top left;
}

body#schoolkrant #menu{
	border-left: 1px solid #0174AF;
}
body#schoolkrant #menu li a{
	border-right: 1px solid #0174AF;
	border-top: 1px solid #0174AF;
}
body#schoolkrant #content{
	background: #FFF;
	background: url(images/mnbgkrant2.jpg) repeat-x top left;
}

h1, h2, h3 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
}

p {
}

blockquote {
	margin-left: 3em;
}

ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

a {
	color: #304f96;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}

img {
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* Post */

.post {
	margin-bottom: 0px;
	padding: 10px 20px 5px 20px;
}

.post .title {
	margin : 5px 80px 5px 40px;
	/*padding-right: 20px;*/
	text-align: right;
	font-size: 21px; //1.3em;
	color: #000070;
}

.post .date {
	float: left;
	width: 70px;
	padding-right: 20px;
	text-align: right;
	font-size: x-small;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
	display: none;
}

.post .story {
	padding-top: 10px;
	color: #000070;
}

.post h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .8em;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
	margin-bottom: 1em;
	line-height: 150%;
	font-size: 13px;
	
}

#logo {
	width: 800px;
	height: 95px;
	margin: 10px auto 0px auto;
	background: url(images/minilogo.jpg) no-repeat top left; 
}

#logo h1 {
	margin: 65px 0 0 210px;
	letter-spacing: 2px;
	font-size: 18px/*1.6em*/;
	font-family: "Square 721 BT";
	/*font-style: italic;*/
	font-weight: bold;
	color: #304f96;
	position: absolute;
	white-space: nowrap;
}

#logo h2 {
	padding: 0 0 0 100px;
	font-size: 1.8em;
}

#logo a {
/*	text-transform: lowercase;*/
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #304f96;
}

/* Menu */
#content {
	width: 100%;
	
	padding:10px 0 0 0;
	background: red;
	z-index:100;
}

#menu {
	position:relative;
	width: 549px;
	height:66px;
	margin: 0px auto 0px auto;
	z-index:200; 
	background: url(images/buttonbar2.jpg) no-repeat 0px 1px;
	/* * html #menu {height: 61px;}*/
	list-style: none;
}
#menu ul {
	margin: 0;
}

#menu li {
	display: inline;
}

#menu a {
	width: 77px;
	text-decoration: none;
	display: block;
	height:62px;
	float: left;
		border-bottom: 0px solid #304f96;
	cursor:pointer;
	margin:0; 
	padding:0;  
	outline: none;/* get rid of dotted borders */
}

#menu a#school {
  background: url(images/school-up.jpg) no-repeat;
}
#menu a#kleuter {
  background: url(images/kleuter-up.jpg) no-repeat;
}
#menu a#lager {
 	background: url(images/lager-up.jpg) no-repeat;
}
#menu a#agenda {
 	background: url(images/agenda-up.jpg) no-repeat;
}
#menu a#krant {
  background: url(images/krant-up.jpg) no-repeat;
}
#menu a#links {
  background: url(images/links-up.jpg) no-repeat;
}
#menu a#home {
  background: url(images/home-up.jpg) no-repeat;
}

#menu b {
	position:absolute; 
	left:-9999px; 
	visibility: hidden;
	margin:0;
}

#menu a#school:hover, #menu .active a#school {
	background: url(images/school-click.jpg) no-repeat;
}
#menu a#kleuter:hover, #menu .active a#kleuter{
	background: url(images/kleuter-click.jpg) no-repeat;
}
#menu a#lager:hover, #menu .active a#lager {
	background: url(images/lager-click.jpg) no-repeat;
}
#menu a#agenda:hover , #menu .active a#agenda{
	   background: url(images/agenda-click.jpg) no-repeat;
}
#menu a#krant:hover , #menu .active a#krant{
	   background: url(images/krant-click.jpg) no-repeat;
}
#menu a#links:hover , #menu .active a#links{
	background: url(images/links-click.jpg) no-repeat;
}
#menu a#home:hover , #menu .active a#home{
	   background: url(images/home-click.jpg) no-repeat;
}

#menu a:hover {
	  position:relative;
}

#menu .active a#school {
	border-bottom: 3px solid #DCBDDF;
}
#menu .active a#kleuter {
	border-bottom: 3px solid #FFFF01;
}
#menu .active a#lager {
	border-bottom: 3px solid #24A910;
}
#menu .active a#agenda {
	border-bottom: 3px solid #FD4128;
}
#menu .active a#krant {
	border-bottom: 3px solid #20ABCC;
}
#menu .active a#links {
	border-bottom: 3px solid #F55EAD;
}
#menu .active a#home {
	border-bottom: 3px solid #F6971F;
}

#menu a:hover b {
	position:absolute;
	left:-1px; 
	top:61px; 
	display:block; 
	background:#FFFF00; 
	color:#000; 
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#800080;
	width:77px; 
	height:20px; 
	text-align:center; 
	font-family:"Trebuchet MS",arial, verdana, sans-serif; 
	font-size:11px; 
	line-height:18px;
	visibility: visible;
	z-index:400; 
}
#menu a#school:hover b {
	background:#DCBDDF;
	
}
#menu a#kleuter:hover b {
	background:#FFFF01;
	
}
#menu a#lager:hover b {
	background:#24A910;
	
}
#menu a#krant:hover b {
	background:#1AACD3;
	
}
#menu a#agenda:hover b {
	background:#FD4128;
	
}
#menu a#links:hover b {
	background:#F55EAD;
	
}
#menu a#home:hover b {
	background:#F9971C;
	
}
body#kindjes #menu a:hover b, body#kleuterklas #menu a:hover b{
	border-color: #800080;
}

body#link #menu a:hover b, body#ag1 #menu a:hover b{
	border-color: #304f96;
}

body#schoolkrant #menu a:hover b{
	border-color: #0174AF;
}
body#lagereschool #menu a:hover b{
	border-color: #E3320F;
}

#footer {
	clear: both;
	padding: 5px 20px;
	border-top: 1px dotted #304f96;
	
}

#footer p {
	font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

.block
{
	display: block; 
}
	
#menu1 {
	
	background: #fff; 
	background:url(images/blokmenu.jpg) no-repeat;
	background-attachment:fixed;
	background-position:center; 
	width:78px; 
	height:420px; 
	padding:10px; 
	margin:0px; 
	list-style:none; 
	position:relative; 
	z-index:200; 
	font-family:"Trebuchet MS",Arial, verdana, sans-serif; 
	border:0px solid #800080; 
}

#menu1 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse; 
	padding:0; 
	width:0; 
	height:0; 
	margin:-1px;
}

#menu1 li {
	display: inline;
/* for IE5 and IE6 */

	height:70px; 
	position:relative; 
	width:78px; 
	font-weight:normal;
	margin:0; 
	padding:0; 
}
#menu1 li a {
	display:block; 
	height:70px; 
	width:78px; 
	/*border:1px solid #888; 
	border-color:#ddd #888 #000 #ccc; */
	text-decoration:none; 
	margin:0; 
	padding:0;  
	cursor:pointer;
	outline: none;/* get rid of dotted borders */
}
#menu1 li a.kleuter0 {background:url(images/instap.jpg);}
#menu1 li a.kleuter1 {background:url(images/blok12.jpg);}
#menu1 li a.kleuter2 {background:url(images/blok22.jpg);}
#menu1 li a.kleuter3 {background:url(images/blok32.jpg);}
#menu1 li a.kleuter4 {background:url(images/turnen2.jpg);}
#menu1 li a.kleuter5 {background:url(images/verzorg2.jpg);}

#menu1 li a b {
	position:absolute; 
	left:-9999px; 
	margin:0;
}

#menu1 li a:hover {
	background-position: 0px 70px; 
	position:relative;
}
/*#menu1 li:hover a, #menu1 a:hover	{background-position: 1px 70px;}*/


#menu1 li.click a,
#menu1 li.click a:visited {background-position: 0px 70px;}


#menu1 li a:hover b {
	left:70px; 
	top:15px; 
	background:#FFFF00; 
	color:#000; 
	border:1px solid #888; 
	display:block; 
	width:125px; 
	height:20px; 
	text-align:center; 
	font-size:11px; 
	line-height:18px;
	z-index:400; 
}

#sidebar {
	width:216px;
	height: 335px;
	list-style: none;
	/*	background: url(images/bordjes.gif) no-repeat 20px 40px ;*/
	background: #fff; 
	background:url(images/black.jpg) no-repeat;
	background-position: 3px 3px;

/*	background-attachment:fixed;*/

	padding:0px; 
	margin:0px; 
	position:relative; 
	font-family:arial, verdana, sans-serif; 
	border:0px solid #800080; 
		}

#sidebar ul {
	margin: 0;
	margin-left:10px;
	padding-top:0px;
	width:200px;
	height: 319px;
}


/*
#sidebar li#parents {
	background: url(images/oudersbut1.gif) no-repeat;
}
#sidebar li#kids {
	background: url(images/kidsbut1.gif) no-repeat;
}*/
#sidebar li {
	display: inline;
/* for IE5 and IE6 */
	height:33px; 
	width:187px; 
	text-decoration:none; 
	margin-left:0px;
	margin-top:0px;
	padding:0;  
	cursor:pointer;
	outline: none;/* get rid of dotted borders */
	
}
#sidebar li a {
	display:block; 
	height:33px; 
	width:187px; 
	text-decoration:none; 
	margin-left:0px;
	margin-top: 0px;
	padding:0;  
	cursor:pointer;
	outline: none;/* get rid of dotted borders */
	position:relative;
	
}

/* Content > Sidebar > Kids */
/*
a#kids {
  display: block;
  height: 47px;
	width: 36px;
	margin-top: 10px;
	margin-left: 28px;
  text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(images/kids.gif);
}

a#kids:hover {
   background-image: url(images/kids2.gif);
}
#sidebar li#kids a{
 	background: url(images/kidsbut1.gif) no-repeat;
	
}*/



/*
a#parents {
    display: block;
    height: 59px;
	width: 25px;
	margin-top: 65px;
	margin-left: 95px;
    text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(images/ouders.gif);
}

a#parents:hover {
   background-image: url(images/ouders2.gif);
}
#sidebar li#parents a{
 	background: url(images/oudersbut1.gif) no-repeat;
}*/
/*
#sidebar b {
	position:absolute; 
	left:-9999px; 
	visibility: hidden;
	margin:0;
}*/

#sidebar li#lager1 a:hover, #sidebar li.click#lager1 a {
	background: url(images/blackup1.jpg) no-repeat;
}
#sidebar li#lager2 a:hover, #sidebar li.click#lager2 a {
  background: url(images/blackup2.jpg) no-repeat;
}
#sidebar li#lager3 a:hover, #sidebar li.click#lager3 a {
  background: url(images/blackup3.jpg) no-repeat;
}
#sidebar li#lager4 a:hover, #sidebar li.click#lager4 a {
  background: url(images/blackup4.jpg) no-repeat;
}
#sidebar li#lager5 a:hover, #sidebar li.click#lager5 a {
  background: url(images/blackup5.jpg) no-repeat;
}
#sidebar li#lager6 a:hover, #sidebar li.click#lager6 a {
  background: url(images/blackup6.jpg) no-repeat;
}
#sidebar li#lager7 a:hover, #sidebar li.click#lager7 a {
  background: url(images/blackup7.jpg) no-repeat;
}
#sidebar li#lager8 a:hover, #sidebar li.click#lager8 a {
  background: url(images/blackup8.jpg) no-repeat;
}
#sidebar li#lager9 a:hover, #sidebar li.click#lager9 a {
  background: url(images/blackup9.jpg) no-repeat;
}

/*
#sidebar a:hover b {
	left:70px; 
	top:15px; 
	background:#FFFF00; 
	color:#000; 
	border:1px solid #888; 
	display:block; 
	width:125px; 
	height:20px; 
	text-align:center; 
	font-size:11px; 
	line-height:18px;
	visibility: visible;
	z-index:400; 
}*/

	

#buffer
{ position:relative;
	visibility:hidden; 
		height:0px;
	/*min-height: 547px;*/
	left:0px; 
  top:0px;

	}

div#display { 
    margin: 0px 5px 0px 10px;
    padding:0px;
    display:none; /* until loaded */
}

div#display h3{ 
    border:none; padding:0;
}
#main{
width: 100%;
/*display: block;*/
}

#contentwrapper{
float: left;
width: 100%;
/*display: block;*/
}
body#kindjes #main{
	background: url(images/bgkindjes.gif) repeat-x top left;
	}
body#kleuterklas #main{
	background: url(images/blokbg.gif) repeat-x top left;
	}
body#lagereschool #main{
	background: url(images/bgbord.jpg) repeat-x top left;
	}
body#link #main{
	background: url(images/bglinks.gif) repeat-x top left;
	}
body#ag1 #main{
	background: url(images/bgagenda.jpg) repeat-x top left;
	}
body#schoolkrant #main{
	background: url(images/bgkrant2.jpg) repeat-x top left;
	}
	
#contentcolumn{
margin-left: 118px; /*Set left margin to LeftColumnWidth*/
/*border:3px solid #800080;*/ 

}

/* for IE6 and below to stop elements that are too wide from stretching the layout */ 
* html .contentwrap {width: 100%; overflow: hidden; } 

#leftcolumn{
float: left;
width: 118px; /*Width of left column*/
margin-left: -100%;
/*background: #FFFFFF;*/
}

* html #leftcolumn{
width: 118px;
}

#contentcolumn1{
margin-left: 226px; /*Set left margin to LeftColumnWidth*/
/*border:3px solid #800080;*/ 

}

#leftcolumn1{
float: left;
width: 226px; /*Width of left column*/
margin-left: -100%;
/*background: #FFFFFF;*/

}
.innertube{
margin: 10px 5px ; /*Margins for inner DIV inside each column (to provide padding)*/
/*margin-top: 0;*/

}
.innertube1{
margin: 10px 5px 10px 1px; /*Margins for inner DIV inside each column (to provide padding)*/
/*margin-top: 0;*/

}
#container {
	background:transparent; 
	width:108px; 
	margin:0px; 
	padding:0px; 
	display:block;
}
#container3 {
	background:transparent; 
	width:216px; 
	margin:0px; 
	padding:0px; 
	display:block;
}
#container1 {
	background:transparent; 
	background:url(images/clown.gif) no-repeat top right; 
	width:100%; 
	margin:0px; 
	padding:0px; 
	display:block;
}
#container2 {
	background:transparent; 
	width:100%; 
	margin:0px; 
	padding:0px; 
	display:block;
}
body#lagereschool #container2 {
	background:url(images/fingertip.gif) no-repeat bottom left; 
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {
	display:block; 
	overflow:hidden; 
	font-size:0;
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {
	height:1px;
}
.xb4, .xb5, .xb6, .xb7 {
	border-left:1px solid #800080; 
	border-right:1px solid #800080;
}
#container2 .xb4, #container2 .xb5, #container2 .xb6, #container2 .xb7 {
	border-left:1px solid #304f96; 
	border-right:1px solid #304f96;
}
#container3 .xb4, #container3 .xb5, #container3 .xb6, #container3 .xb7 {
	border-left:1px solid #E3320F; 
	border-right:1px solid #E3320F;
}
body#kindjes #container2 .xb4, body#kindjes #container2 .xb5, body#kindjes #container2 .xb6, body#kindjes #container2 .xb7{
	border-left:1px solid #800080; 
	border-right:1px solid #800080;
}
body#schoolkrant #container2 .xb4, body#schoolkrant #container2 .xb5, body#schoolkrant #container2 .xb6, body#schoolkrant #container2 .xb7{
	border-left:1px solid #0174AF;
	border-right:1px solid #0174AF;
}
body#lagereschool #container2 .xb4, body#lagereschool #container2 .xb5, body#lagereschool #container2 .xb6, body#lagereschool #container2 .xb7{
	border-left:1px solid #E3320F;
	border-right:1px solid #E3320F;
}
.xb1 {
	margin:0 8px; 
	background:#800080;
}
.xb2 {
	margin:0 6px; 
	background:#800080;
}
.xb3 {
	margin:0 4px; 
	background:#800080;
}
.xb4 {
	margin:0 3px; 
	background:transparent; 
	border-width:0 5px;
}
#container2 .xb4, #container3 .xb4, body#kindjes #container2 .xb4, body#schoolkrant #container2 .xb4, body#lagereschool #container2 .xb4 {
	margin:0 3px; 
	background:transparent; 
	border-width:0 5px;
}
.xb5 {
	margin:0 2px; 
	background:transparent; 
	border-width:0 4px;
}
#container2 .xb5, #container3 .xb5, body#kindjes #container2 .xb5, body#schoolkrant #container2 .xb5, body#lagereschool #container2 .xb5{
	margin:0 2px; 
	background:transparent; 
	border-width:0 4px;
}
.xb6 {
	margin:0 2px; 
	background:transparent; 
	border-width:0 3px;
} 
#container2 .xb6, #container3 .xb6, body#kindjes #container2 .xb6, body#schoolkrant #container2 .xb6, body#lagereschool #container2 .xb6{
	margin:0 2px; 
	background:transparent; 
	border-width:0 3px;
} 
.xb7 {
	margin:0 1px; 
	background:transparent; 
	border-width:0 3px; 
	height:2px;
} 
#container2 .xb7, #container3 .xb7, body#kindjes #container2 .xb7, body#schoolkrant #container2 .xb7, body#lagereschool #container2 .xb7{
	margin:0 1px; 
	background:transparent; 
	border-width:0 3px; 
	height:2px;
} 

.xboxcontent {
	display:block; 
	background:transparent; 
	border:3px solid #800080; 
	border-width:0 3px;
}
#container .xb4, #container .xb5, #container .xb6, #container .xb7, #container .xboxcontent {
	background:#fff;
}

#container2 .xb4, #container2 .xb5, #container2 .xb6, #container2 .xb7, #container2 .xboxcontent {
	background:#FFE1F0;
}
body#kindjes #container2 .xb4, body#kindjes #container2 .xb5, body#kindjes #container2 .xb6, body#kindjes #container2 .xb7, body#kindjes #container2 .xboxcontent {
	background:transparent; /*#FFE1F0;*/
}
body#ag1 #container2 .xb4, body#ag1 #container2 .xb5, body#ag1 #container2 .xb6, body#ag1 #container2 .xb7, body#ag1 #container2 .xboxcontent {
	/*background:#FEDBD6;*/
	background:transparent;
}
body#schoolkrant #container2 .xb4, body#schoolkrant #container2 .xb5, body#schoolkrant #container2 .xb6,
	body#schoolkrant #container2 .xb7, body#schoolkrant #container2 .xboxcontent {
	background:#DFF3F9;
}
body#lagereschool #container2 .xb4, body#lagereschool #container2 .xb5, body#lagereschool #container2 .xb6,
	body#lagereschool #container2 .xb7, body#lagereschool #container2 .xboxcontent {
	background:transparent;
}
body#link #container2 .xb1, body#link #container2 .xb2, body#link #container2 .xb3 {
	background:#304f96;
}
body#ag1 #container2 .xb1, body#ag1 #container2 .xb2, body#ag1 #container2 .xb3 {
	background:#304f96;
}
body#kindjes #container2 .xb1, body#kindjes #container2 .xb2, body#kindjes #container2 .xb3 {
	background:#800080;
}
body#schoolkrant #container2 .xb1, body#schoolkrant #container2 .xb2, body#schoolkrant #container2 .xb3 {
	background:#0174AF;
}
body#lagereschool #container2 .xb1, body#lagereschool #container2 .xb2, body#lagereschool #container2 .xb3 {
	background:#E3320F;
}

#container3 .xb1, #container3 .xb2, #container3 .xb3 {
	background:#E3320F;
}

body#link #container2 .xboxcontent, body#ag1 #container2 .xboxcontent{
	border:3px solid #304f96; 
	border-width:0 3px;
}
body#kindjes #container2 .xboxcontent {
	border:3px solid #800080; 
	border-width:0 3px;
}
body#schoolkrant #container2 .xboxcontent {
	border:3px solid #0174AF; 
	border-width:0 3px;
}
body#lagereschool #container2 .xboxcontent, #container3 .xboxcontent{
	border:3px solid #E3320F; 
	border-width:0 3px;
}