/*
Title:      	Pulderbos master styles for screen media
Author:     	dhu, © 2009 anaXis nv.
Updated:        Oktober 2009
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Tahoma, Arial, Verdana, sans-serif; background: #9ACB62 url(images/bg_body.jpg) repeat-x left 0px; }

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; color: #232B74; text-decoration:none; }
address { color:#595959; font-size: 12px; font-style: normal; width:824px; text-align:right; line-height:normal; margin: 0 auto 10px;}
address a { color:#595959; font-size: 12px; font-style: normal; line-height:normal; text-decoration:underline; }
h1 { font-size: 1.7em; line-height: 1.9em; color: #114364; }
h2 { font-size: 1.5em; line-height: 1.7em; color: #638A39; font-weight:normal; }
h3 { font-size: 1.3em; line-height: 1.6em; color: #638A39; }
li { font-size: 1.2em; }
p { font-size: 1.2em; color: #595959; margin-bottom: 20px; }
p a { font-size: 1em; color: #232B74; text-decoration:none;}

/*	outerwrapper
--------------------------------*/
#outerwrapper { background-color:transparent; overflow:hidden; padding:20px 0; }

/*	wrapper
--------------------------------*/
#wrapper { margin: -15px auto 0; width:900px; }

/*	topwrapper
--------------------------------*/
#topwrapper { margin: 0 auto; width:1080px; height:158px; position:relative; }

/*	logowrap
--------------------------------*/
div.logowrap { width:140px; height:158px; position:absolute; *float:left; *position:relative }

div.jubileum { display: none; }

div.loggedin { width:120px; height:30px; position:absolute; right:200px; top:30px;}

#bar { float:left; *float:none; background: transparent url('images/balk.gif') no-repeat; width:823px; height:15px;  margin: 117px 0 0 140px;}

/*	logowrap
--------------------------------*/
#topmenu { width:320px; position:absolute; left:650px; top:68px; }

/*	menu: = tools
--------------------------------*/
#tools { float: right; margin-right: 10px; line-height:normal; }

#tools span { padding: 3px 5px; }
#tools span a { color: #8A88B7; font-size: 22px; text-decoration:none; }

#tools a img.btnPrint2Pdf { margin:0 2px; }

#MenuTools { text-align:right; }

#tools a.home { padding:3px 5px 3px 0; }
#tools a.sitemap { padding:3px 8px;}
#tools a.print { padding:3px 8px 3px 5px; }
#tools span.switch { padding:3px 5px 3px 6px; }
#tools span.login { padding:3px 5px; }

#tools span a.default, #tools span a.bigger { margin: 0; padding: 0; }

#tools fieldset { border: 0; margin: 7px 0 0 0; }
#searchbox { background: transparent url('images/search.jpg') no-repeat; height:21px; width: 170px; float:left; margin-top: 3px; }
#tools fieldset label { display: none; }
#tools fieldset input.text { float: left; padding:2px 0 0 0; margin: 0 0 0 7px; border: 0; width: 150px; background:transparent none repeat scroll 0 0; color:#595959; font-size:12px;}
#tools fieldset input.button { margin: 3px 4px 0 8px; }

/*	innerwrapper
--------------------------------*/
#innerwrapper { margin: 0 auto; }

/*	header
--------------------------------*/
#header { clear: both; height: 214px; overflow: hidden; width: 864px;  margin: 0 auto; position:relative; z-index:1;}
#header div  { float: left; }
#header div h2, #header div h3 { display: none; }
#header div p { margin: 140px 0 0 113px; color: #10456D; font-weight: bold; font-size: 1.2em; }
#header table { margin: 0 auto; width:865px; }
#header td img { border: solid 0px #fff !important; }

/*	contentwrapper
--------------------------------*/
#contentwrapper { margin: 0 auto; }

/*	menu
--------------------------------*/
#homemenu { background: transparent url('images/bg_menu.png') no-repeat; clear: both; margin: 0 auto 10px; overflow: hidden; width: 865px; height:215px; }
#detailmenu { background: transparent url('images/content_bgheader.png') no-repeat; clear: both; margin: 0 auto; overflow: hidden; width: 865px; height:100px;}

/*	container
--------------------------------*/
#container { width: 865px; margin: 0 auto; background: transparent; padding: 0 10px; position:relative; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { margin: -15px 10px 0; *margin:0 10px 0; *position:relative; *top:-10px; font-size:1.1em; }
#breadcrumb span { font-size:1.1em; }
#breadcrumb a { text-decoration:underline; }
#breadcrumb * { color:#595959;}

#treetitle h2 { font-size: 1.5em; line-height: 1.8em; color: #114364; font-weight:bold; }

/*	slidetree
--------------------------------*/
#slidetree { margin:17px 0 0 20px; font-size: 10px; line-height:normal; width:850px; height:180px; _position:relative; _z-index:2; }

#slidetree ul { list-style: none; margin: 0; padding:0; }
#slidetree ul li { float: left; display: block; overflow: hidden; width:131px; height:180px; background: #EFF8E5 url('images/menuitem_greenc.png') no-repeat right top; }

#slidetree ul li.selected { margin-right:10px; }

#slidetree ul li a span.Kinderen {display:block; background-image: url('images/kinderen_corners.png'); z-index:1; position:relative; width:131px; height:180px; float:left; }
#slidetree ul li.selected a span.Kinderen {display:block; background-image: url('images/kinderen_open.png') ; z-index:1; position:relative; width:131px; height:180px; float:left; }
#slidetree ul li a span.Jongeren {display:block; background-image: url('images/jongeren_corners.png'); z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li.selected a span.Jongeren {display:block; background-image: url('images/jongeren_open.png') ; z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li a span.Ouders {display:block; background-image: url('images/ouders_corners.png'); z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li.selected a span.Ouders {display:block; background-image: url('images/ouders_open.png') ; z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li a span.Professionelen {display:block; background-image: url('images/professionelen_corners.png'); z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li.selected a span.Professionelen {display:block; background-image: url('images/professionelen_open.png') ; z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li a span.Onderwijs {display:block; background-image: url('images/onderwijs_corners.png'); z-index:1; position:relative; width:131px; height:180px; float:left;}
#slidetree ul li.selected a span.Onderwijs {display:block; background-image: url('images/onderwijs_open.png') ; z-index:1; position:relative; width:131px; height:180px; float:left;}

#slidetree ul li img.treeimg { border: 3px solid #881212; margin-left:-99px; height:180px; float:left;}
#slidetree ul li p a { display: block; overflow: hidden; padding-right:22px; padding-top:3px; background: transparent url('images/listimg.gif') no-repeat scroll 140px 10px; font-size:13px !important; }
#slidetree ul li p { margin: 0; padding: 0; width: 160px; *width:auto; height:180px; display: block !important; margin-left: 131px; text-align:right; display:block; font-size:13px !important;  }

#slidetree #a1{ width: 250px; }

#slidetree div.subitems { width:120px;}

/*	vpslidetree
--------------------------------*/ 
#vpslidetree { width: 650px; margin: 20px; _position:relative; _z-index:2; }
#vpslidetree ul{ list-style: none; margin: 0; padding: 0; }
#vpslidetree ul li{ float: left; margin-right: 10px; }
#vpslidetree ul li a{ display: block; overflow: hidden; width:81px; height:80px; background-color:#EFF8E5; background:#EFF8E5 url('images/menuitem_square_rightend.png') no-repeat top right; }

#a1{ width: 210px; }

#vpslidetree ul li a span.topimg { display:block; background-image: url('images/menuitem_square.png'); z-index:1; position:relative; width:81px; height:80px; float:left;}
#vpslidetree ul li a.selected span.topimg {display:block; background-image: url('images/menuitem_square_leftc.png') ; z-index:1; position:relative; width:81px; height:80px; float:left;}
#vpslidetree ul li img.treeimg {  border: 3px solid #881212; margin-left:-81px; width:81px; height:80px; float:left;}
#vpslidetree ul li span.paragr { margin: 0; padding: 0;  display: block; margin-left: 81px; /**margin-left: 0;*/ height:auto; position:relative; top:-25px; /**position:absolute; *top:65px;*/ /*background:transparent url('images/menuitem_rightend.png') no-repeat top right;*/ }
#vpslidetree ul li span.paragr span.text { margin-left: 15px;  position:absolute; *position:relative; font-size: 16px; top:75px; /**top:-25px; *left:15px;*/ }

/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; margin: 0 auto; padding-bottom: 5px; }
#canvas div.corners { padding: 10px; margin-bottom: 12px !important; }

/*	canvas: =tree
--------------------------------*/
#tree { float: left; width: 210px; margin-right: 12px; _width:190px; }

/*	canvas: =sidebar
--------------------------------*/
#sidebar { float: left; width: 220px; _width:200px; }
#treetitle { margin: 15px 0 0 20px; }
#treetitle span { margin: 0 auto; color:#114364; font-size:1.5em; line-height:1.8em;} 

/*	canvas: =contentcontainer
--------------------------------*/
#contentcontainer { float: left; width: 865px; background: transparent url('images/content_bg.png') repeat-y top left; padding-top:10px; }

/*	canvas: =content
--------------------------------*/
#contenttop { float:left; width:629px; height:29px; background: transparent url('images/lightbgtop.jpg') no-repeat;}
#contentbottom { float:left; width:629px; height:28px; background: transparent url('images/lightbgbottom.jpg') no-repeat;}
#content { float: left; width:629px; background-color: #EFF8E5; }

#contentwrap { float: left; width:629px; background-color:Transparent; }

#inhoud { width: 590px; margin:0 20px; position: relative; z-index:1;  }
#inhoud a { text-decoration:underline; }
#inhoud div h1 { margin-bottom: 15px; }

#content a.link { display: block; text-align: right; color: #114364; text-decoration: none; font-weight: bold; }
#content a.link:hover { text-decoration: underline; }
#content ul, #content ol { padding-left: 20px; color:#595959; }
#content ul li ul li, #content ol li ol li { font-size:1em; }
#content ul li { list-style: none url('images/listimg.gif') outside; }
#content li a { color:#232B74; text-decoration: underline; font-size: 1em; }
#content p.error { color: #F00;}

/*** IMAGES ***/ 

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

#content p q, #content p acronym, #content p abbr, #content p dfn { border-bottom:dashed 1px #595959;}

#sessions table { margin: 7px 7px 15px 20px; }
#sessions table th { text-align: center; color: #000; font-weight:bold; border-bottom: solid 1px #C8C9C4; font-size:1.1em; }
#sessions table td { text-align: center; font-size: 1.1em; color: #232B74; border-bottom: solid 1px #C8C9C4; }
#sessions table td.date { width: 130px;}
#sessions table td.van, #sessions table td.tot { font-weight:bold;}
#sessions table td a { color:#232B74; z-index:2; margin-left:10px; font-size:1em; position:relative; }

/*	gewone content tabel
--------------------------------*/
#inhoud div table { width:auto; max-width:590px; margin: 20px 0; border-collapse:collapse; }
#inhoud div table th { text-align: center; color: #000; font-weight:bold; border-bottom: solid 1px #C8C9C4; font-size:1.1em; }
#inhoud div table tr { border-bottom: solid 1px #C8C9C4; font-size:1.1em; }
#inhoud div table tr td { border-bottom: solid 1px #C8C9C4; padding:3px 15px 3px 5px; vertical-align:top;}
#inhoud div table tr td p { margin:0; }
#inhoud div table tr td p a { position:relative; z-index:2; color:#232B74; z-index:2; font-size:1em; }

#inhoud div span table tr, #inhoud div span table td { border-bottom:none; }

#inhoud div table.eyeRssFeed { border-collapse:collapse; border:1px solid #C8C9C4; }
#inhoud div table tr.rssHeader { font-weight: bold; border-bottom: solid 2px #C8C9C4; }
#inhoud div table tr.rssHeader td, #inhoud div table tr.rssHeader td a { color:#232B74; }
#inhoud div table tr.rssItem td { color:#595959; border-bottom: solid 1px #C8C9C4; }
#inhoud div table tr.rssAlternatingItem td { color:#595959; border-bottom: solid 1px #C8C9C4; }

#inhoud div table tr td p { margin:0; }


/*	startpage: blokken
--------------------------------*/

#blockleft { float:left; background: transparent url('images/bg_block.png') no-repeat; width:284px; height:243px; margin-right:5px;}
#blockleft div { width:250px; overflow:hidden; margin: 0 auto; position:relative; z-index:2;}
#blockleft div h2 { margin-top: 15px; color: #114364; margin-bottom:8px; }
#blockleft div h2 span { font-size:18px; }
#blockleft div p { height: 122px; overflow:hidden; font-size:14px; margin-bottom:20px;}
#blockleft div div.splinks { height:35px; }
#blockleft div div.splinks p { overflow:hidden; text-align:right; float:right; font-size:14px; margin:0; padding:0; line-height:normal; height:35px;}
#blockleft div div.splinks p a { font-weight:bold; color: #232B74; font-size:12px; line-height:normal; }

#blockmid { float:left; background: transparent url('images/bg_block.png') no-repeat; width:284px; height:243px; margin-right:5px; }
#blockmid div { width:250px; overflow:hidden; margin: 0 auto; position:relative; z-index:2;}
#blockmid div h2 { margin-top: 15px; color: #114364; margin-bottom:8px; }
#blockmid div h2 span { font-size:18px; }
#blockmid div p { height: 122px; overflow:hidden; font-size:14px; margin-bottom:20px; }
#blockmid div div.splinks { height:35px; }
#blockmid div div.splinks p { overflow:hidden; text-align:right; float:right; font-size:14px; margin:0; padding:0; line-height:normal; height:35px;}
#blockmid div div.splinks p a { font-weight:bold; color: #232B74; font-size:12px; line-height:normal; }

#blockright { float:left; background: transparent url('images/bg_block.png') no-repeat; width:284px; height:243px; }
#brwrap { width: 250px; overflow:hidden; margin: 0 auto; }

#brwrap div.news { padding-top: 15px; height:80px; overflow:hidden; width:240px; position:relative; z-index:2;}
#brwrap div.events { padding-top: 5px; height:80px; position:relative; z-index:2; overflow:hidden; width:240px;}

#brwrap a.readmore { font-weight:bold; color: #232B74; text-align:right; float:right; font-size:12px; line-height:normal; position:relative; z-index:2; }

div.events h2, div.news h2 { font-size:18px; color: #114364; margin-bottom:5px;}
div.events, div.news { font-size:14px; color:#595959; }
div.events dt, div.news dt { margin:0px; padding:0; }
div.events dd, div.news dd { margin:0px; padding:0; }

fieldset legend { font-size:1.1em; font-weight:bold; color: #595959; padding:2px; }
fieldset .fieldrow { margin-top:5px; margin-left:10px; font-size:1.1em; color: #595959; }
fieldset .fieldrowinv { color:#595959; font-size:1.1em; margin-left:10px; margin-top:5px; }
fieldset .fieldrow span { margin-left:5px; }
fieldset .fieldrow span.error { margin-left:5px; color: #F00; }
fieldset .fieldrow input.fieldbutton { margin:10px 10px; float:right; z-index:2; position:relative; }

div.txterror { margin-left:10px; margin-top:5px; }
div.txterror p { color:#FF0000; font-size:1.1em;}

/*	bottom
--------------------------------*/
#bottom { background:transparent url('images/content_bgfooter.png') no-repeat; width: 865px; height: 21px; float:left;}

/*	footer
--------------------------------*/
#watermark { position:absolute; left:630px; bottom: -70px; z-index:0;}
#footer { background-color: transparent; width: 900px; margin: 75px auto 0; padding: 0; }
#footer a { font-size: 1em; text-decoration: underline; }
#footer span { padding: 0 3px; }

/*	created
--------------------------------*/
#created { width: 840px; margin: 0 auto; text-align: right; }
#created * { vertical-align: middle; font-size: 1.1em; }
#created a { margin-left: 7px; padding-bottom: 1px; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: -580px !important; }

/* ----- resetpassword.aspx ----------------	*/
fieldset.rstpwd, fieldset.rstpwd input { font-size:1.2em !important; color:#595959;  }


/* ----- datepicker css for IE6 & IE7 ----------------	*/
#datepickeriframe, table.dpTable { width:170px !important; }

#gallery div.imgcontainer { background-color:#D2E8B9; display:table; float:left; padding:5px; }