/* ###################################################### */

/* # version:   1.0                                     # */

/* # author:    N. A. van der Mull | Hoogvlieger        # */

/* # e-mail:    norman@hoogvlieger.com                  # */

/* # website:   http://www.hoogvlieger.com              # */

/* ###################################################### */


/* GLOBAL RESET */

/* ################################################### */


html
{
  width: 100%; 
  height: 100%; 
  padding: 0;
  margin: 0;
}



.display, .item17, item18
{
  display: none ! important;
}

body                          
{ 
  width: 100%; 
  height: 100%; 
  font-size: 75% ! important; 
  line-height: 150% ! important;
  padding: 0;
  margin: 0;
  color: #ff0000;
}

dl,dt,dd,ul,ol,li
{
}

div,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote
{  
  margin:0; 
  padding:0; 
}
#page
{
  margin: 20px auto;
}
a
{
  color: #3a6e00;
}

a.readon
{
  padding-left: 22px;
  text-decoration: underline;
  background: url(/img/greenArrow.jpg) no-repeat -13px -10px;
}


table.fltable
{
  margin: 12px auto;
}

a:hover
{
  color: #295d00;
}


fieldset             { padding: 0;     }
a img                { border: 0;      }

body

{
	background: #3a6e00 url(/img/bodyBg.jpg) repeat-x left top ! important;
	/* background: url(/img/homepage.jpg) no-repeat left top; */
	font-family: tohoma, trebuchet, arial, verdana ! important;
	color: #666;
}


h1
{
  color: #39B54A;
  background: #fff;
  font-family: trebuchet ms, verdana, arial;
  font-size: 2.2em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  padding-bottom: 12px;
  padding-top: 8px;
  margin: 0 ! important;
  display: block;
}

h2, h3
{
  letter-spacing: 0.08em;
  font-size: 1.5em;
  font-family: trebuchet ms, verdana, arial;
  color: #EE3124;
  text-transform: uppercase;
  margin-bottom: 8px;
}

h2
{
  margin-top: 12px;
  margin-bottom: 8px;
}

h3
{
  font-size: 1.3em;
}

h4
{
  font-size: 1.1em;
}

#wrapper
{
  background: #fff url(/img/contentBg.jpg) repeat-y left top;
  position: relative;
  margin-top: 223px;
  width: 980px;
  /* opacity: 0.8; */
}

.oneColumn
{
  background-position: -440px 0 ! important;
}

#wrapper #mainPanelTop
{
  background: url(/img/contentPanelTop.gif) no-repeat left top;
  height: 24px;
  width: 980px;
  position: absolute;
  left: 0px;
  top: -24px;
}


#logo
{
  position: absolute;
  left: 13px;
  top: -215px;
  width: 263px;
}

#payoff {
	color: #FFFFFF;
	font-size: 1.5em;
	height: 110px;
	left: 295px;
	line-height: 1.3em;
	overflow: auto;
	position: absolute;
	top: -149px;
	width: 483px;
}

/* searchBox */

#searchBox
{
  position: absolute;
  right: -49px;
  top: -227px;
  background: url(/img/searchPanel.png) no-repeat left top;
  width: 320px;
  height: 58px;
  padding-left: 33px;
  padding-top: 14px;
}

#searchBox label
{
  width: 55px;
  float: left;
  display: block;
}

#searchBox .button
{
  padding-left: 12px;
}

#mainColumn
{
  float: left;
  width: 680px;
  margin-left: 18px;
}

/* leftColumn */

#leftColumn
{
  float: left;
  width: 260px;
  position: relative;
  top: -12px;
}

/* mainMenu */

#leftColumn #mainMenu,
#leftColumn #mainMenu ul
{
  display: block;
  list-style: none; 
  list-style-image: none;
  margin: 0;
  padding: 0;
  font-family: trebuchet ms;
  text-align: right;
  text-transform: uppercase;
  width: 242px;
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 24px;
  position: relative;
  z-index: 10;
}

#leftColumn #mainMenu li,
#leftColumn #mainMenu li li
{
  list-style: none; 
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 242px;
  position: relative;
  display: block;
}

#leftColumn #mainMenu li a
{
  display: block;
  background: url(/img/mainMenuItem.jpg) no-repeat 0 -38px;
  padding: 12px 28px 0 32px;
  height: 28px;
  left: 0;
  bottom: 0;
  width: 186px;
}






#leftColumn #mainMenu li.active a
{
  background: url(/img/mainMenuItem.jpg) no-repeat 0 -84px;
  height: 28px;
  padding-top: 22px;
  z-index: -1;
}


#leftColumn #mainMenu li a:hover
{
  display: block;
  background: url(/img/mainMenuItem.jpg) no-repeat 0 0;
}

#leftColumn #mainMenu li.active a:hover
{
  background: url(/img/mainMenuItem.jpg) no-repeat 0 -84px;
}


#leftColumn #mainMenu li a
{
  text-decoration: none;
  color: #fff;
}

#leftColumn #mainMenu li.active ul li a
{
  background: none ! important;
  color: #444;
  padding: 0;
  margin: 0;
  display: block;
  width: 218px;
  padding-right: 24px;  
}

#leftColumn #mainMenu li ul li#current a span
{
  text-decoration: underline;
}


#leftColumn #mainMenu li ul li a
{
  background: none ! important;
  color: #444;
  padding: 0;
  margin: 0;
  display: block;
  width: 219px;   
}


#banner
{
  clear: both;
  margin-bottom: 14px;
}

#innerLeftColumn
{
  float: left;
  width: 412px;
  padding-right: 8px;
}

#innerRightColumn
{
  float: left;
  width: 242px;
  margin-left: 16px;
}

/* footermenu */

ul#footerMenu
{
  background: #8CC63F;
  height: 24px;
  display: block;
  clear: both;
  padding-top: 8px;
  padding-left: 229px;
  list-style: none;
  list-style-type: none;
  margin: 0;
}

ul#footerMenu li
{
  display: block;
  float: left;
  list-style: none; 
  list-style-image: none;
  list-style-position: inside;
  margin: 0;
  color: #fff;
}

ul#footerMenu li.copy
{
  padding-right: 12px;
}


ul#footerMenu li a
{
  color: #fff;
  text-decoration: none;
  padding: 0 12px;
  border-left: 1px solid #fff;
  display: block;
}


/* leftPanel styles */

.leftPanel
{
  background: #F7F7F7;
  margin-left: 12px;
  margin-bottom: 32px;
  width: 213px;
  padding: 0 8px;
  position: relative;
}

.leftPaneltellafriend
{
  margin-left: 12px;
  margin-bottom: 32px;
  width: 213px;
  padding: 0 8px;
  position: relative;
}

.leftPanel .panelTop,
.leftPanel .panelBottom
{
  height: 8px;
  background: url(/img/panelBg.jpg) no-repeat left top;
  position: absolute;
  left: 0;
  top: -8px;
  width: 229px;
  line-height: 1px;
  font-size: 1px;
}

.leftPanel .panelBottom
{
  background-position: 0 -8px;
  top: auto;
  bottom: -8px;
}

.rightPanel,
.rightPanelsmallgallery,
.rightPanelnewsletter
{
  border-bottom: 1px solid #ececec;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.rightPanel ul,
.rightPanel ul li,
.mainPanel ul,
.mainPanel ul li
{
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.rightPanel ul li,
.mainPanel ul li
{
  padding-left: 11px;
  background: url(/img/bullet.jpg) no-repeat 0px 7px;
}

/* breadcrumb */

ul#breadcrumb
{
  height: 24px;
  background: #fff;
  margin: 0;
  padding: 0;
}

ul#breadcrumb li
{
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-right: 8px;
  list-style: none;
  list-style-position: inside;
  list-style-type: none;
}

ul#breadcrumb li a
{
  color: #666;
  text-decoration: none;
}

input.greenButton
{
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  width: 222px;
  background: url(/img/buttonGreen.jpg) no-repeat center center;
  margin: 0 auto;
  border: 0;
  cursor: pointer;
  padding: 12px;
  display: block;
  position: relative;
  left: -8px;
}


.leading_separator
{
  height: 5px;
  font-size: 8px;
  line-height: 6px;
}

a.greenButton
{
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  width: 240px;
  background: url(/img/buttonGreen.jpg) no-repeat center center;
  margin: 0 auto;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 12px;
  text-decoration: none;
}



.greenButtonPostIt
{
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
  width: 240px;
  background: url(/img/greenButtonPostIt.jpg) no-repeat center top;
  margin: 0 auto;
  border: 0;
  cursor: pointer;
  height: 24px;
  display: block;
  padding: 8px 0 0 0;
}



form.poll fieldset
{
  padding: 0;
  margin-bottom: 4px;
  background: none;
  border: 0;
}

#faderContainer
{
  clear: both;
}

#container
{
  padding-bottom: 12px;
  background: #fff;
}

#subscribeFormModule label
{
  display: block;
  float: left;
  width: 60px;
}

#subscribeFormModule input.button
{
  margin: 12px 0px 12px 60px;
}

.mod_placehere_leading,
.mod_placehere_following
{
  padding-left: 8px;
  border-left: 5px solid #8CC63F;
  margin-bottom: 12px;  
}

.mod_placehere_leading a,
.mod_placehere_following a
{
  color: #666! important;
}


/* Tell a friend */

#tafWrapper
{
  width: 340px;
  margin: 24px;
}

#tafWrapper div.inner
{
  background: url(/img/tafPanelTop.gif) no-repeat left top;
  padding: 10px;
  width: 340px;
  padding-top: 4px;
  text-align: left;
}

#tafWrapper h4
{
  margin: 12px 0;
}


#tafWrapper fieldset
{
  padding: 0;
  border: 0;
  display: block;
  height: 32px;
  clear: both;
}

#tafWrapper fieldset label
{
  width: 80px;
  float: left;
}


#tafWrapper dd
{
  padding: 0;
  margin-bottom: 8px;
}

form.search_result fieldset
{
  padding: 10px;
}


/* Post-It styles */

div.postIt
{
  background: url(/img/postit_middle.jpg) repeat-y left top;
  color: #004295;
}

div.postIt h3
{
  font-family: comic sans ms, comic sans, comic-sans, comic_sans, arial;
  text-transform: none ! important;
  font-size: 20px;
  color: #006837;  
}

div.postItInner
{
  background: url(/img/postit_bottom.jpg) no-repeat left bottom;
}

div.postItInner2
{
  background: url(/img/postit_top.jpg) no-repeat left top;
  padding: 24px 18px 18px 18px;
}

.JCE_editor,
.mceContentBody
{
  background: #ffffff ! important;
  background-position-x: 
}

.newsletter input
{
  margin-bottom: 8px;
  
}

.newsletter input#wz_11,
.newsletter input#wz_12
{
  width: 180px;
}

blockquote
{
  padding: 0;
  margin: 0;
  font-family: Comic Sans, Comic Sans MS, cursive;
}

.blogCalendar
{
  width: 80%;
}

.blogCalendar td,
.blogCalendar th
{
  padding: 8px;
}

td.blogCalendarDay a.blogCalendarDay
{
  font-weight: bold;
  font-size: 1.2em;
}


.blogCalendarHeader,
.blogCalendarHeader a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
}

.blogCalendarHeader
{
  background: #295D00;
}

.dayName
{
  background: #8CC63F;
  font-weight: bold;
  color: #fff;
}

table.blogCalendar td
{
  text-align: center;
}


table.blogCalendar,
table.blogCalendar td,
table.blogCalendar th

{
  border-collapse: collapse;
  border: 1px solid #295D00;
}

/* lightbox gallery styles */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
 
#jquery-overlay 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box 
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.zc-labelheader
{
  border: 1px solid green;
}

.display, .item17, .item20
{
  display: none ! important;
}


#homeButton
{
  margin: 0px auto;
  width: 218px;
  height: 100px;
  background: url(http://www.kidspower.nl/images/homebutton.jpg) no-repeat left top;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
}

#homeButton p
{
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: verdana;
  padding: 14px 0px;
  padding-right: 6px;
}

#homeButton a.hockey
{
  border-right: 1px solid #fff;
}


#homeButton a
{
  color: #eee;
  display: block;
  width: 104px;
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#homeButton a:hover
{
}

#homeButton a:hover
{
  color: #fff;
}

#schrijf-je-in
{
  position: absolute;
  right: 9px;
  top: 160px;
}