/* samenland oktober 2007. 
Met dank aan David Sawyer McFarland (CSS The Missing Manual)
*/

/* ------------------------Browservoorkeur strippen--------------------------------------------- */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0*/
/* This style sheet is licensed under a Creative Commons License. */
:link,:visited,:hover { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* -------------- einde Browsevoorkeur strippen-------------------------*/


/* ---------------hoofdstructuur definieren------------------------------*/	
html{height:100%;}

body {width:98%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%;text-align: center;	height:100%;}	
#container{font-size:.8em;	position:relative;  /*needed for footer positioning*/
	width:65em;	margin-left: auto;	margin-right: auto;
	text-align: left; height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; border-style: solid; border-color: #42A04D;
	border-width: 1px;} /* firefoxbug?: zonder topborder verdwijnt scrollbar (heb ik nodig bij 100% hoogte om te voorkomen dat beeld heen en weer schuift door verschrijnen en verdwijnen scrollbar*/
	
#content {text-align:left; margin-left:11.2em; margin-right: 11.2em; z-index:5; min-height:35em;
	padding-top: 5px; padding-right: 10px;	padding-bottom: 2em; padding-left: 10px;}
#linkerkolom {position: absolute; top:0; left:0; width:11.1em; z-index: 1000; margin-bottom:1.2em;
	font-variant:normal;}
#linkerkolom .logo {width:11em;	height:6.3em;}
#linkerkolom #fade{text-align:right; width:10em; height:15em; border-width: 1px; border-style: solid; margin-left:0.4em;
	margin-top:6.3em;}
#rechterkolom{position: absolute; top:0px; right:0px; width:11em; text-align: center; padding-top:2em; margin-bottom:1.2em;
	font-variant: normal;}/* padding-top:6.3em;*/

#kruimelpad{text-align: right; padding-bottom: 1em;	padding-top: 0.5em;	border-bottom-width: 1px; border-bottom-style: solid;}
#footer{margin-left:auto; margin-right: auto;}

.index img {width:10em;height:15em;}
.slot{bottom: 0px; text-align:center; font-size: smaller;}
.slot a {font-weight:bold; text-decoration:none; font-variant: small-caps; letter-spacing: 0.1em;}
	
/* -------------- Het 100% CSS hoofdmenu --------------  */
#menu a {font-weight:bold; text-decoration:none; display:block; /* moet uitgeschakeld worden voor IE5: display:inline*/
	z-index:10000;}
#menu  ul, #menu  li {margin:0;	padding:0; display:block;}	
#menu ul{list-style:none; width:11.1em;	padding:0px; border:1px;}	
#menu li {position:relative; padding:3px; border:1px solid;	border-right:4px solid;	z-index:10000;}
#menu li:hover {z-index:10005; text-decoration:none;}
#menu ul ul {position:absolute;	display:none; width:200px; border:1px; left:97%; top:-1px; z-index: 11000;
	}	
#menu li:hover ul ul {display:none;}
#menu li:hover ul, #menu li:hover li:hover ul {display:block;}
/* -----------------*/	

/* ----links en logo sponsors instellen----*/	
.sponsors{width: 125px; height: 216px; background: url(../images/sponsors.gif) no-repeat; margin: 1px auto; padding: 0;
    position: relative;}
.sponsors li {margin: 0; padding: 0; list-style: none; position: absolute; left: 0;}
.sponsors a {width:auto; }/*  herstel van width:100% is nodig in IE5 om links op plaatjes mogelijk te maken binnen div menu*/
.sponsors li, .sponsors a{display: block; height:65px;}	
.sponsors .link1 {top: 0; height: 65px; width:125px;}
.sponsors .link2 {top: 65px; height: 70px; width:125px;}
.sponsors .link3 {top: 135px; height: 75px; width:125px;}
/* ------------------- */
/* ----navigatie links records instellen----*/	
.navigatie{
	width: 120px;
	height: 26px;
	background: url(../images/navigatie.gif) no-repeat;
	background-position:0 2px;
	margin: 1px;
	padding: 0;
	position: relative;
}
.navigatie li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
.navigatie a {width:auto; }/*  herstel van width:100% is nodig in IE5 om links op plaatjes mogelijk te maken binnen div menu*/
.navigatie li, .navigatie a{display: block; height:26px; width: 120px;}	
.navigatie .link1 {left: 0px; height: 26px; width:26px; }
.navigatie .link2 {left: 26px; height: 26px; width:34px; }
.navigatie .link3 {left: 60px; height: 26px; width:34px; }
.navigatie .link4 {left: 94px; height: 26px; width:26px;}
.navigatie li:hover, .navigatie a:hover{display: block; height:35px; width: 120px;}	
.navigatie li:hover, .navigatie a:hover{width:40px;}
	
.navigatie a:hover{background: url(../images/navigatie.gif) no-repeat;}
.navigatie .link1 a:hover{background-position:0 -30px; height: 26px; width:32px; }
.navigatie .link2 a:hover{background-position:-32px -33px; height: 26px; width:40px; }
.navigatie .link3 a:hover{background-position:-72px -33px; height: 26px; width:43px; }
.navigatie .link4 a:hover{background-position:-115px -33px;height: 26px; width:35px; }
/* ------------------- */

.rechterlogo {text-align:right; background: url(../images/logorechts.jpg) no-repeat; background-position:0 0px; height:202px; width:10.5em; margin: 2em 5px 0px 0px; padding: 0;}
.rechterlogo li {margin: 0;	padding: 0;	list-style: none;}
.rechterlogo li, .rechterlogo a {display: block; height:202px; width:10.5em;}	
.rechterlogo a:hover{background: url(../images/logorechts.jpg) no-repeat;background-position:0px -200px;}
.bijschrift {
	font-size: 0.8em;
	text-align:center;
	line-height:0.8em;
	margin-top:0.2em;
	font-variant: small-caps;
}
#fade{text-align:right; width:10em; height:15em; border-width: 1px; border-style: solid; margin-left:0.4em;
	margin-top:4em;}
/*  -------- algemene opmaak elementen -----*/
h1{font-size:1.4em;	padding-top: 1.2em;	padding-left: 10px;}
h2{font-size:1.3em;	margin-bottom: 0.4em;}
h3{font-size:1.2em;	border-bottom:0px; font-weight:normal; padding-bottom: 0.2em;}
p{margin-left:10px;	margin-right:5px; margin-bottom:5px; margin-top:8px;}
img{margin-top:2px;	border:0px;	outline: none;}


.center{text-align:center;}
.left{text-align:left}
.midden{text-align:center;	margin-right: auto; margin-left: auto;}
.right{text-align:right}
.small{	font-size:0.8em;}

.fright{float:right;}
.fleft{float:left;}

h1.titel{padding-right: 0.5em;	padding-bottom: 1.5em;	padding-left: 0.5em; text-align: center;}
img.right{float:right;}	
img.left{float:left; padding: 3px; margin-top: 3px;	margin-right: 8px; margin-bottom: 3px; margin-left: 3px;}	


table p{text-align:right; font-size: 0.8em;}

.webbinnen{ /* klasse voor inline webverwijzingen */ 
padding-left:15px; background-image: url(../images/icon_fox.jpg); background-repeat:no-repeat; background-position:left;}

ul, ol{margin-left:15px; margin-right:5px; margin-bottom:5px; margin-top:8px;
	list-style-type: circle; list-style-position: outside; padding-left: 10px;}
ol{list-style:decimal;list-style-position:inside;}
ul.pdf, li.pdf {list-style-image : url(../images/icon_pdf.gif);}
ul.web, li.web {list-style-image : url(../images/icon_fox.jpg);}
ul.word, li.word{list-style-image : url(../images/icon_word.gif);}
ul.bol, li.bol{list-style-image : none;	list-style-type: circle;}
ul.excel, li.excel{list-style-image : url(../images/icon_excel.jpg);}		
img.web, img.word, img.pdf{margin: 0px;	margin-right:2px; border:0; }	


/* stijl voor de leesboeken*/
.fjall{
	margin-right:20%;
	margin-left:auto;
	width:60%;
}
.fjall p{line-height:1.3em}
.poezie{
	font-size:120%;
	margin-left:20%;
}
.poezie p{margin-top:1.5em}

/* einde stijl leesboeken*/
ul{
	margin-top:2px;
}

a:link, a:active{
	 	font-style: normal;
		font-weight: bold;
	 	text-decoration: none;
		}	
a:visited {
		font-weight: bold;
	 	text-decoration:none;
		} 		
a:hover {
	font-weight: bold;
	text-decoration:underline;
	}  	

.welkomlogo img{/* klasse voor infopagina */
	width:11em;	height:6.3em; padding-top:3em;
}
.welkomlogo-1 img{/* klasse voor infopagina */
	width:11em;	height:6.3em; padding-top:4.7em;
}
.noshow {display:none;}

.clearfloat{clear:both;}			

.selecties {/* klasse voor uitklappanel  */
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #FFFFF0;
	text-align: right;
	
}

.mail {
	border: 1px solid;
	background: #FFFFF0;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: left;
	border: thin none #000000;
}
	
.boekeigen{/* klasse voor??  */
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	margin: 1.2em;
}
.red{
	color: #FF0000;
}
div.indexKop{}
div.indexCon{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0.5em;
}

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	  /*float: left;hack voor Safari FF, zonder float verdwijnt eerste tab - waarom???, maar met flow loopt tekst over content border heen*/
	clear: none;
	width: 98%;  /*IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	border: thin none #000000;
	z-index: 1;
	min-height:25em;
}

.TabbedPanelsTabGroup {margin: 0px;	padding: 0px;z-index: 1;}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 8px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	z-index: 1;
}

.TabbedPanelsTabSelected {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
}

.TabbedPanelsTab a {color: black;text-decoration: none;}

.TabbedPanelsContentGroup {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: none;
}
.TabbedPanelsContent {padding: 0.5em;}

.TabbedPanelsContent p {line-height: 140%;}
.TabbedPanelsContent ul {line-height: 140%;}

/* Focusstreepjes in Firefox verwijderen */
.TabbedPanelsTab:focus, .CollapsiblePanelTab:focus, .TabbedPanelsTab:focus{outline: none;}

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border: solid 1px;
}
.CollapsiblePanelTab {
	text-align:right;
	border-bottom: solid 1px;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(../images/accordeonright.gif);
	padding-left:25px;
	padding-right:5px;
	background-repeat:no-repeat;
	background-position:left;
}

.CollapsiblePanelContent {margin: 0px; padding: 0.2em;}
.CollapsiblePanelTab a {text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image:url(../images/accordeondown.gif);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left;}

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.Accordion {
	overflow: hidden;
	width:93%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	outline: none;
	margin: 1em;
	margin-bottom:0;
}
.AccordionPanel {margin: 0px; padding: 0px;}
.AccordionPanelTab {
	margin: 0px;
	padding:0.2em;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-image:url(../images/accordeonright.gif);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0.5em;
	/* height: 20em;*/
	border: 1px solid;
	line-height: 140%;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-image:url(../images/accordeondown.gif);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left;
}


/* ------ kleurenschema --------*/
/* 
goudachtig (body)#FEE882
ivoor(container, content) #FFFFF0

bruin toon 30 verzadiging 110
donker #806A34 (helderheid 90)
basis #AB8D45 (helderheid 120)
heel licht bruin ggz #EBE1CD (helderheid op 220)

groen 90 110
donker #34803D (90) 
basis groen #45AB51 (120)
heel licht #CCECD0 (220 helderheid)

blauw toon 145 verzadiging 255
donker #006AB4 (90)
basis #008DF0 120
heel licht #B9E2FF (220)*/



body {background:#FEE882;}
#container, #content{background:#FFFFF0;}


a:link,  a:active {color: #0065A8;}
a:visited {color:#5C6ABC;}

h1,h2,h3,h4,h5,h6{color: #34803D;}

#menu li a {color:#FFFFF0;}

#menu ul {background:#AB8D45;}
#menu li:hover {background:#806A34;}

#menu li.folder {border-right-color:#806A34;}	
#menu li {
	border-top-color:#FEFEDA;
	border-bottom-color:gray;
	border-right-color:#A38535;
	}
/* kleur containers indexpagina*/
div.indexKop{
}
div.indexCon{
	border-top-color: #006AB4;
	border-right-color: #006AB4;
	border-bottom-color: #006AB4;
	border-left-color: #006AB4;
}


#kruimelpad{
border-bottom-color:#008DF0;
}

.TabbedPanelsTabGroup {background-color: #FFFFF0;}
.TabbedPanelsTab {color: #806A34;}
.TabbedPanelsTabHover {color: #45AB51;}
.TabbedPanelsTabSelected, .TabbedPanelsContentGroup{border-color: #006AB4;background-color: #FFFFF0;}
 
 
.AccordionPanelTab {
	border-top-color: #FFFFF0;
	border-bottom-color: #FFFFF0;
	color: #000000;
	background-color: #DFF3E1
}
.Accordion {border-color:#006AB4;}
.AccordionPanelTab, .AccordionFocused .AccordionPanelTab {background-color: #EBE1CD;}
.AccordionPanelOpen .AccordionPanelTab{background-color: #CCECD0 ;}
.AccordionPanelTabHover {color: #000000;}
.AccordionPanelOpen .AccordionPanelTabHover {color: #000000;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background-color: #CCECD0 ;
}

 /* CollapsiblePanel */
.CollapsiblePanel {border-color: #008DF0;}
.CollapsiblePanelTab {background-color: #EBE1CD;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #EBE1CD;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #CCECD0;}
.CollapsiblePanelClosed .CollapsiblePanelTab {background-color: #EBE1CD}

/* --------einde kleurenschemas -----*/